@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;--font-sans: "Nunito", ui-rounded, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--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;--board-frame: #06080c;--on-dark: #f7f4ef;--on-dark-muted: rgb(247 244 239 / 72%);--on-dark-line: rgb(247 244 239 / 22%);--on-dark-fill: rgb(247 244 239 / 12%);--over-lost: #ff9d9d;--over-cleared: #9ff0c0;--pad: clamp(16px, 4vw, 28px);--ease: cubic-bezier(.32, .72, 0, 1);--swift: .14s}*{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 var(--font-sans)}body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}#app{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.screen.join,.screen.lobby{padding-bottom:2.5rem}.screen.join{align-items:center;gap:.5rem;padding-bottom:.5rem}.screen.join.wide{max-width:72rem}.screen{width:100%;max-width:32rem;margin:auto;padding:calc(var(--pad) + env(safe-area-inset-top)) var(--pad) var(--pad);display:flex;flex-direction:column;gap:1rem}.brand{margin:.15rem 0 0;font-size:clamp(1.75rem,8vw,2.4rem);letter-spacing:-.02em}.lede{margin:0;color:var(--muted);max-width:34rem}.form{display:flex;flex-direction:column;gap:.55rem;margin-top:.25rem}.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;caret-color:var(--accent);transition:border-color var(--swift) var(--ease)}.field::placeholder{color:var(--muted);opacity:.75}.field:focus,.btn:focus-visible,.seg:focus-visible,.tab:focus-visible,.nav-item:focus-visible,.card:focus-visible,.card-drop:focus-visible,.chip-x:focus-visible,.field-clear:focus-visible,.link-btn:focus-visible,.fold-head:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.seg:focus-visible,.tab:focus-visible{outline-offset:-2px}.play-head .btn:focus-visible,.overlay .btn:focus-visible{outline-color:var(--on-dark);outline-offset:2px}::selection{background:#f78b2447;color:var(--text)}.screen.play ::selection{background:#f7f4ef47;color:var(--on-dark)}.code-field{font:700 1.7rem/1 var(--font-mono);letter-spacing:.4em;text-align:center;text-transform:uppercase;padding:.7rem .5rem .7rem 1.1rem}.btn{appearance:none;padding:.7rem 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;transition:background-color var(--swift) var(--ease),border-color var(--swift) var(--ease),color var(--swift) var(--ease),transform 90ms var(--ease)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled,.btn.primary:disabled,.btn.danger:disabled{cursor:default;color:var(--muted);background:var(--surface-2);border-color:var(--line)}.btn.primary:disabled{border-color:#f78b2473}.btn.ghost:disabled{background:transparent}.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 var(--font-mono);letter-spacing:.22em;user-select:text}.label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.screen>.label{margin-bottom:-.6rem}.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;min-width:0;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 var(--font-mono);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;flex:none;margin-left:auto}.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:var(--font-mono);text-align:right}.readout dd.warn{color:var(--warn)}.hint{margin:0;color:var(--muted);font-size:.8rem;line-height:1.35}.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;background:var(--board-frame);margin:0}.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}.board.reveal .pad{z-index:5;opacity:.5;transform:scale(1);box-shadow:inset 0 0 clamp(30px,12vmin,90px) #ffffff59;transition:opacity .32s var(--ease),background-color .32s var(--ease),box-shadow .32s var(--ease)}.board.reveal .pad.green{background:var(--green)}.board.reveal .pad.red{background:var(--red)}.board.reveal .pad.yellow{background:var(--yellow)}.board.reveal .pad.blue{background:var(--blue)}.board.reveal .pad.purple{background:var(--purple)}.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}.screen.play:before{content:"";position:absolute;inset:0;z-index:4;background:#06080cc7;backdrop-filter:blur(6px);opacity:0;pointer-events:none;visibility:hidden}.screen.play.dimmed:before{opacity:1;visibility:visible;animation:overlay-in .22s var(--ease) both}.overlay{position:absolute;inset:0;z-index:6;display:none;align-items:center;justify-content:center;padding:var(--pad)}.overlay.visible{display:flex}@keyframes overlay-in{0%{opacity:0;backdrop-filter:blur(0)}}.overlay-card{max-width:24rem;width:100%;text-align:center;display:flex;flex-direction:column;gap:.75rem;padding:1.35rem 1.25rem;border-radius:18px;background:#06080cd1;border:1px solid var(--on-dark-line);backdrop-filter:blur(10px)}.overlay.visible .overlay-card{animation:card-in .26s var(--ease) 60ms both}@keyframes card-in{0%{opacity:0;transform:translateY(.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:var(--over-lost)}.overlay.clear .overlay-title{color:var(--over-cleared)}.overlay.colors .overlay-title{color:var(--accent)}.color-chip{display:inline-block;width:.95em;height:.95em;margin:0 .06em;border-radius:4px;vertical-align:-.12em;box-shadow:0 0 0 1px var(--on-dark-line)}.said{white-space:nowrap}.color-chip.green{background:var(--green)}.color-chip.red{background:var(--red)}.color-chip.yellow{background:var(--yellow)}.color-chip.blue{background:var(--blue)}.color-chip.purple{background:var(--purple)}.countdown{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;font:700 clamp(5rem,40vmin,12rem) / 1 var(--font-sans);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;transition:background-color var(--swift) var(--ease),color var(--swift) var(--ease)}.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:1px solid var(--line);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;flex-direction:column;gap:.3rem}.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:var(--font-mono);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:9px}.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:.55rem .5rem;font:inherit;font-weight:600;color:var(--muted);background:var(--surface-2);border:0;border-right:1px solid var(--line);cursor:pointer;transition:background-color var(--swift) var(--ease),color var(--swift) var(--ease)}.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-pane{align-self:stretch}.ranking-host{width:100%;container-type:inline-size}.ranking-boards{display:grid;gap:1.25rem}@container (min-width: 34rem){.ranking-boards[data-count="2"],.ranking-boards[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 52rem){.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.place-1{border-color:var(--accent)}.ranking-rank{flex:none;width:1.6rem;text-align:right;font:700 .95rem/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted)}.ranking-row.place-1 .ranking-rank{color:var(--accent)}.ranking-row.place-2 .ranking-rank{color:var(--purple)}.ranking-row.place-3 .ranking-rank{color:var(--green)}.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{display:flex;flex-direction:column;overflow-wrap:anywhere}.ranking-player{line-height:1.3}.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;font-variant-numeric:tabular-nums;min-width:1.6ch;text-align:right}.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(64px,18vw,96px);height:auto;margin:0 auto .25rem;border-radius:16px;box-shadow:0 4px 18px #24124d24}.screen.play,.play-head .round{color:var(--on-dark)}.play-head .btn.tiny,.overlay .btn{color:var(--on-dark);background:var(--on-dark-fill);border-color:var(--on-dark-line)}.overlay .btn.ghost{color:var(--on-dark-muted);background:transparent;border-color:var(--on-dark-line)}.overlay .btn.primary{color:var(--accent-ink);background:var(--accent);border-color:transparent}.overlay .btn:disabled:not(.arming){color:var(--on-dark-muted);background:var(--on-dark-fill);border-color:var(--on-dark-line)}.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;transition:background-color var(--swift) var(--ease),color var(--swift) var(--ease)}.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;position:relative;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;transition:background-color var(--swift) var(--ease),color var(--swift) var(--ease)}.chip-x:after{content:"";position:absolute;inset:-.6rem}.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 var(--font-mono);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:var(--font-mono);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:.55rem}.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;transition:border-color var(--swift) var(--ease),box-shadow var(--swift) var(--ease)}.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}.phone-note-second.strong{font-weight:600}.volume-hint{margin:0;text-align:center;font-size:.75rem;line-height:1.25;color:var(--muted);opacity:.65}.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:2.2rem;height:2.2rem;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;transition:background-color var(--swift) var(--ease),color var(--swift) var(--ease)}.field-clear.visible{display:block}.field-clear:hover{background:var(--danger-bg);color:var(--danger)}.page-footer{margin-top:auto;padding-top:.55rem;padding-inline:1.25rem;padding-bottom:calc(env(safe-area-inset-bottom) + .55rem);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-version{font-variant-numeric:tabular-nums;opacity:.7}.page-footer-inner{max-width:62rem;padding-top:.25rem;margin:0 auto;display:flex;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;align-items:center;justify-content:center;gap:.35rem .7rem}.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{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}.overlay.visible,.overlay.visible .overlay-card{animation:none}.btn,.seg,.tab,.nav-item,.card,.field,.fold-mark{transition-duration:1ms}.btn:active:not(:disabled){transform:none}}.score-card{display:none;flex-direction:column;gap:.15rem;padding-top:.85rem;border-top:1px solid var(--on-dark-line)}.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}