:root{--bg-0: #071a1f;--bg-1: #0d2c34;--bg-2: #143943;--ink: #e8f4f2;--muted: #8fb3b0;--accent: #ff6b4a;--accent-2: #c8f542;--ok: #3dd68c;--bad: #ff5c7a;--line: rgba(232, 244, 242, .12);--shadow: 0 24px 60px rgba(0, 0, 0, .35);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 10% -10%,rgba(255,107,74,.22),transparent 55%),radial-gradient(900px 600px at 100% 0%,rgba(200,245,66,.12),transparent 50%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 45%,#0a2229);background-attachment:fixed}button,input,textarea,select{font:inherit}button{cursor:pointer;border:none;border-radius:12px;padding:.7rem 1.1rem;background:var(--accent);color:#1a0b08;font-weight:700;transition:transform .16s ease,filter .16s ease,opacity .16s ease}button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.secondary{background:var(--accent-2);color:#14200a}button.danger{background:var(--bad);color:#2a0610}input,textarea,select{width:100%;border-radius:12px;border:1px solid var(--line);background:#071a1fa6;color:var(--ink);padding:.75rem .9rem;outline:none}input:focus,textarea:focus,select:focus{border-color:#ff6b4ab3;box-shadow:0 0 0 3px #ff6b4a2e}.brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:.95}.muted{color:var(--muted)}.scoreboard{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.player-chip{display:flex;flex-direction:column;gap:.25rem;min-width:7.5rem;padding:.7rem .9rem;border-radius:14px;background:#143943b8;border:1px solid var(--line);animation:rise .42s ease both}.player-chip .name{font-weight:700;font-size:.95rem}.player-chip .score{font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:var(--accent-2)}.powerup-row{display:flex;flex-wrap:wrap;gap:.35rem}.powerup-pill{font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.2rem .45rem;border-radius:999px;background:#ff6b4a2e;color:#ffc2b4;border:1px solid rgba(255,107,74,.35)}.powerup-pill.placeholder{background:#c8f5421f;color:#d9f78d;border-color:#c8f5424d}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #c8f54240}50%{box-shadow:0 0 0 10px #c8f54200}}@keyframes lock-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.fade-in{animation:rise .5s ease both}.display{min-height:100vh;padding:2rem clamp(1.25rem,4vw,3.5rem) 2.5rem;display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem}.display-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.display-brand{font-size:clamp(2.8rem,7vw,5.5rem)}.phase-tag{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2)}.display-main{display:grid;place-items:center;text-align:center}.display-main h2{margin:0 0 .75rem;font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3.4rem);font-weight:750;letter-spacing:-.02em;max-width:18ch;line-height:1.1}.answer-count{font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--muted)}.answer-count strong{color:var(--ink);font-family:var(--font-display);font-size:1.35em}.lobby-stage{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;width:min(1100px,100%);text-align:left}.qr-panel{background:#f4ffef;color:#102018;padding:1.1rem;border-radius:20px;box-shadow:var(--shadow);animation:pulse-glow 2.8s ease infinite}.qr-panel p{margin:.75rem 0 0;font-size:.85rem;word-break:break-all;font-weight:600}.lobby-copy .brand{font-size:clamp(3rem,8vw,6rem);margin-bottom:.4rem}.lobby-copy p{margin:0;font-size:clamp(1.05rem,2vw,1.35rem);color:var(--muted);max-width:28ch}.joined-list{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.joined-list span{padding:.45rem .75rem;border-radius:999px;background:#143943cc;border:1px solid var(--line);font-weight:600;animation:rise .4s ease both}.reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;width:min(1100px,100%);text-align:left}.reveal-card{padding:1rem 1.1rem;border-radius:16px;background:#0d2c34d9;border:1px solid var(--line);animation:rise .45s ease both}.reveal-card.correct{border-color:#3dd68c8c}.reveal-card.wrong{border-color:#ff5c7a73}.reveal-card .who{font-weight:700;margin-bottom:.35rem}.reveal-card .ans{font-size:1.15rem;font-family:var(--font-display);margin-bottom:.5rem}.badge{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .45rem;border-radius:6px}.badge.ok{background:#3dd68c2e;color:var(--ok)}.badge.no{background:#ff5c7a29;color:var(--bad)}.lockout-banner{margin-top:1rem;padding:.65rem 1rem;border-radius:12px;background:#ff6b4a26;border:1px solid rgba(255,107,74,.35);animation:lock-shake .4s ease;font-weight:700}@media(max-width:800px){.lobby-stage{grid-template-columns:1fr;justify-items:center;text-align:center}.lobby-copy p{max-width:none}.joined-list{justify-content:center}}.play{min-height:100vh;padding:1.25rem;max-width:480px;margin:0 auto}.play-header{margin-bottom:1.25rem}.play-header .brand{font-size:2.2rem}.play-panel{display:grid;gap:1rem}.choice-grid{display:grid;gap:.6rem}.choice-grid button{text-align:left;background:#143943e6;color:var(--ink);border:1px solid var(--line)}.choice-grid button.selected{border-color:var(--accent);background:#ff6b4a33}.status-box{padding:.85rem 1rem;border-radius:14px;background:#0d2c34d9;border:1px solid var(--line)}.error-text{color:var(--bad);font-weight:600}.target-list{display:grid;gap:.45rem}.target-list button{background:#143943f2;color:var(--ink);border:1px solid var(--line);text-align:left}.admin{min-height:100vh;padding:1.25rem clamp(1rem,3vw,2rem) 2rem;max-width:1100px;margin:0 auto}.admin h1{font-family:var(--font-display);font-size:2rem;margin:0 0 .25rem}.admin-grid{display:grid;gap:1rem;grid-template-columns:1.1fr 1fr}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}.panel{background:#0d2c34b8;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}.panel h2{margin:0 0 .75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}.answer-admin{display:grid;gap:.75rem}.answer-admin article{padding:.85rem;border-radius:12px;border:1px solid var(--line);background:#071a1f59}.answer-admin .meta{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;font-weight:700}.q-editor{display:grid;gap:.75rem}.q-editor .row{display:grid;gap:.45rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.inline{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.inline input{width:auto;flex:1;min-width:120px}.question-stage{display:grid;justify-items:center;gap:.85rem;width:min(1100px,100%)}.question-image{display:block;max-width:100%;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);background:#071a1f73}.question-image--display{max-height:min(52vh,640px);width:auto;object-fit:contain}.question-image--play{margin-top:.75rem;max-height:240px;width:100%;object-fit:contain}.question-image-preview{max-width:min(100%,420px);max-height:220px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:#071a1f73}.powerup-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;pointer-events:none;animation:fx-in .28s ease-out both}.powerup-fx--out{animation:fx-out .55s ease-in both}.powerup-fx__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--fx, var(--accent)) 45%,transparent),transparent 55%),#071a1f8c;animation:fx-flash .7s ease-out both}.powerup-fx__rings{position:absolute;width:min(70vw,640px);aspect-ratio:1}.powerup-fx__rings span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid color-mix(in srgb,var(--fx, var(--accent)) 70%,white);opacity:0;animation:fx-ring 1.4s ease-out both}.powerup-fx__rings span:nth-child(2){animation-delay:.12s}.powerup-fx__rings span:nth-child(3){animation-delay:.24s}.powerup-fx__sparks{position:absolute;width:min(55vw,480px);aspect-ratio:1}.powerup-fx__sparks i{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:2px;background:var(--fx, var(--accent-2));box-shadow:0 0 16px color-mix(in srgb,var(--fx, var(--accent-2)) 80%,transparent);transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(.4);opacity:0;animation:fx-spark 1.1s ease-out both;animation-delay:calc(var(--i) * 25ms)}.powerup-fx__card{position:relative;text-align:center;padding:1.5rem 2rem;border-radius:24px;background:#071a1fd1;border:1px solid color-mix(in srgb,var(--fx, var(--accent)) 55%,transparent);box-shadow:0 0 0 1px #ffffff0a,0 30px 80px #00000073,0 0 60px color-mix(in srgb,var(--fx, var(--accent)) 25%,transparent);animation:fx-slam .52s cubic-bezier(.2,1.4,.3,1) both;max-width:min(90vw,640px)}.powerup-fx__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;font-weight:800;color:color-mix(in srgb,var(--fx, var(--accent)) 85%,white);margin-bottom:.35rem}.powerup-fx__title{font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:.95;color:var(--ink);text-shadow:0 0 40px color-mix(in srgb,var(--fx, var(--accent)) 40%,transparent)}.powerup-fx__tag{margin-top:.55rem;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:700;color:var(--fx, var(--accent-2))}.powerup-fx__who{margin-top:.35rem;color:var(--muted);font-size:1.05rem}.powerup-fx[data-powerup=steal]{--fx: #ff6b4a}.powerup-fx[data-powerup=block]{--fx: #ff5c7a}.powerup-fx[data-powerup=lockout]{--fx: #ffb347}.powerup-fx[data-powerup=double]{--fx: #c8f542}.powerup-fx[data-powerup=mulligan]{--fx: #5ec8ff}.powerup-fx[data-powerup=secret]{--fx: #b388ff}.powerup-fx[data-powerup=call_friend]{--fx: #3dd68c}.player-chip--pulse{animation:chip-pulse 1.2s ease-out 2;border-color:color-mix(in srgb,var(--accent-2) 70%,transparent)}.player-chip--hit{animation:chip-hit .7s ease-out 2;border-color:color-mix(in srgb,var(--bad) 70%,transparent)}@keyframes fx-in{0%{opacity:0}to{opacity:1}}@keyframes fx-out{to{opacity:0}}@keyframes fx-flash{0%{opacity:.95}to{opacity:1}}@keyframes fx-ring{0%{transform:scale(.35);opacity:.85}to{transform:scale(1.15);opacity:0}}@keyframes fx-spark{0%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(0) scale(.3)}30%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-180px) scale(1)}}@keyframes fx-slam{0%{opacity:0;transform:scale(1.35) rotate(-2deg)}60%{opacity:1;transform:scale(.96) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes chip-pulse{0%,to{transform:translateY(0) scale(1);box-shadow:none}40%{transform:translateY(-4px) scale(1.06);box-shadow:0 0 24px #c8f54259}}@keyframes chip-hit{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}