:root{--ink: #0d1117;--paper: #f4f1ea;--accent: #ffb703;--good: #57d364;--bad: #ff6b6b;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0d1117;color:var(--paper)}#scene{display:block;width:100vw;height:100vh;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;user-select:none}#scoreboard{position:absolute;top:16px;left:16px;background:#0d1117b8;border:1px solid rgba(244,241,234,.14);border-radius:12px;padding:10px 12px;min-width:190px;backdrop-filter:blur(6px)}#scoreboard h2{margin:0 0 8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.score-row{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:14px}.score-row .swatch{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.score-row .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-row .pts{font-variant-numeric:tabular-nums;font-weight:700}.score-row.active{color:var(--accent)}.score-row.active .name:after{content:" ◀";font-size:10px}.score-row.holder .pts:after{content:" ★";color:var(--accent)}.score-row.done{opacity:.4}#banner{position:absolute;top:18px;left:50%;transform:translate(-50%);text-align:center;max-width:70vw}#banner-player{font-size:22px;font-weight:800;letter-spacing:.01em;text-shadow:0 2px 10px rgba(0,0,0,.7)}#banner-instruction{margin-top:4px;font-size:13px;opacity:.8;text-shadow:0 2px 8px rgba(0,0,0,.8)}#sequence{position:absolute;top:88px;left:50%;transform:translate(-50%);text-align:center}.seq-steps{display:flex;align-items:center;gap:8px}.pill{padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#0d1117b3;border:1px solid rgba(244,241,234,.2);color:#f4f1ea80;transition:all .12s}.pill.done{background:var(--good);border-color:var(--good);color:var(--ink)}.pill.dead{background:#0d1117b3;border-color:#ff6b6b80;color:#ff6b6ba6;text-decoration:line-through}.seq-arrow{opacity:.4;font-size:13px}#seq-fail{margin-top:8px;font-size:13px;font-weight:700;color:var(--bad);text-shadow:0 2px 8px rgba(0,0,0,.8);min-height:18px}#power-wrap{position:absolute;right:46px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;transition:opacity .15s}#power-wrap.visible{opacity:1}#power-bar{position:relative;width:26px;height:280px;border-radius:999px;background:#0d111799;border:1px solid rgba(244,241,234,.25);overflow:hidden;box-shadow:0 6px 22px #00000073}.power-tick{position:absolute;left:0;width:100%;height:1px;background:#f4f1ea38}#power-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(0deg,var(--good),var(--accent),var(--bad))}#power-label{font-size:10px;letter-spacing:.2em;opacity:.65;text-shadow:0 2px 8px rgba(0,0,0,.8)}#throw-btn{position:absolute;bottom:84px;left:50%;transform:translate(-50%);margin:0;padding:20px 46px;font-size:17px;border-radius:999px;pointer-events:auto;touch-action:none;box-shadow:0 6px 22px #00000073}#throw-btn.charging{background:var(--good)}#result-panel{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#0d1117e0;border:1px solid rgba(244,241,234,.16);border-radius:14px;padding:18px 26px;text-align:center;pointer-events:auto;min-width:300px}#result-title{font-size:26px;font-weight:800}#result-title.good{color:var(--good)}#result-title.bad{color:var(--bad)}#result-detail{font-size:13px;opacity:.78;margin-top:6px}button{margin-top:14px;padding:10px 22px;font:inherit;font-weight:700;color:var(--ink);background:var(--accent);border:0;border-radius:999px;cursor:pointer}button:hover{filter:brightness(1.08)}.modal{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;background:radial-gradient(900px 560px at 50% 22%,rgba(255,183,3,.16),transparent 62%),radial-gradient(700px 500px at 82% 88%,rgba(47,127,216,.16),transparent 60%),#080b0f;z-index:10}.modal.hidden,.hidden{display:none!important}.modal-card{width:min(1100px,96vw);padding:4vh 16px 40px;text-align:center}.title{position:relative;margin:0;line-height:.86;user-select:none}.title-line{display:block;font-weight:900;text-transform:uppercase}.title-small{font-size:clamp(20px,4.4vw,46px);letter-spacing:.16em;color:var(--paper);opacity:.92;margin-bottom:.1em}.title-bucket-wrap{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto;padding:0 .1em;isolation:isolate}.title-huge{position:relative;z-index:2;display:block;padding:0 .06em .06em;font-size:clamp(50px,14.8vw,188px);letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(180deg,#ffe08a 0%,var(--accent) 48%,#e07a00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 38px rgba(255,183,3,.3))}.title-rule{position:relative;height:26px;margin:14px auto 0;width:min(420px,74%);border-top:2px solid rgba(244,241,234,.18)}.bouncing-ball{position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;background:#d8f34a;box-shadow:0 0 16px #d8f34a8c;animation:roll 3.4s ease-in-out infinite,hop .85s ease-in-out infinite}@keyframes roll{0%,to{left:0}50%{left:calc(100% - 16px)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.tagline{margin:16px 0 30px;font-size:clamp(12px,1.5vw,15px);letter-spacing:.18em;text-transform:uppercase;opacity:.6}.setup-form{width:min(560px,100%);margin:0 auto;text-align:left;background:#161b22db;border:1px solid rgba(244,241,234,.12);border-radius:20px;padding:28px 30px 30px}label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:6px}input[type=text]{width:100%;padding:9px 12px;font:inherit;color:var(--paper);background:#0d1117;border:1px solid rgba(244,241,234,.18);border-radius:9px}.player-count-options{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.player-count-btn{min-width:0;min-height:46px;margin:0;padding:0;border:1px solid rgba(244,241,234,.15);border-radius:11px;color:#f4f1eab3;background:#0d1117;font-size:15px}.player-count-btn.selected{border-color:var(--accent);color:var(--ink);background:var(--accent);box-shadow:0 0 18px #ffb70338}#name-list{margin-top:16px;display:grid;gap:8px}.name-row{display:flex;align-items:center;gap:10px}.name-row .swatch{width:14px;height:14px;border-radius:50%;flex:0 0 auto}#start-game{width:100%;margin-top:18px;padding:14px 22px;font-size:16px;letter-spacing:.04em;text-transform:uppercase}.rules{margin:22px auto 0;width:min(560px,100%);text-align:left;font-size:13px;opacity:.7}.rules summary{cursor:pointer}.rules ul{margin:10px 0 0;padding-left:18px;line-height:1.6}#mute-btn{position:absolute;top:16px;right:16px;margin:0;padding:0;width:40px;height:40px;font-size:17px;line-height:40px;border-radius:50%;background:#0d1117b8;border:1px solid rgba(244,241,234,.18);color:var(--paper);pointer-events:auto;cursor:pointer}#mute-btn:hover{background:#0d1117eb;filter:none}#mute-btn.muted{opacity:.45}@media (max-width: 600px){#scoreboard{top:max(10px,env(safe-area-inset-top));left:10px;display:flex;align-items:center;gap:8px;width:calc(100vw - 70px);min-width:0;padding:7px 9px;overflow-x:auto;border-radius:10px;scrollbar-width:none}#scoreboard::-webkit-scrollbar{display:none}#scoreboard h2{display:none}.score-row{flex:0 0 auto;gap:5px;max-width:112px;padding:2px 4px;font-size:12px}.score-row .name{max-width:62px}.score-row .swatch{width:8px;height:8px}.score-row.active .name:after{display:none}#mute-btn{top:max(10px,env(safe-area-inset-top));right:10px;width:42px;height:42px;line-height:42px}#banner{top:calc(max(10px,env(safe-area-inset-top)) + 54px);left:12px;width:calc(100vw - 24px);max-width:none;transform:none;padding:8px 12px;border-radius:10px;background:#0d1117a8;backdrop-filter:blur(5px)}#banner-player{font-size:17px}#banner-instruction{margin:2px auto 0;max-width:330px;font-size:11px;line-height:1.3}#sequence{top:calc(max(10px,env(safe-area-inset-top)) + 118px);width:calc(100vw - 24px)}.seq-steps{justify-content:center;gap:4px}.pill{padding:4px 8px;font-size:9px}.seq-arrow{font-size:10px}#seq-fail{margin-top:5px;font-size:10px}#power-wrap{right:12px;top:47%;gap:6px}#power-bar{width:22px;height:min(25vh,190px)}#power-label{font-size:8px}#throw-btn{bottom:calc(18px + env(safe-area-inset-bottom));width:min(250px,62vw);min-height:64px;padding:14px 24px;font-size:16px}#result-panel{bottom:calc(18px + env(safe-area-inset-bottom));width:calc(100vw - 28px);min-width:0;padding:16px 18px}#result-title{font-size:22px}#result-detail{font-size:12px;line-height:1.4}.modal{place-items:start center;padding:max(18px,env(safe-area-inset-top)) 10px max(22px,env(safe-area-inset-bottom))}.modal-card{width:100%;padding:14px 0 24px}.title-small{font-size:clamp(18px,7vw,28px)}.title-huge{font-size:clamp(52px,16vw,72px)}.tagline{margin:12px 0 20px;font-size:10px;letter-spacing:.12em}.title-rule{margin-top:10px;height:18px}.setup-form{width:min(100%,520px);padding:20px 16px 22px;border-radius:16px}.player-count-options{gap:4px}.player-count-btn{min-height:42px;border-radius:9px;font-size:14px}#name-list{max-height:220px;overflow-y:auto;padding-right:2px}.rules{width:calc(100% - 20px);margin-top:16px;font-size:12px}}@media (max-height: 700px) and (max-width: 600px){#power-bar{height:145px}#throw-btn{min-height:56px;padding-block:10px}#banner-instruction{max-width:280px}}