:root{--mars-bg-0:#13070b;--mars-bg-1:#2a0e16;--mars-red-soft:#d45b6d;--mars-red-bright:#ff7d8f;--glass-fill:#ffffff1a;--glass-border:#ffffff3d;--text-primary:#fff6f7;--text-muted:#d9bcc2;--focus-ring:#8be9ff;--tile-base:#b94b5f;--tile-bright:#e46a78;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--effects-mode:balanced}*,:before,:after{box-sizing:border-box}html,body{background:var(--mars-bg-0);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.boot-splash{min-height:100vh;background:radial-gradient(120% 90% at 50% 0,#2a0e16 0%,#13070b 65%);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100dvh;display:flex}.boot-splash__mark{letter-spacing:1px;color:#fff;background:linear-gradient(150deg, var(--tile-bright), var(--tile-base));border-radius:18px;place-items:center;width:64px;height:64px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff73,0 12px 32px #b43c5059}.boot-splash__title{letter-spacing:.5px;margin-top:12px;font-size:22px;font-weight:700}.boot-splash__sub{color:var(--text-muted);letter-spacing:2.5px;text-transform:uppercase;font-size:13px}[hidden]{display:none!important}.glass-panel{border:1px solid var(--glass-border);background:var(--glass-fill);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:16px;position:relative;box-shadow:inset 0 1px #ffffff29,0 18px 40px #00000059}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}[data-effects=lite] .glass-panel{-webkit-backdrop-filter:none;background:#2a0e16eb}.screen{width:100%;max-width:560px;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);flex-direction:column;flex:1;gap:16px;margin:0 auto;display:flex}.screen--wide{max-width:720px}.screen__title{letter-spacing:.3px;margin:0;font-size:26px;font-weight:800}.screen__subtitle{color:var(--text-muted);margin:0}.btn{border:1px solid var(--glass-border);background:linear-gradient(150deg, var(--tile-bright), var(--tile-base));color:#fff;letter-spacing:.3px;cursor:pointer;border-radius:14px;min-height:48px;padding:12px 20px;font-weight:700;transition:transform 80ms,filter .12s;box-shadow:inset 0 1px #ffffff59,0 10px 24px #b43c504d}.btn:active{filter:brightness(1.05);transform:translateY(1px)scale(.99)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn--ghost{box-shadow:inset 0 0 0 1px var(--glass-border);color:var(--text-primary);background:0 0}@media (min-width:720px){.screen{max-width:720px}}.game-screen{padding:calc(var(--safe-top) + 8px) 10px calc(var(--safe-bottom) + 8px);height:100vh;box-sizing:border-box;flex-direction:column;gap:10px;width:100%;max-width:560px;height:100dvh;margin:0 auto;display:flex}.game-hud{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:14px;align-items:center;gap:8px;padding:6px 10px;display:flex}.game-hud__block{flex-direction:column;flex:1;display:flex}.game-hud__label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:10px}.game-hud__value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.game-hud__pause{min-height:40px;padding:8px 12px}.game-field{flex:1;justify-content:center;align-items:flex-start;gap:8px;min-height:0;display:flex}.game-field__board-wrap{aspect-ratio:1/2;height:100%;min-height:360px;max-height:min(600px,100dvh - 160px);margin:0 auto;position:relative}.game-canvas{border:1px solid var(--glass-border);background:#13070bb3;border-radius:10px;width:100%;height:100%;display:block}.game-field__side{width:64px;color:var(--text-muted);text-align:center;padding-top:8px;font-size:12px}.game-event-banner{color:#13070b;background:#ff7d8fe6;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.game-quit{align-self:flex-end;min-height:40px;padding:8px 16px;font-size:13px}.rankmap{flex-direction:column;gap:12px;display:flex}.rankmap__rank{border:1px solid var(--glass-border);background:var(--glass-fill);border-radius:14px;padding:10px}.rankmap__rank-title{color:var(--mars-red-bright);margin:0 0 8px;font-size:14px}.rankmap__rank-title small{color:var(--text-muted);font-weight:400}.rankmap__nodes{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.rankmap__node{border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:44px;display:flex}.rankmap__node-id{font-weight:700}.rankmap__node-quota{color:var(--text-muted);font-size:9px}.settings-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;font-size:15px;display:flex}.settings-row select{font:inherit;border:1px solid var(--glass-border);background:var(--mars-bg-1);color:var(--text-primary);border-radius:10px;padding:6px 10px}@media (min-width:720px){.game-controls{justify-content:center;gap:8px;padding:4px 0;display:flex}}