:root{--bg: #0b0d10;--bg-elev: #17191d;--border: #2a2d33;--text: #e7e7ee;--text-dim: #8b8d9a;--accent: #e0b45a;--accent-dim: #4a3d21;--danger: #ff4f6d;--success: #2f7d5c;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}#app{max-width:720px;margin:0 auto;padding:16px}#top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#top-bar h1{font-size:1.4rem;margin:0}#player-info{display:flex;gap:14px;font-family:monospace;color:var(--accent)}.screen.hidden,.hidden{display:none}#level-progress-container{width:100%;height:10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:5px;overflow:hidden;margin-bottom:4px}#level-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .4s ease}#level-progress-label{margin:0 0 18px;font-size:.8rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:20px}h2{margin-top:0}.row{display:flex;gap:10px;align-items:center;margin-top:10px}.row.space-between{justify-content:space-between}.hint{color:var(--text-dim);font-size:.9rem}.error{color:var(--danger);min-height:1.2em}input[type=text],input[type=number]{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem;flex:1}button{background:var(--accent);color:#1a1406;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}button:hover{opacity:.85}button:disabled{background:var(--border);color:var(--text-dim);cursor:not-allowed;opacity:1}button.secondary{background:var(--bg);border:1px solid var(--border);color:var(--text)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.game-tile{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.game-tile:not(.locked):hover{border-color:var(--accent)}.game-tile.locked{opacity:.55;cursor:not-allowed}.game-label{font-size:1rem}.lock-info{font-size:.75rem;color:var(--text-dim)}canvas{background:#111;border-radius:10px;border:1px solid var(--border);width:100%;height:auto;display:block}.game-result{min-height:1.4em;margin:12px 0 0;padding:10px 12px;border-radius:8px;font-weight:600;text-align:center;background:var(--bg);border:1px solid var(--border)}.game-result:empty{display:none}.game-result.win{color:var(--success);border-color:var(--success);background:#2f7d5c1f}.game-result.lose{color:var(--danger);border-color:var(--danger);background:#ff4f6d1a}.game-result.push{color:var(--text-dim)}select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}.roulette-badge{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:var(--text);background:var(--bg);border:3px solid var(--border)}.roulette-badge.red{background:#7a1f2b;border-color:#c0392b}.roulette-badge.black{background:#1a1a1a;border-color:#3a3a3a}.roulette-badge.green{background:#1c5c3a;border-color:var(--success)}@media (max-width: 600px){#app{padding:10px}#top-bar{flex-direction:column;align-items:flex-start;gap:6px}.row{flex-direction:column;align-items:stretch}button{width:100%}}