:root{--bg:#0a0a1a;--bg-panel:#14142b;--fg:#e8e8ff;--accent:#fc3;--accent2:#6df;--danger:#f56;--pixel-font:"Press Start 2P", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--pixel-font);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.landing{text-align:center;background:radial-gradient(ellipse at 50% 120%, #1c1c46 0%, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:32px;padding:24px;display:flex;position:fixed;inset:0}.landing h1{color:var(--accent);text-shadow:4px 4px #7a2d00,8px 8px #0008;letter-spacing:2px;font-size:clamp(22px,6vw,48px);line-height:1.4;animation:2.4s ease-in-out infinite title-bob}@keyframes title-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing .tagline{color:var(--accent2);max-width:640px;font-size:clamp(9px,2.4vw,14px);line-height:1.8}.start-btn{font-family:var(--pixel-font);color:#0a0a1a;background:var(--accent);cursor:pointer;touch-action:manipulation;border:4px solid #fff;outline:4px solid #7a2d00;min-height:56px;padding:18px 36px;font-size:clamp(14px,3.4vw,22px);animation:1.2s steps(2,end) infinite blink-glow}.start-btn:hover,.start-btn:active{background:#fff;animation:none}@keyframes blink-glow{50%{outline-color:var(--accent)}}.landing footer{bottom:max(16px, env(safe-area-inset-bottom));color:#555a8a;font-size:8px;line-height:1.8;position:absolute}.landing footer .lang-switch{color:var(--accent2);text-decoration:underline}.landing footer .lang-switch:hover{color:var(--accent)}.auth-panel{z-index:11;flex-direction:column;align-items:center;gap:10px;max-width:92vw;display:flex;position:relative}.auth-panel form{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.auth-btn{font-family:var(--pixel-font);color:var(--fg);background:var(--bg-panel);border:3px solid var(--fg);cursor:pointer;touch-action:manipulation;min-height:40px;padding:10px 14px;font-size:10px}.auth-btn:hover,.auth-btn:active{border-color:var(--accent);color:var(--accent)}.auth-input{font-family:var(--pixel-font);color:var(--fg);background:#0a0a1a;border:3px solid #555a8a;min-width:180px;min-height:40px;padding:10px 12px;font-size:10px}.auth-status{color:var(--accent2);font-size:9px;line-height:1.6}.auth-hint{color:#555a8a;font-size:8px;line-height:1.6}.lang-suggest{top:max(12px, env(safe-area-inset-top));z-index:12;background:var(--bg-panel);border:3px solid var(--accent2);align-items:center;gap:12px;padding:8px 12px;font-size:9px;line-height:1.4;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 3px #0008}.lang-suggest-link{color:var(--accent2);text-decoration:none}.lang-suggest-link:hover{color:var(--accent)}.lang-suggest-close{font-family:var(--pixel-font);color:var(--fg);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.lang-suggest-close:hover{color:var(--danger)}.update-banner{top:max(8px, env(safe-area-inset-top));z-index:50;font-family:var(--pixel-font);color:#0a0a1a;background:var(--accent2);white-space:nowrap;border:3px solid #fff;padding:8px 14px;font-size:9px;line-height:1.4;animation:1s steps(2,end) infinite update-pulse;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 3px #0008}@keyframes update-pulse{50%{background:var(--accent)}}.game-root{background:var(--bg);touch-action:none;overscroll-behavior:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-root canvas{image-rendering:pixelated;image-rendering:crisp-edges}.game-root:after,.landing:after{content:"";pointer-events:none;mix-blend-mode:multiply;z-index:10;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px,#0000 4px);position:absolute;inset:0}