*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1a1333;--card:#2a2050;--accent:#ffcf3f;--accent-2:#ff5c8a;--ok:#3ddc84;--text:#f5f2ff;--muted:#a79fc9;--card-edge:#3b2e6e;--radius:18px;--shadow-pop:0 6px 0 #00000059}body{background:radial-gradient(60rem 40rem at 85% -10%, #ff5c8a29, transparent 60%), radial-gradient(50rem 35rem at -10% 100%, #ffcf3f1a, transparent 55%), var(--bg);color:var(--text);background-attachment:fixed;min-height:100dvh;font-family:system-ui,-apple-system,sans-serif}.screen{max-width:480px;min-height:100dvh;padding:1.5rem 1.25rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));flex-direction:column;gap:1.25rem;margin:0 auto;animation:.35s ease-out both screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.panel{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:1.1rem 1.1rem 1.2rem}.panel-title{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.9rem;font-size:.8rem;font-weight:800;display:flex}.panel-value{color:var(--accent);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:1rem}.btn-primary,.btn-secondary{width:100%;min-height:56px;font:inherit;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;border:none;border-radius:999px;padding:.9rem 1.25rem;font-size:1.15rem;font-weight:900;transition:transform 80ms,box-shadow 80ms,filter .15s;display:block}.btn-primary{background:linear-gradient(180deg, #ffe081, var(--accent) 55%);color:#241a00;box-shadow:0 5px 0 #b58a00, var(--shadow-pop);text-shadow:0 1px #ffffff59}.btn-secondary{color:var(--accent-2);border:2px solid var(--accent-2);background:0 0;box-shadow:0 4px #ff5c8a59}.btn-primary:active,.btn-secondary:active{transform:translateY(4px);box-shadow:0 1px #00000059}.btn-primary:hover{filter:brightness(1.05)}.btn-icon{border:1px solid var(--card-edge);width:48px;height:48px;color:var(--accent-2);cursor:pointer;background:#ff5c8a1f;border-radius:14px;flex:none;font-size:1.5rem;line-height:1;transition:transform 80ms,background .15s}.btn-icon:active{transform:scale(.92)}:where(.btn-primary,.btn-secondary,.btn-icon,.btn-player-add,.quit-btn,.team-input,.board-slider,.mode-btn,.chip-remove,.team-count-btn):focus-visible,.begrip input:focus-visible+.begrip-check{outline:3px solid var(--accent);outline-offset:2px}.setup-hero{text-align:center;padding-top:.75rem}.setup-badge{text-transform:uppercase;letter-spacing:.28em;color:var(--accent-2);border:1px solid #ff5c8a80;border-radius:999px;margin-bottom:.9rem;padding:.3rem .9rem .25rem 1.1rem;font-size:.72rem;font-weight:800;display:inline-block}.setup-title{flex-direction:column;align-items:center;font-weight:900;line-height:.85;display:flex}.setup-title-30{letter-spacing:-.04em;color:var(--accent);text-shadow:4px 4px 0 var(--accent-2), 0 10px 30px #ff5c8a59;font-size:clamp(4.5rem,28vw,6.5rem);transform:rotate(-3deg)}.setup-title-sec{text-transform:uppercase;letter-spacing:.42em;margin-top:.55rem;padding-left:.42em;font-size:clamp(1.4rem,8vw,1.9rem)}.setup-tagline{color:var(--muted);margin-top:.8rem;font-size:.95rem}.team-list{flex-direction:column;gap:.6rem;display:flex}.team-row{align-items:center;gap:.6rem;display:flex}.team-dot{color:#241a00;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:.85rem;font-weight:900;display:grid}.team-row:nth-child(2n) .team-dot{background:var(--accent-2);color:#33001a}.team-input{min-width:0;min-height:48px;font:inherit;color:var(--text);border:1px solid var(--card-edge);background:#00000040;border-radius:14px;flex:1;padding:0 .9rem;font-weight:600;transition:border-color .15s}.team-input::placeholder{color:var(--muted);font-weight:500}.team-input:focus{border-color:var(--accent);outline:none}.btn-add{min-height:48px;margin-top:.8rem;font-size:1rem}.board-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:48px}.board-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:10px}.board-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:4px solid var(--accent);border-radius:50%;width:30px;height:30px;margin-top:-10px;box-shadow:0 3px #00000059}.board-slider::-moz-range-track{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:10px}.board-slider::-moz-range-thumb{background:var(--text);border:4px solid var(--accent);border-radius:50%;width:22px;height:22px;box-shadow:0 3px #00000059}.slider-scale{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:space-between;font-size:.72rem;display:flex}.setup .btn-primary{margin-top:auto}.team-block{flex-direction:column;gap:.45rem;display:flex}.team-block+.team-block{border-top:1px dashed var(--card-edge);margin-top:.5rem;padding-top:.95rem}.player-list{border-left:2px solid var(--card-edge);flex-direction:column;gap:.45rem;margin-left:calc(30px + .6rem);padding-left:.75rem;display:flex}.player-row{align-items:center;gap:.6rem;display:flex}.player-input{min-height:44px;font-size:.95rem;font-weight:500}.player-row .btn-icon{width:40px;height:40px;font-size:1.25rem}.btn-player-add{border:1px dashed var(--muted);min-height:40px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;align-self:flex-start;padding:.35rem .9rem;font-size:.9rem;font-weight:700;transition:color .15s,border-color .15s,transform 80ms}.btn-player-add:hover{color:var(--accent);border-color:var(--accent)}.btn-player-add:active{transform:scale(.95)}.mode-toggle{border:1px solid var(--card-edge);background:#00000047;border-radius:999px;gap:4px;margin-bottom:1rem;padding:4px;display:flex}.mode-btn{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:999px;flex:1;padding:.5rem .6rem;font-size:.9rem;font-weight:800;transition:background .15s,color .15s}.mode-btn--active{background:linear-gradient(180deg, #ffe081, var(--accent) 55%);color:#241a00;box-shadow:0 2px #b58a00}.divide-editor{flex-direction:column;display:flex}.chip-list{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;list-style:none;display:flex}.chip{border:2px solid var(--accent-2);background:#ff5c8a24;border-radius:999px;align-items:center;min-height:44px;padding:.35rem .5rem .35rem .95rem;font-weight:700;animation:.18s ease-out both chip-in;display:inline-flex}@keyframes chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.chip-remove{width:44px;height:44px;color:var(--accent-2);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:999px;margin:-8px -10px -8px -4px;font-size:1.35rem;line-height:1;transition:transform 80ms,color .15s}.chip-remove:hover{color:var(--accent)}.chip-remove:active{transform:scale(.9)}.name-count{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:.6rem;font-size:.85rem;font-weight:700}.team-count-row{gap:.5rem;margin-top:1rem;display:flex}.team-count-btn{border:2px solid var(--card-edge);min-height:48px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;font-variant-numeric:tabular-nums;background:#0003;border-radius:14px;flex:1;font-size:1.15rem;font-weight:900;transition:transform 80ms,border-color .15s,color .15s,opacity .15s}.team-count-btn:active:not(:disabled){transform:scale(.94)}.team-count-btn--active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#ffcf3f1f}.team-count-btn:disabled{opacity:.35;cursor:not-allowed}.btn-divide{margin-top:1.1rem}.btn-divide:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.turn-intro,.turn-card{padding-top:calc(3.4rem + env(safe-area-inset-top))}.quit-btn{z-index:20;top:calc(.9rem + env(safe-area-inset-top));border:1px solid var(--card-edge);width:40px;height:40px;color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:#0000004d;border-radius:50%;font-size:1rem;line-height:1;transition:color .15s,border-color .15s,transform 80ms;position:fixed;right:calc(max(0px,50vw - 240px) + .9rem)}.quit-btn:hover{color:var(--accent-2);border-color:var(--accent-2)}.quit-btn:active{transform:scale(.92)}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);background:#0c081cb8;place-items:center;padding:1.25rem;animation:.2s ease-out both overlay-in;display:grid;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay-panel{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);width:min(100%,340px);box-shadow:var(--shadow-pop), 0 20px 60px #00000080;text-align:center;padding:1.4rem 1.25rem 1.25rem;animation:.25s cubic-bezier(.22,1.4,.36,1) both overlay-panel-in}@keyframes overlay-panel-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:none}}.overlay-title{letter-spacing:-.01em;font-size:1.5rem;font-weight:900}.overlay-text{color:var(--muted);margin-top:.4rem;font-size:.95rem}.overlay-actions{gap:.7rem;margin-top:1.25rem;display:flex}.overlay-actions>*{flex:1;min-height:52px;padding:.7rem .5rem;font-size:1rem}.scoreboard{flex-direction:column;gap:.5rem;display:flex}.score-row{background:var(--card);border:1px solid var(--card-edge);border-radius:14px;grid-template-columns:minmax(5.5rem,auto) 1fr auto;align-items:center;gap:.7rem;padding:.65rem .9rem;transition:transform .2s,border-color .2s;display:grid}.score-row--current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 4px 18px #ffcf3f33;transform:scale(1.02)}.score-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;overflow:hidden}.score-row--current .score-name{color:var(--accent)}.score-track{background:#00000059;border-radius:999px;height:10px;display:block;overflow:hidden}.score-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1.2,.36,1);display:block}.score-pos{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem;font-weight:700}.score-row--current .score-pos{color:var(--text)}.turn-up-next{text-align:center;margin:auto 0;padding:1rem 0}.turn-label{text-transform:uppercase;letter-spacing:.3em;color:var(--accent-2);font-size:.8rem;font-weight:800}.turn-team{letter-spacing:-.02em;color:var(--accent);text-shadow:3px 3px #ff5c8a73;overflow-wrap:anywhere;margin:.4rem 0 .7rem;font-size:clamp(2.4rem,12vw,3.2rem);font-weight:900;transform:rotate(-1.5deg)}.turn-explainer{color:var(--text);margin-bottom:.5rem;font-size:1.15rem}.turn-explainer strong{color:var(--accent-2);overflow-wrap:anywhere;font-weight:900}.turn-hint{color:var(--muted);text-align:center;font-size:.95rem}.timer{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow-pop);text-align:center;padding:1rem 1.1rem 1.1rem}.timer-text{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--accent);margin-top:.6rem;font-size:clamp(3.2rem,20vw,4.2rem);font-weight:900;line-height:1}.timer--urgent .timer-text{color:var(--accent-2);animation:1s ease-in-out infinite timer-pulse}.timer--done .timer-text{color:var(--accent-2);font-size:clamp(2.6rem,16vw,3.4rem);animation:.4s cubic-bezier(.22,1.6,.36,1) both timer-pop}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes timer-pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}.timer-bar{background:#00000059;border-radius:999px;height:12px;overflow:hidden}.timer-bar-fill{background:linear-gradient(90deg, var(--ok), var(--accent));border-radius:999px;height:100%;transition:width .12s linear}.timer--urgent .timer-bar-fill{background:linear-gradient(90deg, var(--accent-2), var(--accent))}.card{background:linear-gradient(180deg, #322561, var(--card));border:1px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow-pop), 0 14px 40px #00000059;padding:.6rem;transform:rotate(-.6deg)}.card-list{flex-direction:column;gap:.35rem;list-style:none;display:flex}.begrip{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000002e;border-radius:12px;align-items:center;gap:.8rem;min-height:52px;padding:.55rem .8rem;transition:background .15s,opacity .15s;display:flex}.begrip input{opacity:0;width:1px;height:1px;position:absolute}.begrip-check{border:2px solid var(--muted);border-radius:9px;flex:none;place-items:center;width:26px;height:26px;transition:background .15s,border-color .15s,transform .15s;display:grid}.begrip-check:after{content:"";border:3px solid #0000;border-width:0 3px 3px 0;width:7px;height:12px;transition:border-color .15s;transform:rotate(45deg)translateY(-1px)}.begrip-text{overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}.begrip.checked{background:#3ddc8424}.begrip.checked .begrip-check{background:var(--ok);border-color:var(--ok);transform:scale(1.08)}.begrip.checked .begrip-check:after{border-color:#05341b}.begrip.checked .begrip-text{color:var(--ok)}.begrip.locked{cursor:default}.begrip.locked .begrip-check{opacity:.55}.turn-card .btn-primary,.turn-card .btn-secondary{margin-top:auto}.turn-card .turn-hint+.btn-primary{margin-top:0}.turn-card .turn-hint{margin-top:auto}.winner{text-align:center;justify-content:center;align-items:center;position:relative;overflow:hidden}.winner-trophy{filter:drop-shadow(0 12px 24px #ffcf3f59);font-size:5.5rem;line-height:1;animation:1.6s ease-in-out infinite trophy-bounce}@keyframes trophy-bounce{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(3deg)}}.winner-label{text-transform:uppercase;letter-spacing:.34em;color:var(--accent-2);margin-top:1.2rem;font-size:.85rem;font-weight:800}.winner-team{letter-spacing:-.02em;color:var(--accent);text-shadow:4px 4px #ff5c8a73;overflow-wrap:anywhere;margin:.3rem 0 .6rem;font-size:clamp(2.6rem,14vw,3.6rem);font-weight:900;transform:rotate(-2deg)}.winner-players{color:var(--text);overflow-wrap:anywhere;margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.winner .btn-primary{width:min(100%,320px);margin-top:2rem}.winner-confetti{pointer-events:none;position:absolute;inset:0}.confetti-piece{top:-20px;left:calc((var(--i) + .5) * 100% / 14);background:var(--accent);opacity:.9;width:10px;height:16px;animation:3.4s linear infinite confetti-fall;animation-delay:calc(var(--i) * -.45s);border-radius:3px;position:absolute}.confetti-piece:nth-child(3n){background:var(--accent-2);border-radius:50%;width:8px;height:8px}.confetti-piece:nth-child(3n+1){background:var(--ok)}@keyframes confetti-fall{0%{transform:translateY(-5vh)rotate(0)}to{transform:translateY(105vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}