:root{color-scheme:light;--bg: #faf7f5;--surface: #fffdfb;--surface-2: #f2ece8;--line: #e0d6d0;--text: #24124d;--muted: #6a5b86;--accent: #f78b24;--accent-ink: #2a1400;--ok: #0a6b3d;--warn: #8a5a00;--danger: #9b1c10;--danger-bg: #fdece9;--danger-line: #f3c7bf;--dot-ready: #0b8f52;--dot-live: #b87500;--dot-gone: #b6a9a1;--green: #0b8f52;--red: #d8412f;--yellow: #d9c236;--blue: #3f7fd6;--purple: #7a4fc4;--green-off: #052a19;--red-off: #33110c;--yellow-off: #2f2a09;--blue-off: #0f1d33;--purple-off: #1c1236;--pad: clamp(16px, 4vw, 28px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}#app{flex:1 1 auto;min-height:0}.screen.join,.screen.lobby{padding-bottom:2.5rem}.screen.join{align-items:center;gap:.6rem;padding-bottom:1rem}.screen{max-width:32rem;margin:0 auto;padding:calc(var(--pad) + env(safe-area-inset-top)) var(--pad) var(--pad);display:flex;flex-direction:column;gap:1rem}.brand{margin:.25rem 0 0;font-size:clamp(2rem,9vw,2.75rem);letter-spacing:-.02em}.lede{margin:0;color:var(--muted)}.form{display:flex;flex-direction:column;gap:.75rem;margin-top:.35rem}.field{width:100%;padding:.9rem 1rem;font-size:1.05rem;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;user-select:text}.field:focus{outline:2px solid var(--accent);outline-offset:1px}.code-field{font:700 2rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.4em;text-align:center;text-transform:uppercase;padding:1rem .5rem 1rem 1.1rem}.btn{appearance:none;padding:.85rem 1.1rem;font:inherit;font-weight:600;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;cursor:pointer;touch-action:manipulation}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.btn.ghost{background:transparent;color:var(--muted)}.btn.big{padding:1.1rem;font-size:1.1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.row>.btn{flex:1 1 auto}.lobby-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.code{font:700 2.6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;user-select:text}.label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pill{padding:.3rem .6rem;border-radius:999px;font-size:.75rem;background:var(--surface-2);color:var(--muted);white-space:nowrap}.pill.open{color:var(--ok)}.pill.reconnecting,.pill.connecting{color:var(--warn)}.pill.fatal,.pill.idle{color:var(--danger)}.your-colors{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.player{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:var(--surface);border:1px solid var(--line);border-radius:12px}.player.offline{opacity:.5}.player .name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.1rem .45rem}.rtt{font:.75rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);min-width:3.5rem;text-align:right}.dot{width:.6rem;height:.6rem;border-radius:50%;flex:none;background:var(--muted)}.dot.ready{background:var(--dot-ready)}.dot.live{background:var(--dot-live)}.dot.gone{background:var(--dot-gone)}.swatches{display:flex;gap:.25rem}.swatch{width:1rem;height:1rem;border-radius:4px;flex:none}.swatch.big{width:3.25rem;height:3.25rem;border-radius:12px}.swatch.green{background:var(--green)}.swatch.red{background:var(--red)}.swatch.yellow{background:var(--yellow)}.swatch.blue{background:var(--blue)}.swatch.purple{background:var(--purple)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.panel h2{margin:0;font-size:1rem}.checkbox{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.9rem}.check{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.readout{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;font-size:.85rem}.readout dt{color:var(--muted)}.readout dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.readout dd.warn{color:var(--warn)}.hint{margin:0;color:var(--muted);font-size:.85rem}.hint.warn{color:var(--warn)}.notice,.hint.warn{display:none}.notice.visible,.hint.warn.visible{display:block}.notice{margin:0;padding:.75rem .9rem;border-radius:12px;background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger);font-size:.9rem}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:100;will-change:opacity}#flash.on{opacity:1}.screen.play{max-width:none;padding:0;height:100dvh;gap:0;position:relative;overflow:hidden;touch-action:none}.play-head{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;gap:.6rem;padding:calc(env(safe-area-inset-top) + .5rem) .85rem .5rem;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.6)}.play-head .round{font-weight:700;font-size:.95rem}.hint-inline{flex:1 1 auto;color:#ffffffb8;font-size:.85rem}.board{flex:1 1 auto;touch-action:none;display:grid;gap:6px;padding:6px;padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right));overflow:hidden;height:100%}.board[data-count="1"]{grid-template:1fr / 1fr}.board[data-count="2"]{grid-template:1fr 1fr / 1fr}.board[data-count="3"]{grid-template:1fr 1fr 1fr / 1fr}.board[data-count="4"]{grid-template:1fr 1fr / 1fr 1fr}.board[data-count="5"]{grid-template:1fr 1fr 1fr / 1fr 1fr}.board[data-count="5"] .pad:nth-child(5){grid-column:1 / -1}.pad{border-radius:18px;transform:scale(.985);transition:background-color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out}.pad.on{transform:scale(1);box-shadow:inset 0 0 clamp(30px,12vmin,90px) #fff9;transition-duration:40ms}.pad.green{background:var(--green-off)}.pad.red{background:var(--red-off)}.pad.yellow{background:var(--yellow-off)}.pad.blue{background:var(--blue-off)}.pad.purple{background:var(--purple-off)}.pad.green.on{background:var(--green)}.pad.red.on{background:var(--red)}.pad.yellow.on{background:var(--yellow)}.pad.blue.on{background:var(--blue)}.pad.purple.on{background:var(--purple)}.board.live .pad{cursor:pointer}.progress{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + .6rem);z-index:3;display:none;justify-content:center;gap:5px;pointer-events:none}.progress.visible{display:flex}.progress .tick{width:7px;height:7px;border-radius:50%;background:#ffffff47}.progress .tick.done{background:#fff}.overlay{position:absolute;inset:0;z-index:4;display:none;align-items:center;justify-content:center;padding:var(--pad);background:#06080cc7;backdrop-filter:blur(6px)}.overlay.visible{display:flex}.overlay-card{max-width:22rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.overlay-title{margin:0;font-size:clamp(1.6rem,8vw,2.4rem);letter-spacing:-.02em;color:#f7f4ef}.overlay-body{margin:0;color:#f7f4efb8}.overlay-actions:empty{display:none}.overlay.over .overlay-title{color:#ff9d9d}.overlay.clear .overlay-title{color:#9ff0c0}.overlay.colors .overlay-title{color:var(--accent)}.countdown{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;font:700 clamp(5rem,40vmin,12rem) / 1 ui-sans-serif,system-ui,sans-serif;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.55);pointer-events:none}.countdown.visible{display:flex}.btn.hidden{display:none}.board.mirror .pad{cursor:default;opacity:.96}.panel.hidden{display:none}.segmented{display:flex;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.seg{flex:1 1 0;appearance:none;padding:.7rem .5rem;font:inherit;font-weight:600;font-size:.9rem;color:var(--muted);background:var(--surface-2);border:0;border-right:1px solid var(--line);cursor:pointer}.seg:last-child{border-right:0}.seg.on{background:var(--accent);color:var(--accent-ink)}.qr-row{display:flex;align-items:center;gap:.9rem}.qr-row.hidden{display:none}.qr{flex:none;width:7.5rem;height:7.5rem;background:#fff;border-radius:12px;overflow:hidden}.qr svg{display:block;width:100%;height:100%}.qr path{fill:#000}.qr-row-action{flex:1 1 auto;min-width:0;display:flex}.qr-row-action>.btn{flex:1 1 auto;min-height:4rem}.qr-row-action .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.btn.danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger-line)}.btn.danger.armed{background:var(--danger);border-color:transparent;color:#fff}.play-head .btn.tiny{pointer-events:auto;flex:none;padding:.3rem .65rem;font-size:.75rem;border-radius:8px}.play-head .btn.tiny.hidden{display:none}.overlay-actions{flex-wrap:wrap;justify-content:center}.tabs{display:flex;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.tab{flex:1 1 0;appearance:none;padding:.7rem .5rem;font:inherit;font-weight:600;color:var(--muted);background:var(--surface-2);border:0;border-right:1px solid var(--line);cursor:pointer}.tab:last-child{border-right:0}.tab.on{background:var(--accent);color:var(--accent-ink)}.pane{display:flex;flex-direction:column;gap:1rem}.pane.hidden{display:none}.ranking-boards{display:grid;gap:1.25rem}@media(min-width:720px){.ranking-boards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-boards[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}.ranking-col{min-width:0}.ranking-col-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.ranking-col-title{margin:0;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.ranking-col-hint{font-size:.78rem;color:var(--muted)}.ranking{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ranking-row{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;background:var(--surface);border:1px solid var(--line);border-radius:12px}.ranking-row.top{border-color:var(--accent)}.ranking-rank{flex:none;width:1.6rem;text-align:right;font:700 .95rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.ranking-row.top .ranking-rank{color:var(--accent)}.ranking-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem}.queue-prize{font-size:.78rem;color:var(--accent)}.ranking-players{overflow-wrap:anywhere}.ranking-when{font-size:.75rem;color:var(--muted)}.ranking-score{flex:none;display:flex;align-items:baseline;gap:.3rem}.ranking-score strong{font-size:1.25rem}.ranking-score-unit{font-size:.75rem;color:var(--muted)}.status{margin:0;font-size:.85rem;color:var(--muted);min-height:1.2em}.status.ok{color:var(--ok)}.status.error{color:var(--danger)}a.plain{color:var(--accent);text-decoration:none}.label.project{letter-spacing:.14em;color:var(--accent);margin-bottom:.15rem}.logo{display:block;width:clamp(76px,21vw,112px);height:auto;margin:0 auto .25rem;border-radius:16px;box-shadow:0 4px 18px #24124d24}.screen.play{--on-dark: #f7f4ef;--on-dark-muted: rgb(247 244 239 / 72%);color:var(--on-dark)}.play-head .round{color:var(--on-dark)}.play-head .btn.tiny{color:var(--on-dark);background:#f7f4ef1f;border-color:#f7f4ef38}.overlay .btn.ghost{color:var(--on-dark-muted);border-color:#f7f4ef38}.overlay .btn.danger{color:#ffb4a6;background:#9b1c1038;border-color:#ffb4a659}.overlay .btn.danger.armed{background:var(--danger);border-color:transparent;color:#fff}.screen.admin{max-width:64rem;gap:1.25rem;padding-bottom:2.5rem}.admin-head{display:flex;align-items:center;gap:.85rem}.admin-logo{width:3rem;height:auto;border-radius:10px;flex:none}.admin-head .brand{font-size:1.7rem;text-align:left;margin:0}.admin-shell{display:grid;grid-template-columns:minmax(11rem,14rem) 1fr;gap:1.25rem;align-items:start}.admin-shell.hidden{display:none}.admin-content{min-width:0;display:flex;flex-direction:column;gap:1rem}.admin-nav{position:sticky;top:1rem;display:flex;flex-direction:column;gap:1rem;padding:.7rem;background:var(--surface);border:1px solid var(--line);border-radius:14px}.nav-group{display:flex;flex-direction:column;gap:.2rem}.nav-label{margin:0 0 .15rem .6rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.nav-item{appearance:none;display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .7rem;font:inherit;font-weight:600;font-size:.92rem;text-align:left;text-decoration:none;color:var(--text);background:transparent;border:0;border-radius:10px;cursor:pointer}.nav-item:hover{background:var(--surface-2)}.nav-item.on{background:var(--accent);color:var(--accent-ink)}.nav-link{color:var(--muted)}.nav-out{margin-left:auto;font-size:.8rem;opacity:.7}.nav-foot{border-top:1px solid var(--line);padding-top:.7rem}.nav-foot .btn{padding:.5rem .7rem;font-size:.88rem}.badge{display:none;min-width:1.35rem;margin-left:auto;padding:.05rem .4rem;border-radius:999px;font-size:.75rem;text-align:center;background:var(--surface-2);color:var(--muted)}.badge.visible{display:inline-block}.badge.urgent{background:var(--accent);color:var(--accent-ink)}.nav-item.on .badge{background:#2a14002e;color:var(--accent-ink)}@media(max-width:44rem){.admin-shell{grid-template-columns:1fr}.admin-nav{position:static;flex-direction:row;overflow-x:auto;gap:.5rem}.nav-group{flex:none;flex-direction:row;gap:.25rem}.nav-label{display:none}.nav-group+.nav-group{border-left:1px solid var(--line);padding-left:.5rem}.nav-foot{border-top:0}.nav-item{width:auto;white-space:nowrap}}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.queue-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.7rem .85rem;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.queue-main{flex:1 1 12rem;min-width:0;display:flex;flex-direction:column;gap:.15rem}.queue-players{overflow:hidden;text-overflow:ellipsis}.queue-when{font-size:.75rem;color:var(--muted)}.queue-score{flex:none;display:flex;align-items:baseline;gap:.3rem}.queue-score strong{font-size:1.15rem}.queue-actions{flex:1 1 100%;display:flex;gap:.5rem;flex-wrap:wrap}.btn.tiny{padding:.4rem .7rem;font-size:.8rem;border-radius:9px}.btn.tiny.ok{background:var(--ok);border-color:transparent;color:#fff}.picker{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;padding:.6rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:10px}.picker.hidden{display:none}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .4rem .3rem .65rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.85rem}.chip-x{appearance:none;width:1.2rem;height:1.2rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}.chip-x:hover{background:var(--danger-bg);color:var(--danger)}.knobs{display:flex;flex-direction:column;gap:.6rem}.knob-row{display:flex;align-items:center;gap:.85rem}.knob-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.knob-label{font-weight:600;font-size:.92rem}.knob-note{font-size:.75rem;color:var(--muted)}.field.knob{flex:none;width:7rem;text-align:right;font:600 1rem ui-monospace,SFMono-Regular,Menlo,monospace;padding:.5rem .6rem}.preview{padding:.6rem .7rem;background:var(--surface-2);border-radius:10px;line-height:1.5}.row.presets .btn{flex:1 1 auto}.panel.fold{padding-block:.65rem}.fold-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:.35rem;cursor:pointer;list-style:none}.fold-head::-webkit-details-marker{display:none}.fold-head h2{margin:0}.fold-mark{flex:none;width:.55rem;height:.55rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .15s ease}.panel.fold[open] .fold-mark{transform:rotate(45deg)}.fold-body{display:none;flex-direction:column;gap:.6rem;padding-top:.5rem}.panel.fold[open] .fold-body{display:flex}.panel.fold.hidden{display:none}.joining{display:flex;flex-direction:column;gap:.1rem;padding:.7rem .9rem;background:var(--accent-soft, rgb(247 139 36 / 12%));border:1px solid var(--accent);border-radius:14px;text-align:center}.joining.hidden{display:none}.joining-room{margin:0;font-size:.85rem;color:var(--muted)}.joining-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;letter-spacing:.18em;color:var(--text)}.joining-ask{margin:0;font-weight:600}.cards{display:flex;flex-direction:column;gap:.5rem}.cards.hidden,.fields.hidden,.link-btn.hidden{display:none}.fields{display:flex;flex-direction:column;gap:.75rem}.card-row{display:flex;align-items:stretch;gap:.4rem}.card{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.75rem 1rem;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer}.card.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card-name{font-size:1.05rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.card-phone{font-size:.85rem;color:var(--muted)}.card-tag{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.card-drop{flex:none;width:2.5rem;font-size:1.2rem;line-height:1;color:var(--muted);background:none;border:1px solid var(--line);border-radius:14px;cursor:pointer}.card-drop:hover{color:var(--danger);border-color:var(--danger)}.link-btn{align-self:flex-start;padding:.2rem 0;font:inherit;font-size:.9rem;color:var(--accent);background:none;border:0;text-decoration:underline;cursor:pointer}.field-wrap{position:relative;display:flex}.field-wrap .field{flex:1 1 auto;padding-right:2.8rem}.field-clear{display:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:1.9rem;height:1.9rem;padding:0;appearance:none;border:0;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer}.field-clear.visible{display:block}.field-clear:hover{background:var(--danger-bg);color:var(--danger)}.page-footer{margin-top:auto;padding-top:1rem;padding-inline:1.25rem;padding-bottom:calc(env(safe-area-inset-bottom) + 1rem);border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.5;flex-shrink:0}.page-footer.hidden{display:none}.page-footer-inner{max-width:62rem;padding-top:.25rem;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .9rem}.page-footer a{color:var(--muted);text-decoration:none}.page-footer a:hover{color:var(--accent);text-decoration:underline}.footer-sep{color:var(--line);user-select:none}.admin-pill{position:fixed;top:calc(env(safe-area-inset-top) + .6rem);right:.75rem;z-index:20;padding:.25rem .65rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;box-shadow:0 2px 10px #24124d2e}.admin-pill.hidden{display:none}.btn.arming:disabled{opacity:1;color:var(--text);background-color:var(--surface-2);background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-size:0% 100%;animation:arm-fill var(--arm-ms, 3s) linear forwards}@keyframes arm-fill{to{background-size:100% 100%}}@media(prefers-reduced-motion:reduce){.btn.arming:disabled{animation:none;background-image:none}}.score-card{display:none;flex-direction:column;gap:.15rem;padding:.85rem 1rem;border-radius:14px;background:#f7f4ef1a;border:1px solid rgb(247 244 239 / 18%)}.score-card.visible{display:flex}.score-team{margin:0;font-weight:700;font-size:1.05rem;color:#f7f4ef}.score-place{margin:0;color:#f7f4efd1}.score-place strong{font-size:1.6rem;color:var(--accent)}.score-tries{margin:0;font-size:.8rem;color:#f7f4ef9e}