*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--s1:#12121a;--s2:#1a1a26;--s3:#22222e;--border:#ffffff12;--border2:#ffffff26;--text:#f0f0f8;--sub:#88a;--dim:#44445a;--gold:#fbbf24;--gold2:#fcd34d;--cyan:#22d3ee;--cyan2:#67e8f9;--rose:#fb7185;--violet:#a78bfa;--green:#34d399;--orange:#fb923c;--rad:16px;--rad-sm:10px;--drum-h:320px;--face-h:64px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100vh;padding:0 1rem 4rem;font-family:DM Sans,sans-serif;display:flex;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% 20%,#22d3ee12 0%,#0000 60%),radial-gradient(50% 40% at 80% 70%,#a78bfa12 0%,#0000 60%),radial-gradient(40% 30% at 60% 10%,#fb71850d 0%,#0000 60%);animation:12s ease-in-out infinite alternate orbs;position:fixed;inset:0}@keyframes orbs{0%{opacity:1}50%{opacity:.6}to{opacity:1}}body:after{content:"";opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes rowGlow{0%,to{background:#22d3ee0a}50%{background:#22d3ee1a}}@keyframes shimmer{to{transform:translate(200%)}}@keyframes fall{to{opacity:0;transform:translateY(420px)rotate(720deg)}}@keyframes spinPulse{0%,to{box-shadow:0 0 #22d3ee00}50%{box-shadow:0 0 32px 4px #22d3ee2e}}@keyframes popIn{0%{opacity:0;transform:scale(.88)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes winnerPop{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1.12)}}.site-header{z-index:1;justify-content:space-between;align-items:center;width:100%;max-width:960px;padding:2.25rem 0 2.5rem;display:flex;position:relative}.logo{flex-direction:column;line-height:1;display:flex}.logo-main{letter-spacing:.1em;color:var(--text);background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 60%, var(--rose) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;font-family:Bebas Neue,sans-serif;font-size:2.6rem;display:flex}.logo-sub{letter-spacing:.24em;text-transform:uppercase;color:var(--sub);margin-top:4px;font-size:.7rem}.logo-dot{background:var(--cyan);vertical-align:middle;width:8px;height:8px;box-shadow:0 0 0 2px #22d3ee33, 0 0 12px var(--cyan);border-radius:50%;margin-right:7px;animation:2s ease-in-out infinite blink;display:inline-block;position:relative;top:-2px}.setup{z-index:1;width:min(500px,100%);margin-top:1rem;animation:.55s cubic-bezier(.22,.68,0,1.2) both fadeUp;position:relative}.setup-card{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rad);flex-direction:column;gap:2.25rem;padding:2.75rem 2.25rem;display:flex;box-shadow:0 0 0 1px #ffffff08,0 32px 64px #0006}.setup-label{letter-spacing:.2em;text-transform:uppercase;color:var(--sub);margin-bottom:.85rem;font-size:.7rem;display:block}.picker-row{justify-content:center;align-items:center;gap:2rem;display:flex}.pick-btn{border:1.5px solid var(--border2);background:var(--s2);width:52px;height:52px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;line-height:1;transition:all .2s cubic-bezier(.22,.68,0,1.2);display:flex}.pick-btn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);background:#22d3ee14;transform:scale(1.08);box-shadow:0 0 20px #22d3ee33}.pick-btn:active:not(:disabled){transform:scale(.94)}.pick-btn:disabled{opacity:.2;cursor:not-allowed}.pick-num{background:linear-gradient(135deg, var(--text) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;min-width:90px;font-family:Bebas Neue,sans-serif;font-size:6rem;line-height:1;transition:transform .15s cubic-bezier(.22,.68,0,1.2)}.seg-bar{gap:5px;height:4px;display:flex}.seg{background:var(--s3);border-radius:2px;flex:1;transition:background .3s,box-shadow .3s,transform .3s}.seg.on{background:linear-gradient(90deg, var(--cyan), var(--violet));box-shadow:0 0 8px #22d3ee66}.btn-start{background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 60%, var(--rose) 100%);color:#06060f;border-radius:var(--rad-sm);letter-spacing:.16em;cursor:pointer;background-position:0%;background-size:200% 200%;border:none;width:100%;padding:1.1rem;font-family:Bebas Neue,sans-serif;font-size:1.3rem;transition:all .3s;box-shadow:0 4px 24px #22d3ee40,inset 0 1px #ffffff1a}.btn-start:hover{background-position:100%;transform:translateY(-1px);box-shadow:0 6px 36px #22d3ee66,inset 0 1px #ffffff1a}.btn-start:active{transform:scale(.98)translateY(0)}.game{z-index:1;flex-direction:column;gap:1.25rem;width:min(960px,100%);display:flex;position:relative}.game-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.25rem 0;display:flex}.round-badge{background:var(--s1);border:1px solid var(--border2);border-radius:50px;align-items:center;gap:.65rem;padding:.4rem 1rem .4rem .6rem;font-size:.8rem;display:flex;box-shadow:0 2px 12px #0003}.round-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 0 2px #22d3ee33, 0 0 8px var(--cyan);border-radius:50%;animation:1.4s ease-in-out infinite blink}.topbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-sm{cursor:pointer;border:1px solid var(--border2);background:var(--s1);color:var(--sub);letter-spacing:.03em;border-radius:8px;padding:.4rem 1rem;font-size:.78rem;font-weight:500;transition:all .18s}.btn-sm:hover:not(:disabled){color:var(--text);background:var(--s2);border-color:#fff3}.btn-sm:disabled{opacity:.25;cursor:not-allowed}.btn-sm.danger{color:var(--rose);border-color:#fb71854d}.btn-sm.danger:hover{border-color:var(--rose);background:#fb718514}.btn-sm.undo-btn{color:var(--gold);border-color:#fbbf244d}.btn-sm.undo-btn:hover:not(:disabled){border-color:var(--gold);background:#fbbf2414}.game-grid{grid-template-columns:300px 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=680px){.game-grid{gap:.6rem;grid-template-columns:1fr 1fr!important}body{padding:0 .5rem 3rem}.site-header{padding:1rem 0 1.25rem}.logo-main{font-size:1.6rem}.logo-sub{font-size:.55rem}.drum-scene{--drum-h:220px}.drum-face{font-size:2rem}.drum-header{padding:.5rem .6rem}.drum-header-label{font-size:.55rem}.pool-count{font-size:.6rem}.spin-btn-wrap{padding:.6rem}.btn-spin{letter-spacing:.08em;padding:.65rem;font-size:.85rem}.pool-card{padding:.6rem .7rem}.pool-title{margin-bottom:.5rem;font-size:.55rem}.pill{border-radius:6px;width:26px;height:26px;font-size:.8rem}.pills-wrap{gap:4px}.play-order-card{padding:.6rem .7rem}.play-order-title{margin-bottom:.5rem;font-size:.55rem}.play-order-num{width:20px;height:20px;font-size:.8rem}.play-order-name{font-size:.7rem}.play-order-arrow{font-size:.65rem}.scoreboard-card{font-size:.75rem}.sb-header{padding:.6rem .75rem}.sb-title{font-size:.85rem}.sb-progress{font-size:.6rem}.sb-table thead th{letter-spacing:.08em;padding:.4rem .5rem;font-size:.55rem}td{padding:.5rem;font-size:.75rem}.td-pos{width:24px;font-size:.85rem}.td-turn{padding-right:.5rem;font-size:1.2rem}.td-turn.none{font-size:.75rem}.badge{padding:2px 6px;font-size:.55rem}.badge-dot{width:4px;height:4px}.result-banner{padding:1rem}.result-title{font-size:1.3rem}.result-emoji{font-size:1.6rem}.result-sub{font-size:.72rem}.round-badge{padding:.3rem .7rem .3rem .45rem;font-size:.7rem}.btn-sm{padding:.3rem .7rem;font-size:.7rem}.game-topbar{gap:.4rem}.summary-row{gap:.3rem;padding:.6rem .75rem;font-size:.68rem}.summary-num{font-size:.85rem}}.left-col{flex-direction:column;gap:1rem;display:flex}.drum-card{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rad);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 24px 48px #00000059}.drum-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;display:flex}.drum-header-label{letter-spacing:.2em;text-transform:uppercase;color:var(--sub);font-size:.66rem}.pool-count{color:var(--cyan);letter-spacing:.04em;font-size:.75rem;font-weight:500}.drum-scene{height:var(--drum-h);background:linear-gradient(180deg, var(--s2) 0%, #141420 100%);position:relative;overflow:hidden}.drum-scene:before,.drum-scene:after{content:"";z-index:3;pointer-events:none;height:110px;position:absolute;left:0;right:0}.drum-scene:before{background:linear-gradient(#141420 0%,#0000 100%);top:0}.drum-scene:after{background:linear-gradient(#0000 0%,#141420 100%);bottom:0}.drum-shade-l,.drum-shade-r{pointer-events:none;z-index:3;width:36px;position:absolute;top:0;bottom:0}.drum-shade-l{background:linear-gradient(90deg,#00000080,#0000);left:0}.drum-shade-r{background:linear-gradient(270deg,#00000080,#0000);right:0}.drum-window{z-index:4;pointer-events:none;border:1.5px solid #22d3ee80;border-left:none;border-right:none;height:66px;position:absolute;top:50%;left:14px;right:14px;transform:translateY(-50%);box-shadow:0 -1px #22d3ee1a,0 1px #22d3ee1a}.drum-window:before,.drum-window:after{content:"";background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);opacity:.8;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.drum-window:before{left:-2px}.drum-window:after{right:-2px}.drum{position:absolute;top:0;left:0;right:0}.drum-face{letter-spacing:.06em;color:#f0f0f840;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:64px;font-family:Bebas Neue,sans-serif;font-size:2.8rem;transition:color .4s,opacity .4s;display:flex;position:relative}.drum-face.used{color:var(--dim);opacity:.25}.drum-face .face-strike{background:linear-gradient(90deg, var(--rose), var(--violet));border-radius:2px;width:0;height:2px;transition:width .5s cubic-bezier(.22,.68,0,1.2) .2s;position:absolute}.drum-face.used .face-strike{width:55%}.drum-face.tick{color:#22d3ee99}.drum-face.winner{color:var(--gold);text-shadow:0 0 20px #fbbf2499,0 0 40px #fbbf244d;animation:.4s cubic-bezier(.22,.68,0,1.2) forwards winnerPop}.drum.spinning .drum-face{filter:blur(1.5px);opacity:.5}.spin-btn-wrap{border-top:1px solid var(--border);padding:1rem}.btn-spin{border-radius:var(--rad-sm);letter-spacing:.16em;cursor:pointer;border:none;width:100%;padding:.9rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem;transition:all .25s;position:relative;overflow:hidden}.btn-spin.active-spin{background:linear-gradient(135deg, var(--cyan) 0%, var(--violet) 100%);color:#06060f;animation:2.5s ease-in-out infinite spinPulse;box-shadow:0 4px 20px #22d3ee4d}.btn-spin.active-spin:hover{transform:translateY(-1px);box-shadow:0 6px 32px #22d3ee80}.btn-spin.active-spin:active{transform:scale(.98)translateY(0)}.btn-spin.done-spin{color:var(--green);cursor:default;background:#34d39914;border:1.5px solid #34d3994d;animation:none}.btn-spin:disabled{opacity:.45;cursor:not-allowed;animation:none}.btn-spin.spinning:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);animation:1.4s linear infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.pool-card{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rad);padding:.9rem 1rem;box-shadow:0 8px 24px #0003}.pool-title{letter-spacing:.2em;text-transform:uppercase;color:var(--sub);margin-bottom:.7rem;font-size:.63rem}.pills-wrap{flex-wrap:wrap;gap:6px;display:flex}.pill{letter-spacing:.04em;border:1px solid var(--border);background:var(--s2);width:34px;height:34px;color:var(--dim);border-radius:8px;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:1rem;transition:all .4s cubic-bezier(.22,.68,0,1.2);display:flex}.pill.avail{color:var(--cyan);background:#22d3ee1a;border-color:#22d3ee66;box-shadow:0 0 12px #22d3ee1f}.scoreboard-card{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rad);overflow:hidden;box-shadow:0 0 0 1px #ffffff08,0 16px 40px #0000004d}.sb-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;display:flex}.sb-title{letter-spacing:.12em;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:1.1rem}.sb-progress{color:var(--sub);font-size:.73rem}.sb-table{border-collapse:collapse;width:100%}.sb-table thead th{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);background:var(--s2);padding:.5rem 1.25rem;font-size:.63rem;font-weight:400}.sb-table thead th:last-child{text-align:right}.sb-row{border-bottom:1px solid var(--border);transition:background .35s}.sb-row:last-child{border-bottom:none}.sb-row.is-active{background:#22d3ee0d;animation:2s ease-in-out infinite rowGlow}.sb-row.is-done{opacity:.6}td{padding:.75rem 1.25rem;font-size:.9rem}.td-pos{color:var(--dim);letter-spacing:.04em;width:36px;font-family:Bebas Neue,sans-serif;font-size:1.1rem}.td-name{font-weight:400}.td-turn{text-align:right;letter-spacing:.04em;color:var(--text);padding-right:1.25rem;font-family:Bebas Neue,sans-serif;font-size:1.8rem;line-height:1}.td-turn.none{color:var(--dim);font-family:DM Sans,sans-serif;font-size:1rem}.td-badge{text-align:right;white-space:nowrap}.badge{letter-spacing:.07em;text-transform:uppercase;border-radius:50px;align-items:center;gap:4px;padding:3px 10px;font-size:.66rem;font-weight:500;display:inline-flex}.badge-rolling{color:var(--cyan);background:#22d3ee1f;border:1px solid #22d3ee4d}.badge-wait{background:var(--s2);color:var(--dim);border:1px solid var(--border)}.badge-done{color:var(--green);background:#34d3991a;border:1px solid #34d39940}.badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.badge-rolling .badge-dot{animation:1.1s ease-in-out infinite blink}.result-banner{border-radius:var(--rad);text-align:center;background:linear-gradient(135deg,#34d3990f 0%,#22d3ee0f 50%,#a78bfa0f 100%);border:1px solid #34d39940;padding:1.75rem;animation:.5s cubic-bezier(.22,.68,0,1.2) both popIn;position:relative;overflow:hidden;box-shadow:0 0 40px #34d39914}.result-inner{z-index:1;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:relative}.result-emoji{font-size:2.2rem;line-height:1;animation:.6s cubic-bezier(.22,.68,0,1.2) .1s both popIn}.result-title{letter-spacing:.14em;background:linear-gradient(135deg, var(--green), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:1.8rem}.result-sub{color:var(--sub);font-size:.85rem}.confetti-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetto{border-radius:2px;animation:linear forwards fall;position:absolute;top:-10px}.summary-row{color:var(--sub);background:#22d3ee0a;border-top:1px solid #22d3ee1a;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.9rem 1.25rem;font-size:.78rem;display:none}.summary-row.show{animation:.4s both fadeIn;display:flex}.summary-num{color:var(--cyan);font-family:Bebas Neue,sans-serif;font-size:1rem}.summary-arrow{color:var(--dim)}.toggle-btn{cursor:pointer;border:1px solid var(--border2);background:var(--s2);color:var(--sub);letter-spacing:.04em;border-radius:6px;padding:.28rem .75rem;font-size:.7rem;font-weight:500;transition:all .18s}.toggle-btn:hover{color:var(--cyan);background:#22d3ee0f;border-color:#22d3ee59}.toast{background:var(--s2);border:1px solid var(--border2);color:var(--text);pointer-events:none;z-index:999;opacity:0;white-space:nowrap;letter-spacing:.02em;border-radius:50px;padding:.65rem 1.5rem;font-size:.82rem;font-weight:500;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .35s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(90px);box-shadow:0 8px 32px #0006}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.play-order-card{background:var(--s1);border:1px solid var(--border2);border-radius:var(--rad);padding:.9rem 1rem;animation:.4s cubic-bezier(.22,.68,0,1.2) both fadeUp;box-shadow:0 8px 24px #0003}.play-order-title{letter-spacing:.2em;text-transform:uppercase;color:var(--sub);margin-bottom:.7rem;font-size:.63rem}.play-order-list{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.play-order-item{align-items:center;gap:4px;display:flex}.play-order-num{color:var(--cyan);background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-family:Bebas Neue,sans-serif;font-size:1rem;line-height:1;display:flex}.play-order-name{color:var(--text);font-size:.82rem;font-weight:500}.play-order-arrow{color:var(--dim);margin:0 2px;font-size:.75rem}@media (width<=680px){body{align-items:stretch;padding:0 0 3rem}.site-header{width:100%;max-width:100%;padding:.85rem .75rem 1rem}.logo-main{font-size:1.4rem}.logo-sub{letter-spacing:.1em;font-size:.5rem}.game{width:100%;padding:0 .4rem}.game-topbar{flex-wrap:nowrap;gap:.3rem}.round-badge{flex-shrink:0;padding:.25rem .5rem .25rem .35rem;font-size:.62rem}.round-dot{width:6px;height:6px}.topbar-actions{gap:.3rem}.btn-sm{padding:.25rem .5rem;font-size:.62rem}.game-grid{grid-template-columns:1fr 1fr;gap:.4rem;width:100%}.left-col{gap:.4rem;min-width:0}.drum-card{min-width:0;overflow:hidden}.drum-header{padding:.35rem .4rem}.drum-header-label{font-size:.48rem}.pool-count{font-size:.52rem}.drum-scene{height:160px}.drum-face{height:50px;font-size:1.4rem}.drum-window{height:52px}.spin-btn-wrap{padding:.4rem}.btn-spin{letter-spacing:.04em;padding:.45rem .2rem;font-size:.65rem}.pool-card{padding:.4rem .45rem}.pool-title{margin-bottom:.3rem;font-size:.48rem}.pill{border-radius:4px;width:20px;height:20px;font-size:.65rem}.pills-wrap{gap:2px}.play-order-card{padding:.4rem .45rem}.play-order-title{margin-bottom:.3rem;font-size:.48rem}.play-order-num{border-radius:3px;width:16px;height:16px;font-size:.62rem}.play-order-name{font-size:.58rem}.play-order-arrow{margin:0;font-size:.52rem}.play-order-list{gap:2px}.scoreboard-card{min-width:0;overflow:hidden}.sb-header{flex-direction:column;align-items:flex-start;gap:.2rem;padding:.35rem .4rem}.sb-title{font-size:.72rem}.sb-progress{font-size:.5rem}.sb-table{table-layout:fixed;width:100%}.sb-table colgroup{display:none}.sb-table thead th{letter-spacing:.03em;padding:.28rem .3rem;font-size:.46rem}td{text-overflow:ellipsis;white-space:nowrap;padding:.35rem .3rem;font-size:.62rem;overflow:hidden}.td-pos{width:16px;padding:.35rem .2rem;font-size:.72rem}.td-name{max-width:60px;font-size:.6rem}.td-turn{padding-right:.3rem;font-size:.9rem}.td-turn.none{font-size:.6rem}.td-badge,.sb-table thead th:last-child{display:none}.result-banner{padding:.6rem .4rem}.result-title{letter-spacing:.08em;font-size:.95rem}.result-emoji{font-size:1.2rem}.result-sub{font-size:.58rem}.summary-row{gap:.2rem;padding:.4rem;font-size:.56rem}.summary-num{font-size:.72rem}.toast{padding:.5rem 1rem;font-size:.75rem;bottom:1rem}}