:root{--bg-0: #0a0e27;--bg-1: #151a40;--accent: #ffc94a;--accent-2: #ff7ab6;--good: #5ee4a8;--bad: #ff6b81;--text: #f5f7ff;--muted: #9aa2cf;--panel: rgba(18, 22, 58, .88);--panel-border: rgba(255, 255, 255, .08);--chip: rgba(10, 14, 39, .72);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-0);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none}#game-root{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#7ec8ff,#c7e9ff 45%,#ffe5c0)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#overlay-ui{position:absolute;inset:0;pointer-events:none;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.overlay-hidden{display:none}#hud{position:absolute;top:calc(var(--safe-top) + 10px);left:10px;right:10px;display:flex;flex-direction:column;gap:8px;pointer-events:none}#hud.hud-hidden{display:none}.hud-row{display:flex;justify-content:space-between;gap:8px}.hud-row--third .hud-chip{min-width:0;flex:1;padding:6px 8px;flex-direction:row;justify-content:center;align-items:center;gap:6px}.hud-row--third .hud-label{font-size:18px;letter-spacing:0;color:inherit;margin:0}.hud-row--third .hud-value{margin-top:0;font-size:15px}.hud-chip--cone,.hud-chip--ring,.hud-chip--missile{min-width:82px}.hud-value--cone{color:#ff7a38;text-shadow:0 1px 0 rgba(0,0,0,.28)}.hud-label--cone{color:#ff7a38}.hud-value--ring{color:#7cf08e;text-shadow:0 1px 0 rgba(0,0,0,.28)}.hud-label--ring{color:#7cf08e}.hud-value--missile{color:#bfc4d8;font-variant-numeric:tabular-nums}.hud-value--missile--loaded{color:#ff8a4a;text-shadow:0 0 6px rgba(255,138,74,.4)}.hud-label--missile{color:#ff8a4a}.hud-chip{background:var(--chip);border:1px solid var(--panel-border);border-radius:14px;padding:7px 14px;min-width:96px;display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud-chip--wide{flex:1}.hud-chip--hits{min-width:86px}.hud-value--bad{color:var(--bad)}.hud-value--good{color:var(--good)}.hud-label{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.hud-value{font-size:18px;font-weight:800;color:var(--text);line-height:1.1;margin-top:2px;font-variant-numeric:tabular-nums}#hud-boost{position:absolute;top:100%;left:10px;right:10px;margin-top:8px;background:var(--chip);border:1px solid var(--accent);border-radius:14px;padding:8px 12px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--accent);letter-spacing:1.4px}.hud-boost-hidden{display:none}.hud-boost-bar{flex:1;height:8px;background:#ffc94a2e;border-radius:6px;overflow:hidden}#hud-boost-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 100%);border-radius:6px;transition:width .1s linear}#revive-banner{position:absolute;inset:0;background:#05081eb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;pointer-events:auto;padding:24px}.ad-banner{position:fixed;left:0;right:0;display:none;align-items:stretch;justify-content:stretch;padding:0!important;background:linear-gradient(180deg,#0c1130,#0f1636);border-top:1px solid rgba(255,255,255,.08);color:var(--text);z-index:10000;pointer-events:auto;user-select:none;box-sizing:border-box;min-height:56px}.ad-banner--bottom{bottom:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 6px)!important;border-top:1px solid rgba(255,255,255,.08)}.ad-banner--top{top:0;padding-top:calc(env(safe-area-inset-top,0px) + 6px)!important;border-bottom:1px solid rgba(255,255,255,.08)}.ad-banner--visible{display:flex}.ad-banner__row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:6px 10px;box-sizing:border-box}.ad-banner__badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:1.4px;padding:3px 6px;border-radius:4px;background:#ffffff12;color:var(--muted);text-transform:uppercase}.ad-banner__copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;line-height:1.15}.ad-banner__title{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ad-banner__subtitle{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.ad-banner__label{font-size:10px;letter-spacing:1px;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--muted);text-transform:uppercase}.ad-banner__hint{font-size:11px;color:var(--muted);line-height:1.3}.ad-banner__cta{flex:0 0 auto;margin:0;padding:5px 10px;border-radius:999px;border:1px solid var(--accent);background:#7a96ff14;color:var(--accent);font-weight:700;font-size:11px;letter-spacing:.3px;cursor:pointer;line-height:1;white-space:nowrap}.ad-banner__cta:hover{background:#7a96ff2e}#game-root.has-bottom-banner{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));box-sizing:border-box}#revive-banner.revive-hidden{display:none}#revive-banner h2{margin:0 0 4px;font-size:28px;letter-spacing:1px;color:var(--text)}#revive-banner p{margin:0 0 12px;color:var(--muted);font-size:14px;text-align:center}.btn{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:16px;padding:14px 22px;font-weight:800;font-size:15px;letter-spacing:.6px;transition:transform .08s ease,filter .15s ease,box-shadow .15s ease;min-width:220px}.btn:active{transform:scale(.97)}.btn--accent{background:linear-gradient(135deg,var(--accent) 0%,#ffa24a 100%);color:#2a1900;box-shadow:0 6px 20px #ffa24a59}.btn--pink{background:linear-gradient(135deg,var(--accent-2) 0%,#ff97d1 100%);color:#3a0a22;box-shadow:0 6px 20px #ff7ab659}.btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--panel-border)}.btn--primary{background:linear-gradient(135deg,#6ea8ff,#a184ff);color:#0a0e27;box-shadow:0 6px 20px #6ea8ff59}@media (min-width: 720px){.hud-value{font-size:22px}.hud-label{font-size:11px}.btn{min-width:280px;padding:16px 28px;font-size:16px}}.name-modal{position:absolute;inset:0;background:#05081eb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:auto;z-index:50}.name-modal-hidden{display:none}.name-modal__panel{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:24px 22px 20px;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;gap:14px}.name-modal__title{margin:0;text-align:center;font-size:18px;letter-spacing:3px;color:var(--text)}.name-modal__hint{margin:-6px 0 0;font-size:12px;line-height:1.4;text-align:center;color:var(--muted)}.name-modal__input{width:100%;margin-top:4px;padding:14px 16px;background:#ffffff0f;border:1px solid var(--panel-border);border-radius:14px;color:var(--text);font-size:20px;font-weight:700;letter-spacing:.5px;text-align:center;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;-webkit-user-select:text;user-select:text;touch-action:manipulation}.name-modal__input:focus{border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 3px #ffc94a2e}.name-modal__error{font-size:12px;font-weight:700;color:var(--bad);text-align:center;min-height:1em}.name-modal__error--hidden{visibility:hidden}.name-modal__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:2px}.name-modal__actions .btn{min-width:140px;padding:12px 18px;font-size:15px}@media (max-width: 480px){.name-modal__panel{padding:20px 16px 16px;border-radius:18px}.name-modal__title{font-size:16px;letter-spacing:2px}.name-modal__input{font-size:18px;padding:12px 14px}.name-modal__actions .btn{min-width:120px;padding:12px 14px;font-size:14px}}.three-dom-screen{position:absolute;inset:0;pointer-events:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:calc(var(--safe-top) + 14px) 18px calc(var(--safe-bottom) + 20px);gap:14px}.three-dom-screen--hidden{display:none!important}.three-title-stack{margin:auto 0 4px;text-align:center;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(10,14,39,.25))}.three-title{font-size:48px;font-weight:900;letter-spacing:2px;color:#1a2256;-webkit-text-stroke:2px #ffffff;text-shadow:0 4px 0 rgba(255,255,255,.9),0 10px 18px rgba(10,14,39,.18)}.three-sub{margin-top:4px;font-size:18px;letter-spacing:8px;color:#3a456a;font-weight:800}.three-dur-row{display:flex;justify-content:center;gap:10px;margin:6px auto 2px;width:100%;max-width:480px}.three-dur-chip{flex:1 1 0;pointer-events:auto;cursor:pointer;background:#ffffffeb;border:2px solid #3a456a;border-radius:14px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .08s ease}.three-dur-chip:active{transform:scale(.97)}.three-dur-chip--active{background:#ffc94a;border-color:#8a5a0c}.three-dur-chip--active .three-dur-label,.three-dur-chip--active .three-dur-stars{color:#2a1900}.three-dur-label{font-size:16px;font-weight:800;color:#1a2256}.three-dur-stars{font-size:11px;color:#8a92b5;letter-spacing:1px}.three-name-row{margin:2px auto;width:100%;max-width:480px;text-align:center;pointer-events:none}.three-chip-label{font-size:11px;letter-spacing:3px;color:#3a456a;font-weight:800;margin-bottom:6px}.three-name-btn{pointer-events:auto;cursor:pointer;width:100%;padding:14px 16px;background:#ffffffeb;border:2px solid #3a456a;border-radius:16px;transition:transform .08s ease}.three-name-btn:active{transform:scale(.985)}.three-name-text{font-size:22px;font-weight:800;color:#1a2256;letter-spacing:.5px}.three-name-text--placeholder{color:#8a92b5}.three-color-row{display:flex;justify-content:center;gap:10px;width:100%;max-width:480px;margin:0 auto;pointer-events:none}.three-color-chip{flex:0 0 auto;width:56px;height:56px;min-width:0;pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;background:#ffffffeb;border:2px solid #3a456a;border-radius:14px;transition:transform .08s ease,border-color .12s ease,background-color .12s ease}.three-color-chip:active{transform:scale(.985)}.three-color-chip--active{background:#ffc94a;border-color:#8a5a0c;border-width:3px}.three-color-swatch{width:34px;height:34px;border-radius:50%;border:3px solid rgba(0,0,0,.25);flex-shrink:0}.three-color-chip--active .three-color-swatch{border-color:#00000073;box-shadow:0 0 0 2px #ffffffbf}.three-color-label{display:none}.three-secondary-row{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin:0 auto;max-width:480px}.three-secondary-row--stack{flex-direction:column;align-items:stretch}.three-menu-bottom-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:480px;margin:0 auto}.three-boost-label{flex:1 1 auto;min-width:0;font-size:11px;line-height:1.2;color:var(--muted);letter-spacing:.2px;white-space:normal;overflow-wrap:anywhere;text-align:left;padding:0 2px}.btn--wide-half{flex:1 1 0;min-width:0!important}.btn--big-half{width:100%!important;min-width:0!important}.btn--big{width:100%;min-width:0!important;max-width:480px;margin:0 auto;padding:18px 22px;font-size:18px;letter-spacing:2px}.btn--mini{min-width:0!important;padding:8px 14px;font-size:13px}.btn--disabled{opacity:.42;cursor:default!important;filter:saturate(.25)}.btn--menu-compact{padding:12px 14px!important;font-size:14px!important;letter-spacing:.6px!important;line-height:1.1}.btn--remove-ads{margin:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.22);color:var(--muted);letter-spacing:.4px;background:#ffffff05;white-space:nowrap}.btn--remove-ads:hover{color:var(--accent);border-color:var(--accent)}.three-dom-screen .btn--ghost{background:#fdf5e0!important;color:#0d1a4a!important;border:2px solid #15235c!important;font-weight:800!important;box-shadow:0 4px 14px #15235c2e}#three-btn-lb{letter-spacing:1px;font-size:16px}.three-dom-screen .btn--ghost:active{filter:brightness(.92)}.three-card{justify-content:flex-start;align-items:stretch}.three-card--result{overflow-y:auto;background:radial-gradient(120% 80% at 50% 0%,#0a0e2759,#05081e8c 60%,#05081ec7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.three-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.three-card-title{flex:1;text-align:center;font-size:22px;font-weight:900;letter-spacing:3px;color:#f5f7ff}.three-tabs{display:flex;gap:10px;margin:12px auto;width:100%;max-width:480px}.three-tab{pointer-events:auto;cursor:pointer;flex:1;padding:8px 6px;border-radius:12px;background:#ffffff0f;border:1px solid #5a62a0;text-align:center;transition:transform .08s ease}.three-tab:active{transform:scale(.97)}.three-tab--active{background:#ffc94a;border-color:#8a5a0c}.three-tab-label{font-size:15px;font-weight:800;color:#c7cbff}.three-tab-sub{font-size:10px;letter-spacing:1px;color:#9aa2cf}.three-tab--active .three-tab-label{color:#2a1900}.three-tab--active .three-tab-sub{color:#6a4200}.three-lb-list,.three-lb-preview{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.three-lb-preview-head{text-align:center;color:#c7cbff;letter-spacing:3px;font-size:12px;font-weight:800;margin:18px auto 10px}.three-lb-row{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 14px}.three-lb-row--me{background:#ffc94a1f;border-color:#ffc94a66}.three-lb-rank{width:36px;font-weight:900;color:#9aa2cf;font-size:16px;text-align:left;font-variant-numeric:tabular-nums}.three-lb-name{flex:1;font-weight:800;color:#f5f7ff;font-size:15px}.three-lb-score{font-weight:900;color:#ffc94a;font-variant-numeric:tabular-nums}.three-load-label{text-align:center;color:#9aa2cf;font-size:13px;margin:16px 0;font-weight:700}.three-load-label--hidden{display:none}.touchpad{position:absolute;z-index:5;left:max(16px,env(safe-area-inset-left,0px) + 16px);bottom:max(28px,env(safe-area-inset-bottom,0px) + 28px);display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);gap:4px;width:min-content;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .15s ease,box-shadow .15s ease,filter .1s ease}.touchpad--hidden{display:none}.touchpad.touchpad--dragging{transition:none;filter:drop-shadow(0 10px 22px rgba(15,25,80,.35)) saturate(1.08);transform:scale(1.03);opacity:.92}.touchpad__spacer{width:60px;height:60px}.touchpad__btn{width:60px;height:60px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:#0d1a4a6b;color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:inset 0 1px #ffffff59,0 4px 14px #0a0e2773,0 0 #ffc94a00;transition:background-color .12s ease,transform .08s ease,box-shadow .12s ease,border-color .1s ease,color .1s ease;cursor:pointer;padding:0;font:inherit}.touchpad__btn svg{opacity:.96}.touchpad__btn:active,.touchpad__btn.touchpad__btn--held{transform:scale(.88);background:#ffc94abf;color:#0d1a4a;border-color:#ffba31f2;box-shadow:inset 0 4px 10px #00000047,0 1px 4px #0a0e2773,0 0 0 5px #ffc94a2e}.touchpad__handle{width:60px;height:60px;border-radius:50%;border:2px dashed rgba(255,255,255,.62);background:#ff7ab685;color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);box-shadow:inset 0 1px #ffffff59,0 4px 14px #0a0e2773;cursor:grab;padding:0;transition:transform .09s ease,box-shadow .12s ease,background .15s ease,border-style .15s ease}.touchpad__handle:active,.touchpad__handle.touchpad--dragging-me{transform:scale(.92);background:#ff7ab6cc;border-style:solid;cursor:grabbing;box-shadow:inset 0 3px 8px #00000038,0 0 0 6px #ff7ab638}@media (pointer: coarse){#three-touchpad.touchpad--hidden{display:grid}}@media (max-width: 400px){.touchpad{grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:3px}.touchpad__spacer,.touchpad__btn,.touchpad__handle{width:52px;height:52px}.touchpad__btn svg{width:22px;height:22px}.touchpad__handle svg{width:18px;height:18px}}.three-result-mode{text-align:center;color:#c7cbff;letter-spacing:2px;font-size:13px;font-weight:800;margin-top:10px}.three-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:480px;margin:14px auto 0}.three-stat-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:4px}.three-stat-label{font-size:10px;letter-spacing:2px;color:#9aa2cf;font-weight:800}.three-stat-val{font-size:22px;font-weight:900;color:#f5f7ff;font-variant-numeric:tabular-nums}.three-stat-val--accent{color:#ffc94a}.three-stat-val--blue{color:#7ad6ff}.three-stat-val--pink{color:#ff7ab6}.three-stat-val--granted{color:#5ee4a8}@media (min-width: 720px){.three-title{font-size:64px}.three-sub{font-size:22px;letter-spacing:10px}.three-name-text{font-size:24px}.btn--big{padding:20px 28px;font-size:20px}.three-card-title{font-size:26px}}