:root{--bg: #02040d;--panel: rgba(8, 12, 26, .88);--panel-soft: rgba(10, 16, 32, .74);--stroke: rgba(130, 180, 255, .18);--text: #e7f2ff;--muted: #8da6c6;--common: #9ba8ba;--rare: #57b7ff;--epic: #bc76ff;--legendary: #ffd45f;--danger: #ff5f6d;--good: #71f0c1;--tap: 44px;--section-gap: 14px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark;font-family:Consolas,SFMono-Regular,Liberation Mono,Menlo,monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at top,#091225,#050914e6 35%,#02040d);color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none}body{display:grid;place-items:center;padding:0}body.embed-miniapp{place-items:stretch;background:#02040d}#app{position:relative;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;justify-self:center;align-self:center}body.embed-miniapp #app{width:100vw;max-width:none;height:100vh;height:100dvh}canvas{position:relative;z-index:1;width:100%;height:100%;display:block;background:linear-gradient(180deg,#040814,#03050f 38%,#02040d);border:1px solid rgba(121,171,255,.16);border-radius:18px;box-shadow:0 0 32px #2f54ba38,inset 0 0 22px #ffffff0a}body.embed-miniapp canvas{border:0;border-radius:0;box-shadow:none}#uiLayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#02050dad;padding:16px;pointer-events:auto}.overlay.active{display:flex}.patch-content{white-space:pre-wrap;font-size:13px;color:var(--muted);line-height:1.45}#versionBtn{background:transparent;border:0;color:var(--muted);font-size:12px;padding:6px 8px}.menu-footer{display:flex;justify-content:center;margin-top:2px;padding-bottom:4px}.version-btn{min-height:30px;padding:6px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#080d1b94;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.version-btn:hover{color:var(--text);border-color:#79abff3d}.panel{width:100%;max-width:580px;max-height:100%;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#070c1af5,#060a16eb);border:1px solid var(--stroke);border-radius:18px;padding:16px;box-shadow:0 16px 48px #00000052}.menu-panel{display:grid;gap:var(--section-gap);align-content:start}.menu-panel>*{margin:0}.title{font-size:clamp(24px,4vw,34px);letter-spacing:.12em;margin:0 0 6px;text-align:center}.subtitle{margin:0 0 14px;text-align:center;color:var(--muted);font-size:clamp(14px,2.2vw,16px);line-height:1.35}.mode-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin:0}.badge{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-width:0;min-height:var(--tap);padding:8px 10px;border-radius:999px;background:#10182ee6;border:1px solid var(--stroke);color:var(--text);font-size:12px;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere}.badge.active{border-color:#ffd45f8c;box-shadow:0 0 18px #ffd45f2e;color:#ffe086}.ships-grid,.choice-grid,.leaderboards{display:grid;gap:12px}.ships-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}.choice-grid>.card:not(.wide){min-height:0;padding:10px 12px;gap:6px}.leaderboards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:calc(var(--tap) * 3);min-width:0;font-size:13px;border-radius:16px;border:1px solid rgba(122,173,255,.24);background:linear-gradient(180deg,#0f172df5,#0a0f1feb);color:var(--text);padding:12px;display:grid;gap:8px;align-content:start;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;pointer-events:auto}.card>*{min-width:0}button.card{font:inherit;font-size:13px}.card:active,.card:hover{transform:translateY(-2px);border-color:#9cf6;box-shadow:0 0 24px #4b7bff24}.card:disabled{cursor:default;opacity:.72;transform:none;box-shadow:none}.card.common{border-color:#9ba8ba59}.card.rare{border-color:#57b7ff7a}.card.epic{border-color:#bc76ff7a}.card.legendary{border-color:#ffd45fa3;box-shadow:0 0 22px #ffd45f29}.card.wide{grid-column:1 / -1}.card.selected,.card.skin-selected{border-color:#71f0c1a6;box-shadow:0 0 22px #71f0c124}.card.locked{border-color:#ffd45f3d}.card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:15px;font-weight:700;letter-spacing:.03em}.card-title span{min-width:0;flex-shrink:1}.card small,.card p,.card span{color:var(--muted);line-height:1.35;margin:0}.card .preview{color:var(--good);font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;font-size:13px}.ship-stats{padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080d1be0;grid-template-columns:1fr;gap:2px}.ship-stats span{min-width:0;overflow-wrap:anywhere}.text-input{width:100%;min-height:var(--tap);padding:10px 12px;border-radius:12px;border:1px solid rgba(110,170,255,.24);background:#0a0f1feb;color:var(--text);font:inherit}.text-input::placeholder{color:#8da6c6cc}.text-input:focus{outline:2px solid rgba(110,170,255,.42);outline-offset:2px}.form-error{min-height:18px;margin:0;color:var(--danger);font-size:13px;text-align:center}.ship-preview{width:100%;height:88px;border-radius:12px;background:radial-gradient(circle at top,#3a60b633,#0a0f1f99);border:1px solid rgba(255,255,255,.06)}.skin-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.skin-price{color:#ffe086;font-weight:700}.skin-status{text-align:right}.skin-action{display:block;color:#f4f8ff;font-size:13px;letter-spacing:.06em}.resource-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.resource-chip{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#080d1bd6;color:var(--muted);font-size:12px;line-height:1.35}.resource-chip strong{display:block;margin-top:4px;color:#f4f8ff;font-size:16px}.resource-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-color:#71f0c13d;background:linear-gradient(180deg,#081c16e0,#08101ae6);box-shadow:inset 0 1px #ffffff08,0 10px 24px #00000029}.resource-accent{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(113,240,193,.26);background:radial-gradient(circle at 30% 30%,#b9ffe938,#2276552e);color:#b9ffe9;font-size:18px;line-height:1}.resource-main{min-width:0;display:grid;gap:2px}.resource-kicker{color:#b9ffe9c7;font-size:11px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.resource-summary strong{margin-top:0;color:#f1fff9;font-size:18px;line-height:1.1}.resource-meta{min-width:0;display:grid;justify-items:end;gap:2px;text-align:right}.resource-meta span{color:#b9ffe9d6;font-size:15px;line-height:1}.resource-meta strong{font-size:13px;color:#cdeee3}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0}.actions:empty{display:none;margin-top:0}.ui-btn{width:100%;min-width:110px;min-height:var(--tap);padding:10px 14px;border-radius:12px;border:1px solid rgba(110,170,255,.24);background:linear-gradient(180deg,#10182ef5,#0a0f1feb);color:var(--text);font:inherit;pointer-events:auto;cursor:pointer}.ui-btn:disabled{opacity:.48;cursor:default}.ui-btn.warn{border-color:#ff5f6d6b;color:#ffc5ca}.ui-btn.good{border-color:#71f0c16b;color:#b9ffe9}.ui-btn.gold{border-color:#ffd45f75;color:#ffe7a0}.ui-btn.full-width{width:100%}#hudButtons{position:absolute;top:calc(var(--safe-top) + 28px);left:0;right:0;height:0;display:none;pointer-events:none;z-index:14}#hudButtons.active{display:block}#warningBanner{position:absolute;top:calc(var(--safe-top) + var(--tap) + 42px);left:50%;transform:translate(-50%);display:none;align-items:center;gap:10px;min-height:44px;max-width:calc(100% - 20px);min-width:220px;padding:0 18px;border:2px solid rgba(255,104,115,.82);background:#0c101cc7;color:#f8fbff;font:700 16px Consolas,monospace;box-sizing:border-box;pointer-events:none;z-index:6}#warningBanner.active{display:flex}#warningBanner .warning-icon{flex:0 0 auto;font-size:18px;line-height:1}#warningBanner .warning-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mute-btn{position:absolute;top:0;min-width:var(--tap);min-height:var(--tap);padding:10px 12px;border-radius:12px;border:1px solid rgba(124,176,255,.18);background:#080e1c85;color:#e8f4ffe0;font:inherit;cursor:pointer;text-align:center;touch-action:manipulation;-webkit-user-select:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:0 8px 24px #0000001f;z-index:2}#muteBtn{left:calc(var(--safe-left) + 12px);pointer-events:auto}#exitRunBtn{display:none}#pauseBtn{right:calc(var(--safe-right) + 12px);pointer-events:auto}.mute-btn.active{border-color:#ffd45f6b;box-shadow:0 0 16px #ffd45f1f;color:#ffe086}.mute-btn.active{border-color:#ffd45f85;box-shadow:0 0 16px #ffd45f1f;color:#ffe086}.board{padding:12px;border-radius:14px;background:#0b1122c2;border:1px solid rgba(255,255,255,.06);min-height:180px}.board h3,.results h3{margin:0 0 10px;font-size:15px;letter-spacing:.06em;color:#d5e5ff}.board ol,.results ul{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:8px;font-size:13px;line-height:1.4}.results{display:grid;gap:12px}.results-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;font-size:13px}.summary-item{padding:9px 12px;border-radius:12px;background:#0b1122d1;border:1px solid rgba(255,255,255,.06);min-height:0}.summary-item.wide{grid-column:1 / -1}.summary-item strong{display:block;font-size:18px;margin-top:4px;color:#f4f8ff;overflow-wrap:anywhere}.record-banner{display:none;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,212,95,.62);background:linear-gradient(180deg,#291c08eb,#140e06f0);color:#ffe7a0;text-align:center;box-shadow:0 0 28px #ffd45f2e;animation:recordPulse 1.2s ease-in-out infinite alternate}.record-banner.active{display:block}.record-banner strong{display:block;font-size:22px;letter-spacing:.12em}.record-banner span{display:block;margin-top:4px;color:#fff4c9;font-size:13px;letter-spacing:.05em}@keyframes recordPulse{0%{transform:scale(1);box-shadow:0 0 18px #ffd45f1f}to{transform:scale(1.015);box-shadow:0 0 34px #ffd45f47}}.muted{color:var(--muted)}.affix-list{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-width:0;justify-content:flex-start;align-items:flex-start}.affix-chip{display:inline-flex;align-items:center;min-width:0;max-width:100%;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#080d1be0;color:#dce8ff;font-size:12px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:left}#abilityBar{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 4px);transform:translate(-50%);display:none;gap:6px;width:min(calc(100% - 24px - var(--safe-left) - var(--safe-right)),336px);pointer-events:auto;z-index:4}#abilityBar.active{display:flex}.ability-btn{position:relative;flex:1 1 0;min-width:0;min-height:38px;padding:5px 8px 6px;border-radius:11px;border:1px solid rgba(116,182,255,.28);background:linear-gradient(180deg,#0c1426f5,#080e1cf0);color:var(--text);font:inherit;text-align:center;pointer-events:auto;cursor:pointer;overflow:hidden;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px}.ability-btn:disabled{cursor:default;opacity:.94}.ability-btn.ready{border-color:#71f0c170;box-shadow:0 0 18px #71f0c124}.ability-btn:before{content:"";position:absolute;inset:auto 0 0;height:var(--cooldown-fill, 100%);background:linear-gradient(180deg,#6292ff24,#6292ff47);pointer-events:none;transition:height .12s linear}.ability-btn.ready:before{background:linear-gradient(180deg,#71f0c11f,#71f0c138)}.ability-btn>span,.ability-btn>small,.ability-btn>strong{position:relative;z-index:1;display:block;width:100%;text-align:center;line-height:1.15}.ability-btn strong{font-size:11px;letter-spacing:.03em}.ability-btn small{color:var(--muted);font-size:9px}.ability-btn span{color:#c7f6ff;font-size:9px}@media (max-width: 720px){#app{width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}canvas{border-radius:0}.ships-grid,.leaderboards,.results-summary,.resource-strip{grid-template-columns:1fr}.resource-summary{grid-template-columns:auto minmax(0,1fr)}.resource-meta{grid-column:1 / -1;justify-items:start;text-align:left;padding-left:50px}.results-summary{font-size:9px}.results-summary .summary-item strong{font-size:15px}.choice-grid{grid-template-columns:1fr}.panel{padding:14px}}@media (max-width: 500px){:root{--tap: 48px}.affix-list{gap:6px}.affix-chip{padding:6px 9px;font-size:11px}.title{font-size:24px}.subtitle,.card small,.card p,.card span,.board ol,.stats{font-size:14px}.mute-btn{min-width:48px;min-height:48px}#abilityBar{width:calc(100% - 16px - var(--safe-left) - var(--safe-right));gap:5px;bottom:calc(var(--safe-bottom) + 4px)}.ability-btn{min-height:34px;padding:4px 7px 5px}.ability-btn strong{font-size:10px}.ability-btn small,.ability-btn span{font-size:8px}}