:root{color:#f4efe4;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh;background:linear-gradient(180deg,#ffffff0a,#fff0),#111318}.hud{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#0f1116f5}.eyebrow{margin:0 0 3px;color:#d5a85b;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:24px;line-height:1.1}.meter-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.meter-group span{min-width:96px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#1b2028;color:#f9efd8;font-weight:800;text-align:center}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}.game-canvas{width:100%;height:calc(100vh - 75px);display:block;cursor:crosshair;touch-action:manipulation}.panel{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 75px);min-height:0;padding:16px;border-left:1px solid rgba(255,255,255,.1);background:#171a20;overflow:auto;overscroll-behavior:contain;scrollbar-color:#d9a14a #171a20;scrollbar-width:thin}.panel::-webkit-scrollbar,.ore-list::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-track,.ore-list::-webkit-scrollbar-track{background:#171a20}.panel::-webkit-scrollbar-thumb,.ore-list::-webkit-scrollbar-thumb{border:2px solid #171a20;border-radius:999px;background:#d9a14a}.control-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}kbd{min-height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);border-bottom-width:3px;border-radius:6px;background:#242a34;color:#fff8e9;font-size:13px;font-weight:900}.bomb-list{display:grid;gap:8px}.bomb{width:100%;min-height:70px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#20252d;color:#f7f0df;text-align:left;cursor:pointer}.bomb:hover,.bomb.active{border-color:#f0b95c;background:#2b2d31}.bomb.locked{background:#1a1d24}.bomb.locked .bomb-key{background:#555d6a;color:#e4e8ee}.bomb.owned em{color:#83e6a2}.bomb.locked em{color:#f0b95c}.bomb-key{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#d9a14a;color:#1c1711;font-weight:900}.bomb strong,.bomb small,.bomb em{display:block}.bomb strong{font-size:14px}.bomb small{margin-top:4px;color:#b9c0c9;font-size:12px}.bomb em{color:#f6d89a;font-size:12px;font-style:normal;font-weight:900}.shop-open{min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#d9a14a;color:#18130d;font-weight:900;cursor:pointer}.shop-open:hover{background:#f0b95c}.furniture-open{min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#5f4aa2;color:#f7f0df;font-weight:900;cursor:pointer}.furniture-open:hover{border-color:#c085ff;background:#7058bc}.surface-button{min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#27313e;color:#f7f0df;font-weight:900;cursor:pointer}.surface-button:hover{border-color:#83e6a2;color:#dff9e6}.selected-readout{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101217}.selected-readout span,.selected-readout small,.selected-readout strong{display:block}.selected-readout span{color:#adb6c3;font-size:12px;font-weight:800;text-transform:uppercase}.selected-readout strong{margin:4px 0;font-size:20px}.selected-readout small{color:#c8c2b4;line-height:1.45}.income-panel{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101217}.income-readout{display:grid;gap:2px;padding:10px;border-radius:6px;background:#1a1f27}.income-readout strong{color:#83e6a2;font-size:24px;line-height:1}.income-readout span{color:#aeb8c5;font-size:12px;font-weight:800}.upgrade-button{min-height:40px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#233629;color:#dff9e6;font-weight:900;cursor:pointer}.upgrade-button:hover:not(:disabled){border-color:#83e6a2}.upgrade-button:disabled{color:#98a1ad;cursor:default;opacity:.75}.mode-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101217}.mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-buttons button{min-height:36px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#1a1f27;color:#aeb8c5;font-size:13px;font-weight:800;cursor:pointer}.mode-buttons button:hover{border-color:#83e6a2}.mode-buttons button.active{background:#d9a14a;color:#18130d;border-color:#f0b95c}.bonus-time-button{min-height:38px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#27313e;color:#f7f0df;font-weight:900;cursor:pointer}.bonus-time-button:hover{border-color:#7de3ff;color:#7de3ff}.progress-panel{display:grid;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101217}.depth-meter{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center}.depth-track{position:relative;width:34px;height:210px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,#304f65,#76533f 12%,#65666d,#272434 72%,#4a3b25)}.layer-tick{position:absolute;left:0;width:100%;height:1px;background:#ffffff47}.layer-tick.reached{height:2px;background:#fff0abf2}.player-icon{position:absolute;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#7de3ff;border:2px solid #111318;border-radius:50%;z-index:10;box-shadow:0 0 8px #7de3ffcc}.depth-labels{display:grid;gap:5px}.depth-labels strong{color:#f7f0df;font-size:18px}.depth-labels span{color:#e8c279;font-size:13px;font-weight:900}.depth-labels small{color:#aeb8c5;font-size:12px}.ore-index{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#101217}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panel-heading span{color:#f7f0df;font-size:13px;font-weight:900;text-transform:uppercase}.panel-heading small{color:#99a4b2;font-size:11px;text-align:right}.ore-list{display:grid;gap:6px;max-height:250px;overflow:auto;padding-right:3px}.ore-row{min-height:40px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;background:#1a1f27}.ore-swatch{width:16px;height:16px;border:2px solid rgba(255,255,255,.68);border-radius:50%;box-shadow:0 0 12px currentColor}.ore-row strong,.ore-row small,.ore-row em{display:block}.ore-row strong{color:#f7f0df;font-size:12px}.ore-row small{margin-top:2px;color:#aeb8c5;font-size:11px}.ore-row em{color:#f6d89a;font-size:11px;font-style:normal;font-weight:900}.restart{min-height:44px;border:0;border-radius:8px;background:#e7b257;color:#18130d;font-weight:900;cursor:pointer}.music-toggle{min-height:42px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#27313e;color:#f7f0df;font-weight:900;cursor:pointer}.music-toggle:hover{border-color:#f0b95c}.shop-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#06080cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-modal{width:min(820px,100%);max-height:min(760px,calc(100vh - 48px));display:grid;gap:16px;overflow:auto;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#141821;box-shadow:0 24px 80px #0000006b}.shop-header,.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:16px}.shop-header h2{margin:0;color:#fff8e9;font-size:28px;line-height:1.1}.shop-close{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#242a34;color:#f7f0df;font-weight:900;cursor:pointer}.shop-balance{padding:12px 14px;border-radius:8px;background:#0f1218}.shop-balance span{color:#aeb8c5;font-size:12px;font-weight:900;text-transform:uppercase}.shop-balance strong{color:#f6d89a;font-size:22px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-card{min-height:110px;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;gap:10px 12px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#20252d;color:#f7f0df;text-align:left;cursor:pointer}.shop-card:hover,.shop-card.active{border-color:#f0b95c;background:#2b2d31}.shop-card.locked{background:#181c23}.shop-bomb-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:#d9a14a;color:#1c1711;font-size:20px;font-weight:900}.shop-card.locked .shop-bomb-icon{background:#555d6a;color:#e4e8ee}.shop-card strong,.shop-card small,.shop-card em{display:block}.shop-card strong{font-size:16px}.shop-card small{margin-top:5px;color:#b9c0c9;font-size:12px}.shop-card em{grid-column:1 / -1;color:#f0b95c;font-size:13px;font-style:normal;font-weight:900}.shop-card.owned em{color:#83e6a2}.furniture-card{background:#211f2f}.furniture-card:hover{border-color:#c085ff;background:#2d2941}.furniture-icon{background:#c085ff;color:#171124}.tank-screen{width:100%;min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 70% 12%,rgba(255,190,96,.18),transparent 28%),linear-gradient(180deg,#1a2434,#10141c 48%,#0b0d12);color:#f7f0df}.tank-menu{width:min(760px,100%);display:grid;justify-items:center;gap:18px;padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0e121beb;box-shadow:0 28px 90px #00000073;text-align:center}.tank-menu-art{position:relative;width:min(360px,82vw);height:140px}.tank-menu-body{position:absolute;left:50%;bottom:28px;width:170px;height:58px;transform:translate(-50%);border:2px solid rgba(255,255,255,.42);border-radius:8px 8px 4px 4px;background:linear-gradient(135deg,#2f80ed,#17223b 70%);box-shadow:0 0 36px #2f80ed47}.tank-menu-tread{position:absolute;left:50%;bottom:10px;width:220px;height:34px;transform:translate(-50%);border-radius:999px;background:repeating-linear-gradient(90deg,#253142 0 16px,#101722 16px 28px);box-shadow:inset 0 0 0 3px #0b1018}.tank-menu-cannon{position:absolute;left:50%;bottom:80px;width:145px;height:14px;transform:rotate(-22deg);transform-origin:8px 50%;border-radius:999px;background:linear-gradient(90deg,#dbeafe,#475569)}.tank-kicker{margin:0;color:#f5c76f;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.tank-menu h1{color:#fff8e9;font-size:clamp(40px,8vw,74px);text-transform:uppercase}.tank-menu-copy{max-width:580px;margin:0;color:#bfcbda;line-height:1.55}.tank-mode-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tank-mode-card{min-height:116px;display:grid;align-content:center;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#171f2d;color:#f8fafc;cursor:pointer;text-align:left}.tank-mode-card:hover{transform:translateY(-2px);border-color:currentColor}.tank-mode-card strong{font-size:20px}.tank-mode-card span{color:#bfcbda;font-size:13px}.tank-mode-blue{color:#7dd3fc}.tank-mode-red{color:#fca5a5}.tank-mode-violet{color:#c4b5fd}.tank-battle{width:100%;display:grid;justify-items:center;gap:14px}.tank-hud{width:100%;display:grid;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0c1018e0;box-shadow:0 18px 50px #00000059}.tank-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.tank-status{min-width:0;display:grid;gap:6px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#182030}.tank-status.is-current{border-color:#ffe06acc;box-shadow:inset 0 0 0 1px #ffe06a2e}.tank-status.is-destroyed{opacity:.45}.tank-status-name,.tank-status-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.tank-status-name strong{min-width:0;overflow:hidden;color:#f8fafc;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tank-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor}.tank-hp-track,.tank-power-track{height:8px;overflow:hidden;border-radius:999px;background:#0a1019}.tank-hp-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;padding:1px}.tank-hp-segment{display:block;height:100%;border-radius:999px;background:#1e293b;opacity:.5;transform:scaleY(.62);transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.tank-hp-segment.is-active{opacity:1;transform:scaleY(1);box-shadow:0 0 8px currentColor}.tank-status-meta{color:#c9d3df;font-size:11px;font-weight:800}.wind-right{color:#7dd3fc!important}.wind-left{color:#fca5a5!important}.tank-shop-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 0 4px;scrollbar-color:#7dd3fc #111827}.tank-readout-row{position:absolute;top:12px;left:12px;right:12px;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.tank-readout-card{min-height:42px;display:grid;align-content:center;gap:3px;padding:7px 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080d16c2;box-shadow:0 10px 28px #0000004d;color:#f8fafc;text-align:center}.tank-readout-card span{color:#aebbd0;font-size:10px;font-weight:900;text-transform:uppercase}.tank-readout-card strong{color:#fff8e9;font-size:16px;line-height:1}.tank-readout-card.is-warning{border-color:#fb923cc7;background:#451a03c7}.tank-readout-card.is-warning strong{color:#fed7aa}.tank-aim-readout{grid-template-columns:auto auto 104px;align-items:center;gap:7px 10px;text-align:left}.tank-aim-readout>div:not(.tank-power-track){display:grid;gap:4px}.tank-shop-strip.is-disabled{filter:saturate(.7)}.tank-shop-item{flex:0 0 170px;min-height:112px;display:grid;align-content:start;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#172033;color:#f8fafc;cursor:pointer;text-align:left}.tank-shop-item:hover:not(:disabled){border-color:#ffe06a;background:#202d43}.tank-shop-item:disabled{color:#94a3b8;cursor:not-allowed;opacity:.58}.tank-shop-type{color:#7dd3fc;font-size:10px;font-weight:900;text-transform:uppercase}.tank-shop-item strong{font-size:14px}.tank-shop-item em{color:#ffe06a;font-size:12px;font-style:normal;font-weight:900}.tank-shop-item small{color:#b9c4d2;font-size:11px;line-height:1.35}.tank-stage{position:relative;max-width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#050914;box-shadow:0 22px 70px #0000007a}.tank-stage canvas{width:100%;height:100%;display:block}.tank-stage-wind{position:absolute;top:14px;right:14px;z-index:5;min-width:116px;display:grid;gap:2px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080d16c7;box-shadow:0 10px 28px #00000052;text-align:right;pointer-events:none}.tank-stage-wind span{color:#aebbd0;font-size:10px;font-weight:900;text-transform:uppercase}.tank-stage-wind strong{color:#f8fafc;font-size:18px;line-height:1}.tank-stage-timer{position:absolute;top:14px;left:50%;z-index:5;min-width:104px;display:grid;gap:2px;padding:9px 16px;transform:translate(-50%);border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080d16c7;box-shadow:0 10px 28px #00000052;text-align:center;pointer-events:none}.tank-stage-timer span{color:#aebbd0;font-size:10px;font-weight:900;text-transform:uppercase}.tank-stage-timer strong{color:#f8fafc;font-size:20px;line-height:1}.tank-stage-timer.is-warning{border-color:#fb923cc7;background:#451a03c7}.tank-stage-timer.is-warning strong{color:#fed7aa}.tank-countdown-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;color:#fff8e9;font-size:clamp(96px,18vw,190px);font-weight:1000;line-height:1;text-shadow:0 0 18px rgba(251,146,60,.9),0 10px 36px rgba(0,0,0,.75);pointer-events:none;animation:tank-countdown-pulse 1s ease-out both}@keyframes tank-countdown-pulse{0%{transform:scale(.72);opacity:0}18%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.62}}.tank-aim-card{position:absolute;width:168px;display:grid;gap:8px;padding:12px;border:2px solid #7dd3fc;border-radius:8px;background:#080d16d6;box-shadow:0 14px 34px #00000073;color:#f8fafc;pointer-events:none}.tank-aim-row{display:flex;justify-content:space-between;gap:12px}.tank-aim-card span{color:#aebbd0}.tank-aim-card strong{color:#fff8e9}.tank-power-track{height:14px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;padding:2px;border:1px solid rgba(255,255,255,.12);border-radius:7px}.tank-power-segment{display:block;height:100%;border-radius:4px;background:#1e293b;box-shadow:inset 0 0 0 1px #ffffff0f;transform:scaleY(.58);opacity:.55;transition:background-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.tank-power-segment.is-active{background:#7dd3fc;box-shadow:0 0 10px #7dd3fc94;transform:scaleY(1);opacity:1}.tank-power-segment.is-active:nth-child(n+5){background:#ffe06a;box-shadow:0 0 10px #ffe06a94}.tank-power-segment.is-active:nth-child(n+8){background:#fb923c;box-shadow:0 0 12px #fb923ca8}.tank-gameover{position:absolute;inset:0;z-index:10;display:grid;place-items:center;align-content:center;gap:18px;padding:24px;background:#03060cd1;color:#fff;text-align:center}.tank-gameover h1{max-width:92%;color:#ffe06a;font-size:clamp(40px,8vw,78px);text-transform:uppercase}.tank-gameover h1.is-draw{color:#bfcbda}.tank-ranking{width:min(340px,100%);display:grid;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#141d2bf0;text-align:left}.tank-ranking h2{margin:0 0 6px;color:#f8fafc;text-align:center}.tank-rank-row{display:flex;justify-content:space-between;gap:16px;font-weight:800}.tank-primary-action,.tank-retire,.tank-portal-exit{min-height:42px;border:0;border-radius:8px;font-weight:900;cursor:pointer}.tank-primary-action{padding:0 24px;background:#2f80ed;color:#fff}.tank-retire{padding:0 16px;background:#c73636;color:#fff}.tank-portal-exit{padding:0 16px;background:#242a34;color:#f7f0df;box-shadow:inset 0 0 0 1px #ffffff24}.tank-portal-exit:hover{box-shadow:inset 0 0 0 1px #3b82f6}.tank-control-help{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;padding:11px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0c1018db;color:#b9c4d2;font-size:13px}.tank-control-help strong{color:#fff8e9}@media(max-width:860px){body{overflow:auto}.hud{align-items:flex-start;flex-direction:column}.meter-group{width:100%;justify-content:stretch}.meter-group span{flex:1 1 100px}.play-area{grid-template-columns:1fr}.game-canvas{height:62vh;min-height:420px}.panel{height:auto;max-height:none;border-left:0;border-top:1px solid rgba(255,255,255,.1)}.shop-grid{grid-template-columns:1fr}.tank-screen{padding:14px}.tank-mode-grid{grid-template-columns:1fr}.tank-stage{height:auto!important;aspect-ratio:5 / 3}.tank-readout-row{top:8px;left:8px;right:8px;flex-wrap:wrap;justify-content:center}.tank-aim-readout{grid-template-columns:auto auto 88px}.tank-aim-readout .tank-power-track{grid-column:auto}}