:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#061728;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.game-shell{height:100dvh;display:flex;justify-content:center;background:radial-gradient(ellipse at top,#254763,#041321 75%)}.arena{position:relative;width:min(100vw,80dvh);height:100dvh;overflow:hidden;touch-action:none}.arena canvas{display:block;width:100%;height:100%}.hud{position:absolute;left:18px;right:18px;top:18px;display:flex;justify-content:space-between;align-items:start;z-index:2;pointer-events:none}.hud-left{filter:drop-shadow(0 2px 2px #001527)}.level-name{font-size:12px;font-weight:800;letter-spacing:1px}.hud small{display:block;font-size:10px;margin-top:4px;opacity:.8}.hud-right{display:flex;gap:8px;pointer-events:auto}.icon-button{background:#10273b66;border:1px solid #ffffff50;border-radius:9px;width:35px;height:35px;font-size:17px;box-shadow:0 2px 3px #0003}.overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 28px;pointer-events:none}.overlay.hidden{display:none}.modal{text-align:center;pointer-events:auto;max-width:360px}.modal h1{font-size:36px;font-weight:900;margin:0 0 8px;-webkit-text-stroke:1px #203140;paint-order:stroke fill;text-shadow:0 3px 4px #0008}.modal p{font-size:13px;line-height:1.5;margin:0 0 16px;text-shadow:0 1px 3px #000,0 1px 3px #000;color:#fff}.primary{background:linear-gradient(#36c855,#169d34);border:2px solid #8be581;border-bottom:5px solid #087627;border-radius:12px;min-width:235px;padding:13px 20px;font-size:20px;font-weight:900;text-shadow:0 2px 1px #156f2d;box-shadow:0 4px 10px #0004}.primary:hover{filter:brightness(1.1)}.secondary{display:block;margin:12px auto 0;padding:8px 18px;background:#15334fcc;border:1px solid #ffffff66;border-radius:7px;font-size:12px}.overlay.result{align-items:center;background:#06162766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay.result .modal{padding:28px;background:#17334bef;border:1px solid #9fb5c377;border-radius:16px}.instructions{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;color:#fffb;pointer-events:none;text-shadow:0 1px 2px #000;z-index:2}.strike{position:absolute;right:18px;bottom:33px;border-radius:50%;border:2px solid #e4eff8;width:52px;height:52px;background:linear-gradient(#4e97c5,#23527d);font-size:23px;box-shadow:0 3px 5px #0005;z-index:2}.strike small{display:block;font-size:9px;line-height:1}.toast{position:absolute;top:69%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:900;color:#ffe938;-webkit-text-stroke:1px #453814;paint-order:stroke fill;text-shadow:0 3px 2px #0009;opacity:0;pointer-events:none;z-index:3;white-space:nowrap}.toast.show{animation:float-up .8s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translate(-50%) scale(.8)}25%{transform:translate(-50%,-20%) scale(1.15)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-65%)}}.mission-drawer{position:absolute;inset:0;background:#061b2cef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;padding:35px 26px;overflow:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.drawer-header h2{font-size:24px;margin:0}.mission{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #ffffff30;background:#ffffff08;padding:15px;margin-bottom:10px;border-radius:9px}.mission.selected{border-color:#4abaf4;background:#1c69934d}.mission b{font-size:23px;color:#7fcafa}.mission strong{display:block;font-size:15px}.mission small{display:block;margin-top:5px;color:#c0d5e0;font-size:11px}.stars{margin-left:auto;color:#ffd941}.drawer-hint{font-size:12px;line-height:1.7;color:#adc5d4}.fatal{padding:30px;background:#17334b}.hidden-hud .hud,.hidden-hud .overlay,.hidden-hud .instructions,.hidden-hud .strike,.hidden-hud .toast{display:none!important}@media(max-aspect-ratio:4/5){.arena{width:100vw;height:100dvh}.hud{top:12px;left:12px;right:12px}.level-name{font-size:11px}.modal h1{font-size:29px}.overlay{padding-bottom:32px}.strike{right:12px;bottom:36px;width:46px;height:46px}}@media(prefers-reduced-motion:reduce){.toast.show{animation:none;opacity:1}}