*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--surface: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--accent-hover: #79b8ff;--success: #3fb950;--danger: #f85149;--highlight: #1f3d2b;--pixel-font: "Press Start 2P", monospace}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--pixel-font);font-size:10px;line-height:1.6;-webkit-tap-highlight-color:transparent;overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.screen{width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px}.logo{text-align:center;font-size:18px;color:var(--accent);text-shadow:2px 2px 0 #000;letter-spacing:1px}.logo span{display:block;font-size:8px;color:var(--muted);margin-top:8px}.card{background:var(--surface);border:2px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:16px}label{font-size:8px;color:var(--muted);display:block;margin-bottom:8px}input[type=email],input[type=text],input[type=number],input[type=password]{width:100%;padding:12px;background:var(--bg);border:2px solid var(--border);color:var(--text);font-family:var(--pixel-font);font-size:10px;outline:none}input:focus{border-color:var(--accent)}input.otp-input{text-align:center;letter-spacing:8px;font-size:14px}.btn{display:inline-block;width:100%;padding:14px 16px;background:var(--accent);border:2px solid #1f6feb;color:#fff;font-family:var(--pixel-font);font-size:10px;cursor:pointer;text-align:center;transition:background .15s}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border-color:var(--border);color:var(--muted);font-size:8px;padding:10px}.btn-secondary:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn-logout{width:auto;padding:8px 12px;font-size:8px;background:transparent;border-color:var(--danger);color:var(--danger)}.btn-logout:hover{background:#f851491a}.error-msg{color:var(--danger);font-size:8px;text-align:center}.info-msg{color:var(--muted);font-size:8px;text-align:center}.user-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:8px}.user-identity{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{width:28px;height:28px;flex-shrink:0;object-fit:contain;image-rendering:auto}.user-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.user-bar .username{color:var(--accent)}.character-name{font-size:7px;color:var(--muted)}.section-title{font-size:10px;color:var(--text);text-align:center}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.character-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 10px;background:var(--bg);border:2px solid var(--border);cursor:pointer;font-family:var(--pixel-font);color:var(--text);transition:border-color .15s,background .15s}.character-card:hover{border-color:var(--accent)}.character-card.selected{border-color:var(--success);background:var(--highlight)}.character-preview{width:72px;height:72px;object-fit:contain}.character-card-name{font-size:8px;text-align:center}.character-badge{font-size:6px;color:var(--success)}.life-pack-grid{display:flex;flex-direction:column;gap:8px;width:100%}.life-pack-card{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:var(--bg);border:2px solid var(--border);cursor:pointer;font-family:var(--pixel-font);color:var(--text);transition:border-color .15s,background .15s}.life-pack-card:hover{border-color:var(--accent)}.life-pack-card.selected{border-color:var(--success);background:var(--highlight)}.life-pack-lives{font-size:9px;color:var(--text)}.life-pack-price{font-size:10px;color:var(--accent)}.lives-display{text-align:center;font-size:12px;color:var(--success)}.lives-display .label{font-size:8px;color:var(--muted);display:block;margin-bottom:6px}.edit-username-link{font-size:8px;color:var(--muted);cursor:pointer;text-align:center;text-decoration:underline}.edit-username-link:hover{color:var(--accent)}.leaderboard{display:flex;flex-direction:column;gap:4px}.leaderboard h2{font-size:10px;color:var(--muted);margin-bottom:8px;text-align:center}.lb-header,.lb-row{display:grid;grid-template-columns:28px 1fr 48px 64px;gap:4px;font-size:7px;padding:6px 4px;align-items:center}.lb-header{color:var(--muted);border-bottom:1px solid var(--border)}.lb-row{border-bottom:1px solid rgba(48,54,61,.5)}.lb-row.highlight{background:var(--highlight);color:var(--success)}.lb-row .rank{color:var(--muted)}.lb-row .score{text-align:right;color:var(--accent)}.lb-row .date{text-align:right;color:var(--muted);font-size:6px}.lb-empty{text-align:center;color:var(--muted);font-size:8px;padding:12px}.play-area{display:flex;flex-direction:column;align-items:center;gap:12px}#checkout-container{width:100%;display:flex;justify-content:center}#checkout-container yatori-checkout{width:100%;--yp-button-border-radius: 0px;--yp-button-border-color: #1f6feb;--yp-button-border-width: 2px;--yp-button-height: 48px;--yp-button-width: 100%}.no-lives-msg{font-size:8px;color:var(--muted);text-align:center}.hidden{display:none!important}#game-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:100;display:flex;align-items:center;justify-content:center}#game-canvas{display:block;max-width:100vw;max-height:100vh;touch-action:none}#game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:110;display:flex;align-items:center;justify-content:center}.game-over-card{background:var(--surface);border:2px solid var(--border);padding:24px;text-align:center;max-width:320px;width:90%}.game-over-card h2{font-size:14px;color:var(--danger);margin-bottom:16px}.game-over-card .final-score{font-size:20px;color:var(--accent);margin-bottom:20px}.game-over-card .final-score span{display:block;font-size:8px;color:var(--muted);margin-bottom:8px}@media(max-width:400px){.lb-header,.lb-row{grid-template-columns:24px 1fr 40px 52px;font-size:6px}}