:root{color-scheme:dark;--ink:#f7fbff;--muted:#93a4bb;--panel:rgba(10,21,38,.88);--line:rgba(145,173,214,.2);--cyan:#2dd9f5;--mint:#5de8c6;--pink:#ff3b8d;--amber:#ffbf4b;--danger:#ff596f;--shadow:0 24px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050a13;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100svh;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.ambient-a{width:45rem;height:45rem;background:#126dff;top:-25rem;left:-15rem}.ambient-b{width:35rem;height:35rem;background:#ff2389;right:-20rem;bottom:-20rem}.panel{background:linear-gradient(145deg,rgba(14,29,50,.94),rgba(6,14,27,.94));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:24px}.join-panel{width:min(92vw,520px);padding:clamp(26px,6vw,48px);border:1px solid rgba(93,232,198,.25)}dialog{color:inherit}dialog::backdrop{background:rgba(1,5,12,.82);backdrop-filter:blur(12px)}.brand{font-size:clamp(2.7rem,11vw,5.5rem);font-weight:950;letter-spacing:-.08em;line-height:.85}.brand span{color:var(--cyan)}.brand b{color:var(--pink)}.brand i{font:800 .2em/1 ui-monospace,monospace;color:#07101e;background:var(--mint);padding:.35em .45em;border-radius:99px;vertical-align:top;margin-left:.8em;letter-spacing:.05em}.brand.compact{font-size:1.65rem}.strapline{font-size:1.1rem;color:#b6c4d8;margin:22px 0 30px}.eyebrow{margin:0;color:var(--mint);font:800 .74rem/1.2 ui-monospace,monospace;letter-spacing:.2em}.tiny{font-size:.8rem;color:var(--muted);text-align:center}form,label{display:grid;gap:8px}form{gap:18px}label{color:#b9c7d9;font-size:.78rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}input,select{width:100%;border:1px solid rgba(145,173,214,.28);border-radius:14px;background:#06101e;color:var(--ink);padding:15px 16px;font:700 1rem/1.2 inherit;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(45,217,245,.12)}button{border:0;border-radius:14px;padding:14px 18px;color:inherit;font:850 .92rem/1 inherit;cursor:pointer;transition:transform .14s ease,filter .14s ease,opacity .14s ease}button:hover{filter:brightness(1.1)}button:active{transform:scale(.97)}button:disabled{opacity:.35;cursor:not-allowed}.primary{color:#031019;background:linear-gradient(110deg,var(--cyan),var(--mint))}.secondary{background:#14243b;border:1px solid var(--line)}.danger{background:linear-gradient(110deg,#ff365f,#ff704d)}.quiet{background:transparent;color:var(--muted)}.error{min-height:1.3em;color:#ff7ba7;margin-bottom:0}#app{position:relative;max-width:980px;margin:0 auto;padding:0 14px 34px}.topbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:14px}.table-meta{display:grid;text-align:center}.table-meta strong{font:800 .75rem/1.4 ui-monospace,monospace;letter-spacing:.16em}.table-meta span{font-size:.72rem;color:var(--muted)}.table-meta span.live{color:var(--mint)}.icon-button{width:44px;height:44px;padding:0;border-radius:50%;background:#0c1728;border:1px solid var(--line);font-size:1.2rem}.screen{display:grid;gap:14px}.hero-panel,.player-panel,.controls,.reveal,.result-card{padding:clamp(18px,4vw,28px)}.hero-panel{text-align:center}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.mode-card{display:grid;gap:7px;min-height:150px;text-align:left;background:#091426;border:1px solid var(--line)}.mode-card.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(45,217,245,.14),inset 0 0 40px rgba(45,217,245,.06)}.mode-card strong{font-size:1.05rem}.mode-card small{color:var(--muted);line-height:1.45}.mode-icon{font:900 2rem/1 Georgia;color:var(--pink)}.mode-card:first-child .mode-icon{color:var(--cyan)}.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:13px 14px;background:#07111f;border-radius:14px}.segmented{display:flex;padding:3px;background:#020812;border-radius:12px}.segmented button{padding:9px 15px;background:transparent}.segmented button.selected{background:var(--amber);color:#171003}.start-button{width:100%;margin-top:8px}.section-title{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:800 .72rem/1 ui-monospace,monospace;letter-spacing:.17em}.section-title b{display:grid;place-items:center;min-width:26px;height:26px;border-radius:50%;background:#13243b;color:var(--ink)}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:13px}.player{position:relative;padding:12px;border-radius:14px;background:#081321;border:1px solid transparent;min-width:0}.player.current{border-color:var(--cyan)}.player.eliminated{opacity:.45}.player strong,.player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player small{margin-top:4px;color:var(--muted)}.player .badge{position:absolute;right:8px;top:8px;color:var(--amber);font-size:.67rem}.status-block{text-align:center;padding:12px 8px 2px}.status-block h1{font-size:clamp(1.7rem,7vw,3rem);margin:6px 0 2px;letter-spacing:-.04em}.claim-status{min-height:1.5em;margin:5px 0;color:#c8d5e7}.dice-stage{position:relative;min-height:315px;padding:28px 18px 20px;display:grid;place-items:center;align-content:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(45,217,245,.12),transparent 45%),linear-gradient(145deg,rgba(14,29,50,.95),rgba(4,10,20,.96))}.dice-stage::before{content:"";position:absolute;inset:auto 8% 18%;height:35%;border-radius:50%;background:radial-gradient(ellipse,rgba(45,217,245,.16),transparent 66%);transform:perspective(300px) rotateX(67deg)}.dice-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(8px,2.5vw,16px);perspective:800px}.die{position:relative;width:clamp(62px,17vw,104px);aspect-ratio:1;padding:0;border-radius:17%;background:#f7f6e7;border:3px solid #102539;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),inset -7px -10px 18px rgba(8,20,35,.2),0 18px 24px rgba(0,0,0,.38);transform:rotateX(7deg) rotateY(-6deg);overflow:hidden}.die::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent 34%,rgba(0,0,0,.12));pointer-events:none}.die img{width:100%;height:100%;display:block;object-fit:cover}.die.held{transform:translateY(-12px) rotateX(4deg);box-shadow:0 0 0 3px var(--mint),0 19px 30px rgba(0,0,0,.45)}.die.held::before{content:"HELD";position:absolute;z-index:3;left:50%;bottom:4px;transform:translateX(-50%);padding:3px 7px;border-radius:99px;background:#07111f;color:var(--mint);font:900 .55rem/1 ui-monospace,monospace;letter-spacing:.1em}.die.rolling{animation:tumble .72s cubic-bezier(.2,.8,.2,1)}@keyframes tumble{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-45px) rotate(155deg) scale(1.08)}70%{transform:translateY(5px) rotate(315deg)}100%{transform:rotateX(7deg) rotateY(-6deg)}}.hand-label{position:relative;z-index:2;margin-top:22px;color:var(--mint);font-weight:850;letter-spacing:.03em}.cup{position:absolute;z-index:4;top:35px;width:min(230px,55vw);height:210px;display:grid;place-items:center;color:#dabf82;font:900 .7rem/1 ui-monospace,monospace;letter-spacing:.22em;background:linear-gradient(90deg,#462713,#8c5a29 18%,#4f2c14 48%,#9b6530 78%,#3d210f);clip-path:polygon(13% 0,87% 0,100% 100%,0 100%);filter:drop-shadow(0 25px 25px rgba(0,0,0,.6))}.cup::after{content:"";position:absolute;inset:12px 15px;background:repeating-linear-gradient(100deg,transparent 0 15px,rgba(255,255,255,.05) 16px 18px);clip-path:inherit}.cup-rim{position:absolute;top:-8px;width:82%;height:24px;border-radius:50%;background:#2e180c;border:4px solid #b47a3d}.controls{text-align:center}.controls p{margin-top:0;color:var(--muted)}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roll-info{margin-bottom:13px;color:var(--muted)}.claim-builder{display:grid;grid-template-columns:.9fr 1.4fr;gap:10px;margin:12px 0}.claim-preview{min-height:52px;display:grid;place-items:center;margin:10px 0 14px;padding:10px;border-radius:14px;background:#06101e;color:var(--amber);font-size:1.05rem;font-weight:850}.claim-controls>.primary{width:100%}.reveal{text-align:center;border-color:rgba(255,191,75,.35);animation:revealIn .4s ease}@keyframes revealIn{from{transform:scale(.96);opacity:0}}.reveal h2{font-size:1.7rem;margin:7px}.reveal p:last-child{color:#c8d5e7}.result-card{text-align:center;margin-top:8vh}.result-card h1{font-size:clamp(2rem,8vw,4rem);margin:10px}.scores{display:grid;gap:8px;margin:24px 0}.score-row{display:flex;justify-content:space-between;padding:13px;border-radius:13px;background:#07111f}.menu-panel{width:min(92vw,440px);padding:28px}.menu-panel h2{margin-top:0}.menu-panel>.secondary,.menu-panel>.quiet{width:100%;margin:5px 0}.menu-panel details{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px}.menu-panel summary{cursor:pointer;font-weight:800}.menu-panel details div{color:#bcc9da;line-height:1.55;font-size:.9rem}.close{float:right;padding:4px 10px;background:transparent;font-size:1.6rem}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 18px;background:#eafcff;color:#05101d;border-radius:99px;font-weight:800;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
.die{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
@media(max-width:560px){.mode-picker{grid-template-columns:1fr}.mode-card{min-height:110px}.dice-stage{min-height:290px}.claim-builder{grid-template-columns:1fr}.button-row{grid-template-columns:1fr}.topbar{padding-top:env(safe-area-inset-top)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}