:root{--brand: #4361ee;--brand-d: #2f43c9;--gold: #ffb020;--gold-d: #f59e0b;--purple: #7c3aed;--pink: #e5446d;--teal: #0fb9a6;--orange: #f97316;--green: #16a34a;--red: #ef4444;--ink: #232a45;--ink-soft: #6b7390;--card: #ffffff;--line: #e6e8f3;--shadow: 0 10px 30px rgba(40, 50, 120, .1);--shadow-lg: 0 16px 40px rgba(40, 50, 120, .16)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1100px 560px at 8% -12%,#e8e4ff,#e8e4ff00 60%),radial-gradient(1000px 520px at 112% -6%,#ffe6f1,#ffe6f100 55%),radial-gradient(900px 600px at 50% 120%,#d8f6ff,#d8f6ff00 55%),linear-gradient(180deg,#f7f9ff,#eef3ff);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--brand-d);text-decoration:none}.app{min-height:100%;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:20px 16px;width:100%}h1,h2,h3{font-weight:800;letter-spacing:-.01em;line-height:1.15}.jeopardy-title{font-weight:900;letter-spacing:.4px;background:linear-gradient(180deg,#ffc23d,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:11px 18px;font-weight:700;color:#fff;background:linear-gradient(180deg,#5b76ff,var(--brand-d));box-shadow:0 4px 14px #4361ee52;transition:transform .06s ease,filter .15s ease,box-shadow .15s ease}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.2)}button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}button.ghost:hover{background:#f5f7ff}button.ok{background:linear-gradient(180deg,#34d27b,var(--green));box-shadow:0 4px 14px #16a34a4d}button.bad{background:linear-gradient(180deg,#fb7185,var(--red));box-shadow:0 4px 14px #ef44444d}button.big{padding:18px 26px;font-size:1.15rem;border-radius:14px}input,select,textarea{font:inherit;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4361ee29}label{display:block;font-size:.85rem;color:var(--ink-soft);margin:8px 0 4px;font-weight:500}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spread{justify-content:space-between}.muted{color:var(--ink-soft)}.pill{display:inline-block;padding:3px 12px;border-radius:999px;background:#eef1ff;color:var(--brand-d);font-size:.8rem;font-weight:600}.error{background:#fff1f1;border:1px solid #ffd0d0;color:#b42318;padding:10px 14px;border-radius:12px;margin-bottom:12px;font-weight:500}.landing-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.landing-card{color:#fff;border-radius:20px;padding:34px 24px;text-align:center;font-weight:800;font-size:1.15rem;box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease}.landing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.landing-links a:nth-child(1) .landing-card{background:linear-gradient(135deg,#5b8cff,#3d5afe)}.landing-links a:nth-child(2) .landing-card{background:linear-gradient(135deg,#a855f7,#7c3aed)}.landing-links a:nth-child(3) .landing-card{background:linear-gradient(135deg,#ff7aa2,#e5446d)}.landing-links a:nth-child(4) .landing-card{background:linear-gradient(135deg,#2dd4bf,#0fb9a6)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cat-head{color:#fff;text-align:center;padding:14px 8px;font-weight:800;text-transform:uppercase;border-radius:14px;min-height:66px;display:flex;align-items:center;justify-content:center;font-size:.95rem;letter-spacing:.02em;box-shadow:var(--shadow)}.grid .cat-head:nth-child(1){background:linear-gradient(135deg,#5b8cff,#3d5afe)}.grid .cat-head:nth-child(2){background:linear-gradient(135deg,#a855f7,#7c3aed)}.grid .cat-head:nth-child(3){background:linear-gradient(135deg,#ff7aa2,#e5446d)}.grid .cat-head:nth-child(4){background:linear-gradient(135deg,#2dd4bf,#0fb9a6)}.grid .cat-head:nth-child(5){background:linear-gradient(135deg,#fbbf24,#f97316)}.tile{color:#fff;text-align:center;padding:22px 6px;font-weight:800;font-size:1.9rem;border-radius:14px;min-height:76px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #2832781f;text-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform .1s ease,filter .14s ease}.grid .tile:nth-child(5n+1){background:linear-gradient(160deg,#6f9bff,#3d5afe)}.grid .tile:nth-child(5n+2){background:linear-gradient(160deg,#b675f9,#7c3aed)}.grid .tile:nth-child(5n+3){background:linear-gradient(160deg,#ff8fb0,#e5446d)}.grid .tile:nth-child(5n+4){background:linear-gradient(160deg,#36ddc8,#0fb9a6)}.grid .tile:nth-child(5n+5){background:linear-gradient(160deg,#fcd34d,#f97316)}.grid .tile.used{background:#edf0f7;color:transparent;box-shadow:none;text-shadow:none}.tile.pickable{cursor:pointer}.tile.pickable:hover{transform:translateY(-3px);filter:brightness(1.06)}.clue-screen{background:linear-gradient(160deg,#4361ee,#7c3aed);color:#fff;border-radius:24px;padding:48px 32px;text-align:center;min-height:320px;display:flex;flex-direction:column;justify-content:center;gap:24px;box-shadow:0 18px 50px #3c28a04d}.clue-meta{color:#ffd56b;font-size:1.1rem;text-transform:uppercase;font-weight:700;letter-spacing:.03em}.clue-text{font-size:2.2rem;font-weight:600;line-height:1.3}.clue-answer{font-size:1.6rem;color:#ffd56b;font-weight:800}.dd-banner{font-size:3rem;color:#ffd56b;font-weight:900;letter-spacing:.02em}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.score-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:16px;padding:14px;text-align:center;box-shadow:var(--shadow)}.score-card.control{border-top-color:var(--gold);box-shadow:0 0 0 3px #ffb02059,var(--shadow)}.score-card.disconnected{opacity:.5}.score-name{font-weight:700;font-size:1.1rem}.score-value{font-size:1.9rem;font-weight:800;color:var(--brand-d)}.score-value.neg{color:var(--red)}.buzzer{width:100%;aspect-ratio:1 / 1;max-width:320px;margin:24px auto;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff7a93,#e11d48);color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 12px #9f1239,0 18px 30px #e11d4866;border:none;text-transform:uppercase}.buzzer:disabled{background:radial-gradient(circle at 35% 28%,#cbd5e1,#94a3b8);box-shadow:0 12px #64748b}.buzzer.armed{animation:pulse .9s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.center{text-align:center}.big-number{font-size:2.4rem;font-weight:800;color:var(--brand-d)}.winner{font-size:2rem;font-weight:900;background:linear-gradient(180deg,#ffc23d,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}.stack>*+*{margin-top:12px}.final-entry{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.final-entry.correct{border-left:5px solid var(--green)}.final-entry.wrong{border-left:5px solid var(--red)}