:root{--bg1: #0d1b2a;--bg2: #1b263b;--fg: #e0e1dd;--accent: #00b4d8}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}body{margin:0;min-height:100vh;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--fg);background:radial-gradient(circle at top,var(--bg2),var(--bg1));transition:background 1s ease}.menu-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 10%,#081424f0,#050a14f5)}.menu-bg{position:absolute;top:0;right:0;bottom:0;left:0}.menu-shape{position:absolute;border-radius:12px;background:#ffffff14;border:2px solid rgba(255,255,255,.22);box-shadow:0 0 16px #ffffff1f}.menu-shape.gray{background:#c3c3c32e;border-color:#dcdcdc61}.menu-shape.neon{border-color:currentColor;box-shadow:0 0 18px currentColor;background:#ffffff1f}.menu-card{position:relative;z-index:2;text-align:center;padding:26px 30px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#091422c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.menu-card h1{margin:0 0 16px;font-size:clamp(42px,9vw,110px);line-height:1;letter-spacing:.06em}.menu-card button{border:0;border-radius:10px;padding:10px 18px;font-size:20px;font-weight:800;cursor:pointer}.sandbox-btn{background:#ffd34d;color:#271b00}.help-btn{background:#ff9f1c;color:#261300}.help-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#060a10b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.help-card{width:min(94vw,940px);max-height:88vh;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:#0c1624f2;padding:16px}.help-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.help-head h2{margin:0}#help-close{border:0;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}.help-rules{margin:10px 0 14px;opacity:.94}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.help-item{border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;padding:10px}.help-item h3{margin:8px 0 4px;font-size:16px}.help-item p{margin:0;font-size:13px;opacity:.9}.help-preview{width:76px;height:76px;margin:0 auto;border-radius:8px;position:relative;overflow:hidden;background:#0000002e;border:1px solid rgba(255,255,255,.16)}.help-live-shape{position:absolute;left:50%;top:50%;width:72%;height:72%;transform:translate(-50%,-50%)}.sandbox-panel{position:fixed;right:14px;top:14px;z-index:25;width:min(90vw,320px);height:calc(100vh - 28px);max-height:calc(100vh - 28px);overflow-y:auto;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#081220d1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.sandbox-panel h2{margin:0 0 8px}.sandbox-panel p{margin:10px 0 6px;font-weight:700}.sandbox-panel button{border:0;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}.sandbox-panel .button-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sandbox-panel .button-row{justify-content:flex-start}.sandbox-panel button.active,.qty-btn.active{outline:2px solid rgba(0,180,216,.75)}#reset-shapes{margin-top:8px}#wave-1{background:#1d3655;color:#eaf4ff}#wave-2{background:#5a4747;color:#fff3f3}#wave-3{background:#3f5b48;color:#ecfff0}#wave-4{background:#4a3b6b;color:#f4ecff}#wave-5{background:#6a5922;color:#fff5d7}.hud{position:fixed;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060c1680;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 12px}.hud h1{margin:0 0 8px;font-size:20px}.hud p{margin:6px 0}.hud-controls{top:14px;left:14px;max-width:min(90vw,380px);position:fixed;transition:width .18s ease,padding .18s ease,background .18s ease,border-color .18s ease}.hud-collapse-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:7px;cursor:pointer;font-weight:900;line-height:1}.hud-controls.hud-collapsed{width:42px;max-width:42px;padding:6px;background:#060c16a8}.hud-controls.hud-collapsed h1,.hud-controls.hud-collapsed p,.hud-controls.hud-collapsed .button-row{display:none}.hud-controls.hud-collapsed .hud-collapse-btn{position:static;display:block}.hud-score{top:14px;right:14px;text-align:right}#reset,#fullscreen-btn,#menu-btn,#retry,#return-menu{margin-top:8px;border:0;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:700}.button-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.arena-wrap{width:100vw;height:100vh}.arena{width:100%;height:100%;position:relative;border:0;border-radius:0;overflow:hidden;touch-action:none;cursor:crosshair;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 28px 28px,#152238}.arena:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle at 20% 10%,#aa5c5c59,#584f4fbf);transition:opacity 1.2s ease}body.round-two{background:radial-gradient(circle at top,#5f5353,#3f3939)}body.round-two .arena:after{opacity:1}body.round-three{background:radial-gradient(circle at top,#4d5f53,#34433a)}body.round-three .arena:after{opacity:1;background:radial-gradient(circle at 20% 10%,#6caa7952,#465f4fbf)}body.round-four{background:radial-gradient(circle at top,#4b3b61,#2b2238)}body.round-four .arena:after{opacity:1;background:radial-gradient(circle at 20% 10%,#9a5ce447,#37284fd1)}body.round-five{background:radial-gradient(circle at top,#6f5f22,#352d12)}body.round-five .arena:after{opacity:1;background:radial-gradient(circle at 22% 10%,#ffd6704d,#58481fd6)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;pointer-events:none;font-size:clamp(72px,22vw,220px);font-weight:900;line-height:1;color:#ffffffed;text-shadow:0 0 36px rgba(0,180,216,.5)}.countdown.pulse{animation:countdown-pop .22s ease-out}@keyframes countdown-pop{0%{transform:scale(1.28);opacity:.35}to{transform:scale(1);opacity:1}}.player{z-index:3;position:absolute;width:28px;height:28px;border-radius:6px;background:var(--accent);box-shadow:0 0 20px #00b4d8b3}.player.sandbox-immortal{background:#fff;box-shadow:0 0 24px #fffffff2}.aim{z-index:4;position:absolute;height:4px;border-radius:999px;transform-origin:left center;pointer-events:none;background:linear-gradient(90deg,#00b4d859,#00b4d8f2);box-shadow:0 0 10px #00b4d866}.hidden{display:none!important}.arrow{position:absolute;top:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid rgba(198,247,255,.95);transform:translateY(-50%)}.arrow-1{right:-1px}.arrow-2{right:28%;border-left-color:#c6f7ffcc}.obstacle{position:absolute;z-index:2}.obstacle.safe{background:#aaaaaaf2;box-shadow:0 0 10px #dcdcdc66}.obstacle.lethal{box-shadow:0 0 14px #ffffff59}.obstacle.evil{box-shadow:0 0 18px #ff414180,inset 0 0 12px #0000004d}.obstacle.shrapnel{overflow:hidden}.shrapnel-cracks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;--crack-color: #39ff14;filter:drop-shadow(0 0 6px var(--crack-color));mix-blend-mode:screen}.shrapnel-cracks .crack-line{position:absolute;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--crack-color) 78%,white 22%) 24%,var(--crack-color) 50%,color-mix(in srgb,var(--crack-color) 78%,white 22%) 76%,transparent 100%);box-shadow:0 0 7px var(--crack-color)}.obstacle.projectile{border-radius:50%;box-shadow:0 0 16px currentColor}.obstacle.blackhole{border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 35%,#24242433,#040404f5 45%,#000);box-shadow:inset 0 0 26px #000000f2,0 0 18px #000000d9}.blackhole-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;--particle-color: #39ff14}.blackhole-particle{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--particle-color);box-shadow:0 0 8px var(--particle-color);transform:rotate(var(--a)) translate(46%) scale(.5);animation:blackhole-pulse var(--dur) linear infinite;animation-delay:calc(var(--delay) * -1)}@keyframes blackhole-pulse{0%{opacity:.25;transform:rotate(var(--a)) translate(42%) scale(.6)}50%{opacity:1;transform:rotate(var(--a)) translate(48%) scale(1)}to{opacity:.25;transform:rotate(var(--a)) translate(42%) scale(.6)}}.shape-rect{border-radius:4px}.shape-round{border-radius:999px}.shape-circle{border-radius:50%}.shape-diamond,.shape-triangle,.shape-pentagon,.shape-blob,.shape-semicircle{transform-origin:center center}.turret-eye{position:absolute;left:50%;top:50%;width:max(8px,24%);height:max(8px,24%);border-radius:50%;background:#9fffe2;transform:translate(-50%,-50%);box-shadow:0 0 10px #9fffe2cc,inset 0 0 3px #0006}.evil-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.evil-face-grid{--pixel: clamp(2px, .32vw, 5px);position:relative;width:calc(var(--pixel) * 8);height:calc(var(--pixel) * 8);image-rendering:pixelated}.evil-face-grid.down{transform:rotate(90deg)}.evil-pixel{position:absolute;width:var(--pixel);height:var(--pixel);left:calc(var(--x) * var(--pixel));top:calc(var(--y) * var(--pixel));background:#180000}.death-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#050910b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.death-card{min-width:min(90vw,320px);text-align:center;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0d1828eb}.death-card h2{margin-top:0}.death-card button{margin-top:10px;border:0;border-radius:8px;padding:9px 14px;cursor:pointer;font-weight:700}