:root{--bg: #8ed8ff;--amber: #ffe36e;--magma: #ff6a28;--panel: rgba(20, 67, 94, .82);--text: #f7fdff;font-family:Segoe UI,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:linear-gradient(#77c9ff,#c8edff 54%,#6ec659 55%,#4fa745);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(16px + env(safe-area-inset-top,0)) clamp(14px,2.5vw,34px);text-shadow:0 1px 5px rgba(0,35,55,.35)}.hud-left,.hud-right{min-width:176px;padding:11px 14px;border:1px solid rgba(255,255,255,.48);background:linear-gradient(135deg,#215d7cdb,#10364fb8);box-shadow:inset 0 0 26px #7fdcff14,0 8px 24px #0034522e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.kicker{font-size:11px;letter-spacing:4px;color:var(--amber);font-weight:800;margin-bottom:8px;text-shadow:0 1px 8px rgba(255,197,50,.45)}.stat{font-size:12px;letter-spacing:2px;color:#d9f3ff;margin-top:4px}.stat b{color:#fff;font-size:18px}.stat.muted{opacity:.7}.hud-center{text-align:center;padding:8px 20px 9px;border-top:1px solid rgba(255,255,255,.42);background:linear-gradient(180deg,#195370cc,#1953702e);min-width:210px}.hud-right{text-align:right}#btn-levels{display:none;pointer-events:auto;margin-top:8px;width:100%;padding:6px 10px;border:1px solid rgba(255,255,255,.55);background:#ff6a32d1;color:#fff;font:inherit;font-size:11px;font-weight:800;letter-spacing:2px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}html.test-ui #btn-levels{display:block}.btn-help{display:block;pointer-events:auto;margin-top:8px;width:100%;padding:6px 10px;border:1px solid rgba(255,255,255,.55);background:#ffe36ee6;color:#173f57;font:inherit;font-size:11px;font-weight:800;letter-spacing:2px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-help.overlay-help{width:auto;margin-top:0;padding:12px 22px;background:#ffe36ef2;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.overlay-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}#help-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#143c588c;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#help-modal[hidden]{display:none}#help-box{max-width:440px;width:100%;max-height:min(78vh,640px);overflow:auto;background:linear-gradient(145deg,#fafefffa,#dbf4fff7),var(--panel);border:1px solid rgba(255,255,255,.92);box-shadow:0 22px 70px #14537459;padding:26px 26px 22px;color:#294f63;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}#help-title{margin:0 0 12px;font-size:20px;letter-spacing:4px;color:#17648e;text-align:center}#help-body{text-align:left;font-size:14px;line-height:1.55}#help-body p{margin:0 0 12px}.help-section{margin-top:14px}.help-section h3{margin:0 0 6px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--magma)}.help-section ul{margin:0;padding-left:1.15em}.help-section li{margin:4px 0}html.touch-ui .help-section[data-for=desktop]{display:none}html:not(.touch-ui) .help-section[data-for=mobile]{display:none}#help-close{display:block;margin:18px auto 0;border:1px solid #ffca81;padding:10px 28px;font-size:15px;font-weight:800;letter-spacing:2px;background:linear-gradient(180deg,#ff9a48,var(--magma));color:#1a0c08;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}#hud-name{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:1.4px;text-transform:uppercase;color:#fff;max-width:220px;overflow-wrap:anywhere}#hud-shots{display:flex;align-items:baseline;gap:5px;justify-content:center;margin-top:2px;line-height:1}.shot-label,.aim-label{font-size:9px;letter-spacing:3px;color:#d0f0ff}.aim-label{margin-top:8px;letter-spacing:1.6px;opacity:.68}.shot-count{color:#fff3a6;font-size:30px;font-weight:900;text-shadow:0 0 12px rgba(255,120,42,.78)}.shot-divider,.shot-total{color:#c6dce7;font-size:14px;font-weight:700;opacity:.72}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(255,245,186,.28),transparent 42%),#3e99cc59;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#overlay.hidden{display:none}#overlay-box{max-width:460px;width:100%;background:linear-gradient(145deg,#fafefff7,#dbf4fff2),var(--panel);border:1px solid rgba(255,255,255,.92);box-shadow:inset 0 0 45px #37abe214,0 0 60px #ffffff3d,0 22px 70px #1453744d;padding:34px 34px 32px;text-align:center;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}#overlay-title{font-size:clamp(30px,8vw,44px);letter-spacing:6px;color:#17648e;text-shadow:0 2px 0 #fff,0 5px 18px rgba(34,124,170,.2)}#overlay-sub{margin-top:4px;letter-spacing:3px;text-transform:uppercase;font-size:12px;color:var(--magma)}#overlay-body{margin:18px 0 10px;line-height:1.7;font-size:15px;color:#294f63;text-align:left}.help{font-size:12px;letter-spacing:1px;color:#5d7c8b;margin-bottom:18px}kbd{display:inline-block;padding:1px 6px;border:1px solid rgba(31,111,152,.35);border-radius:4px;font-size:11px}#btn-start{border:1px solid #ffca81;padding:12px 34px;font-size:16px;font-weight:800;letter-spacing:2px;background:linear-gradient(180deg,#ff9a48,var(--magma));color:#1a0c08;cursor:pointer;box-shadow:0 0 24px #ff6a2847;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}#btn-start:hover{filter:brightness(1.12)}#test-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#143c588c;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#test-panel[hidden]{display:none}#test-box{max-width:520px;width:100%;max-height:78vh;display:flex;flex-direction:column;background:linear-gradient(145deg,#fafefffa,#dbf4fff7),var(--panel);border:1px solid rgba(255,255,255,.92);box-shadow:0 22px 70px #14537459;padding:22px 22px 18px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}#test-box h2{margin:0 0 12px;font-size:16px;letter-spacing:4px;color:#17648e;text-align:center}.test-env-label{font-size:11px;font-weight:800;letter-spacing:2px;color:#17648e;margin:0 0 8px;text-align:center}.test-envs,.tc-envs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.test-envs button,.tc-envs button{flex:1;min-width:0;padding:7px 8px;font:inherit;font-size:11px;font-weight:800;letter-spacing:1px;color:#17648e;background:#ffffffb3;border:1px solid rgba(31,111,152,.28);border-radius:6px;cursor:pointer}.test-envs button:hover,.tc-envs button:hover{background:#e6f6fff2}.test-envs button.active,.tc-envs button.active{border-color:#3ba4d6;background:#ceecfdf2;color:#0f4d6e}.tc-envs{margin-bottom:10px}.tc-envs button{padding:5px 4px;font-size:10px}#test-search{width:100%;padding:9px 12px;margin-bottom:12px;font-size:14px;border:1px solid rgba(31,111,152,.4);border-radius:6px;background:#fffc;color:#173f57;outline:none}#test-search:focus{border-color:#3ba4d6;box-shadow:0 0 0 2px #3ba4d640}#test-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:2px}.test-row{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;padding:9px 12px;border:1px solid rgba(31,111,152,.18);border-radius:6px;background:#ffffffa6;cursor:pointer;color:#173f57;font:inherit}.test-row:hover{background:#e6f6ffe6}.test-row.selected{border-color:#3ba4d6;background:#ceecfdf2}.test-num{flex:0 0 26px;font-weight:800;color:var(--magma)}.test-text{display:flex;flex-direction:column;min-width:0}.test-text b{font-size:15px;color:#17648e}.test-desc{font-size:12px;line-height:1.4;color:#5d7c8b}.test-empty{padding:20px;text-align:center;color:#5d7c8b;font-size:14px}#test-close{margin-top:14px;padding:10px 20px;font-size:13px;font-weight:700;letter-spacing:1px;border:1px solid rgba(31,111,152,.35);border-radius:6px;background:#ffffffb3;color:#17648e;cursor:pointer}#test-close:hover{background:#e6f6fff2}#test-controls{position:fixed;left:12px;top:132px;z-index:60;pointer-events:none}#test-controls[hidden]{display:none}#test-controls-box{pointer-events:auto;width:230px;background:#fafeffeb;border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 30px #1453744d;padding:12px 14px;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tc-title{font-size:12px;font-weight:800;letter-spacing:3px;color:#17648e;margin-bottom:8px}.tc-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;color:#294f63}.tc-row span{flex:1}.tc-row input[type=range]{flex:1.2}.tc-row output{min-width:40px;text-align:right;font:11px/1 monospace;color:var(--magma)}.tc-hint{margin-top:6px;font-size:10px;line-height:1.4;color:#5d7c8b}html.touch-ui #test-controls,html.touch-ui .tc-tune,html.touch-ui .tc-hint,html.touch-ui .test-env-label,html.touch-ui .test-envs{display:none}#test-controls.cursor-mode #test-controls-box{border-color:#3ba4d6;box-shadow:0 0 0 2px #3ba4d666,0 10px 30px #1453744d}#version{position:fixed;right:12px;bottom:8px;z-index:10;font-size:11px;opacity:.35;pointer-events:none;color:#173f57}#profile{position:fixed;left:12px;bottom:8px;z-index:20;font:11px/1.5 monospace;color:#0c2a3d;background:#ffffff8c;padding:4px 8px;border-radius:4px;white-space:pre;pointer-events:none}#touch-pad{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;padding:max(12px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,12px)) max(18px,env(safe-area-inset-bottom,12px)) max(16px,env(safe-area-inset-left,12px));align-items:flex-end;justify-content:flex-end}#touch-pad.active,html.touch-ui #touch-pad.active{display:flex}.touch-actions{pointer-events:auto}.touch-btn{width:92px;height:92px;border-radius:50%;border:2px solid rgba(255,255,255,.78);background:#144e6c9e;color:#fff;font-weight:800;letter-spacing:1.4px;box-shadow:0 8px 22px #14283c59;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.touch-btn.fire{background:#ff6a32d1;text-shadow:0 1px 4px rgba(80,20,0,.45)}html.touch-ui .aim-label{display:block}@media(max-width:680px){#hud{padding:calc(8px + env(safe-area-inset-top,0)) 8px}.hud-left,.hud-right{min-width:126px;padding:8px 9px}.hud-center{min-width:0;padding:6px 8px}.kicker{font-size:8px;letter-spacing:2px}.stat{font-size:9px}.stat b{font-size:14px}.shot-count{font-size:24px}#hud-name{font-size:14px;max-width:160px}}html.touch-ui.portrait #hud{flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:6px;padding:calc(8px + env(safe-area-inset-top,0)) 8px 8px}html.touch-ui.portrait .hud-center{order:-1;flex:0 0 100%;width:100%;min-width:0}html.touch-ui.portrait .hud-left,html.touch-ui.portrait .hud-right{min-width:0;flex:0 1 auto}html.touch-ui.portrait #touch-pad{justify-content:flex-end;padding-bottom:max(22px,env(safe-area-inset-bottom,16px))}html.touch-ui.portrait .touch-btn{width:100px;height:100px}#rotate-hint{display:none!important}