:root{color-scheme:dark;--bg:#071018;--surface:#0a171feb;--surface-2:#122a39f5;--border:#6dadc93d;--text:#f6fbff;--muted:#a6bbc7;--accent:#22d3ee;--accent-2:#fbbf24;--good:#4ade80;--bad:#fb7185;--shadow:#01080c6b}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 10%,#22d3ee2e,#0000 28%),radial-gradient(circle at 86% 16%,#fbbf2424,#0000 24%),linear-gradient(#071018,#081924 44%,#061118);margin:0;font-family:Space Grotesk,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}#scrambleApp{min-height:100vh}.scramble-app{gap:1rem;min-height:100vh;padding:clamp(.9rem,2vw,1.5rem);display:grid}.scramble-header,.scramble-panel,.scramble-stage,.leaderboard-panel,.deck-panel{border:1px solid var(--border);background:var(--surface);box-shadow:0 24px 54px var(--shadow);border-radius:1rem}.scramble-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem 1.15rem;display:flex}.scramble-title{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.95}.scramble-subtitle,.muted,.panel-copy{color:var(--muted);line-height:1.55}.scramble-subtitle{max-width:56rem;margin:.6rem 0 0}.actions,.toolbar,.inline-actions,.panel-actions,.difficulty-grid,.category-grid,.entry-grid,.stats-grid{flex-wrap:wrap;gap:.75rem;display:flex}.button,.mini-button{border:1px solid var(--border);color:var(--text);background:#081219eb;border-radius:999px;padding:.8rem 1.1rem;text-decoration:none}.button.primary,.mini-button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#071118;border-color:#0000;font-weight:800}.button.danger,.mini-button.danger{color:#ffd5dd;border-color:#fb718542}.scramble-layout,.scramble-live-layout{align-items:start;gap:1rem;display:grid}.scramble-panel,.leaderboard-panel,.deck-panel{padding:1rem}.field-grid{gap:.9rem;display:grid}.field{gap:.4rem;display:grid}.field span{color:var(--muted);font-size:.95rem}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#071117eb;border-radius:.85rem;padding:.85rem .95rem}.field textarea{resize:vertical;min-height:5rem}.answer-input-wrap{gap:.6rem;display:grid}.answer-input{text-transform:uppercase;letter-spacing:.12em;background:#040d13f5;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;box-shadow:inset 0 0 0 1px #22d3ee29}.answer-input:focus{outline-offset:2px;outline:2px solid #22d3ee6b}.status{min-height:1.5rem;color:var(--muted);margin-bottom:.9rem}.status.success{color:var(--good)}.status.error{color:#ffc4cf}.difficulty-chip,.category-chip{color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .85rem;display:inline-flex}.category-chip input,.difficulty-chip input{accent-color:#22d3ee}.scramble-stage{gap:1rem;padding:clamp(1rem,2.2vw,1.5rem);display:grid}.stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.stage-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.9rem}.stage-title{margin:.35rem 0 0;font-size:clamp(1.4rem,3vw,2.4rem)}.pill{color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .75rem;display:inline-flex}.game-screen{background:radial-gradient(circle at 50% 0,#22d3ee24,#0000 30%),linear-gradient(#122a39f5,#081219fa);border-radius:1.2rem;gap:1rem;padding:1rem;display:grid}.prompt-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.word-category{color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em;text-align:center;width:100%;font-size:clamp(1.2rem,2.6vw,2rem);font-weight:800}.timer{font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800}.timer.training{color:var(--muted)}.answer-slots,.tile-bank{flex-wrap:wrap;justify-content:center;gap:.75rem;min-height:5rem;display:flex}.tile-slot,.tile{border:1px dashed #ffffff24;border-radius:1rem;place-items:center;width:clamp(3rem,8vw,4.25rem);height:clamp(3rem,8vw,4.25rem);display:grid}.tile-slot.filled{background:#ffffff0a;border-style:solid}.tile{color:var(--text);background:linear-gradient(#234a62fa,#0a171ff5);border-style:solid;border-color:#22d3ee4d;font-size:clamp(1.3rem,3.5vw,2rem);font-weight:800;box-shadow:0 14px 28px #0003}.tile.dragging{opacity:.45}.tile-slot.correct-flash,.tile.correct-flash{animation:.5s ease-in-out correct-glow}@keyframes correct-glow{0%{background:#ffffff0a;border-color:#4ade802e;box-shadow:0 0 #4ade8000}45%{background:#1d4e31d1;border-color:#4ade80f2;box-shadow:0 0 28px #4ade8080}to{background:#183927c2;border-color:#4ade80b3;box-shadow:0 0 18px #4ade8033}}.entry-list{gap:.75rem;display:grid}.entry-row,.leaderboard-row{background:#09131bd6;border:1px solid #ffffff14;border-radius:1rem;gap:.65rem;padding:.85rem;display:grid}.entry-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.75rem;display:grid}.stat-card{background:#09131bdb;border:1px solid #ffffff14;border-radius:1rem;padding:.85rem 1rem}.stat-card strong{margin-top:.3rem;font-size:1.5rem;display:block}.leaderboard-list{gap:.6rem;margin-top:.75rem;display:grid}.leaderboard-row strong{font-size:1.05rem}.empty-state{color:var(--muted);border:1px dashed #a6bbc73d;border-radius:1rem;padding:1rem}@media (width>=980px){.scramble-layout{grid-template-columns:minmax(20rem,28rem) minmax(0,1fr)}.scramble-live-layout{grid-template-columns:minmax(0,1.35fr) minmax(18rem,24rem)}}@media (width<=760px){.entry-grid{grid-template-columns:minmax(0,1fr)}.button,.mini-button{text-align:center;width:100%}}