:root{--bg: #120a1f;--panel: #1e1233;--panel-2: #2a1b45;--line: #3a2960;--line-2: #46346f;--ink: #f4eeff;--muted: #a596c4;--magenta: #ff2e97;--cyan: #22e0d6;--gold: #ffc93c;--accent: var(--magenta)}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:radial-gradient(1200px 600px at 50% -10%,#241041 0%,transparent 60%);background-attachment:fixed;color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;min-height:100vh}#root{max-width:1560px;margin:0 auto;padding:10px clamp(8px,3vw,28px) 24px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.logo{font-family:Bungee,system-ui,sans-serif;font-size:clamp(1.8rem,6vw,3.2rem);letter-spacing:.04em;margin:0;background:linear-gradient(100deg,var(--magenta),var(--gold) 50%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,46,151,.35))}.name-tag{font-weight:700;padding:2px 12px;border-radius:999px}.ghost{background:transparent;border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:5px 14px;font-size:.9rem}.ghost:hover{border-color:var(--accent);color:var(--ink)}.roll-btn{font-family:Bungee,system-ui,sans-serif;font-size:1rem;color:#120a1f;background:linear-gradient(120deg,var(--magenta),#ff5470);border:none;border-radius:12px;padding:10px 26px;box-shadow:0 6px 24px -8px var(--magenta);transition:transform .15s}.roll-btn:hover:not(:disabled){transform:translateY(-2px)}.roll-btn:disabled{opacity:.35;box-shadow:none}.setup{text-align:center;padding-top:6vh}.tagline{color:var(--muted);letter-spacing:.06em;margin:8px 0 24px}.mode-picker{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 0 28px}.mode{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;padding:12px 26px;display:grid;gap:3px;color:var(--ink);text-align:center}.mode strong{font-family:Bungee,system-ui,sans-serif;font-size:.95rem;letter-spacing:.06em}.mode small{color:var(--muted);font-size:.78rem}.mode.selected{border-color:var(--cyan);box-shadow:0 0 24px -8px var(--cyan)}.mode:disabled{cursor:default}.mode:disabled:not(.selected){opacity:.5}.setup-panel.waiting{justify-content:center;border-top-color:var(--line-2);color:var(--muted)}.setup .hint{color:var(--muted);font-size:.85rem;margin:8px 0 0}.boot-error{color:var(--muted);text-align:center;padding-top:20vh;font-size:1rem}.setup-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:0 auto 32px}@media(max-width:640px){.setup-panels{grid-template-columns:1fr}}.setup-panel{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:16px;padding:20px;display:grid;gap:14px;justify-items:center}.setup-panel label{font-family:Bungee,system-ui,sans-serif;font-size:.75rem;letter-spacing:.15em;color:var(--muted)}.setup-panel input{background:var(--panel-2);border:1px solid var(--line-2);color:var(--ink);border-radius:10px;padding:10px 14px;font:inherit;text-align:center;width:100%;max-width:240px}.setup-panel input:focus-visible{border-color:var(--accent)}.swatches{display:grid;grid-template-columns:repeat(4,44px);gap:10px}.swatch{width:44px;height:44px;border-radius:12px;border:none;font-weight:700;font-size:1.1rem}.swatch.selected{outline:3px solid var(--ink);outline-offset:2px}.swatch:disabled{opacity:.18}.game-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-header .logo{font-size:clamp(1.2rem,3vw,1.7rem)}.tray{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:12px 20px;margin:12px 0;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;box-shadow:0 0 40px -18px var(--accent)}.turn-banner{margin:0;font-size:1rem;color:var(--muted);flex:1 1 200px;text-align:right}.dice-row{display:flex;gap:10px;justify-content:center;flex-wrap:nowrap;margin:0}.die{background:none;border:none;padding:2px;display:grid;justify-items:center;gap:4px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.die-shape{width:62px;height:74px;clip-path:polygon(50% 0%,100% 42%,50% 100%,0% 42%);background-color:var(--die-color);background-image:linear-gradient(to bottom,#ffffff4d,#ffffff14 40%,#00000038 42%,#0000000d 55%,#00000047);color:var(--die-text);display:grid;place-items:center;font-family:Space Mono,monospace;font-weight:700;font-size:1.4rem}@keyframes dieRoll{0%{transform:translate(-70px,-40px) rotate(0)}25%{transform:translate(-40px,10px) rotate(180deg)}45%{transform:translate(-18px,-16px) rotate(360deg)}65%{transform:translate(-6px,6px) rotate(540deg)}82%{transform:translate(-1px,-5px) rotate(650deg)}to{transform:translate(0) rotate(720deg)}}@keyframes dieRollAlt{0%{transform:translate(70px,-46px) rotate(0)}28%{transform:translate(38px,8px) rotate(-200deg)}50%{transform:translate(16px,-14px) rotate(-380deg)}68%{transform:translate(5px,5px) rotate(-540deg)}84%{transform:translate(1px,-5px) rotate(-660deg)}to{transform:translate(0) rotate(-720deg)}}.die.spinning .die-shape{animation:dieRoll var(--spin-ms, .45s) ease-out}.die:nth-child(2n).spinning .die-shape{animation-name:dieRollAlt}.die.cube .die-shape{clip-path:none;border-radius:14px;width:56px;height:56px;font-size:1.5rem;background-image:linear-gradient(145deg,#ffffff47,#ffffff0a 45%,#00000040)}.die.unrolled .die-shape{background-color:var(--panel-2);background-image:none;color:var(--muted)}.die.held{transform:translateY(5px);filter:drop-shadow(0 0 8px var(--die-color))}.die.held .die-shape{filter:brightness(.75)}.held-tag{visibility:hidden;font-size:.55rem;letter-spacing:.25em;font-weight:700;color:var(--die-color)}.die.held .held-tag{visibility:visible}.die.crit .die-shape{background-color:var(--gold);color:#120a1f}.die.crit{filter:drop-shadow(0 0 12px rgba(255,201,60,.8))}.dice-total{font-family:Space Mono,monospace;font-weight:700;font-size:1.15rem;color:var(--gold);min-width:3.5ch;align-self:center;margin-left:6px}.roll-controls{flex:1 1 200px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.roll-controls .hint{color:var(--muted);font-size:.85rem;margin:0;min-height:1.2em}@media(max-width:720px){.turn-banner{text-align:center}.roll-controls{align-items:center}}.scorecard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 18px;opacity:.7;transition:opacity .2s,box-shadow .2s,border-color .2s}.card-sections{display:grid;grid-template-columns:repeat(var(--section-count, 3),1fr);gap:4px 20px;align-items:start}.card-sections .card-section+.card-section{border-left:1px solid var(--line);padding-left:20px}@media(max-width:760px){.card-sections{grid-template-columns:1fr}.card-sections .card-section+.card-section{border-left:none;padding-left:0}}.scorecard.active{opacity:1;border-color:var(--accent);box-shadow:0 0 30px -14px var(--accent)}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.grand-total{font-family:Space Mono,monospace;font-size:1.2rem;font-weight:700;color:var(--gold)}.card-section h3{font-family:Bungee,system-ui,sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:8px 0 3px}.slots{display:grid;gap:2px}.slot{display:flex;justify-content:space-between;align-items:center;width:100%;padding:3px 10px;border-radius:7px;border:1px solid transparent;background:none;color:var(--ink);font-size:.9rem;text-align:left}.slot .score{font-family:Space Mono,monospace;font-weight:700;flex-shrink:0;margin-left:8px}.slot-desc{color:var(--muted);font-size:.72rem;font-weight:400;margin-left:6px}.slot.open{color:var(--muted)}.slot.open .score{opacity:.5}.slot.filled{background:var(--panel-2)}.slot.bankable{background:#ffffff0a;border-color:var(--line-2);transition:transform .1s,border-color .1s}.slot.bankable:hover{border-color:var(--accent);background:#ffffff14;transform:translate(2px)}.slot.bankable .score{color:var(--cyan)}.slot.bankable.burn .score{color:var(--muted)}.slot.preview{background:#ffffff0a}.slot.preview .score{color:var(--cyan)}.slot.preview.burn .score{color:var(--muted)}.slot.bankable.burn:hover{border-color:#ff5470}.slot.bonus{border-top:1px dashed var(--line-2);border-radius:0;margin-top:3px;padding-top:5px;color:var(--muted)}.slot.bonus.earned .score{color:var(--gold)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0414cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:40;padding:16px}.overlay-panel{background:var(--panel);border:1px solid var(--line-2);padding:32px;border-radius:20px;text-align:center;max-width:420px;width:100%;box-shadow:0 0 80px -20px var(--magenta)}.overlay-panel .logo{font-size:clamp(1.5rem,5vw,2.2rem);margin-bottom:16px}.final-scores p{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:1.1rem;margin:8px 0}.final-scores strong{font-family:Space Mono,monospace;font-size:1.5rem}.final-scores .winner strong{color:var(--gold)}.overlay-actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}@keyframes shake{10%,50%,90%{transform:translate(-7px,2px) rotate(-.4deg)}30%,70%{transform:translate(7px,-2px) rotate(.4deg)}}.game.shake{animation:shake .5s linear}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:60}.confetti span{position:absolute;top:-24px;border-radius:2px;animation:fall 1.7s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(var(--spin));opacity:.7}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.confetti{display:none}}