:root{--g-bg:#10160f;--g-panel:#1b2418;--g-fg:#eaf2dc;--g-mute:#a8b49a;--g-line:#64734d;--g-lime:#c9f27a;--g-orange:#ffad55;--g-red:#ff5c63;--g-shadow:#050805}
*{box-sizing:border-box}
body.guitar-page{margin:0;min-height:100vh;padding:20px 16px 56px;background-color:var(--g-bg);color:var(--g-fg);font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.8}
.guitar-app{width:min(1120px,100%);margin:0 auto}
.guitar-header{position:relative;padding:12px 0 18px}
.back-link,.guitar-app footer a{color:var(--g-lime);text-decoration:none;border-bottom:2px solid currentColor}
.back-link{font-size:9px}
.pixel-kicker{margin:18px 0 8px;color:var(--g-orange);font-size:8px;letter-spacing:1px}
.guitar-header h1{margin:0 0 14px;font-size:clamp(15px,4vw,25px);line-height:1.6}
.intro,.notice,.section-heading p,.status,.amp-foot,.amp-led-row,.guitar-nav{font-family:system-ui,sans-serif;font-size:14px;line-height:1.5}
.intro{max-width:760px}
.notice{padding:10px 12px;border:2px dashed var(--g-line);color:var(--g-mute)}
.amp-console{margin:12px auto 20px;max-width:760px;padding:12px;background:#2b1d38;border:4px solid #8d6ca8;box-shadow:8px 8px 0 var(--g-shadow);image-rendering:pixelated}
.amp-topline,.amp-foot{display:flex;justify-content:space-between;gap:12px;padding:0 6px;color:#eadcf3;font-size:8px}
.amp-face{position:relative;display:grid;grid-template-columns:1fr 2fr;gap:14px;align-items:center;margin-top:8px;padding:18px;background:linear-gradient(135deg,#513968,#281f35);border:4px solid #160f1d;box-shadow:inset 0 0 0 3px #9877ad}
.amp-brand{display:flex;align-items:center;gap:12px}
.amp-brand h2{font-size:10px;line-height:2}
.brand-bolt{color:#d9b2ff;font-size:30px}
.amp-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.amp-control{display:flex;flex-direction:column;gap:5px;color:#d9b2ff;font-size:8px;text-align:center}
.amp-control input{width:100%;accent-color:#d9b2ff}
.amp-control output{font-size:8px}
.amp-grill{grid-column:1/-1;display:grid;place-items:center;min-height:54px;border:3px solid #1a1120;background:repeating-linear-gradient(0deg,#291f32 0 4px,#453451 4px 7px);color:#b99bc9;font-size:18px;letter-spacing:4px}
.amp-led-row{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:#eadcf3;text-transform:uppercase;font-size:10px}
.led{width:10px;height:10px;border:2px solid #160f1d;background:#39264c}
.led.on{background:#d9b2ff;box-shadow:0 0 10px #d9b2ff}
.led.clip{background:var(--g-red);box-shadow:0 0 8px var(--g-red)}
.power-state{color:#d9b2ff}
.guitar-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.guitar-nav a,.preset-grid button,.guitar-app button,.file-button,.download-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:2px solid var(--g-line);background:var(--g-panel);color:var(--g-fg);font:inherit;font-size:9px;text-decoration:none;cursor:pointer}
.guitar-nav a{min-height:34px;color:var(--g-lime);font-size:9px}
.guitar-app button:hover,.guitar-nav a:hover,.download-link:hover,.file-button:hover{background:var(--g-lime);color:#10160f}
.guitar-app button:disabled{opacity:.45;cursor:not-allowed}
.guitar-app button:focus-visible,.guitar-app a:focus-visible,.guitar-app summary:focus-visible,.guitar-app input:focus-visible,.guitar-app select:focus-visible{outline:3px dashed var(--g-orange);outline-offset:3px}
.guitar-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.g-panel{min-width:0;border:3px solid var(--g-line);background:var(--g-panel);box-shadow:4px 4px 0 var(--g-shadow)}
.g-panel>summary{padding:12px 14px;color:var(--g-lime);cursor:pointer;font-size:10px;list-style-position:inside}
.g-panel[open]>summary{border-bottom:2px solid var(--g-line)}
.panel-body{padding:14px}
.panel-body label:not(.file-button){display:block;margin:4px 0 7px;color:var(--g-mute);font-family:system-ui,sans-serif;font-size:14px}
.guitar-app select,.guitar-app input[type=file]{width:100%;max-width:100%;padding:9px;border:2px solid var(--g-line);background:var(--g-bg);color:var(--g-fg);font:14px system-ui,sans-serif}
.file-button{margin-top:10px;font-size:8px}
.button-row,.ab-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.recording-effects-toggle[aria-pressed="true"]{border-color:var(--g-lime);color:var(--g-lime);background:#24371e}
.file-mode-toggle[aria-pressed="true"]{border-color:var(--g-lime);color:var(--g-lime)}
.status{min-height:1.5em;color:var(--g-mute);margin:10px 0}
.tuner{text-align:center}
.tuner-note{color:var(--g-lime);font-size:clamp(28px,6vw,46px);line-height:1.5}
#tunerFrequency{color:var(--g-mute);font:14px system-ui,sans-serif}
.tuner-meter{position:relative;height:16px;margin:20px 0 10px;border:2px solid var(--g-line);background:linear-gradient(90deg,#642a31 0 25%,#82743b 25% 45%,#24371e 45% 55%,#82743b 55% 75%,#642a31 75%);overflow:hidden}
.tuner-meter:after{content:"";position:absolute;left:50%;top:0;height:100%;border-left:2px solid var(--g-fg)}
#tunerNeedle{position:absolute;z-index:1;left:50%;top:0;width:3px;height:100%;background:var(--g-lime);transform:translateX(-50%);transition:left 80ms linear}
.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.preset-grid button{font-size:8px}
.pedalboard-panel{grid-column:1/-1;padding:14px}
.section-heading h2{margin:0;color:var(--g-lime);font-size:12px}
.section-heading-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.heading-actions{display:flex;align-items:center;gap:8px}
.heading-actions button{flex:0 0 auto}
.reset-effects-button{color:#ffe3e5!important;border-color:#ff5c63!important;background:#4a171b!important;box-shadow:0 0 10px #ff2635,0 0 20px #ff263566,inset 0 0 0 2px #a92730!important}.reset-effects-button:hover{color:#fff!important;background:#a92730!important;border-color:#ff9ba0!important;box-shadow:0 0 14px #ff4752,0 0 26px #ff263588,inset 0 0 0 2px #ff5c63!important}.reset-effects-button:active{background:#7f1d24!important;box-shadow:0 0 7px #ff2635,inset 0 0 0 2px #ff8a8f!important}.heading-actions #randomizePedals{color:#10210b!important;background:#a8ff3e!important;border-color:#d4ff75!important;box-shadow:0 0 10px #8cff00, inset 0 0 0 2px #70c900!important}.heading-actions #randomizePedals:hover{color:#0b1607!important;background:#c5ff70!important;border-color:#e6ffad!important}.heading-actions #randomizePedals:active{background:#83df19!important}
.section-heading p{margin:4px 0 12px;color:var(--g-mute)}
.pedal-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.pedal{--pedal-color:var(--g-line);min-width:0;padding:10px;border:3px solid var(--pedal-color);background:linear-gradient(160deg,#273121,#151c13);box-shadow:inset 0 0 0 2px #0e130d}
.pedal-green{--pedal-color:#76a945}.pedal-yellow{--pedal-color:#d9c34b}.pedal-blue{--pedal-color:#4f9ab5}.pedal-orange{--pedal-color:#db7b35}.pedal-purple{--pedal-color:#9b76c7}.pedal-pink{--pedal-color:#d579a3}.pedal-white{--pedal-color:#c8d1bf}
.pedal.is-bypassed{opacity:.72}
.pedal-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.pedal-title{margin:0;color:var(--pedal-color);font-size:9px}
.pedal-switch{min-height:30px!important;padding:4px 7px!important;font-size:8px!important;color:var(--g-lime)!important}
.pedal-switch[aria-checked="false"]{color:var(--g-mute)!important}
.pedal-switch[aria-checked="true"]{color:#fff!important;background:#450b10!important;border-color:#ff334b!important;box-shadow:0 0 6px #ff243d,0 0 14px #ff243d,0 0 26px #ff243d88,inset 0 0 0 2px #ff6675!important;text-shadow:0 0 5px #ff8792}
.pedal-switch[aria-checked="true"]:hover{color:#fff!important;background:#781020!important;border-color:#ff8190!important;box-shadow:0 0 10px #ff243d,0 0 22px #ff243d,inset 0 0 0 2px #ff8792!important}
.pedal label{display:flex;justify-content:space-between;gap:8px;margin:6px 0 2px;color:var(--g-mute);font:12px system-ui,sans-serif}
.pedal input[type=range]{width:100%;accent-color:var(--g-lime)}
.pedal-actions{display:flex;gap:6px;margin-top:8px}
.pedal-actions button{flex:1;min-height:30px!important;padding:4px!important;font-size:7px!important}
.pedalboard-panel>.status{margin-bottom:0}
.record-time{font-size:22px;color:var(--g-lime);letter-spacing:2px}
.guitar-app audio{display:block;width:100%;margin-top:12px}
.guitar-app footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:28px;padding-top:14px;border-top:2px solid var(--g-line);font-size:8px;color:var(--g-mute)}
.footer-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.download-link[hidden],audio[hidden]{display:none}
@media(max-width:700px){.guitar-layout{grid-template-columns:1fr}.pedalboard-panel{grid-column:auto}.amp-face{grid-template-columns:1fr}.amp-controls{grid-template-columns:repeat(3,1fr)}.amp-grill,.amp-led-row{grid-column:auto}.guitar-app footer{flex-direction:column;align-items:flex-start}}
@media(max-width:420px){.amp-face{padding:12px}.preset-grid{grid-template-columns:1fr}.guitar-nav a{flex:1}.pedal-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}



/* Amplificador neon violeta escolhido pelo usuário. */
.amp-console{background:#251033;border-color:#f044ee;box-shadow:0 0 8px #f044ee,0 0 22px #c42dff88,8px 8px 0 var(--g-shadow)}
.amp-face{background:linear-gradient(135deg,#64248b,#20102f);border-color:#170a20;box-shadow:inset 0 0 0 3px #d84dff,inset 0 0 24px #bc35ff66}
.amp-brand h2{color:#ffe4ff;text-shadow:0 0 7px #f044ee88}
.brand-bolt{color:#ff54f0;text-shadow:0 0 8px #ff36e8,0 0 18px #bc35ff}
.amp-control{color:#ffd6ff;text-shadow:0 0 6px #d746f188}
.amp-control input{accent-color:#f044ee}
.amp-grill{border-color:#b34de2;background:repeating-linear-gradient(0deg,#24132e 0 4px,#432454 4px 7px);color:#ff70ee;text-shadow:0 0 10px #e72cda}
.amp-led-row{color:#ffe5ff}
.led.on{background:#ff61f1;box-shadow:0 0 8px #ff47eb,0 0 16px #d52aff}
.power-state{color:#ff8bf6;text-shadow:0 0 8px #ff39ec,0 0 16px #d52aff}


/* Tipografia retrô aplicada a todos os elementos da página de Guitarra. */
body.guitar-page,body.guitar-page *{font-family:"Press Start 2P",monospace!important}


/* Escala comum: texto geral 10 px e apoio 9 px em fonte pixel. */
body.guitar-page{font-size:10px;line-height:1.8}
.intro,.notice,.section-heading p,.status,.amp-foot,.amp-led-row,.guitar-nav{font-size:10px;line-height:1.7}
.panel-body label:not(.file-button){font-size:9px}
.guitar-app select,.guitar-app input[type=file]{font-size:10px}
#tunerFrequency{font-size:10px}
.pedal label{font-size:9px}


/* Escala tipográfica refinada para equilibrar com Voz sem perder a identidade pixel. */
body.guitar-page{font-size:9px;line-height:1.75}
.guitar-header h1{font-size:clamp(14px,3.2vw,22px);line-height:1.55}
.g-panel>summary{font-size:9px}
.section-heading h2{font-size:10px}
.guitar-nav a,.preset-grid button,.guitar-app button,.file-button,.download-link{font-size:8px}
.intro,.notice,.section-heading p,.status,.amp-foot,.amp-led-row,.guitar-nav{font-size:9px;line-height:1.7}
.panel-body label:not(.file-button),.pedal label{font-size:8px}
.guitar-app select,.guitar-app input[type=file],#tunerFrequency{font-size:9px}