:root{--color-bg: #0b1830;--color-snow: #eaf4ff;--color-ice: #8fd3ff;--color-accent: #ff5d3a;--color-accent-2: #ffd23f;--color-panel: rgba(10, 20, 40, .72);--color-panel-border: rgba(255, 255, 255, .14);--font-display: "Arial Black", "Helvetica Neue", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:var(--font-body);color:var(--color-snow);-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;user-select:none}#app-root{position:fixed;inset:0;width:100%;height:100%}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}.overlay-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;background:radial-gradient(ellipse at center,#060e1e59,#040a16d1);overflow-y:auto}button{font-family:var(--font-body);cursor:pointer}.loading-box{display:flex;flex-direction:column;align-items:center;gap:18px}.game-logo{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4rem);letter-spacing:.12em;background:linear-gradient(180deg,#ffffff 0%,var(--color-ice) 60%,var(--color-accent) 130%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 24px rgba(0,0,0,.35)}.loading-bar-track{width:min(70vw,340px);height:10px;border-radius:6px;background:#ffffff1f;overflow:hidden;border:1px solid var(--color-panel-border)}.loading-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--color-ice),var(--color-accent-2));transition:width .2s ease}.loading-label{font-size:.85rem;opacity:.75;letter-spacing:.05em}.panel{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:16px;backdrop-filter:blur(6px);box-shadow:0 12px 40px #00000059}.btn{border:none;border-radius:10px;padding:12px 22px;font-weight:700;font-size:.95rem;letter-spacing:.03em;color:#06101f;background:linear-gradient(180deg,var(--color-ice),#4fb8f0);box-shadow:0 6px #00000040,0 8px 18px #00000040;transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(4px);box-shadow:0 2px #00000040,0 4px 10px #00000040}.btn.btn-primary{background:linear-gradient(180deg,var(--color-accent-2),var(--color-accent))}.btn.btn-ghost{background:#ffffff14;color:var(--color-snow);box-shadow:none;border:1px solid var(--color-panel-border)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}#toast-layer{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--color-panel);border:1px solid var(--color-panel-border);animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#hud-layer{position:absolute;inset:0;z-index:5;pointer-events:none}#touch-controls{position:absolute;inset:0;z-index:6;pointer-events:none}