:root{--green:#64f4a1;--cyan:#54ddff;--gold:#ffd36d;--red:#ff607c}*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:#020a08;color:#effff7;font-family:Inter,system-ui,sans-serif}#run{height:calc(100dvh - var(--ah-shell-height,68px));padding:10px 14px 14px}#hud{z-index:3;position:relative;display:grid;grid-template-columns:minmax(140px,1.2fr) repeat(4,auto) repeat(3,minmax(85px,.7fr));align-items:center;gap:10px;min-height:58px;padding:8px 11px;border:1px solid #64f4a144;border-radius:13px 13px 4px 4px;background:linear-gradient(#102018,#07110d);box-shadow:0 12px 35px #0008}#hud small{display:block;color:#769283;font-size:.46rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}#hud strong{font-size:.82rem}.brand strong{color:#baffd4}.meter span{display:block;height:5px;margin-top:4px;overflow:hidden;border-radius:8px;background:#233329}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--green),var(--cyan))}#shield{background:linear-gradient(90deg,var(--cyan),#9872ff)}#tow{background:linear-gradient(90deg,var(--gold),var(--green))}#hud button{display:none}#stage{position:relative;height:calc(100% - 66px);overflow:hidden;border:1px solid #64f4a13b;border-radius:4px 4px 15px 15px;background:#010705;box-shadow:inset 0 0 90px #000}canvas{display:block;width:100%;height:100%;touch-action:none}#callout{position:absolute;top:15%;left:50%;padding:9px 16px;border:1px solid #64f4a155;border-radius:999px;background:#06140fdd;color:#baffd4;font-size:.62rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase;opacity:0;transform:translate(-50%,-8px);transition:.25s}#callout.show{opacity:1;transform:translate(-50%,0)}
#overlay,#upgrade{position:fixed;z-index:30;inset:var(--ah-shell-height,68px) 0 0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 30%,#17c96b22,transparent 32%),radial-gradient(circle at 80% 70%,#1ac9ff1c,transparent 35%),#020906f2;backdrop-filter:blur(9px)}#overlay[hidden],#upgrade[hidden]{display:none}.panel,.upgrade-panel{width:min(790px,94vw);padding:clamp(25px,5vw,48px);border:1px solid #64f4a144;border-radius:23px;background:linear-gradient(145deg,#10251bf8,#05100bf8);box-shadow:0 35px 110px #000c;text-align:center}.panel>p:first-child,.upgrade-panel>p{margin:0;color:var(--green);font-size:.58rem;font-weight:950;letter-spacing:.27em;text-transform:uppercase}.panel h1{margin:9px 0 0;font-size:clamp(3.2rem,9vw,6.2rem);line-height:.83;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 35px #64f4a144}.panel h2{margin:13px 0;color:var(--cyan);font-size:1rem;letter-spacing:.45em;text-transform:uppercase}.crest{display:grid;place-items:center;width:70px;height:70px;margin:20px auto;border:2px solid var(--green);transform:rotate(45deg);color:var(--gold);font:900 1.6rem Georgia;box-shadow:0 0 25px #64f4a133}.crest::first-letter{transform:rotate(-45deg)}.brief{max-width:600px;margin:0 auto 22px;color:#9db8a9;line-height:1.65}.controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;color:#789185;font-size:.64rem}.controls b{color:white}#startBtn{margin-top:24px;padding:14px 29px;border:1px solid #9affbc;border-radius:999px;background:linear-gradient(100deg,#3ed17d,#24add1);color:#03120a;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.upgrade-panel h2{margin:8px 0 24px;font:400 clamp(2rem,5vw,3.2rem) Georgia}#choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#choices button{display:grid;gap:8px;min-height:170px;padding:20px 16px;border:1px solid #315443;border-radius:14px;background:linear-gradient(145deg,#10251b,#06100b);color:white;text-align:left;cursor:pointer}#choices button:hover{border-color:var(--green);transform:translateY(-3px)}#choices i{color:var(--gold);font-style:normal;font-size:1.7rem}#choices span{color:#89a496;font-size:.67rem;line-height:1.5}#touch{display:none}
@media(max-width:850px){#run{padding:5px}#hud{grid-template-columns:1fr repeat(3,auto);min-height:50px;gap:5px}.brand,.meter,#hud>div:nth-of-type(4){display:none}#stage{height:calc(100% - 55px)}#touch{position:absolute;inset:0;display:block;pointer-events:none}#touch i{position:absolute;bottom:18px;left:18px;display:grid;place-items:center;width:90px;height:90px;border:1px solid #ffffff22;border-radius:50%;color:#688075;font-style:normal;font-size:.55rem}#touch button{position:absolute;right:24px;bottom:25px;width:78px;height:78px;border:1px solid #64f4a155;border-radius:50%;background:#64f4a11a;color:#baffd4;font-weight:900}}@media(max-width:600px){.panel{max-height:calc(100dvh - 95px);overflow:auto}.panel h1{font-size:2.8rem}#choices{grid-template-columns:1fr}.upgrade-panel{max-height:90%;overflow:auto}#choices button{min-height:0}}