@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
:root{--ink:#302a43;--muted:#6f627c;--rose:#d99cae;--cream:#fff8f2;--line:rgba(76,58,91,.22);--mono:'VT323','Courier New',monospace;--sans:'VT323','Courier New',monospace;--serif:'VT323','Courier New',monospace;--xp-blue:#6f9ee8}
*{box-sizing:border-box}
html{min-height:100%;background:#f2b5b9;scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--sans);background:linear-gradient(180deg,#776b9e 0%,#c16e9e 18%,#f07891 39%,#ff9a78 62%,#ffc17c 82%,#ffe0a1 100%);overflow-x:hidden}
.dream-page{isolation:isolate;position:relative}
.dream-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 48% 24%,rgba(255,239,203,.58),transparent 27%),radial-gradient(ellipse at 8% 64%,rgba(255,183,203,.35),transparent 29%),radial-gradient(ellipse at 92% 50%,rgba(255,172,148,.35),transparent 28%),linear-gradient(180deg,rgba(35,25,67,.2),transparent 42%,rgba(255,190,120,.22));}
/* Camadas de nuvens largas, com volume suave em vez de desenhos cartunescos. */
.dream-page:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.62;background:radial-gradient(ellipse 34% 10% at 8% 29%,#fff4ef 0 35%,transparent 72%),radial-gradient(ellipse 28% 9% at 22% 32%,#f9e4e6 0 35%,transparent 74%),radial-gradient(ellipse 38% 12% at 93% 42%,#ffe9dc 0 33%,transparent 73%),radial-gradient(ellipse 30% 10% at 79% 46%,#f8dce0 0 35%,transparent 72%),radial-gradient(ellipse 48% 14% at 3% 83%,#ffe9dc 0 30%,transparent 75%),radial-gradient(ellipse 43% 13% at 98% 88%,#fff0df 0 32%,transparent 74%),radial-gradient(ellipse 34% 9% at 50% 97%,#fff2e5 0 33%,transparent 72%);filter:blur(10px)}
.sky-glow{position:fixed;z-index:0;inset:auto 0 -9vh;height:48vh;background:radial-gradient(ellipse at 50% 100%,rgba(255,237,207,.86),transparent 67%);pointer-events:none}
.cloud{position:fixed;z-index:0;pointer-events:none;opacity:.38;filter:blur(13px);background:rgba(255,246,241,.88);border-radius:100px;width:340px;height:74px;box-shadow:50px -28px 0 8px rgba(255,246,241,.88),108px -12px 0 17px rgba(255,246,241,.88),160px 9px 0 1px rgba(255,246,241,.88),215px 2px 0 -8px rgba(255,246,241,.88)}
.cloud-one{top:15%;left:-300px;transform:scale(1.35);animation:drift 78s linear infinite}.cloud-two{top:51%;right:-390px;transform:scale(1.45);opacity:.3;animation:drift-reverse 96s linear infinite}.cloud-three{top:79%;left:8%;transform:scale(.8);opacity:.25;animation:drift 110s linear infinite}
@keyframes drift{from{translate:-5vw 0}to{translate:130vw 0}}@keyframes drift-reverse{from{translate:5vw 0}to{translate:-130vw 0}}
.home-shell{position:relative;z-index:1;width:min(760px,100%);margin:auto;padding:22px 22px 18px;min-height:100vh;display:flex;flex-direction:column;align-items:stretch}
.site-top,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:#594b68}.tiny-mark{font-weight:500}.online{display:flex;align-items:center;gap:8px}.online i{width:6px;height:6px;background:#b6f0ca;border-radius:50%;box-shadow:0 0 0 4px #b6f0ca2a,0 0 14px #b6f0ca}
.hero{text-align:center;padding:clamp(37px,7vh,70px) 0 19px}.overline{font-family:var(--mono);font-size:13px;letter-spacing:1px;font-weight:400;color:#6c566f;margin:0 0 18px}h1{font-family:var(--serif);font-size:clamp(40px,8vw,66px);line-height:1.04;letter-spacing:0;margin:0;font-weight:500;color:#3d304f;text-shadow:0 2px 25px rgba(255,244,232,.25)}h1 em{font-style:italic;color:#fff3e8;text-shadow:0 3px 22px rgba(145,82,109,.26)}.subline{font-size:12px;letter-spacing:.15px;color:#6d586e;margin:17px 0 0}
/* Countdown: agora vem antes do terminal e parece uma sinalização sutil, não um brinquedo. */
.mystery-count{text-align:center;padding:20px 0 24px;margin:0 0 1px}.count-label{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--mono);font-size:13px;letter-spacing:.6px;font-weight:400;color:#654c69}.count-label i{width:23px;height:1px;background:rgba(101,76,105,.48)}.countdown{display:flex;justify-content:center;align-items:center;gap:clamp(8px,2vw,16px);margin:8px 0 0;font-family:var(--mono);font-variant-numeric:tabular-nums;color:#fff8f0;text-shadow:0 2px 18px rgba(109,62,99,.25);font-size:clamp(32px,6.6vw,45px);letter-spacing:-1px}.countdown span{min-width:34px}.countdown b{font-weight:400;color:#8e6b83;font-size:22px}.count-units{display:flex;justify-content:center;gap:clamp(18px,4.1vw,39px);padding-left:2px;font:12px var(--mono);letter-spacing:.5px;color:#785d79}.count-units span{width:35px}.count-foot{display:block;font-size:10px;color:#81677d;margin-top:9px;letter-spacing:.25px}
.xp-window{position:relative;background:rgba(250,246,246,.78);border:1px solid rgba(255,255,255,.8);border-radius:5px;overflow:hidden;box-shadow:0 24px 65px rgba(73,47,78,.17),0 4px 12px rgba(73,47,78,.08),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(16px);transition:box-shadow .25s,border-color .25s,transform .25s}.xp-window:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(89,73,124,.045) 4px);transition:opacity .2s}.code-window.is-active{border-color:rgba(255,255,255,.98);box-shadow:0 25px 70px rgba(71,45,81,.24),0 0 0 1px rgba(255,255,255,.38),0 0 32px rgba(255,238,236,.28)}.code-window.is-active:after{opacity:1}.code-window.is-active .window-bar{background-position:100% 0}.code-window.is-active .window-icon{animation:icon-pulse 1.5s ease-in-out infinite}.code-window.is-active .window-status{color:#e9ffe9}.code-window.is-active .window-status:before{background:#a4efbd;box-shadow:0 0 9px #a4efbd}
.window-bar{min-height:37px;display:flex;align-items:center;gap:9px;padding:7px 9px;color:#fff;background:linear-gradient(105deg,#514c70 0%,#82749b 48%,#c49ab0 100%);background-size:200% 100%;font:15px var(--mono);text-shadow:0 1px 2px #3e3556;transition:background-position .5s}.window-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;background:linear-gradient(145deg,#fff8ec,#e8d8e8);color:#705a83;font-size:14px;text-shadow:none}.window-bar strong{font-weight:500;flex:1}.window-status{font:8px var(--mono);letter-spacing:.6px;color:#e5dce9;white-space:nowrap}.window-status:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:#c7b5cf;vertical-align:middle;transition:background .2s}.window-controls{display:flex;gap:4px}.window-controls span{display:grid;place-items:center;width:18px;height:17px;border:1px solid #ffffff7d;border-radius:2px;background:linear-gradient(#fffafc,#cfc3d8);color:#5c4b71;text-shadow:none;font-size:12px;line-height:1}
.window-content{position:relative;z-index:1;padding:21px clamp(17px,4vw,30px) 18px}.window-kicker{font:20px var(--mono);color:#80658f;margin:0 0 6px;letter-spacing:.3px}.code-hint{font-size:12px;line-height:1.65;color:#73657a;margin:0 0 18px}label{display:block;font:9px var(--mono);letter-spacing:1.3px;color:#79617f;margin-bottom:8px}.input-row{display:flex;gap:8px}input{font:500 13px var(--mono);letter-spacing:1.7px;min-width:0;flex:1;border:1px solid #cbbbd2;border-radius:3px;padding:12px 13px;background:rgba(255,253,251,.86);color:#453752;outline:none;box-shadow:inset 0 1px 3px #78578a0b;transition:border-color .2s,box-shadow .2s,background .2s}input:focus{border-color:#9e83b3;background:#fffdfd;box-shadow:0 0 0 3px #a98dbb25,0 0 18px #d3b3d92b}input::placeholder{color:#b6a8bb}button,.button{font:500 10px var(--mono);letter-spacing:.6px;border:1px solid #746184;border-radius:3px;color:#fff;background:linear-gradient(135deg,#80708f,#655473);padding:0 17px;cursor:pointer;box-shadow:inset 0 1px #ffffff30;transition:transform .15s,filter .15s,box-shadow .15s}button:hover,.button:hover{filter:brightness(1.09);transform:translateY(-1px);box-shadow:0 4px 12px #6554732e}button:active,.button:active{transform:translateY(0)}
.response{min-height:18px;margin-top:12px;font:11px/1.7 var(--mono);color:#79658b;overflow-wrap:anywhere}.response.success{color:#49795f}.response.error{color:#a85672}.secret{margin-top:10px;padding:12px;border:1px dashed #c5afce;border-radius:3px;background:#fff8fc}.secret small{display:block;margin-top:8px;color:#8d7799;font:9px var(--mono)}.secret img{display:block;width:min(100%,520px);max-height:280px;object-fit:contain;margin:auto}
.transmission-card{display:flex;align-items:center;gap:13px;margin-top:15px;padding:15px 16px;text-decoration:none;color:inherit;background:rgba(255,248,246,.56);border:1px solid rgba(255,255,255,.72);border-radius:5px;box-shadow:0 9px 28px rgba(85,55,87,.07);backdrop-filter:blur(12px);transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.transmission-card:hover{transform:translateY(-2px);background:rgba(255,250,248,.78);border-color:#fff;box-shadow:0 14px 35px rgba(85,55,87,.13)}.transmission-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid #ffffffad;border-radius:50%;background:linear-gradient(145deg,#f2d8dc,#d6c2de);font-size:20px;color:#655271;box-shadow:0 4px 12px #73577818}.transmission-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.transmission-copy small{font:13px var(--mono);letter-spacing:.5px;color:#7f647f}.transmission-copy strong{font-size:12px;font-weight:600;letter-spacing:.05px}.transmission-copy>span{font-size:11px;color:#826f86}.card-arrow{font-size:20px;color:#80668c;transition:transform .2s}.transmission-card:hover .card-arrow{transform:translate(2px,-2px)}
.site-footer{margin-top:auto;padding-top:16px;font-size:9px;letter-spacing:.8px;color:#7c657d}
body.shake .code-window{animation:shake .24s linear}@keyframes shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes icon-pulse{0%,100%{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 4px #fff3}}
/* Página de transmissões: preserva os componentes existentes no mesmo universo visual. */
.transmissions-shell{width:min(800px,100%);margin:auto;min-height:100vh;padding:22px;position:relative;z-index:1}.page-heading{text-align:center;padding:48px 0 26px}.page-heading h1{font-size:clamp(34px,7vw,55px)}.page-heading p{font-size:13px;color:#6f5d77;line-height:1.7}.back-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#594966;font:10px var(--mono);letter-spacing:.6px;transition:transform .2s}.back-link:hover{transform:translateX(-3px)}.transmission-list{display:grid;gap:12px;margin-bottom:25px}.transmission-item{display:flex;align-items:center;gap:13px;padding:15px;background:rgba(250,246,246,.72);border:1px solid rgba(255,255,255,.85);border-radius:5px;box-shadow:0 8px 24px #80547b12;backdrop-filter:blur(12px);transition:transform .2s,background .2s}.transmission-item:hover{transform:translateY(-1px);background:rgba(255,250,248,.9)}.transmission-item .track-no{font:25px var(--mono);color:#9679a4;width:42px;text-align:center;flex-shrink:0}.track-info{min-width:0;flex:1}.track-info strong{display:block;font-size:12px;font-weight:600}.track-info small{display:block;margin-top:4px;color:#806c86;font-size:10px}.play-button{width:38px;height:38px;padding:0;border-radius:50%;font-size:15px;flex-shrink:0}.play-button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.2);transform:none}.audio-panel{margin:0 0 25px;padding:17px;background:rgba(250,246,246,.76);border:1px solid rgba(255,255,255,.9);border-radius:5px;backdrop-filter:blur(12px)}.audio-panel p{font-size:12px;color:#6e5c78;margin:0 0 10px}.audio-panel audio{width:100%;height:38px}.note{font-size:10px;line-height:1.7;color:#7d687f;text-align:center;margin:15px 0 25px}
@media(max-width:520px){.home-shell,.transmissions-shell{padding:17px 15px}.hero{padding-top:43px}.overline{font-size:8px;letter-spacing:1.5px}.subline{font-size:11px}.mystery-count{padding:18px 0 21px}.count-label{font-size:8px;letter-spacing:1.1px;gap:7px}.count-label i{width:13px}.window-content{padding:18px 15px 14px}.input-row{gap:5px}input{padding:11px 9px;font-size:12px}button{padding:0 11px}.window-status{display:none}.transmission-copy strong{font-size:11px}.transmission-card{padding:12px}.site-top,.site-footer{font-size:8px}.transmission-item{padding:12px;gap:9px}.track-no{width:30px!important}.track-info strong{font-size:11px}.countdown{font-size:clamp(30px,8vw,39px);gap:6px}.countdown span{min-width:29px}.count-units{gap:clamp(13px,4vw,23px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
@keyframes terminal-flash{0%{filter:brightness(1)}12%{filter:brightness(1.22)}24%{filter:brightness(.96)}38%{filter:brightness(1.12)}55%{filter:brightness(1)}100%{filter:brightness(1)}}
.code-window.terminal-flash{animation:terminal-flash .48s ease-out}

/* Textura analógica sutil: scanlines, ruído e microglitch, sem perder o céu onírico. */
.analog-overlay{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background:repeating-linear-gradient(to bottom,rgba(37,30,55,.16) 0px,rgba(37,30,55,.16) 1px,transparent 1px,transparent 4px),linear-gradient(90deg,rgba(255,255,255,.04),transparent 22%,rgba(49,37,69,.05) 50%,transparent 78%,rgba(255,255,255,.04));}
.analog-overlay:after{content:"";position:absolute;inset:-50%;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");transform:translate3d(0,0,0);animation:analog-noise .22s steps(2) infinite;}
@keyframes analog-noise{0%{transform:translate(0,0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}100%{transform:translate(-1%,-1%)}}
.dream-page:before{background-color:rgba(28,24,43,.025)}
.transmission-item{position:relative;overflow:hidden}.transmission-item:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(69,52,89,.035) 4px);opacity:.55}
.transmission-item .track-no{font-size:28px;color:#80678d;text-shadow:1px 0 rgba(255,255,255,.55),-1px 0 rgba(106,74,128,.18)}
@media(prefers-reduced-motion:reduce){.analog-overlay:after{animation:none}}

/* Sinal analógico / interface de baixa resolução */
:root{--ink:#2b2348;--muted:#62506f;--xp-blue:#4c78bd}
.analog-overlay{opacity:.22;mix-blend-mode:soft-light;background:repeating-linear-gradient(to bottom,rgba(30,22,55,.22) 0px,rgba(30,22,55,.22) 1px,transparent 1px,transparent 3px),linear-gradient(90deg,rgba(255,255,255,.08),transparent 20%,rgba(37,22,57,.09) 50%,transparent 80%,rgba(255,255,255,.06))}
.analog-overlay:after{opacity:.18;animation-duration:.16s}
.xp-window,.transmission-card,.transmission-item,.audio-panel{border-radius:2px}
.window-bar strong,.window-status,.window-kicker,.code-hint,#code-form label,.count-label,.overline,.tiny-mark,.online,.site-footer,.transmission-copy small,.back-link{font-family:'VT323','Courier New',monospace;letter-spacing:.4px}
.window-bar{background:linear-gradient(105deg,#384b83 0%,#667fc1 48%,#bd759e 100%)}
.window-icon,.window-controls span,button{border-radius:1px}
button{font-family:'VT323','Courier New',monospace;font-size:17px;letter-spacing:.2px}
.transmission-copy strong,.track-info strong{font-family:'VT323','Courier New',monospace;font-size:18px;font-weight:400}
.subline,.page-heading p,.audio-panel p,.note{font-family:'VT323','Courier New',monospace;font-size:17px}
.dream-page:after{opacity:.72;filter:blur(11px);background:radial-gradient(ellipse 34% 10% at 8% 29%,#fff0f0 0 35%,transparent 72%),radial-gradient(ellipse 28% 9% at 22% 32%,#ffd0df 0 35%,transparent 74%),radial-gradient(ellipse 38% 12% at 93% 42%,#ffe0bd 0 33%,transparent 73%),radial-gradient(ellipse 30% 10% at 79% 46%,#ffb6c9 0 35%,transparent 72%),radial-gradient(ellipse 48% 14% at 3% 83%,#ffd6bd 0 30%,transparent 75%),radial-gradient(ellipse 43% 13% at 98% 88%,#ffe7c2 0 32%,transparent 74%),radial-gradient(ellipse 34% 9% at 50% 97%,#fff0d2 0 33%,transparent 72%)}
@media(max-width:520px){.overline{font-size:11px}.site-top,.site-footer{font-size:11px}.count-label{font-size:11px}.window-bar{font-size:14px}}

/* CRT / fita analógica — camada final de acabamento */
:root{--crt-ink:#342044;--crt-highlight:#fff3df;--crt-glow:rgba(255,210,192,.48)}
/* Título com contraste mais firme contra o pôr do sol saturado */
.hero h1{color:var(--crt-ink);text-shadow:1px 0 rgba(255,231,214,.48),-1px 0 rgba(105,57,111,.22),0 2px 0 rgba(255,233,216,.22),0 0 24px rgba(255,231,214,.28);}
.hero h1 em{color:#fff0d8;text-shadow:1px 0 rgba(255,255,255,.7),-1px 0 rgba(108,55,107,.35),0 0 18px rgba(255,228,205,.62);}
/* Granulação visível, com pequenos deslocamentos como sinal de fita VHS */
.analog-overlay{opacity:.34;mix-blend-mode:soft-light;background:repeating-linear-gradient(to bottom,rgba(34,22,54,.25) 0px,rgba(34,22,54,.25) 1px,transparent 1px,transparent 3px),linear-gradient(90deg,rgba(255,255,255,.10),transparent 18%,rgba(39,23,57,.13) 50%,transparent 82%,rgba(255,255,255,.08));}
.analog-overlay:after{inset:-35%;opacity:.30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.72'/%3E%3C/svg%3E");animation:analog-noise .12s steps(2) infinite;}
/* Vinheta, brilho central e leve aberração cromática simulam um monitor CRT */
.dream-page:before{z-index:4;background:radial-gradient(ellipse at center,transparent 48%,rgba(47,25,61,.10) 100%),linear-gradient(90deg,rgba(255,80,120,.035),transparent 18%,transparent 82%,rgba(80,180,255,.045)),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(46,24,61,.13) 100%);mix-blend-mode:multiply;}
body.dream-page:after{content:"";position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.14;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,rgba(47,29,58,.20) 4px),linear-gradient(90deg,rgba(255,80,120,.06),transparent 25%,transparent 75%,rgba(70,180,255,.06));}
/* Um pulso lento e quase imperceptível de monitor ligado */
body.dream-page{animation:crt-breathe 7s ease-in-out infinite;}
@keyframes crt-breathe{0%,100%{filter:brightness(1) saturate(1.02)}50%{filter:brightness(.985) saturate(1.08)}}
.xp-window{box-shadow:0 24px 65px rgba(73,47,78,.23),0 0 0 1px rgba(255,255,255,.22),inset 0 1px rgba(255,255,255,.82);}
@media(prefers-reduced-motion:reduce){body.dream-page{animation:none}.analog-overlay:after{animation:none}}


/* Ajustes de leitura e encaixe: home sem rolagem em telas desktop comuns. */
.home-page .site-top,
.home-page .site-footer { font-size: 15px; }
.home-page .overline { font-size: 16px; }
.home-page .hero h1 { font-size: clamp(46px, 6.2vw, 68px); line-height: 1.02; }
.home-page .subline { font-size: 18px; }
.home-page .count-label { font-size: 16px; }
.home-page .countdown { font-size: clamp(38px, 5.5vw, 52px); }
.home-page .count-units { font-size: 15px; }
.home-page .count-foot { font-size: 14px; }
.home-page .window-bar { min-height: 40px; font-size: 19px; }
.home-page .window-status { font-size: 12px; }
.home-page .window-kicker { font-size: 25px; margin-bottom: 4px; }
.home-page .code-hint { font-size: 17px; line-height: 1.35; margin-bottom: 12px; }
.home-page #code-form label { font-size: 15px; margin-bottom: 7px; }
.home-page input { font-size: 21px; letter-spacing: 2px; padding: 14px 15px; }
.home-page button { font-size: 19px; padding: 0 20px; }
.home-page .response { min-height: 24px; margin-top: 12px; font-size: 17px; line-height: 1.45; }
.home-page .secret { padding: 14px 16px; }
.home-page .secret small { font-size: 13px; }
.home-page .transmission-card { gap: 15px; padding: 13px 16px; }
.home-page .transmission-icon { width: 47px; height: 47px; flex-basis: 47px; font-size: 23px; }
.home-page .transmission-copy small { font-size: 16px; }
.home-page .transmission-copy strong { font-size: 21px; }
.home-page .transmission-copy > span { font-size: 16px; }
.home-page .card-arrow { font-size: 24px; }

/* Em monitores de altura comum, todo o painel principal fica dentro da tela. */
@media (min-width: 761px) and (min-height: 700px) {
  html:has(body.home-page) { height: 100%; overflow: hidden; }
  body.home-page { height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; }
  .home-page .home-shell { height: 100vh; height: 100dvh; min-height: 0; padding: 12px 22px 10px; }
  .home-page .hero { padding: clamp(12px, 2.8vh, 26px) 0 8px; }
  .home-page .hero .overline { margin-bottom: 10px; }
  .home-page .hero .subline { margin-top: 10px; }
  .home-page .mystery-count { padding: 9px 0 13px; margin: 0; }
  .home-page .countdown { margin-top: 3px; }
  .home-page .count-foot { margin-top: 4px; }
  .home-page .window-content { padding: 13px clamp(20px, 3vw, 30px) 10px; }
  .home-page .code-hint { margin-bottom: 8px; }
  .home-page .response { margin-top: 8px; }
  .home-page .transmission-card { margin-top: 10px; }
  .home-page .site-footer { padding-top: 7px; }
}

/* Em telas estreitas/baixas, a rolagem continua disponível para não cortar conteúdo. */
@media (max-width: 760px), (max-height: 699px) {
  .home-page .hero h1 { font-size: clamp(39px, 8vw, 58px); }
  .home-page .subline { font-size: 16px; }
  .home-page .window-kicker { font-size: 22px; }
  .home-page .code-hint { font-size: 16px; }
  .home-page input { font-size: 19px; }
  .home-page .response { font-size: 16px; }
  .home-page .transmission-copy strong { font-size: 19px; }
}

/* Tipografia ampliada também na página de transmissões. */
.transmissions-shell .back-link { font-size: 15px; }
.transmissions-shell .page-heading .overline { font-size: 16px; }
.transmissions-shell .page-heading h1 { font-size: clamp(42px, 6.5vw, 60px); }
.transmissions-shell .page-heading p { font-size: 19px; }
.transmissions-shell .audio-panel p { font-size: 18px; }
.transmissions-shell .transmission-item .track-no { font-size: 31px; }
.transmissions-shell .track-info strong { font-size: 22px; }
.transmissions-shell .track-info small { font-size: 16px; }
.transmissions-shell .play-button { font-size: 19px; }
.transmissions-shell .note { font-size: 15px; }
.transmissions-shell .site-footer { font-size: 13px; }
@media (max-width: 520px) {
  .home-page .site-top, .home-page .site-footer { font-size: 11px; }
  .home-page .overline { font-size: 11px; }
  .home-page .count-label { font-size: 11px; }
  .home-page .window-bar { font-size: 16px; }
  .home-page .transmission-copy small { font-size: 13px; }
  .home-page .transmission-copy strong { font-size: 17px; }
  .home-page .transmission-copy > span { font-size: 14px; }
  .transmissions-shell .page-heading .overline { font-size: 12px; }
  .transmissions-shell .page-heading p { font-size: 17px; }
  .transmissions-shell .track-info strong { font-size: 19px; }
  .transmissions-shell .track-info small { font-size: 14px; }
  .transmissions-shell .site-footer { font-size: 11px; }
}

/* V7 — janelas retrô de sistema, inspiradas na referência enviada */
:root{
  --panel-bg:rgba(13,18,43,.86);
  --panel-bg-deep:rgba(8,13,32,.91);
  --panel-border:rgba(171,191,255,.92);
  --panel-text:#f3eaff;
  --panel-muted:#b7c6f0;
  --titlebar:linear-gradient(180deg,#789df6 0%,#496bc2 48%,#283d82 100%);
}
.home-shell{width:min(1020px,100%)}
.site-top,.site-footer{color:#f6d9f3;text-shadow:0 1px 8px #251744}
.hero .overline,.hero .subline{color:#ffe1ee;text-shadow:0 1px 8px rgba(40,17,57,.8)}
.hero h1{color:#2d2049;text-shadow:1px 1px 0 rgba(255,236,249,.7),0 2px 15px rgba(255,196,219,.4)}
.hero h1 em{color:#fff0fa;text-shadow:1px 1px 0 rgba(74,37,104,.7),0 0 15px rgba(255,229,244,.65)}

/* Contagem regressiva como uma pequena janela flutuante */
.mystery-count{
  position:relative;align-self:center;width:min(650px,100%);padding:0 0 12px;margin:0 0 14px;
  border:1px solid var(--panel-border);border-radius:5px;overflow:hidden;
  background:linear-gradient(180deg,rgba(17,23,53,.93),rgba(9,13,32,.88));
  box-shadow:0 13px 32px rgba(24,14,54,.42),0 0 0 1px rgba(255,255,255,.16),inset 0 1px rgba(255,255,255,.3);
  backdrop-filter:blur(12px);
}
.mystery-count:before{content:'◈  CONTAGEM REGRESSIVA';display:block;text-align:left;padding:7px 12px;color:#fff4ff;font:16px var(--mono);letter-spacing:.5px;background:var(--titlebar);border-bottom:1px solid #b9c9ff; text-shadow:0 1px 3px #28346b}
.count-label{display:none}
.countdown{gap:0;margin:10px auto 0;font-size:clamp(36px,5vw,50px);color:#fff2ff;text-shadow:0 0 13px rgba(255,116,222,.48)}
.countdown span{width:clamp(45px,8vw,84px);min-width:0;padding:0 8px;border-right:1px solid rgba(177,166,255,.45)}
.countdown span:last-child{border-right:0}
.countdown b{font-size:28px;color:#aebeff}
.count-units{gap:0;padding:0;margin:0 auto;color:#c9c6ff;font-size:13px}
.count-units span{width:clamp(45px,8vw,84px)}
.count-foot{color:#b8b7d9;font-size:13px;margin-top:4px}

/* Janelas do terminal e transmissão */
.xp-window,.transmission-card,.audio-panel,.transmission-item{
  color:var(--panel-text);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:5px;
  box-shadow:0 17px 42px rgba(22,12,49,.42),0 0 0 1px rgba(255,255,255,.12),inset 0 1px rgba(255,255,255,.24);
  backdrop-filter:blur(13px)
}
.xp-window{overflow:hidden}
.window-bar{min-height:35px;background:var(--titlebar);border-bottom:1px solid #b9caff;color:#fff;font-size:18px;padding:6px 9px}
.window-icon{background:linear-gradient(145deg,#e8f2ff,#b9d0ff);color:#344e91}
.window-controls span{width:19px;height:18px;background:linear-gradient(#f4f7ff,#9eb8f0);border-color:#e2eaff;color:#263d7d;box-shadow:0 1px 2px #19214b}
.window-status{color:#e6e8ff;font-size:13px}
.window-kicker{color:#f0b7f0;font-size:22px}
.code-hint{color:#d5d9f7;font-size:18px;line-height:1.35}
#code-form label{color:#c6d4ff;font-size:15px}
.input-row input{background:rgba(7,12,32,.88);color:#f6f0ff;border:1px solid #a9c3ff;box-shadow:inset 0 1px 8px #0007;font-size:23px;min-height:48px}
.input-row input::placeholder{color:#7f8eb8}
.input-row input:focus{background:#0b1230;border-color:#e7c6ff;box-shadow:0 0 0 2px #bda7ff42,0 0 18px #8c9dff30}
.home-page button,.play-button{background:linear-gradient(180deg,#8e9cf3,#6554b0 55%,#443d8b);border:1px solid #c3c8ff;color:#fff6ff;box-shadow:inset 0 1px rgba(255,255,255,.6),0 3px 9px #050b2470}
.home-page button{font-size:20px}
.response{color:#a8f1f0;font-size:18px;line-height:1.35}
.response.success{color:#a9f3cf}.response.error{color:#ffb5d2}
.secret{background:rgba(8,13,32,.8);border:1px solid #667bbd;color:#f4eaff}
.secret small{color:#c6c8ed}
.transmission-card{position:relative;gap:15px;padding:13px 16px;margin-top:14px;text-decoration:none;color:var(--panel-text);overflow:hidden}
.transmission-card:before{content:'♫  TRANSMISSÕES RECEBIDAS';display:block;position:absolute;left:0;right:0;top:0;padding:5px 12px 6px 66px;background:var(--titlebar);border-bottom:1px solid #b9caff;color:#fff;font:16px var(--mono);text-shadow:0 1px 3px #28346b}
.transmission-icon{margin-top:25px;width:60px;height:60px;flex-basis:60px;border:1px solid #8ca7ff;border-radius:2px;background:linear-gradient(145deg,#6e73b6,#d980b6 52%,#ffb780);color:#fff;font-size:26px;box-shadow:inset 0 0 18px #fff3}
.transmission-copy{padding-top:24px;gap:3px}
.transmission-copy small{display:none}
.transmission-copy strong{font-size:24px;color:#ffddff;font-weight:400}
.transmission-copy>span{font-size:18px;color:#c7d8ff}
.card-arrow{font-size:20px;color:#ffdafa;padding-top:23px}
.transmission-card:hover{background:rgba(17,22,54,.94);border-color:#fff;box-shadow:0 18px 46px #1a104d85,0 0 18px #b6aaff28}
.site-footer{padding-top:12px;color:#ffe1f4}

/* Arquivo de transmissões no mesmo estilo de janelas do sistema */
.transmissions-shell{width:min(980px,100%);color:var(--panel-text)}
.transmissions-shell .back-link{color:#fff0ff;font-size:17px;text-shadow:0 1px 8px #251744}
.transmissions-shell .page-heading{padding:clamp(16px,3vh,30px) 0 17px}
.transmissions-shell .page-heading .overline{color:#ffdbf4}
.transmissions-shell .page-heading h1{color:#302149;text-shadow:1px 1px 0 #ffe8f5,0 0 22px #ffdbed70}
.transmissions-shell .page-heading h1 em{color:#fff0fa;text-shadow:1px 1px 0 #54356f}
.transmissions-shell .page-heading p{color:#ffe4f3;text-shadow:0 1px 7px #35204f;font-size:19px;line-height:1.35}
.transmissions-shell .audio-panel{position:relative;margin:0 0 14px;padding:48px 18px 15px;background:var(--panel-bg-deep)}
.transmissions-shell .audio-panel:before{content:'♫  REPRODUTOR DE TRANSMISSÃO';position:absolute;top:0;left:0;right:0;padding:7px 12px;background:var(--titlebar);border-bottom:1px solid #b9caff;color:#fff;font:17px var(--mono);text-shadow:0 1px 3px #28346b}
.transmissions-shell .audio-panel p{color:#dbe4ff;margin-bottom:9px}
.transmissions-shell .audio-panel audio{width:100%;accent-color:#a99cff}
.transmissions-shell .transmission-list{gap:10px;margin-bottom:12px}
.transmissions-shell .transmission-item{padding:13px 15px;background:rgba(10,15,37,.88)}
.transmissions-shell .transmission-item .track-no{color:#c5baff;text-shadow:0 0 12px #a8a5ff5c}
.transmissions-shell .track-info strong{font-size:24px;color:#ffdcff}
.transmissions-shell .track-info small{font-size:17px;color:#c8d8ff}
.transmissions-shell .play-button{width:44px;height:42px;border-radius:3px;font-size:21px}
.transmissions-shell .note{color:#ffe0f3;margin:10px 0 5px}
.transmissions-shell .site-footer{padding-top:10px;color:#ffe1f4}

/* Sem rolagem na página de transmissões em desktops com altura suficiente.
   Em telas menores, a rolagem fica ativa para não esconder controles ou conteúdo. */
@media (min-width:761px) and (min-height:700px){
  html:has(body.dream-page:not(.home-page)){height:100%;overflow:hidden}
  body.dream-page:not(.home-page){height:100vh;height:100dvh;min-height:0;overflow:hidden}
  .transmissions-shell{height:100vh;height:100dvh;min-height:0;padding:14px 22px 10px;display:flex;flex-direction:column;justify-content:flex-start}
  .transmissions-shell .page-heading{padding:12px 0 12px}
  .transmissions-shell .page-heading .overline{margin-bottom:7px}
  .transmissions-shell .page-heading h1{font-size:clamp(37px,4.4vw,49px);line-height:.95}
  .transmissions-shell .page-heading p{margin:8px 0 0;font-size:17px}
  .transmissions-shell .audio-panel{margin-bottom:10px;padding-top:43px;padding-bottom:10px}
  .transmissions-shell .audio-panel audio{height:34px}
  .transmissions-shell .transmission-list{margin-bottom:6px}
  .transmissions-shell .transmission-item{padding:9px 13px}
  .transmissions-shell .note{margin:5px 0 0}
  .transmissions-shell .site-footer{margin-top:auto;padding-top:7px;font-size:13px}
}
@media (max-width:760px),(max-height:699px){
  .mystery-count{margin-bottom:12px}
  .transmissions-shell{min-height:100vh;padding:18px 15px}
  .transmissions-shell .page-heading{padding:30px 0 18px}
  .transmissions-shell .audio-panel{padding-top:46px}
  .transmissions-shell .track-info strong{font-size:21px}
  .transmissions-shell .track-info small{font-size:16px}
}
@media(max-width:520px){
  .home-shell{padding:14px 14px 12px}
  .mystery-count:before{font-size:14px;padding:6px 9px}
  .countdown{font-size:34px}
  .countdown span,.count-units span{width:48px}
  .countdown b{font-size:20px}
  .transmission-card:before{font-size:14px;padding-left:58px}
  .transmission-icon{width:48px;height:48px;flex-basis:48px}
  .transmission-copy strong{font-size:20px}
  .transmission-copy>span{font-size:16px}
  .transmissions-shell .page-heading h1{font-size:42px}
  .transmissions-shell .track-info strong{font-size:19px}
}

/* V8 — polimento dos pop-ups conforme a referência visual */
.mystery-count{
  width:fit-content; max-width:100%; min-width:min(470px,100%);
  padding:0 12px 11px; margin-bottom:20px;
}
.mystery-count:before{ text-align:left; margin:0 -12px; padding:7px 12px; }
.count-units,.countdown{display:flex;justify-content:center;align-items:center;gap:0;width:100%;}
.count-units{margin:9px auto 0;padding:0;color:#f4b8ff;font-size:13px;letter-spacing:.7px;line-height:1.1;}
.count-units span{width:clamp(76px,10vw,100px);min-width:0;padding:0 5px;text-align:center;white-space:nowrap;}
.countdown{margin:3px auto 0;color:#f5aaff;font-size:clamp(37px,5vw,49px);line-height:1.05;text-shadow:0 0 8px #f05cff,0 0 19px #b34dff9c;}
.countdown span{display:block;width:clamp(76px,10vw,100px);min-width:0;padding:2px 5px 0;border-right:3px solid rgba(196,164,255,.72);text-align:center;}
.countdown span:last-child{border-right:0}
.count-foot{font-size:12px;margin-top:5px;color:#cbb8e8}
.home-shell .mystery-count + .code-window{margin-top:0}
.home-page .window-content{font-size:1.06em}
.home-page .window-kicker{font-size:23px}
.home-page .code-hint{font-size:20px;line-height:1.35}
.home-page #code-form label{font-size:17px}
.home-page .input-row input{font-size:25px;min-height:52px}
.home-page button{font-size:22px;min-width:112px;padding:9px 16px}
.home-page .response{font-size:20px}
.transmission-card{min-height:116px;padding:14px 18px;margin-top:18px;gap:18px}
.transmission-card:before{padding-top:6px;padding-bottom:7px;font-size:17px}
.transmission-copy{padding-top:26px;gap:5px}
.transmission-copy strong,.transmission-copy>span{color:#ff9cf5;text-shadow:0 0 5px #ff48e8,0 0 13px #a52cff9c;}
.transmission-copy strong{font-size:27px;line-height:1.1}
.transmission-copy>span{font-size:20px;line-height:1.15}
.transmission-icon{margin-top:27px;width:66px;height:66px;flex-basis:66px}
.card-arrow{padding-top:27px;color:#ff9cf5;text-shadow:0 0 10px #dc4cff}
@media(max-width:520px){
 .mystery-count{width:100%;min-width:0;padding-left:7px;padding-right:7px;margin-bottom:17px}
 .mystery-count:before{margin:0 -7px;font-size:14px}
 .count-units span,.countdown span{width:25%;padding-left:1px;padding-right:1px}
 .count-units{font-size:11px;letter-spacing:0}
 .countdown{font-size:clamp(31px,9vw,39px)}
 .countdown span{border-right-width:2px}
 .home-page .code-hint{font-size:18px}
 .home-page .input-row input{font-size:22px;min-height:47px}
 .home-page button{font-size:19px;min-width:88px;padding:8px 10px}
 .transmission-card{gap:10px;padding:12px 10px;min-height:108px}
 .transmission-card:before{font-size:14px;padding-left:52px}
 .transmission-icon{width:46px;height:46px;flex-basis:46px;margin-top:27px}
 .transmission-copy{padding-top:25px}
 .transmission-copy strong{font-size:20px}
 .transmission-copy>span{font-size:16px}
 .card-arrow{font-size:17px;padding-top:27px}
}


/* V9 — correções de encaixe da contagem e expansão segura ao revelar imagens */
.home-page .mystery-count{
  margin:0 0 22px !important;
  padding:0 0 12px !important;
  width:min(470px,100%);
  min-width:0;
  flex:0 0 auto;
  align-self:center;
}
.home-page .mystery-count:before{
  content:'◈  CONTAGEM REGRESSIVA';
  display:block;
  box-sizing:border-box;
  width:100%;
  margin:0 !important;
  padding:7px 12px !important;
  border:0;
  border-bottom:1px solid #b9c9ff;
  border-radius:4px 4px 0 0;
  background:var(--titlebar);
  line-height:1.2;
}
.home-page .mystery-count + .code-window{margin-top:0 !important}
.home-page .count-units,.home-page .countdown{width:100%;justify-content:center}
.home-page .count-units span,.home-page .countdown span{flex:1 1 0;width:auto;min-width:0}
.home-page .countdown span{border-right:3px solid rgba(196,164,255,.72)}
.home-page .countdown span:last-child{border-right:0}
.home-page .secret img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:12px auto 0}
.home-page .secret{max-width:100%;overflow:visible}
.home-page .code-window{height:auto;min-height:0}
/* A revelação pode ser maior que a tela: nesse caso, a janela cresce e a página rola sem cortar a imagem. */
html:has(body.home-page.has-expanded-terminal){height:auto !important;min-height:100%;overflow-y:auto !important;overflow-x:hidden}
body.home-page.has-expanded-terminal{height:auto !important;min-height:100vh !important;min-height:100dvh !important;overflow-y:auto !important;overflow-x:hidden !important}
body.home-page.has-expanded-terminal .home-shell{height:auto !important;min-height:100vh !important;min-height:100dvh !important;padding-bottom:24px}
body.home-page.has-expanded-terminal .code-window{overflow:visible}
body.home-page.has-expanded-terminal .code-window:after{border-radius:5px}
@media (max-width:760px),(max-height:699px){
 .home-page .mystery-count{margin-bottom:20px !important}
 .home-page .secret img{max-width:100%;height:auto;max-height:none}
}


/* IDENTIDADE VISUAL PONTO ZERO — azul elétrico, ciano e terminal digital */
:root{
 --ink:#eaf6ff;--muted:#9bbbd8;--line:rgba(34,142,255,.38);
 --panel-bg:rgba(3,12,32,.94);--panel-bg-deep:rgba(2,8,25,.97);--panel-text:#e9f6ff;--panel-muted:#a7c8e7;
 --panel-border:rgba(5,175,242,.85);--titlebar:linear-gradient(180deg,#05aff2 0%,#056cf2 45%,#030a8c 100%);
}
html{background:#000022;scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 50% 0%,#092e66 0%,#000022 57%,#020817 100%);color:#eaf6ff}
.dream-page:before{background:radial-gradient(ellipse at 50% 0%,rgba(5,175,242,.2),transparent 43%),radial-gradient(ellipse at 8% 60%,rgba(3,10,140,.25),transparent 35%),linear-gradient(180deg,rgba(0,7,30,.18),rgba(0,0,34,.76))}
.dream-page:after{opacity:.15;background:radial-gradient(ellipse 34% 10% at 8% 29%,#05aff2 0 35%,transparent 72%),radial-gradient(ellipse 38% 12% at 93% 42%,#056cf2 0 33%,transparent 73%);filter:blur(18px)}
.sky-glow{background:radial-gradient(ellipse at 50% 100%,rgba(5,175,242,.22),transparent 67%)}
.cloud{opacity:.06;filter:blur(18px);background:#05aff2;box-shadow:50px -28px 0 8px #05aff2,108px -12px 0 17px #056cf2,160px 9px 0 1px #05aff2}
.site-top,.site-footer{color:#83dfff;text-shadow:0 0 10px #056cf277}
.online i{background:#00f2f2;box-shadow:0 0 0 4px #00f2f222,0 0 14px #00f2f2}
.hero .overline,.hero .subline{color:#73cfff;text-shadow:0 0 12px #056cf255}
.hero h1{color:#f2fbff;text-shadow:0 0 20px #05aff244,1px 1px 0 #056cf2}
.hero h1 em{color:#00f2f2;text-shadow:0 0 8px #00f2f2,0 0 24px #056cf2}
.event-ticket{position:relative;align-self:center;width:min(850px,100%);margin:0 0 18px;overflow:hidden;border:1px solid #05aff2;border-radius:3px;background:#000022;box-shadow:0 0 0 1px #030a8c,0 0 28px #056cf244,0 15px 42px #0009}
.event-ticket .window-bar{background:var(--titlebar)}
.event-ticket-link{display:block;text-decoration:none;color:#eaf6ff}
.event-banner-art{min-height:clamp(170px,25vw,280px);padding:clamp(18px,4vw,34px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,34,.82),rgba(0,20,70,.48)),url('../img/ponto-zero-banner-bg.png') center 48%/cover,#000022}
.event-banner-art:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,242,242,.22) 4px)}
.banner-scan{font:12px 'IBM Plex Mono','Courier New',monospace;letter-spacing:2px;color:#00f2f2;text-shadow:0 0 10px #00f2f2;margin-bottom:8px}
.event-banner-art strong{font:clamp(42px,9vw,84px)/.86 'Orbitron','Arial Black',sans-serif;letter-spacing:.04em;color:#f3fcff;text-shadow:0 0 2px #fff,0 0 14px #05aff2,0 0 32px #056cf2}
.banner-sub{margin-top:15px;font:clamp(10px,1.8vw,15px) 'IBM Plex Mono',monospace;letter-spacing:clamp(1px,.5vw,4px);color:#a4f7ff;text-shadow:0 0 10px #056cf2}
.ticket-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;background:linear-gradient(90deg,#030a8c,#056cf2 55%,#05aff2);border-top:1px solid #00f2f2;font:clamp(13px,2.4vw,19px) 'IBM Plex Mono','Courier New',monospace;color:white;text-shadow:0 0 8px #001c5b}
.ticket-cta b{padding:9px 12px;border:1px solid #00f2f2;background:#000022;color:#00f2f2;font-size:.82em;white-space:nowrap}
.event-ticket-link:hover .ticket-cta b{background:#00f2f2;color:#000022;box-shadow:0 0 18px #00f2f2}
.countdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}
.countdown-grid .mystery-count{width:100%;align-self:stretch;margin:0;padding:0 0 13px;border:1px solid #056cf2;border-radius:3px;background:linear-gradient(180deg,rgba(3,10,40,.97),rgba(0,0,34,.97));box-shadow:0 0 0 1px #030a8c,0 0 22px #056cf233;backdrop-filter:blur(12px)}
.countdown-grid .mystery-count:before{content:'◈  COUNTDOWN.SYS';background:var(--titlebar);color:#fff;border-bottom:1px solid #00f2f2}
.count-title{margin:14px 10px 3px;font:clamp(15px,2vw,21px) 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#00f2f2;text-shadow:0 0 10px #05aff277}
.count-date{margin:0 0 7px;color:#9bc9ff;font:12px 'IBM Plex Mono',monospace;letter-spacing:.05em}
.countdown-grid .countdown{color:#e9fcff;text-shadow:0 0 14px #05aff2a6;font-family:'Orbitron','IBM Plex Mono',monospace;font-size:clamp(25px,4vw,43px);letter-spacing:0}
.countdown-grid .countdown span{width:25%;min-width:0;padding:0 2px;border-right:1px solid #05aff2a0}
.countdown-grid .count-units{display:flex;justify-content:center;gap:0;color:#62d9ff;font:10px 'IBM Plex Mono',monospace}
.countdown-grid .count-units span{width:25%;}
.countdown-grid .count-label{display:none}
.xp-window,.transmission-card,.audio-panel,.transmission-item{background:rgba(2,8,25,.94);color:#e9f6ff;border:1px solid #056cf2;border-radius:3px;box-shadow:0 0 0 1px #030a8c,0 14px 40px #0008,0 0 22px #056cf222;backdrop-filter:blur(13px)}
.window-bar{background:var(--titlebar);border-bottom:1px solid #00f2f2;color:#fff;text-shadow:0 1px 3px #0008}
.window-icon{background:#000022;color:#00f2f2;border:1px solid #05aff2}
.window-controls span{background:linear-gradient(#e7fcff,#7bcfff);border-color:#00f2f2;color:#030a8c}
.window-kicker{color:#00f2f2}
.code-hint{color:#a9dfff}
#code-form label{color:#62d9ff}
.input-row input{border-color:#056cf2;background:#000022;color:#eaffff}
.input-row input:focus{border-color:#00f2f2;box-shadow:0 0 0 2px #00f2f233,0 0 20px #056cf255}
.home-page button,.play-button{background:linear-gradient(180deg,#05aff2,#056cf2 55%,#030a8c);border:1px solid #00f2f2;color:#fff;box-shadow:inset 0 1px #ffffff66,0 3px 9px #0008}
.response{color:#00f2f2}
.response.success{color:#7dffc7}.response.error{color:#ff819c}
.secret{background:#000022;border-color:#056cf2;color:#eaf6ff}
.secret small{color:#00f2f2}
.transmission-card{margin-top:15px;color:#e9f6ff}
.transmission-card:before{background:var(--titlebar);border-bottom:1px solid #00f2f2;color:white}
.transmission-icon{border:1px solid #05aff2;border-radius:2px;background:linear-gradient(145deg,#030a8c,#056cf2 60%,#00f2f2);color:#fff}
.transmission-copy strong{color:#00f2f2}
.transmission-copy>span{color:#a9dfff}
.card-arrow{color:#00f2f2}
.transmission-card:hover{background:rgba(3,18,55,.98);border-color:#00f2f2;box-shadow:0 0 22px #056cf255}
.transmissions-shell .back-link{color:#00f2f2}
.transmissions-shell .page-heading .overline{color:#62d9ff}
.transmissions-shell .page-heading h1,.transmissions-shell .page-heading h1 em{color:#eafaff;text-shadow:0 0 18px #056cf277,1px 1px 0 #030a8c}
.transmissions-shell .page-heading h1 em{color:#00f2f2}
.transmissions-shell .page-heading p{color:#a9dfff;text-shadow:0 0 8px #056cf255}
.transmissions-shell .audio-panel{background:var(--panel-bg-deep);border-color:#056cf2}
.transmissions-shell .audio-panel:before{background:var(--titlebar);border-color:#00f2f2}
.transmissions-shell .audio-panel p{color:#a9dfff}
.transmissions-shell .audio-panel audio{accent-color:#00f2f2}
.transmissions-shell .transmission-item{background:rgba(0,0,34,.96)}
.transmissions-shell .transmission-item .track-no{color:#00f2f2;text-shadow:0 0 12px #05aff277}
.transmissions-shell .track-info strong{color:#eafaff}
.transmissions-shell .track-info small{color:#80cfff}
.transmissions-shell .note{color:#62d9ff}
.site-footer{color:#62d9ff}
@media(max-width:680px){.countdown-grid{grid-template-columns:1fr;gap:13px}.event-ticket{margin-bottom:14px}.event-banner-art{min-height:170px}.ticket-cta{align-items:flex-start;flex-direction:column}.ticket-cta b{align-self:stretch;text-align:center}.countdown-grid .countdown{font-size:clamp(30px,8vw,44px)}}
@media(prefers-reduced-motion:reduce){.event-ticket-link *{transition:none!important}}

/* PATCH DE INTERFACE: camadas, terminal acessível e efeitos CRT mais evidentes */
html:has(body.home-page),body.home-page{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
body.home-page .home-shell{height:auto!important;min-height:100vh!important;min-height:100dvh!important;overflow:visible!important;padding-bottom:28px!important;z-index:10!important}
body.home-page .event-ticket{position:relative;z-index:30!important;opacity:1!important;background:#02091f!important;isolation:isolate}
body.home-page .xp-window,body.home-page .countdown-window,body.home-page .transmission-card{opacity:1!important;filter:none!important}
body.home-page .code-window{height:auto!important;max-height:none!important;min-height:190px!important;overflow:visible!important;position:relative;z-index:12!important;background:#02091f!important}
body.home-page .code-window .window-content{overflow:visible!important;padding:22px clamp(17px,4vw,30px) 24px!important}
body.home-page #code-form,body.home-page .input-row{position:relative;z-index:3;overflow:visible!important}
body.home-page #code{display:block;opacity:1!important;visibility:visible!important;pointer-events:auto!important;min-height:50px;font-size:18px!important;color:#eaffff!important;background:#000022!important}
body.home-page #code-form button{min-height:50px;position:relative;z-index:4}
body.home-page .response{position:relative;z-index:2;overflow-wrap:anywhere}
/* CRT / glitch: reforço intencional, sem bloquear cliques nem texto */
.analog-overlay{z-index:40!important;opacity:.58!important;mix-blend-mode:screen!important;background:repeating-linear-gradient(to bottom,rgba(0,242,242,.17) 0px,rgba(0,242,242,.17) 1px,transparent 1px,transparent 3px),linear-gradient(90deg,rgba(0,242,242,.12),transparent 18%,rgba(60,80,255,.16) 50%,transparent 82%,rgba(0,242,242,.12))!important}
.analog-overlay:after{opacity:.42!important;animation-duration:.075s!important}
.dream-page:before{z-index:2!important;mix-blend-mode:screen!important;opacity:1!important;background:linear-gradient(90deg,rgba(0,242,242,.08),transparent 12%,transparent 88%,rgba(0,242,242,.08)),radial-gradient(ellipse at 50% 0%,rgba(5,175,242,.38),transparent 58%),linear-gradient(180deg,rgba(0,8,35,.05),rgba(0,0,30,.25))!important;pointer-events:none}
.dream-page:after{z-index:3!important;opacity:.38!important;pointer-events:none}
.event-ticket,.countdown-window,.code-window,.transmission-card{animation:blue-signal-pulse 3.8s ease-in-out infinite}
.event-ticket{animation-duration:2.8s!important;box-shadow:0 0 0 1px #00f2f2,0 0 24px #05aff2aa,0 0 60px #056cf277,0 15px 42px #000c!important}
.event-banner-art strong{animation:neon-flicker 3s steps(1,end) infinite;text-shadow:0 0 2px #fff,0 0 14px #05aff2,0 0 32px #056cf2,0 0 58px #00f2f2!important}
.window-bar{background-size:200% 100%;animation:bar-scan 2.4s linear infinite}
.countdown-grid .mystery-count{box-shadow:0 0 0 1px #00f2f2,0 0 26px #056cf266,inset 0 0 26px #056cf222!important}
@keyframes blue-signal-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(0,242,242,0))}50%{filter:drop-shadow(0 0 9px rgba(0,242,242,.32))}}
@keyframes neon-flicker{0%,92%,96%,100%{opacity:1}93%{opacity:.72}94%{opacity:1}97%{opacity:.84}}
@keyframes bar-scan{0%{background-position:0 0}100%{background-position:200% 0}}
/* Controle explícito de áudio: navegadores bloqueiam sons automáticos até interação */
#retro-audio-toggle{position:fixed;right:14px;bottom:14px;z-index:1000;padding:11px 14px;min-height:42px;background:#02091f;border:1px solid #00f2f2;color:#00f2f2;font:12px 'Courier New',monospace;letter-spacing:1px;box-shadow:0 0 14px #056cf277;cursor:pointer}
#retro-audio-toggle[aria-pressed="true"]{background:#056cf2;color:white;box-shadow:0 0 20px #00f2f2aa}
@media(max-width:680px){body.home-page .home-shell{padding-bottom:78px!important}.analog-overlay{opacity:.42!important}.event-ticket{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.event-ticket,.countdown-window,.code-window,.transmission-card,.window-bar,.event-banner-art strong{animation:none!important}.analog-overlay:after{animation-duration:.3s!important}}

/* RETRO CRT REFINADO — opacidade aplicada somente ao background, nunca às janelas. */
body.home-page{background:#02091b!important;}
body.home-page:before{z-index:0!important;opacity:.42!important;mix-blend-mode:normal!important;}
body.home-page:after{z-index:0!important;opacity:.22!important;mix-blend-mode:normal!important;}
body.home-page .home-shell{position:relative;z-index:5!important;}

body.home-page .analog-overlay:after{content:"";position:absolute;inset:-100% 0!important;opacity:.24!important;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")!important;background-size:240px 240px!important;animation:crt-grain-drift .8s steps(3) infinite!important;}
/* Linhas de monitor de segurança deslizando continuamente para baixo. */
body.home-page .analog-overlay:before{content:"";position:absolute;inset:-100% 0!important;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 5px,rgba(0,242,242,.13) 5px,rgba(0,242,242,.13) 6px,transparent 6px,transparent 10px),linear-gradient(to bottom,transparent 0%,rgba(0,242,242,.08) 48%,rgba(0,242,242,.16) 50%,rgba(0,242,242,.08) 52%,transparent 100%);background-size:100% 12px,100% 100%;animation:security-scan-down 14s linear infinite;}
/* Reduz-se apenas a imagem/camada atmosférica; cards e pop-ups permanecem opacos. */
body.home-page .event-ticket,body.home-page .countdown-window,body.home-page .code-window,body.home-page .transmission-card{opacity:1!important;filter:none!important;}
#retro-audio-toggle{display:none!important;}
@keyframes security-scan-down{from{transform:translateY(-15%)}to{transform:translateY(15%)}}
@keyframes crt-grain-drift{0%{transform:translate(0,-2%)}25%{transform:translate(1%,1%)}50%{transform:translate(-1%,3%)}75%{transform:translate(.5%,5%)}100%{transform:translate(0,8%)}}
@media(prefers-reduced-motion:reduce){body.home-page .analog-overlay:before,body.home-page .analog-overlay:after{animation:none!important}}

/* AJUSTE FINAL: rolagem contínua e fundo CRT sem faixa preta no fim */
html:has(body.home-page){height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;background:#02091b!important;}
body.home-page{height:auto!important;min-height:100vh!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:visible!important;background:#02091b!important;}
body.home-page .home-shell{min-height:100vh!important;min-height:100dvh!important;height:auto!important;padding-bottom:32px!important;}
body.home-page .site-footer{margin-top:8px!important;padding-bottom:8px!important;}
/* Linhas de vigilância mais espaçadas, com faixa de varredura larga e movimento vertical contínuo. */

body.home-page .analog-overlay:before{inset:-100% 0!important;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 8px,rgba(70,205,255,.12) 8px,rgba(70,205,255,.12) 9px,transparent 9px,transparent 18px),linear-gradient(to bottom,transparent 0%,rgba(0,140,255,.02) 35%,rgba(0,242,242,.17) 49%,rgba(170,245,255,.22) 50%,rgba(0,150,255,.10) 51%,transparent 66%,transparent 100%)!important;background-size:100% 18px,100% 100%!important;animation:security-scan-down 10s linear infinite!important;}
/* Glitch elegante: breves desplazamientos cromáticos en el contenido, no una capa de ruido permanente. */
body.home-page .analog-overlay:after{inset:0!important;opacity:.12!important;mix-blend-mode:screen!important;background:linear-gradient(90deg,transparent 0%,rgba(0,242,242,.15) 49.7%,rgba(80,100,255,.14) 50.3%,transparent 100%),repeating-linear-gradient(to bottom,transparent 0px,transparent 72px,rgba(0,242,242,.12) 73px,transparent 75px,transparent 150px)!important;background-size:100% 100%,100% 150px!important;animation:signal-glitch 9s steps(1,end) infinite!important;}
@keyframes signal-glitch{0%,88%,100%{transform:translateX(0);opacity:.10;clip-path:inset(0 0 0 0)}89%{transform:translateX(-3px);opacity:.28;clip-path:inset(18% 0 72% 0)}90%{transform:translateX(4px);opacity:.22;clip-path:inset(61% 0 27% 0)}91%{transform:translateX(-1px);opacity:.16;clip-path:inset(42% 0 48% 0)}92%{transform:translateX(0);opacity:.10;clip-path:inset(0 0 0 0)}}


/* Correção apenas visual: as scanlines de fundo são desenhadas no próprio body.
   Não altera height/overflow/position da página nem cria uma nova barra de rolagem. */
body.home-page {
  background-color: #02091b !important;
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(65, 190, 255, .045) 0,
      rgba(65, 190, 255, .045) 1px,
      transparent 1px,
      transparent 9px
    ),
    radial-gradient(ellipse at 50% 0%, rgba(0, 130, 180, .18), transparent 65%) !important;
  background-repeat: repeat, no-repeat !important;
  background-size: auto, 100% 100% !important;
}
/* Mantém o efeito de varredura animado preso à janela, sem mexer na rolagem. */



/* SINGLE SCROLLER: scroll belongs to the document (html), never to body or inner wrappers */
html:has(body.home-page),
html:has(body.home-page.has-expanded-terminal) {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
body.home-page,
body.home-page.has-expanded-terminal {
  height: auto !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}
body.home-page .home-shell,
body.home-page.has-expanded-terminal .home-shell {
  height: auto !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: none !important;
  overflow: visible !important;
}


/* CCTV: camada absoluta que acompanha toda a altura do documento */
body.home-page {
  position: relative !important;
  background-color: #02091b !important;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(65, 190, 255, .045) 0px,
    rgba(65, 190, 255, .045) 1px,
    transparent 1px,
    transparent 9px
  ) !important;
  background-attachment: scroll !important;
}
body.home-page .analog-overlay {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  pointer-events: none !important;
  z-index: 40 !important;
  overflow: visible !important;
  background: repeating-linear-gradient(
    to bottom,
    rgba(65, 190, 255, .045) 0px,
    rgba(65, 190, 255, .045) 1px,
    transparent 1px,
    transparent 9px
  ) !important;
  background-size: 100% 9px !important;
  animation: cctv-page-scan 8s linear infinite !important;
}
body.home-page .analog-overlay::before,
body.home-page .analog-overlay::after {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
}
@keyframes cctv-page-scan {
  from { background-position: 0 0; }
  to { background-position: 0 180px; }
}
to { background-position: 0 180px; }
}


/* FINAL VIEWPORT FIX: remove bottom black strip without shrinking/cropping page content */
html {
  width: 100%;
  min-height: 100%;
  background: #02091b !important;
  overflow-x: hidden !important;
}
body.home-page {
  width: 100%;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: auto !important;
  max-height: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background-color: #02091b !important;
  background-attachment: scroll !important;
  overflow-x: clip !important;
}
/* Keep the visible bottom edge filled even when content is shorter than the viewport */
body.home-page::after {
  content: "";
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  pointer-events: none !important;
  z-index: 30 !important;
  background: repeating-linear-gradient(
    to bottom,
    rgba(65, 190, 255, 0.045) 0px,
    rgba(65, 190, 255, 0.045) 1px,
    transparent 1px,
    transparent 9px
  ) !important;
  background-size: 100% 9px !important;
  animation: cctv-viewport-scan-fix 8s linear infinite !important;
}
@keyframes cctv-viewport-scan-fix {
  from { background-position: 0 0; }
  to { background-position: 0 180px; }
}


/* Link shown in place of the Voar countdown after its release time. */
.mystery-count .voar-video-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 150px;
  box-sizing: border-box;
  padding: 24px;
  color: #00f2f2;
  font-family: inherit;
  font-size: clamp(1rem, 2vw, 1.35rem);
  font-weight: 800;
  letter-spacing: .06em;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 10px rgba(0,242,242,.55);
}
.mystery-count .voar-video-link:hover,
.mystery-count .voar-video-link:focus-visible {
  color: #fff;
  text-shadow: 0 0 14px rgba(0,242,242,.9);
  outline: none;
}