:root{--screen-min-height:660px;--shell:#0c0b0a;--near-black:#050504;--picture-base:#2b2825;--nes-red:#c52817;--stripe-silver:#c3c3c5;--title:#cfcfd1;--link-label:#e8e6e2;--link-action:#9d9a98;--select:#8a857d;--channel-green:#36ff5d;--font-pixel:"Press Start 2P", monospace;--font-mono:"JetBrains Mono", monospace;--font-cond:"Saira Condensed", sans-serif;--font-silk:"Silkscreen", monospace;--gb-lightest:#9bbc0f;--gb-light:#8bac0f;--gb-dark:#306230;--gb-darkest:#0f380f;--gb-accent:#d63329}*{box-sizing:border-box}body{margin:0}.page{background:radial-gradient(120% 90% at 50% 30%,#1a1815,#0c0b0a 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.tv{background:var(--shell);border-radius:30px;width:940px;max-width:100%;padding:22px 22px 16px;box-shadow:0 30px 70px #0000008c,inset 0 2px #ffffff0f,inset 0 -4px 12px #000000b3}.screen{min-height:var(--screen-min-height);background:var(--near-black);border-radius:16px;animation:7s linear infinite flicker;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #000000d9,inset 0 0 24px #c5281712}.tube{background-color:var(--picture-base);filter:brightness();background-image:url(/textures/brushed-title.png);background-position:50%;background-size:cover;flex-direction:column;flex:1;min-width:0;transition:filter .3s;display:flex;position:relative}.tv.is-off .tube{filter:brightness(1.55)}.scanlines{z-index:5;pointer-events:none;opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 3px) 0 0/100% 6px;animation:.6s steps(2,end) infinite scan;position:absolute;inset:0}.vignette{z-index:5;pointer-events:none;background:radial-gradient(125% 95% at 50% 45%,#0000 58%,#0009);border-radius:16px;position:absolute;inset:0}.hero{z-index:2;padding:46px 0 0;position:relative}.hero__title{font-family:var(--font-pixel);letter-spacing:3px;text-align:right;color:var(--title);text-shadow:0 0 2px #fff9,0 0 16px #ffffff47,0 0 34px #c5281738;margin:0;padding:0 44px;font-size:clamp(28px,8vw,52px);font-weight:400;line-height:1}.stripe{filter:drop-shadow(0 0 16px #c5281759);width:100%;height:auto;margin-top:26px;display:block}.menu{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:34px 44px 0;display:flex;position:relative}.tv.is-off .menu{pointer-events:none}.menu__select{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;text-align:center;color:var(--select);margin-bottom:14px;font-size:14px}.menu__list{flex-direction:column;gap:3px;width:100%;max-width:620px;display:flex}.link{border-radius:6px;align-items:center;gap:14px;padding:11px 14px;text-decoration:none;transition:background .14s,transform .14s,box-shadow .14s;display:flex}.link:hover,.link:focus-visible{background:#c5281747;outline:none;transform:translate(10px);box-shadow:0 0 22px #c528174d}.link__cursor{font-family:var(--font-pixel);color:var(--nes-red);text-shadow:0 0 10px #c52817cc;font-size:14px}.link__label{font-family:var(--font-pixel);letter-spacing:1px;color:var(--link-label);text-shadow:0 0 8px #ffffff26;font-size:16px}.link__leader{border-bottom:2px dotted #4a443c;flex:1;margin-bottom:5px}.link__action{font-family:var(--font-mono);color:var(--link-action);white-space:nowrap;font-size:15px}.menu__start{font-family:var(--font-pixel);letter-spacing:1px;color:var(--nes-red);text-shadow:0 0 16px #c52817d9;justify-content:center;align-items:center;gap:.55em;margin-top:38px;font-size:22px;animation:1.06s step-end infinite blink;display:flex}.menu__start-cursor{font-size:.8em}.menu__empty{font-family:var(--font-pixel);text-align:center;color:var(--select);font-size:14px;line-height:1.8}.broadcast{z-index:2;flex:1;justify-content:center;align-items:center;padding:34px 44px;display:none;position:relative}.tube.is-text .broadcast{display:flex}.tube.is-text .hero,.tube.is-text .menu{display:none}.broadcast__text{max-width:620px;font-family:var(--font-pixel);text-align:center;white-space:pre-line;color:var(--link-label);text-shadow:0 0 8px #ffffff2e,0 0 26px #c5281738;margin:0;font-size:clamp(14px,2.6vw,22px);line-height:1.9}.shutter{z-index:7;background:var(--near-black);pointer-events:none;height:0;transition:height .32s;position:absolute;left:0;right:0}.shutter--top{top:0}.shutter--bottom{bottom:0}.tv.is-off .shutter{height:calc(var(--screen-min-height) / 2)}.pinch{z-index:8;opacity:0;pointer-events:none;background:#fff;height:4px;transition:opacity .25s .12s;position:absolute;top:calc(50% - 2px);left:6%;right:6%;box-shadow:0 0 18px 3px #fffc,0 0 34px #c528178c}.tv.is-off .pinch{opacity:1}.fade{z-index:9;background:var(--near-black);opacity:0;pointer-events:none;transition:opacity 3s;position:absolute;inset:0}.tv.is-off .fade{opacity:1;transition:opacity .25s .32s}.waves{z-index:10;pointer-events:none;mix-blend-mode:screen;opacity:0;background-image:repeating-linear-gradient(0deg,#0000 0,#ffffff0d 2px,#0000 6px),linear-gradient(#0000 38%,#c8d7ff2e 50%,#0000 62%);background-size:100% 6px,100% 55%;transition:opacity 1.2s;animation:1.1s linear infinite roll;position:absolute;inset:0}.tv.is-booting .waves{opacity:.6}.channel,.volume{z-index:11;pointer-events:none;font-family:var(--font-pixel);letter-spacing:4px;color:var(--channel-green);text-shadow:0 0 10px #36ff5dd9,0 0 24px #36ff5d73;opacity:0;font-size:38px;position:absolute;bottom:34px}.channel{right:42px}.volume{left:42px}.tv.is-tuned .channel,.tv.is-tuned .volume,.tv.is-ch:not(.is-off) .channel,.tv.is-vol:not(.is-off) .volume{opacity:1}.chin{justify-content:space-between;align-items:center;margin-top:14px;padding:0 10px;display:flex}.chin__controls{align-items:flex-start;gap:20px;display:flex}.brand{font-family:var(--font-cond);letter-spacing:4px;text-transform:uppercase;color:#5a554d;font-size:15px;font-weight:600}.power{cursor:pointer;background:#16130f;border:1px solid #2a2622;border-radius:999px;align-items:center;gap:9px;padding:6px 13px 6px 9px;display:flex}.power:focus-visible{outline:2px solid var(--nes-red);outline-offset:2px}.power__led{background:var(--nes-red);border-radius:50%;width:18px;height:18px;transition:background .2s,box-shadow .2s;display:block;box-shadow:0 0 10px #c52817e6}.tv.is-off .power__led{background:#2a2622;box-shadow:inset 0 0 0 1px #00000073}.power__label{font-family:var(--font-cond);letter-spacing:2px;text-transform:uppercase;color:#6a655d;font-size:12px;font-weight:600}.pad{flex-direction:column;align-items:center;gap:6px;display:flex}.pad__buttons{gap:8px;display:flex}.pad__btn{cursor:pointer;background:radial-gradient(circle at 34% 28%,#46423c,#211e1a 62%,#12100d);border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;box-shadow:0 3px 6px #0009,inset 0 1px #ffffff24}.pad__btn:active{box-shadow:inset 0 2px 5px #000000b3}.pad__btn:focus-visible{outline:2px solid var(--nes-red);outline-offset:2px}.pad__tri{background:#c9c7c2;width:10px;height:8px}.pad__tri--up{clip-path:polygon(50% 0,100% 100%,0 100%)}.pad__tri--down{clip-path:polygon(0 0,100% 0,50% 100%)}.pad__label{font-family:var(--font-cond);letter-spacing:3px;text-transform:uppercase;color:#6a655d;font-size:11px;font-weight:600}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.88}98%{opacity:1}98.6%{opacity:.92}}@keyframes scan{0%{background-position:0 0}to{background-position:0 6px}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes roll{0%{background-position:0 0,0 0}to{background-position:0 60px,0 -120%}}@media (width<=680px){:root{--screen-min-height:560px}.hero{padding-top:34px}.hero__title{padding:0 20px}.menu{padding:28px 20px 0}.link{gap:10px;padding:10px}.link__label,.link__action{font-size:13px}.menu__start{font-size:18px}.broadcast{padding:28px 20px}.channel,.volume{font-size:28px;bottom:24px}.channel{right:24px}.volume{left:24px}}.qr-trigger{cursor:pointer}.qr-slot[hidden]{display:none}.qr-slot img{border-radius:8px;width:min(32vw,150px);margin-bottom:24px;display:block;box-shadow:0 12px 30px #000000a6}.page--hidden{background:radial-gradient(circle at 50% 28%,#1b1b1e,#050505 72%);padding:32px 14px;display:none}@media (orientation:portrait){#app.has-hidden .page:not(.page--hidden){display:none}#app.has-hidden .page--hidden{display:flex}}.gameboy{background:linear-gradient(160deg,#d0cec3,#b4b2a7 70%,#a3a196);border-radius:16px 16px 62px;width:min(94vw,420px);padding:22px 22px 26px;position:relative;box-shadow:0 26px 64px #0009,inset 0 2px #ffffff8c,inset 0 -3px 8px #00000040}.gb__switch{cursor:pointer;background:radial-gradient(#9a9a96,#6a6a66);border:none;border-radius:3px 3px 0 0;width:18px;height:18px;transition:left .18s;position:absolute;top:-16px;left:30px}.gb__switch:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gameboy[data-phase=on] .gb__switch,.gameboy[data-phase=booting] .gb__switch,.gameboy[data-phase=revealing] .gb__switch{left:54px}.gb__bezel{background:linear-gradient(160deg,#5c5d55,#43443e);border-radius:10px 10px 10px 40px;padding:8px 14px 18px;box-shadow:inset 0 2px 6px #00000073}.gb__bezel-top{align-items:center;padding:4px 2px 8px;display:flex}.gb__led{background:#5a2a2a;border-radius:50%;width:8px;height:8px;transition:background .2s,box-shadow .2s}.gameboy[data-phase=on] .gb__led,.gameboy[data-phase=booting] .gb__led,.gameboy[data-phase=revealing] .gb__led{background:var(--gb-accent);box-shadow:0 0 8px var(--gb-accent)}.gb__bezel-text{text-align:center;font-family:var(--font-silk);letter-spacing:2px;text-transform:uppercase;color:#b9b8b0;flex:1;font-size:8px}.gb__screen{background:linear-gradient(#9bbc0f,#8bac0f 55%,#8bac0f);border:6px solid #0a0a0a;border-radius:6px;flex-direction:column;min-height:392px;animation:5s infinite gbFlick;display:flex;position:relative;overflow:hidden}.gb__menu{z-index:1;min-width:0;color:var(--gb-darkest);flex-direction:column;flex:1;padding:18px 14px 14px;display:flex;position:relative}.gameboy:not([data-phase=on]) .gb__menu{pointer-events:none}.gb__name{font-family:var(--font-silk);letter-spacing:1px;text-transform:uppercase;text-align:right;white-space:nowrap;font-size:16px;font-weight:700}.gb__bars{width:calc(100% + 28px);height:auto;margin:12px -14px 0;display:block}.gb__select{text-align:center;font-family:var(--font-silk);letter-spacing:5px;text-transform:uppercase;color:var(--gb-dark);margin:20px 0 10px;font-size:11px}.gb__list{flex-direction:column;gap:2px;display:flex}.gb-link{color:var(--gb-darkest);border-radius:4px;align-items:center;gap:8px;padding:8px 6px;text-decoration:none;transition:background .12s;display:flex}.gb-link:hover{background:#0f380f29}.gb-link:focus-visible,.gb-link.is-sel{background:#0f380f38;outline:none}.gb-link__cursor{font-size:10px}.gb-link__label{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.gb-link__leader{border-bottom:2px dotted #0f380f59;flex:1;min-width:8px;margin-bottom:4px}.gb-link__tag{font-family:var(--font-mono);letter-spacing:1px;color:var(--gb-dark);white-space:nowrap;font-size:9px;font-weight:700}.gb__start{font-family:var(--font-silk);text-transform:uppercase;justify-content:center;align-items:center;gap:.55em;margin-top:auto;padding-top:18px;font-size:13px;font-weight:700;animation:1.2s step-end infinite gbBlink;display:flex}.gb__start-cursor{font-size:.8em}.gb__scanlines{z-index:6;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000038 3px 4px);position:absolute;inset:0;box-shadow:inset 0 0 56px #000000b8}.gb__fx{z-index:4;pointer-events:none;position:absolute;inset:0}.gb__cover{position:absolute;inset:0}.gb__cover--boot{background:linear-gradient(#9bbc0f,#8bac0f 55%,#8bac0f)}.gameboy[data-phase=revealing] .gb__cover--boot{animation:.6s forwards gbReveal}.gb__fall{text-align:center;font-family:var(--font-silk);text-transform:uppercase;color:var(--gb-darkest);font-size:18px;font-weight:700;animation:4s ease-out forwards gbFall;position:absolute;top:50%;left:0;right:0}.gb__cover--off{background:var(--gb-lightest);animation:1.2s forwards gbOff}.gb__offline{background:var(--gb-darkest);height:3px;position:absolute;top:calc(50% - 1.5px);left:0;right:0}.gb__wordmark{font-family:var(--font-silk);justify-content:center;align-items:baseline;gap:8px;margin:14px 0 4px;display:flex}.gb__nin{color:#2f2f2f;font-size:15px;font-weight:700}.gb__doy{color:var(--gb-accent);font-size:15px;font-style:italic}.gb__tm{color:#2f2f2f;font-size:7px}.gb__controls{justify-content:space-between;align-items:center;padding:12px 8px 0;display:flex}.gb__dpad{width:76px;height:76px;position:relative}.gb__dpad:before,.gb__dpad:after{content:"";background:#33322f;border-radius:4px;position:absolute;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff1f}.gb__dpad:before{width:76px;height:26px;top:25px;left:0}.gb__dpad:after{width:26px;height:76px;top:0;left:25px}.gb__dpad-dot{z-index:1;background:radial-gradient(circle at 35% 30%,#4a4945,#262523);border-radius:50%;width:10px;height:10px;position:absolute;top:33px;left:33px}.gb__dpad-btn{z-index:2;cursor:pointer;background:0 0;border:none;width:26px;height:26px;position:absolute;left:25px}.gb__dpad-btn--up{top:0}.gb__dpad-btn--down{bottom:0}.gb__dpad-btn:active{background:#00000040}.gb__dpad-btn:focus-visible{outline:2px solid var(--gb-accent)}.gb__ab{gap:18px;display:flex;transform:rotate(-22deg)}.gb__ab-group{flex-direction:column;align-items:center;gap:5px;display:flex}.gb__round{cursor:pointer;background:radial-gradient(circle at 35% 30%,#c0392b,#7a1c16);border:none;border-radius:50%;width:34px;height:34px;box-shadow:0 3px 5px #00000059,inset 0 1px #ffffff40}.gb__round:active{transform:translateY(1px)}.gb__round:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb__round-label{font-family:var(--font-silk);color:#5a3a6a;font-size:9px;font-weight:700}.gb__pills{justify-content:center;gap:22px;margin-top:14px;display:flex}.gb__pill-group{flex-direction:column;align-items:center;gap:4px;display:flex;transform:rotate(-22deg)}.gb__pill{cursor:pointer;background:linear-gradient(#8a887d,#6f6d63);border:none;border-radius:999px;width:38px;height:12px;box-shadow:inset 0 1px 2px #0006,0 1px #fff6}.gb__pill:active{transform:translateY(1px)}.gb__pill:focus-visible{outline:2px solid var(--gb-accent);outline-offset:2px}.gb__pill-label{font-family:var(--font-silk);letter-spacing:1px;text-transform:uppercase;color:#5a3a6a;font-size:7px}.gb__speaker{gap:7px;display:flex;position:absolute;bottom:30px;right:26px;transform:rotate(-22deg)}.gb__speaker i{background:linear-gradient(#8f8d82,#6e6c62);border-radius:3px;width:5px;height:34px;display:block;box-shadow:inset 0 1px 2px #0006}@keyframes gbFlick{0%,to{opacity:1}50%{opacity:.94}}@keyframes gbBlink{0%,49%{opacity:1}50%,to{opacity:.12}}@keyframes gbFall{0%{opacity:0;transform:translateY(calc(-50% - 190px))}12%{opacity:1}52%{transform:translateY(-50%)}74%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(-50%)}}@keyframes gbReveal{0%{opacity:1}to{opacity:0}}@keyframes gbOff{0%,30%{background-color:#9bbc0f}to{background-color:#0f380f}}.antenna,.topbar,.knobs{display:none}@media (orientation:portrait){.page{padding:96px 14px 32px}.tv{border-radius:34px;width:min(430px,100%);padding:16px 16px 20px;position:relative}.chin{display:none}.antenna{transform-origin:bottom;background:linear-gradient(#dcdce0,#7d7a76);border-radius:2px;width:3px;height:72px;display:block;position:absolute;top:-66px;right:48px;transform:rotate(22deg)}.antenna:after{content:"";background:#55524d;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #fff3}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:4px 8px 16px;display:grid}.topbar__brand{font-family:var(--font-cond);letter-spacing:6px;text-transform:uppercase;color:#8f8a82;font-size:15px;font-weight:700}.topbar__dots{gap:7px;display:flex}.topbar__dot{background:#2c2823;border-radius:50%;width:5px;height:5px}.topbar .power{background:#140d0b;border-color:#c528178c;justify-self:end;gap:7px;padding:5px 12px 5px 9px}.topbar .power__led{width:14px;height:14px}.topbar .power__label{color:var(--nes-red);text-shadow:0 0 8px #c5281799;transition:color .2s}.tv.is-off .topbar .power__label{color:#6a655d;text-shadow:none}.screen{min-height:min(66vh,620px)}.tv.is-off .shutter{height:50%}.hero{padding-top:36px}.hero__title{letter-spacing:1px;white-space:nowrap;text-align:right;padding:0 26px;font-size:clamp(12px,7.14286vw - 8.85714px,28px)}.stripe{margin-top:20px}.menu{padding:26px 16px 0}.menu__select{font-size:11px}.menu__list{gap:6px}.link{gap:8px;padding:9px 6px}.link__cursor{font-size:10px}.link__label{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(8px,2.6vw,12px);overflow:hidden}.link__action{letter-spacing:0;font-size:clamp(8px,2.4vw,11px)}.menu__start{margin-top:30px;font-size:14px}.broadcast{padding:26px 16px}.broadcast__text{font-size:clamp(11px,3.4vw,18px);line-height:1.8}.channel,.volume{font-size:22px;bottom:20px}.channel{right:20px}.volume{left:20px}.knobs{justify-content:space-between;align-items:center;margin-top:18px;padding:0 14px;display:flex}.knobs__model{font-family:var(--font-cond);letter-spacing:3px;text-transform:uppercase;color:#57534c;font-size:12px;font-weight:600}}@media (prefers-reduced-motion:reduce){.screen,.scanlines,.menu__start,.waves{animation:none!important}.shutter,.pinch,.fade,.tube{transition:none!important}.waves{display:none}.gb__screen,.gb__start,.gb__switch{transition:none!important;animation:none!important}.gb__cover--boot{display:none}.gb__cover--off{background:var(--gb-darkest);animation:none!important}}