:root{--bg: #fff7e0;--surface: #ffffff;--ink: #2b2540;--muted: #6b6485;--line: #eadfc0;--primary: #e4572e;--primary-ink: #fff;--accent: #2a9d8f;--gold: #ffb703;--shadow: 0 2px 0 rgba(43,37,64,.12), 0 8px 20px rgba(43,37,64,.08);--radius: 18px;--tap: 52px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #1b1a2e;--surface: #272544;--ink: #f6f1ff;--muted: #b3acd0;--line: #3a3760;--primary: #ff7a59;--primary-ink: #1b1a2e;--accent: #4fd1c1;--gold: #ffc533;--shadow: 0 2px 0 rgba(0,0,0,.35), 0 8px 20px rgba(0,0,0,.3)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100dvh;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2{margin:0;line-height:1.15}code{background:var(--line);padding:1px 5px;border-radius:6px;font-size:.9em}.muted{color:var(--muted)}.small{font-size:.85rem}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{min-height:100dvh;display:flex;flex-direction:column;max-width:1280px;margin:0 auto}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;padding-top:max(14px,env(safe-area-inset-top))}.top h1{font-size:1.4rem}.link{background:none;border:0;color:var(--muted);min-height:44px;padding:0 8px;text-decoration:underline}.content{flex:1;padding:8px 16px calc(96px + env(safe-area-inset-bottom));display:grid;gap:16px;align-content:start}.state{text-align:center;padding:40px 0;color:var(--muted)}.banner{background:var(--gold);color:#2b2540;padding:8px 12px;border-radius:12px;margin:0}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;width:min(420px,100%);display:grid;gap:10px;border:2px solid var(--line)}.card h1{font-size:1.6rem}label{font-weight:600;font-size:.9rem;margin-top:6px}input,select{width:100%;min-height:var(--tap);padding:0 14px;border-radius:14px;border:2px solid var(--line);background:var(--bg)}input:focus,select:focus{border-color:var(--accent)}.error{color:#c62828;font-weight:600;margin:0}@media (prefers-color-scheme: dark){.error{color:#ff8a80}}.btn{min-height:var(--tap);padding:0 20px;border-radius:14px;border:2px solid var(--line);background:var(--surface);font-weight:700}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent;box-shadow:0 4px #0000002e}.btn.primary:active{transform:translateY(2px);box-shadow:0 2px #0000002e}.btn.big{min-height:60px;font-size:1.25rem;width:100%;margin-top:8px}.btn:disabled{opacity:.55;cursor:default}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;grid-auto-rows:1fr}.grid>li{display:flex}.person{width:100%;height:100%;min-height:128px;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);box-shadow:var(--shadow);display:grid;place-items:center;align-content:center;gap:2px;padding:12px;transition:transform .1s;position:relative}.person:active{transform:scale(.96) rotate(-1deg)}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.4rem;color:#2b2540;background:var(--gold)}.c1 .avatar{background:#ff8fab}.c2 .avatar{background:#8ecae6}.c3 .avatar{background:#b8e986}.c4 .avatar{background:#cdb4f6}.c5 .avatar{background:#ffa86b}.pname{font-weight:800;font-size:1.15rem;overflow-wrap:anywhere;text-align:center}.pcount{color:var(--muted);font-size:.85rem}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:2px solid var(--line);z-index:5}.tab{flex:1;max-width:300px;min-height:var(--tap);border-radius:14px;border:2px solid transparent;background:transparent;font-weight:700;color:var(--muted)}.tab.active{background:var(--primary);color:var(--primary-ink)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140f288c;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade .15s}.sheet{background:var(--surface);width:min(640px,100%);border-radius:24px 24px 0 0;padding:10px 16px calc(16px + env(safe-area-inset-bottom));max-height:90dvh;overflow:auto;display:grid;gap:8px;animation:up .2s ease-out}.grabber{width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 4px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{font-size:1.4rem}.icon-btn{width:44px;height:44px;border-radius:50%;border:0;background:var(--bg);font-size:1.5rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:44px;padding:0 14px;border-radius:22px;border:2px solid var(--line);background:var(--bg)}.chip.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}@keyframes up{0%{transform:translateY(100%)}}@keyframes fade{0%{opacity:0}}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;justify-content:center;padding:0 16px;z-index:30;pointer-events:none}.toast{pointer-events:auto;background:var(--ink);color:var(--bg);border-radius:16px;padding:6px 6px 6px 16px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);font-weight:600;animation:up .2s}.toast-action{min-height:44px;padding:0 14px;border-radius:12px;border:0;background:var(--gold);color:#2b2540;font-weight:800}.toast-x{width:44px;height:44px;border:0;background:none;color:inherit;font-size:1.3rem}.panel{background:var(--surface);border-radius:var(--radius);border:2px solid var(--line);padding:16px;box-shadow:var(--shadow)}.panel h2{font-size:1.1rem;margin-bottom:12px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 700px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);min-width:0}.tile-v{font-size:1.8rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-l{color:var(--muted);font-size:.85rem}.lb,.feed,.hbars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lb li{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:6px;border-radius:12px}.lb li.leader{background:color-mix(in srgb,var(--gold) 28%,transparent)}.rank{text-align:center;font-weight:800}.lb-main{display:grid;gap:4px;min-width:0}.lb-name{font-weight:700;overflow:hidden;text-overflow:ellipsis}.lb-total{font-weight:800;font-size:1.2rem}.bar-track{display:block;height:10px;border-radius:5px;background:var(--line);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--primary);border-radius:5px;transition:width .4s}.bar-fill.alt{background:var(--accent)}.hbars li{display:grid;grid-template-columns:minmax(70px,38%) 1fr 28px;gap:8px;align-items:center}.hb-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-v{text-align:right;font-weight:700}.chart{width:100%;height:auto}.chart .axis{stroke:var(--line);stroke-width:1}.chart .col{fill:var(--primary)}.chart text{fill:var(--muted);font-size:8px;text-anchor:middle}.chart .val{fill:var(--ink);font-weight:700}.feed li{padding-bottom:10px;border-bottom:1px dashed var(--line)}.feed li:last-child{border:0;padding:0}.feed-reason{color:var(--muted)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.toolbar{display:flex;gap:10px}.search{flex:1;min-width:0}.sheet .search{flex:none}.board-cols{display:grid;gap:16px;align-items:start}.board-cols .col{display:grid;gap:16px;min-width:0}@media (min-width: 900px){.board-cols{grid-template-columns:1fr 1fr}}@media (min-width: 700px){.content,.top{padding-left:28px;padding-right:28px}.grid{gap:16px}.person{min-height:140px}}.sheet.wide{width:min(860px,100%)}.seg{display:flex;gap:8px}.seg .chip{flex:1;font-weight:700}.pick-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;max-height:38dvh;overflow:auto}.pick{width:100%;min-height:var(--tap);display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:14px;border:2px solid var(--line);background:var(--bg);text-align:left}.pick.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.pick .box{width:24px;height:24px;flex:none;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;font-weight:800}.pick.on .box{background:var(--accent);border-color:var(--accent);color:#2b2540}.pick .pname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-page{display:grid;gap:16px;align-items:start}@media (min-width: 900px){.wheel-page{grid-template-columns:1.4fr 1fr}}.wheel-panel{display:grid;gap:12px;justify-items:center}.wheel-panel .btn.big{max-width:420px}.wheel-box{position:relative;width:min(100%,520px,44dvh)}.wheel{width:100%;height:auto;display:block}.wheel .slice{stroke:var(--surface);stroke-width:2}.wheel .wlabel{fill:#2b2540;font-weight:700}.wheel .hub{fill:var(--surface);stroke:var(--line);stroke-width:4}.pointer{position:absolute;top:-6px;left:50%;width:0;height:0;transform:translate(-50%);z-index:2;border-left:14px solid transparent;border-right:14px solid transparent;border-top:28px solid var(--ink);filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.check{display:flex;align-items:center;gap:10px;font-weight:400;margin:0;min-height:44px}.check input{width:22px;min-height:22px;height:22px;flex:none}.result{min-height:84px;display:grid;justify-items:center;gap:6px;align-content:start}.winner{margin:0;font-size:1.8rem;font-weight:800;text-align:center}.removed{list-style:none;margin:0;padding:0;display:grid;gap:8px}.removed li{display:flex;align-items:center;justify-content:space-between;gap:10px}.removed .pname{text-align:left;font-size:1rem}.backdrop.center{align-items:center;padding:16px}.winner-card{position:relative;z-index:2;background:var(--surface);border:2px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px 32px;width:min(440px,100%);display:grid;gap:6px;justify-items:center;text-align:center;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.winner-emoji{margin:0;font-size:3rem;line-height:1}.winner-card .winner{font-size:clamp(1.8rem,6vw,2.6rem);overflow-wrap:anywhere}.winner-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:3}.confetti span{position:absolute;top:-24px;border-radius:2px;opacity:0;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.6,.5,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:1;transform:translate(var(--drift),108dvh) rotate(var(--spin))}}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.timer-page{display:grid;gap:16px;align-items:start}@media (min-width: 900px){.timer-page{grid-template-columns:1fr 1fr}.timer-page .running{grid-column:1 / -1}}.stack{display:grid;gap:8px}.timer-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.timer-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg);border:2px solid var(--line)}.t-main{display:grid;gap:2px;min-width:0}.t-left{font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.t-meta{overflow-wrap:anywhere}.alarm-backdrop{z-index:40}.alarm-card{border-color:var(--primary)}.winner-emoji.ring{animation:ring .5s ease-in-out infinite;transform-origin:50% 10%}@keyframes ring{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.teams-page{display:grid;gap:16px;align-items:start}@media (min-width: 900px){.teams-page:not(:has(.team-grid)){grid-template-columns:1fr 1fr}}.team-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start}.team-name{font-weight:800;font-size:1.1rem;margin-bottom:4px}textarea{width:100%;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:var(--bg);font:inherit;color:inherit;resize:vertical}textarea:focus{border-color:var(--accent)}.move{width:auto;min-height:44px;max-width:45%}.member{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:12px;border:2px solid var(--line);background:var(--bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.member .pname{text-align:left;font-size:1rem}.member.dragging{opacity:.35}.grip{color:var(--muted)}.panel.drop{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.drag-ghost{position:fixed;z-index:50;transform:translate(-50%,-120%);pointer-events:none;padding:10px 16px;border-radius:14px;background:var(--primary);color:var(--primary-ink);font-weight:800;box-shadow:var(--shadow)}.member .pname{flex:1}.team-grid .removed{margin-top:10px}