:root{font-family:'Segoe UI',sans-serif;color:#fff1dc;background:#17130f;color-scheme:dark;--accent:#ffb94f}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:5px}::selection{background:#ffb94f;color:#17130f}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#17130fef,transparent 80%),linear-gradient(0deg,#17130f99,transparent 35%)}.brand{position:fixed;top:28px;left:32px;font-weight:700;font-size:14px;letter-spacing:.08em}.brand span{color:var(--accent)}.tools{position:fixed;right:26px;top:24px;display:flex;gap:8px;z-index:5}.tools button{background:#191715e6;color:#fff1dc;border:1px solid #bcae8f66;border-radius:5px;padding:10px 13px;font-size:12px;min-height:40px}.menu{position:fixed;left:7vw;top:50%;transform:translateY(-46%);max-width:520px}.menu h1{font-family:'Arial Narrow',Impact,sans-serif;font-weight:800;font-size:clamp(72px,10vw,148px);line-height:.8;letter-spacing:-.025em;margin:0 0 28px}.menu h1 span{color:var(--accent)}.menu p{max-width:370px;font-size:16px;line-height:1.65;color:#e8d4b7}.primary{background:var(--accent);border:0;border-radius:4px;color:#20160b;font-weight:700;padding:17px 26px;min-height:54px;margin:14px 5px 14px 0}.primary:hover{background:#ffda93}.instructions{font-size:12px!important;color:#dfcfb6!important;margin-top:20px}.tagline{position:fixed;bottom:28px;left:32px;letter-spacing:.08em;font-size:11px;color:#e6d0ae}.hud{display:none;position:fixed;top:90px;left:32px;right:32px;pointer-events:none}.numbers{display:flex;gap:32px;align-items:flex-end}.numbers b{font-family:'Arial Narrow',Impact,sans-serif;font-size:36px;font-variant-numeric:tabular-nums;display:block;line-height:1}.numbers small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:6px;color:#f0ddc1}.progress{height:3px;background:#fff3;margin-top:20px;max-width:380px}.progress i{height:100%;display:block;background:var(--accent);width:0}.notice{position:fixed;top:26%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;font-weight:700;color:#ffe3af;font-size:clamp(14px,2vw,23px);text-shadow:0 2px 10px #000;max-width:90vw;width:max-content}.touch{display:none;position:fixed;bottom:max(26px,env(safe-area-inset-bottom));left:22px;right:22px;justify-content:space-between;gap:12px}.touch div{display:flex;gap:10px}.touch button{width:61px;height:54px;border:1px solid #ffffff66;background:#18130ee6;color:#fff1dc;border-radius:7px;font-size:12px;font-weight:700;touch-action:none}.hidden{display:none!important}.fatal{position:fixed;inset:15%;padding:32px;background:#211c16;z-index:30;line-height:1.7}.playing .menu,.playing .shade,.playing .tagline{display:none}.playing .hud{display:block}.playing .touch{display:flex}.paused .shade,.paused .menu{display:block}.mobile-hint{display:none}@media(min-width:900px) and (pointer:fine){.playing .touch{display:none}}@media(max-width:650px){.brand{left:20px;top:22px;font-size:12px}.tools{top:52px;right:15px}.tools button{padding:8px 9px;min-height:44px;font-size:11px}.menu{left:7vw;top:49%;max-width:86vw}.menu h1{font-size:92px}.menu p{max-width:280px;font-size:14px}.hud{left:20px;right:20px;top:100px}.numbers{gap:24px}.numbers b{font-size:28px}.tagline{left:20px;bottom:20px;font-size:11px}.desktop-hint{display:none}.mobile-hint{display:block}.instructions{max-width:270px}.result h1{font-size:72px}}
:root{--accent:#a5e6cf;background:#1b3438;color:#f4f0de}.shade{background:linear-gradient(90deg,#183336ed 0%,#183336aa 30%,transparent 75%),linear-gradient(0deg,#183336aa,transparent 40%)}.tools button{background:#163438e8;color:#f4f0de;border-color:#a5e6cf66}.menu p{color:#d6e7df}.instructions{color:#d6e7df!important}.primary{color:#153831}.primary:hover{background:#d8ffed}.brand span,.notice{color:#b9f6df}.touch button{background:#163438ed}.numbers small{color:#d6e7df}.tagline{color:#d6e7df}.arena-touch{display:none;position:fixed;bottom:26px;left:22px;right:22px;justify-content:space-between;align-items:end;pointer-events:none}.arena-touch button{pointer-events:auto;background:#173b3ce8;color:#e0ffeb;border:1px solid #b7dfcc99;width:66px;height:55px;border-radius:8px;font-weight:700;touch-action:none}.arena-pad{display:grid;grid-template-columns:repeat(3,48px);gap:4px}.arena-pad button{width:48px;height:45px}.arena-pad [data-dir="up"]{grid-column:2}.arena-pad [data-dir="left"]{grid-column:1}.arena-actions{display:flex;gap:8px}.playing .arena-touch{display:flex}.cooldowns{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);display:none;gap:20px;color:#edffe9;font-size:12px;background:#173b3ce8;padding:12px 20px;border-radius:5px}.playing .cooldowns{display:flex}.touch-note{display:none}.menu h1{font-size:clamp(70px,8.5vw,124px)}@media(pointer:fine) and (min-width:900px){.playing .arena-touch{display:none}}@media(max-width:650px){.menu h1{font-size:82px}.playing .cooldowns{bottom:160px;padding:10px 16px;font-size:11px;white-space:nowrap}.touch-note{display:block}.arena-pad{grid-template-columns:repeat(3,42px)}.arena-pad button{width:42px;height:42px}.arena-actions button{width:59px;font-size:11px}.shade{background:linear-gradient(90deg,#183336ef,#18333677),linear-gradient(0deg,#183336bb,transparent)}.menu{top:47%}.menu p{max-width:265px}.tagline{max-width:80vw;line-height:1.5}.hud{top:100px}.numbers{gap:22px}.notice{top:25%}}



.mission{margin-top:14px;color:#d8ffe8;font-size:12px;font-weight:600}.notice{padding:9px 14px;background:#123c3bcc;border-radius:4px}.notice:empty{display:none}.paused .menu .primary{display:block;margin:10px 0;min-height:48px;padding:12px 18px}.paused .menu h1{font-size:clamp(54px,7vw,100px)}.paused .menu p{font-size:14px}@media(max-width:650px){.mission{font-size:11px;max-width:320px}.paused .menu h1{font-size:68px}.paused .menu p{font-size:13px}.paused .menu{top:48%}.notice{top:29%}}
/* Simplified HUD */
.numbers{gap:28px;align-items:baseline}.numbers b.small{font-size:22px;opacity:.85}.numbers b.hearts{font-size:26px;color:#ff8a7a;letter-spacing:.08em;font-family:'Segoe UI Symbol','Segoe UI',sans-serif}
.bossbar{display:none;position:fixed;top:30px;left:50%;transform:translateX(-50%);width:min(340px,50vw);text-align:center;pointer-events:none}.bossbar span{font-size:11px;letter-spacing:.2em;font-weight:700;color:#ffb3a6}.bossbar .progress{max-width:none;height:8px;margin-top:7px;border-radius:8px;background:#0d2a2bcc;overflow:hidden;border:1px solid #ffffff22}.bossbar .progress i{background:linear-gradient(90deg,#f76f60,#ffa38f);transition:width .25s ease-out}.playing .bossbar{display:block}.paused .bossbar{display:none}
.cooldowns{gap:10px;padding:0;background:none}.cooldowns span{--p:1;position:relative;overflow:hidden;padding:10px 16px;border-radius:999px;background:#0f2e2fd9;border:1px solid #ffffff1f;color:#cfe9df;font-weight:600;opacity:.65}.cooldowns span:before{content:'';position:absolute;inset:0;background:#a5e6cf33;transform-origin:left;transform:scaleX(var(--p))}.cooldowns span.ready{opacity:1;color:#fff;border-color:#a5e6cf88}.cooldowns kbd{font:inherit;font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff1c;margin-right:6px;position:relative}
.primary.ghost{background:transparent;color:var(--accent);border:1px solid #a5e6cf66}.primary.ghost:hover{background:#a5e6cf22}
.notice{top:18%}
body.hurt:after{content:'';position:fixed;inset:0;pointer-events:none;animation:hurt .45s ease-out}@keyframes hurt{0%{box-shadow:inset 0 0 160px 40px #ff4a3acc}100%{box-shadow:inset 0 0 0 0 #ff4a3a00}}
@media(pointer:coarse),(max-width:650px){.cooldowns kbd{display:none}.playing .cooldowns{display:none}}
@media(max-width:650px){.bossbar{top:96px;width:60vw}.hud{top:20px;left:auto;right:20px;width:auto}.brand{display:none}.tools{top:18px;left:15px;right:auto}.numbers b.hearts{font-size:22px}}
.bossbar{top:150px;left:32px;transform:none;width:220px;text-align:left}
@media(max-width:650px){.bossbar{top:62px;left:auto;right:20px;width:150px}}
.notice{top:auto;bottom:96px}@media(max-width:650px){.notice{bottom:150px}}
@media(max-width:650px){.tools{top:14px;right:12px;left:auto}.hud{top:70px;left:20px;right:20px}.bossbar{top:118px;left:20px;right:auto;width:180px}}
.popup{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:8;font:800 22px "Arial Narrow",Impact,sans-serif;color:#fff;text-shadow:0 0 12px #a5e6cf,0 2px 6px #000;animation:pop .9s ease-out forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.25)}100%{opacity:0;transform:translate(-50%,-160%) scale(1)}}
body.playing #meta-menu,body.paused #meta-menu{display:none}
#perks{display:flex;gap:6px;margin-top:8px}#perks span{display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:7px;background:#0f2e2fd9;border:1px solid #a5e6cf55;color:#cfffe9;font-size:13px}#perks sub{font-size:9px;margin-left:1px}.bossbar{top:176px}

/* Upgrade choices explain effects between levels; keep the playfield free of icon badges. */
#perks{display:none!important}