:root{--bg-0: #0b1020;--bg-1: #131a33;--bg-2: #1c2547;--fg: #e9ecf8;--fg-dim: #a6adc8;--accent: #7c5cff;--accent-2: #43d9ad;--danger: #ff6b6b;--warn: #ffcc66;--border: #2a335c;--shadow: 0 12px 40px rgba(0, 0, 0, .45);--radius: 14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 20% 0%,#1f2a5a 0%,var(--bg-0) 50%) fixed;color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-2);color:var(--fg);padding:.6rem 1rem;border-radius:10px;transition:transform 80ms ease,background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:#243066;border-color:#3a4684}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent),#5a3df0);border-color:transparent;color:#fff;font-weight:600;letter-spacing:.02em}button.primary:hover:not(:disabled){filter:brightness(1.07)}button.ghost{background:transparent}input[type=text]{font:inherit;width:100%;background:#0e1430;color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;outline:none;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff40}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem 4rem}.app-header{width:100%;max-width:720px;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.app-header h1{margin:0;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-link{text-decoration:none;color:inherit}.brand-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.card{width:100%;max-width:720px;background:#131a33d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.subtitle{color:var(--fg-dim);margin:0 0 1.5rem;line-height:1.55}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.mode-card{text-align:left;padding:1.25rem;border-radius:12px;background:var(--bg-1);border:1px solid var(--border);transition:border-color .12s ease,transform 80ms ease}.mode-card:hover{border-color:var(--accent)}.mode-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #7c5cff59}.mode-card h3{margin:0 0 .4rem}.mode-card p{margin:0;color:var(--fg-dim);font-size:.9rem;line-height:1.45}.row{display:flex;gap:.75rem;align-items:center}.row.between{justify-content:space-between}.numbers{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.25rem}.number-chip{padding:.6rem 1rem;background:var(--bg-1);border:1px solid var(--border);border-radius:999px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:600;letter-spacing:.04em;transition:opacity .12s ease,background .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease}.number-chip:hover:not(:disabled){border-color:var(--accent);background:#1c2453}.number-chip:disabled,.number-chip.used{opacity:.4;cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--danger);background:#7c5cff0a;border-color:var(--border);border-style:dashed;color:var(--fg-dim);transform:none;box-shadow:none}.number-chip:disabled:hover,.number-chip.used:hover{background:#7c5cff0a;border-color:var(--border)}.target{font-size:3rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:.6rem}.target-row{align-items:flex-end;margin-bottom:1.5rem}.expression-input{margin-bottom:1.25rem;cursor:text;caret-color:var(--accent)}.expression-input:read-only{background:#0e1430}.label{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.timer{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;font-weight:600;padding:.3rem .75rem;border-radius:999px;background:var(--bg-2);border:1px solid var(--border)}.timer.danger{color:var(--danger);border-color:var(--danger)}.score-strip{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.score-pill{padding:.4rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-1);color:var(--fg-dim);font-size:.85rem}.score-pill strong{color:var(--fg);margin-left:.4rem}.feedback{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-1);font-size:.95rem}.feedback.ok{border-color:var(--accent-2);color:var(--accent-2)}.feedback.bad{border-color:var(--danger);color:var(--danger)}.feedback .solution{margin-top:.5rem;color:var(--fg-dim);font-size:.9rem}.feedback .solution code,.history .solution code{background:#7c5cff1f;border:1px solid var(--border);padding:.1rem .4rem;border-radius:6px;color:var(--fg);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.history .solution{margin-top:.25rem;color:var(--accent-2);font-size:.85rem}.history-row{align-items:flex-start}.history-row-text{flex:1;min-width:0}.history{display:flex;flex-direction:column;gap:.5rem;margin:1.25rem 0}.history-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;border:1px solid var(--border);background:var(--bg-1);border-radius:10px;font-size:.95rem}.final-score{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin:.25rem 0}.rating-message{font-size:1.15rem;margin-bottom:1.5rem;line-height:1.5}.hint{color:var(--fg-dim);font-size:.85rem;margin-top:.5rem}.error-banner{background:#ff6b6b1a;border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.numpad{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;margin-top:.75rem}.numpad button{padding:.55rem .4rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.mode-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;background:#7c5cff2e;color:var(--fg);border:1px solid var(--border);margin-left:.4rem;vertical-align:middle}.share-block{margin:1.25rem 0}.share-row{display:flex;gap:.5rem;margin-top:.4rem}.share-row input[type=text]{flex:1;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.players-block{margin:1.25rem 0}.player-list{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.player-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem .85rem;border:1px solid var(--border);background:var(--bg-1);border-radius:10px;font-size:.95rem}.player-row.self{border-color:var(--accent);background:#7c5cff1a}.player-row .muted{color:var(--fg-dim);font-size:.85rem}.muted{color:var(--fg-dim)}.join-block{margin-top:1.25rem;padding:1rem;border:1px solid var(--border);background:var(--bg-1);border-radius:12px}.join-block input[type=text]{flex:1}.leaderboard{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.5rem;counter-reset:leaderboard-counter}.leaderboard-row{display:grid;grid-template-columns:56px 1fr auto auto;gap:.75rem;align-items:center;padding:.7rem .95rem;border:1px solid var(--border);background:var(--bg-1);border-radius:12px;font-size:.95rem}.leaderboard-row .rank{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--fg-dim);letter-spacing:.04em}.leaderboard-row .player-name{font-weight:600}.leaderboard-row .leaderboard-score{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:1.05rem;color:var(--fg)}.leaderboard-row.self{border-color:var(--accent);background:#7c5cff1f;box-shadow:0 0 0 1px #7c5cff33}.leaderboard-row.self .player-name{color:var(--accent-2)}.leaderboard-row.top .rank{color:var(--warn)}.leaderboard-row.top .leaderboard-score{background:linear-gradient(135deg,var(--accent-2),var(--warn));-webkit-background-clip:text;background-clip:text;color:transparent}