body.game{background:#070b18}body.game .site-head{-webkit-backdrop-filter:none;backdrop-filter:none;color:#f1ede4;background:linear-gradient(#0508128c,#0000);border:0}body.game .site-head nav{color:#f1ede4}.arena{height:100vh;color:#f3efe6;height:100svh;min-height:560px;position:relative;overflow:hidden}#g-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.no-gl .arena{background:radial-gradient(120% 90% at 70% 20%,#24345f,#070b18)}.flash{pointer-events:none;z-index:3;opacity:0;background:radial-gradient(closest-side,#0000 40%,#ff281e8c);position:absolute;inset:0}.flash.on{animation:.7s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.glass{-webkit-backdrop-filter:blur(18px)saturate(1.3);background:#090d1a9e;border:1px solid #ffffff1f;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff14}.hud{z-index:5;-webkit-backdrop-filter:blur(14px);background:#090d1ad1;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:18px;padding:12px 16px 12px 18px;transition:opacity .6s,transform .6s;display:flex;position:absolute;top:84px;left:clamp(16px,3vw,40px)}.intro .hud{opacity:0;pointer-events:none;transform:translateY(-10px)}.clock{font-family:var(--mono);flex-direction:column;margin:0;line-height:1.1;display:flex}.clock span{letter-spacing:-.02em;font-size:26px}.clock small{letter-spacing:.12em;text-transform:uppercase;color:#9aa3b8;font-size:10.5px}.meter{--v:1;width:112px}.meter span{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#b9c0d0;justify-content:space-between;margin-bottom:6px;display:flex}.meter em{color:#f3efe6;font-style:normal}.meter i{background:#ffffff1f;border-radius:3px;height:6px;display:block;overflow:hidden}.meter b{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--v));background:linear-gradient(90deg,#1ac3eb,#7fe3ff);transition:transform .7s cubic-bezier(.3,1.4,.5,1);display:block;box-shadow:0 0 12px #1ac3ebb3}.meter.low b{background:linear-gradient(90deg,#ff4438,#ff8a5c);box-shadow:0 0 12px #ff4438cc}.meter.hit{animation:.45s shake}.meter.hit em{color:#ff6a5c}.meter.gain em{color:#7fe3ff}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.sound{color:#d7dbe5;height:32px;font:500 12px var(--mono);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:99px;padding:0 12px}.sound[aria-pressed=true]{color:#8c95a8;text-decoration:line-through}.panel{z-index:6;-webkit-backdrop-filter:blur(18px)saturate(1.3);background:#090d1a9e;border:1px solid #ffffff1f;border-radius:22px;width:min(520px,100vw - 32px);max-height:calc(100% - 200px);padding:24px 24px 22px;transition:left .9s cubic-bezier(.6,0,.2,1),bottom .9s cubic-bezier(.6,0,.2,1),width .9s,border-color .4s;position:absolute;bottom:clamp(16px,4vh,40px);left:clamp(16px,3vw,40px);overflow:auto;box-shadow:0 24px 60px #00000059,inset 0 1px #ffffff14}.panel.in>:not(.choices){animation:.6s cubic-bezier(.2,.8,.2,1) both rise}.panel.in .story{animation-delay:80ms}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}}.when{font:400 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7fe3ff;margin:0 0 10px}.panel h1{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 10px;font-size:clamp(30px,3vw,42px);font-weight:400;line-height:1.02}.story{color:#cfd4e0;margin:0 0 18px;font-size:16px;line-height:1.55}.intro .panel{background:#090d1a73;width:min(560px,100vw - 40px);max-height:none;padding:clamp(24px,5vh,40px) 36px clamp(22px,4vh,34px);bottom:50%;left:clamp(20px,6vw,96px);overflow:visible;transform:translateY(50%)}.intro .panel h1{text-shadow:0 6px 40px #0006;margin-bottom:18px;font-size:clamp(42px,min(6.4vw,10vh),84px);line-height:.95}.intro .panel .story{max-width:46ch;margin:0 0 26px;font-size:17.5px}.choices{flex-direction:column;gap:8px;display:flex}.choices.grid{grid-template-columns:1fr 1fr;display:grid}.choices.grid .choice{font-size:14.5px}.choice{color:#f3efe6;width:100%;font:500 15px/1.4 var(--sans);text-align:left;cursor:pointer;opacity:0;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:12px;padding:13px 16px 13px 12px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;animation:.45s cubic-bezier(.2,.8,.2,1) forwards choiceIn;display:flex;position:relative}.choice:nth-child(2){animation-delay:60ms}.choice:nth-child(3){animation-delay:.12s}.choice:nth-child(4){animation-delay:.18s}.choice:nth-child(5){animation-delay:.24s}.choice:nth-child(6){animation-delay:.3s}@keyframes choiceIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.choice:hover:not(:disabled){background:#ffffff1c;border-color:#7fe3ff80;transform:translate(3px);box-shadow:0 0 0 1px #7fe3ff26,0 10px 30px #1ac3eb26}.choice:disabled{cursor:default;opacity:.38}.choices.chosen .choice:not(.picked){display:none}.choice.picked{opacity:1;background:#ffffff24;border-color:#f3efe6}.choice kbd{width:26px;height:26px;font:500 12px var(--mono);color:#b9c0d0;background:#ffffff1a;border-radius:8px;flex:none;place-items:center;display:grid}.choice.ask{color:#a8ecff;background:#1ac3eb14;border-style:dashed;border-color:#1ac3eb8c}.choice.ask kbd{color:#e6fbff;background:#1ac3eb40}.choice.ask:disabled{opacity:.55}.choice.start{width:auto;color:var(--ink);background:#f3efe6;border-color:#f3efe6;align-self:flex-start;padding:15px 26px 15px 16px;font-size:16.5px;box-shadow:0 0 40px #ffd28c59}.choice.start kbd{color:var(--ink);background:#16171b1a}.choice.start:hover{color:var(--ink);background:#fff;transform:translateY(-2px)}.choice.step.done{opacity:1;background:#1ac3eb24;border-color:#7fe3ff99}.choice.step.done kbd{color:#04131a;background:#1ac3eb}.choice.wrong{animation:.4s shake;border-color:#ff4438!important}.timer{background:#ffffff1f;border-radius:3px;height:6px;margin:-6px 0 16px;position:relative}.timer b{transform-origin:0;background:linear-gradient(90deg,#ffb020,#ffd76a);border-radius:3px;position:absolute;inset:0;box-shadow:0 0 14px #ffb020b3}.timer span{font:500 12px var(--mono);color:#ffd76a;position:absolute;top:-20px;right:0}.timer.late b{background:#ff4438;animation:.5s infinite alternate pulse;box-shadow:0 0 18px #ff4438e6}.timer.late span{color:#ff6a5c}@keyframes pulse{to{opacity:.55}}.note{background:#ffffff0f;border-left:3px solid;border-radius:12px;margin:16px 0 0;padding:12px 14px 12px 16px;font-size:15px;line-height:1.5}.note.good{border-color:#1ac3eb}.note.meh{border-color:#ffb020}.note.bad{background:#ff44381a;border-color:#ff4438}.next{height:46px;color:var(--ink);font:600 15px var(--sans);cursor:pointer;background:#f3efe6;border:0;border-radius:99px;align-items:center;gap:12px;margin-top:14px;padding:0 12px 0 20px;animation:.4s .3s both choiceIn;display:inline-flex}.next kbd{width:26px;height:26px;font:12px var(--mono);background:#16171b1a;border-radius:99px;place-items:center;display:grid}.next:hover{background:#fff}body.red .panel{border-color:#ff443899;box-shadow:0 0 0 1px #ff44384d,0 0 60px #ff281e59}body.red .when{color:#ff6a5c}body.red .panel h1{color:#fff}.device{z-index:5;width:clamp(250px,23vw,360px);transition:opacity .6s,transform .6s;position:absolute;top:84px;right:clamp(16px,3vw,40px)}.intro .device,.at-echo .device{opacity:0;transform:translateY(-12px)}.bezel{background:linear-gradient(160deg,#2a2c33,#111216);border-radius:16px;padding:9px;transition:box-shadow .4s;position:relative;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff14}.bezel:after{content:"";background:#3c3f48;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;top:3px;left:50%}.bezel.speaking{box-shadow:0 20px 50px #00000080,0 0 40px #1ac3eb59}.bezel[data-kind=alert].speaking{box-shadow:0 20px 50px #00000080,0 0 50px #ff44388c}.bezel[data-kind=offline].speaking{box-shadow:0 20px 50px #00000080,0 0 40px #ffb02073}.bezel[data-kind=message].speaking{box-shadow:0 20px 50px #00000080,0 0 40px #ff8fb173}.echo-canvas{border-radius:8px;width:100%;height:auto;display:block}.device .said{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.device .cap{font:11px/1.45 var(--mono);color:#c3c9d6;background:#090d1acc;border-radius:8px;margin:10px 0 0;padding:6px 8px}.ended .panel{width:min(760px,100vw - 32px);max-height:calc(100% - 120px);top:auto;bottom:50%;left:50%;transform:translate(-50%,50%)}.ended .device,.ended .hud{opacity:0;pointer-events:none}.score{background:#ffffff1a;border-radius:16px;grid-template-columns:1.4fr repeat(3,1fr);gap:1px;margin:4px 0 18px;display:grid;overflow:hidden}.score>div{background:#090d1a99;padding:14px 16px}.score b{font-family:var(--serif);font-size:40px;font-weight:400;line-height:1;display:block}.score .big b{color:#ffd27a;text-shadow:0 0 30px #ffbe5a80;font-size:64px}.score span{font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#9aa3b8;margin-top:6px;display:block}.review{gap:8px;margin:0;padding:0;list-style:none;display:grid}.review li{background:#ffffff0d;border-left:3px solid #ffb020;border-radius:14px;padding:14px 16px;animation:.5s both choiceIn}.review li.good{border-left-color:#1ac3eb}.review p{color:#cfd4e0;margin:0;font-size:14.5px;line-height:1.5}.review .t{font-family:var(--serif);color:#f3efe6;margin-bottom:6px;font-size:21px}.review b{min-width:116px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#9aa3b8;display:inline-block}.review .addon b{color:#7fe3ff}.ended .cta-row .btn{color:#f3efe6;cursor:pointer;font-family:var(--sans);background:#ffffff14;border-color:#ffffff40}.ended .cta-row .btn.primary{color:var(--ink);background:#f3efe6;border-color:#f3efe6}@media (max-height:720px) and (min-width:761px){.hud{padding:8px 12px;top:72px}.device{top:72px}.panel{max-height:calc(100% - 150px);padding:16px 18px}.panel h1{margin-bottom:6px;font-size:28px}.story{margin-bottom:12px;font-size:14.5px}.choice{padding:9px 12px 9px 10px;font-size:14px}.choices{gap:6px}}@media (max-width:760px){.arena{flex-direction:column;gap:10px;height:auto;min-height:100svh;padding:70px 12px 16px;display:flex}#g-canvas{position:fixed}.hud,.panel,.device{width:100%;position:relative;inset:auto;transform:none}.intro .panel,.ended .panel{width:100%;margin-top:30vh;bottom:auto;left:auto;transform:none}.ended .panel{max-height:none;margin-top:0}.hud{flex-wrap:wrap;order:0;gap:10px 14px}.meter{width:calc(33% - 12px)}.device{order:1;align-self:flex-end;width:62%}.panel{order:2;max-height:none}.device .cap{display:none}}@media (prefers-reduced-motion:reduce){.panel,.panel.in>*,.choice,.next,.review li{opacity:1;transition:none!important;animation:none!important}}.relax{color:#d7dbe5;height:34px;font:500 13px var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:99px;align-self:flex-start;margin-top:4px;padding:0 14px}.relax[aria-pressed=true]{color:#e6fbff;background:#7fe3ff29;border-color:#7fe3ff99}.relax[aria-pressed=true]:before{content:"✓ "}.note:focus{outline:none}.note:focus-visible{outline:2px solid var(--live);outline-offset:2px}@media (max-width:760px){.intro .hud,.intro .device{display:none}}@media (prefers-reduced-motion:reduce){.flash.on,.meter.hit,.choice.wrong,.timer.late b{animation:none!important}.meter b{transition:none}}