html,body{margin:0;padding:0}button,input{font:inherit}:root{--bg-night:#120f20;--bg-mid:#1a1730;--card:#1e1835e0;--card-strong:#291f45f5;--line:#9dddff4d;--text:#f6f7ff;--muted:#bac1dc;--mint:#84ffc9;--sky:#77dbff;--peach:#ffc983;--danger:#ff9d7e;--glow:0 18px 50px #00000059}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0%, #2d2552 0%, transparent 45%), radial-gradient(circle at 80% 10%, #243f59 0%, transparent 42%), linear-gradient(165deg, var(--bg-night) 0%, var(--bg-mid) 100%);margin:0;font-family:Trebuchet MS,Gill Sans,sans-serif}#root{min-height:100vh}.appShell{justify-content:center;align-items:center;width:min(100%,680px);min-height:100vh;margin:0 auto;padding:20px 16px 28px;display:flex}.screen{background:var(--card);border:1px solid var(--line);width:100%;box-shadow:var(--glow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:24px;padding:22px 16px;animation:.22s ease-out slideUp}.centerScreen{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.setupScreen{gap:12px;display:grid}.cardScreen{gap:14px;display:grid}h1,h2{letter-spacing:.5px;margin:0;font-family:Impact,Arial Black,sans-serif;line-height:1.05}h1{font-size:clamp(2rem,7vw,3.2rem)}h2{font-size:clamp(1.45rem,5.4vw,2.2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--sky);margin:0;font-size:.74rem}.subtitle{color:var(--muted);margin:0;font-size:1rem;line-height:1.45}.btn{cursor:pointer;border:0;border-radius:16px;width:100%;min-height:52px;padding:0 16px;font-size:1.04rem;font-weight:700;transition:transform .12s,box-shadow .14s,filter .14s}.btn:active{transform:scale(.97)}.btnPrimary{color:#0d1025;background:linear-gradient(110deg, var(--mint), var(--sky));box-shadow:0 8px 20px #76deff47}.btnSuccess{color:#0f1923;background:linear-gradient(120deg,#9af8cf,#56f5ff)}.btnWarn{color:#30180d;background:linear-gradient(120deg,#ffd9aa,#ffab7f)}.btnGhost{color:var(--text);background:#ffffff14;border:1px solid #ffffff38;min-height:40px}.revealBtn{min-height:62px;font-size:1.16rem}.fieldLabel{text-transform:uppercase;letter-spacing:.08em;color:var(--sky);margin-top:4px;font-size:.84rem}.slider{accent-color:#89f3ff;width:100%}.valuePill{color:var(--text);background:var(--card-strong);border:1px solid var(--line);border-radius:999px;justify-self:start;margin:0;padding:7px 11px;font-size:.95rem}.pillGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.timerGrid{grid-template-columns:1fr 1fr}.pill{min-height:48px;color:var(--text);background:#ffffff0f;border:1px solid #fff3;border-radius:12px;font-size:.93rem;font-weight:600}.pill.active{color:#102133;background:linear-gradient(125deg,#79ffd0,#88d8ff);border-color:#0000}.cardHeaderRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.timerWrap{gap:8px;display:grid}.timerValue{color:var(--peach);font-size:1.02rem;font-weight:800}.timerTrack{background:#ffffff1f;border-radius:999px;height:12px;overflow:hidden}.timerFill{background:linear-gradient(90deg,#7cfed4,#7ed5ff);height:100%;transition:width .2s linear}.timerOff{color:var(--muted);margin:0;font-size:.94rem}.promptCard{background:var(--card-strong);border:1px solid var(--line);border-radius:18px;gap:12px;padding:16px;display:grid}.badge{text-transform:uppercase;letter-spacing:.08em;color:#08263b;background:linear-gradient(95deg,#9afad5,#8fd9ff);border-radius:999px;width:fit-content;padding:6px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.promptText{margin:0;font-size:clamp(1.15rem,4.9vw,1.52rem);font-weight:700;line-height:1.4}.forbiddenWrap{gap:8px;display:grid}.forbiddenLabel{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0;font-size:.74rem}.forbiddenList{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.forbiddenList li{color:#ffe1d7;background:#ff9d7e33;border:1px solid #ff9d7e80;border-radius:999px;padding:4px 10px;font-size:.83rem;font-weight:700}.buttonRow{grid-template-columns:1fr 1fr;gap:10px;display:grid}.buttonColumn{gap:10px;width:100%;display:grid}.utilitySingle{width:100%}.utilitySingle.compact{width:auto}.utilitySingle.compact .btn{min-height:38px;padding:0 12px}.scoreboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.scoreTile{background:#ffffff14;border:1px solid #fff3;border-radius:14px;justify-items:center;gap:4px;padding:10px;display:grid}.scoreTile.active{background:linear-gradient(130deg,#82ffd347,#7ecbff47);border-color:#0000;transform:translateY(-2px)}.scorePlayer{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.scoreValue{font-size:1.3rem;font-weight:800}.popIn{animation:.21s ease-out popIn}.dangerPulse{color:var(--danger);animation:.55s infinite pulse}@media (width>=740px){.appShell{padding:36px 26px}.screen{padding:28px 24px}.pillGrid{grid-template-columns:repeat(3,1fr)}.timerGrid{grid-template-columns:repeat(4,1fr)}.scoreboard{grid-template-columns:repeat(5,minmax(0,1fr))}}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}