:root{--gold: #D4A017;--gold2: #F5C842;--bg: #080C18;--nav: #0C1220;--card: #111827;--card2: #1A2332;--card3: #212F42;--border: #253247;--border2: #2E3F57;--text: #EEF0F8;--muted: #7A8BA8;--muted2: #9AABBC;--green: #16A34A;--red: #DC2626;--amber: #D97706;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden;background:var(--bg)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.bebas{font-family:Bebas Neue,Impact,Arial Narrow,sans-serif;letter-spacing:1px}.safe-top{padding-top:var(--safe-top)}.safe-bot{padding-bottom:var(--safe-bot)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 18px;border-radius:9px;font-weight:700;cursor:pointer;border:none;font-size:13px;transition:.15s;font-family:inherit}.btn:disabled{opacity:.45;cursor:default}.btn-gold{background:var(--gold);color:#000}.btn-gold:not(:disabled):hover{background:var(--gold2)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn-ghost:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}.btn-red{background:#7f1d1d;color:#fff}.btn-red:not(:disabled):hover{background:var(--red)}.btn-green{background:#14532d;color:#fff}.btn-green:not(:disabled):hover{background:var(--green)}.btn-sm{padding:5px 11px;font-size:11px;border-radius:7px}.card{background:var(--card);border:1px solid var(--border);border-radius:13px}.input{width:100%;padding:11px 14px;background:var(--card2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:14px;font-family:inherit;outline:none}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--muted)}.score-input{width:44px;height:44px;text-align:center;background:var(--card2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:18px;font-weight:700;font-family:inherit;outline:none;-moz-appearance:textfield}.score-input::-webkit-outer-spin-button,.score-input::-webkit-inner-spin-button{-webkit-appearance:none}.score-input:focus{border-color:var(--gold)}.score-input:disabled{opacity:.5;background:var(--card3)}.toast{position:fixed;bottom:calc(70px + var(--safe-bot));left:50%;transform:translate(-50%) translateY(20px);background:var(--card3);border:1px solid var(--border2);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;z-index:9999;opacity:0;transition:.25s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.ok{border-color:var(--green);color:#4ade80}.toast.err{border-color:var(--red);color:#f87171}.toast.info{border-color:var(--gold);color:var(--gold)}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}.pts-pill{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:800}.pts-exact{background:#14532d;color:#4ade80}.pts-result{background:#1e3a5f;color:#60a5fa}.pts-wrong{background:#3b1515;color:#f87171}.pts-bonus{background:#3b2f00;color:var(--gold)}