:root{--green: #7dff52;--ink: #020403}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--ink)}.stage{position:relative;width:100vw;height:100dvh;min-height:100vh;overflow:hidden}.banner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;z-index:0}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,#00000026,#0006 55%,#000000b8)}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.22;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.5) 2px 3px)}.tv-bands{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.tv-band{position:absolute;left:0;right:0;top:-25%;height:22%;background:linear-gradient(to bottom,transparent 0%,rgba(190,190,190,.08) 20%,rgba(140,140,140,.28) 48%,rgba(90,90,90,.38) 52%,rgba(160,160,160,.18) 72%,transparent 100%);mix-blend-mode:soft-light;animation:tv-band-fall 3.8s linear infinite;will-change:transform}.tv-band--delay{height:12%;opacity:.7;animation-duration:5.4s;animation-delay:-1.8s;background:linear-gradient(to bottom,transparent 0%,rgba(170,170,170,.12) 35%,rgba(110,110,110,.32) 50%,rgba(170,170,170,.12) 65%,transparent 100%)}.x-btn{position:absolute;top:1.1rem;right:1.1rem;z-index:8;display:grid;place-items:center;width:2.75rem;height:2.75rem;color:#f4fff0;background:#0000008c;border:1px solid rgba(125,255,82,.28);text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.x-btn svg{width:1.15rem;height:1.15rem;display:block}.x-btn:hover{color:var(--green);border-color:#7dff52b3;background:#000000bf;transform:translateY(-1px)}.x-btn:focus-visible{outline:2px solid var(--green);outline-offset:3px}.frog-layer{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(48vw,380px);aspect-ratio:1;z-index:3;display:grid;place-items:center;pointer-events:none}.frog{width:88%;height:auto;display:block;transform-origin:50% 90%;filter:drop-shadow(0 18px 28px rgba(0,0,0,.65));animation:frog-jump 1.7s cubic-bezier(.28,.84,.42,1) infinite;will-change:transform}.status{position:absolute;left:0;right:0;bottom:0;z-index:6;height:clamp(64px,10vh,88px);display:grid;place-items:center;background:#000;pointer-events:none}.status-text{position:relative;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(1rem,2.4vw,1.35rem);letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.35)}.status-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0 1px,rgba(0,0,0,.35) 1px 2px);pointer-events:none;mix-blend-mode:multiply;opacity:.55}.dots:after{content:"";display:inline-block;width:1.35em;text-align:left;letter-spacing:.08em;animation:dots-cycle 1.35s steps(1,end) infinite}@keyframes dots-cycle{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@keyframes tv-band-fall{0%{transform:translateY(0)}to{transform:translateY(160vh)}}@keyframes frog-jump{0%,10%{transform:translateY(0) scaleX(1.04) scaleY(.94)}16%{transform:translateY(14px) scaleX(1.18) scaleY(.72) rotate(-2deg)}24%{transform:translateY(-92px) scaleX(.86) scaleY(1.18) rotate(3deg)}36%{transform:translateY(-118px) scaleX(.93) scaleY(1.08) rotate(0)}48%{transform:translateY(-36px) scaleX(.97) scaleY(1.04) rotate(-1deg)}58%{transform:translateY(8px) scaleX(1.16) scaleY(.78)}68%{transform:translateY(-22px) scaleX(.95) scaleY(1.08) rotate(1deg)}78%{transform:translateY(0) scaleX(1.08) scaleY(.92)}88%,to{transform:translateY(0) scaleX(1) scaleY(1) rotate(0)}}@media(max-width:720px){.frog-layer{width:min(62vw,280px)}}@media(prefers-reduced-motion:reduce){.frog,.tv-band,.dots:after{animation:none!important}.dots:after{content:"..."}}