@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2) format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff) format("woff")}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2) format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff) format("woff")}:root{color-scheme:light dark;--row-red: #e0393e;--row-yellow: #e8a020;--row-green: #17915c;--row-blue: #1f74d8;--radius: 0;--radius-sm: 0;--gap: 12px;--tap: 44px;--font: "Courier Prime", "Courier New", Courier, ui-monospace, monospace;--font-mono: var(--font);--bg: #f4f5f7;--surface: #ffffff;--surface-2: #eceef1;--ink: #14171c;--ink-soft: #5c636e;--ink-faint: #949aa4;--line: #d8dbe0;--accent: #1f74d8;--accent-ink: #ffffff;--danger: #c0343a;--shadow: 0 1px 2px rgb(16 20 28 / .08), 0 4px 16px rgb(16 20 28 / .06)}@media(prefers-color-scheme:dark){:root{--bg: #14171c;--surface: #1c2027;--surface-2: #252a33;--ink: #eef1f5;--ink-soft: #a4acb8;--ink-faint: #6d757f;--line: #333944;--accent: #4a92ee;--accent-ink: #0b1017;--danger: #f2555b;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 4px 16px rgb(0 0 0 / .3);--row-red: #e6534f;--row-yellow: #e5a93a;--row-green: #2aa86d;--row-blue: #4a92ee}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{font-size:18px}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0;line-height:1.2;font-weight:650}p{margin:0}.screen{max-width:1100px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap)}.screen-home{max-width:460px;min-height:100svh;justify-content:center}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;gap:var(--gap)}.home-header{text-align:center;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.logo{font-size:2.75rem;letter-spacing:-.03em;background:linear-gradient(100deg,var(--row-red),var(--row-yellow),var(--row-green),var(--row-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.form-actions{display:flex;gap:var(--gap)}.form-actions .button-ghost{flex:0 0 auto}.form-actions .button-primary{flex:1}.field-group{display:flex;flex-direction:column;gap:6px}.label{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.field{min-height:var(--tap);padding:10px 12px;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%}.field:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-code{font-family:var(--font-mono);font-size:1.25rem;letter-spacing:.3em;text-transform:uppercase;text-align:center}.button{min-height:var(--tap);padding:10px 18px;font:inherit;font-weight:600;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:filter .12s ease,opacity .12s ease}.button:hover:not(:disabled){filter:brightness(.97)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);border-color:transparent;color:var(--accent-ink)}.button-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.notice{display:flex;align-items:center;justify-content:center;gap:8px;min-height:1.25rem;font-size:.88rem;color:var(--ink-soft);text-align:center}.notice:empty{display:none}.notice-error{color:var(--danger);font-weight:600}.loader{display:grid;grid-template-columns:repeat(3,4px);gap:2px;flex:none}.loader-cell{width:4px;height:4px;background:currentColor;opacity:.18;animation:loader-cycle 1.2s ease-in-out infinite}.loader-middle{animation:none}@keyframes loader-cycle{0%,to{opacity:.18}15%{opacity:1}}.panel-title{font-size:1.05rem;color:var(--ink)}.code-block{display:flex;flex-direction:column;align-items:center;gap:6px}.room-code{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;letter-spacing:.35em;text-indent:.35em;color:var(--ink)}.copy-button{font-size:.85rem;min-height:32px;padding:4px 10px}.seat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.seat{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--line)}.seat:last-child{border-bottom:none}.seat-name{font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-count{font-size:.85rem;color:var(--ink-soft)}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot-on{background:var(--row-green)}.dot-off{background:var(--ink-faint)}.tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:0;background:var(--surface-2);color:var(--ink-soft)}.tag-host{background:var(--accent);color:var(--accent-ink)}.sheet{display:flex;flex-direction:column;gap:10px}.sheet-rows{overflow-x:auto;overscroll-behavior-x:contain;display:flex;flex-direction:column;gap:4px;padding-bottom:2px}.sheet-row{--row: var(--ink-soft);display:flex;align-items:center;gap:6px;min-width:max-content}.sheet-row-red{--row: var(--row-red)}.sheet-row-yellow{--row: var(--row-yellow)}.sheet-row-green{--row: var(--row-green)}.sheet-row-blue{--row: var(--row-blue)}.row-arrow{color:var(--row);font-weight:700;width:1em;flex:none}.cells{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--cell-min, 34px),1fr);gap:3px;flex:1}.cell{aspect-ratio:1 / 1;min-width:0;padding:0;display:flex;align-items:center;justify-content:center;font:inherit;font-weight:650;font-size:clamp(.75rem,2.6vw,1rem);color:var(--ink);background:color-mix(in srgb,var(--row) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--row) 30%,transparent);border-radius:0;cursor:default;transition:background .12s ease,transform 80ms ease}.cell:disabled{cursor:default}.cell[data-state=marked]{background:var(--row);color:#fff;border-color:var(--row)}.cell[data-state=dead]{opacity:.28}.cell[data-state=legal-white]{cursor:pointer;background:color-mix(in srgb,var(--row) 35%,var(--surface));box-shadow:inset 0 0 0 2px var(--ink)}.cell[data-state=legal-color]{cursor:pointer;background:color-mix(in srgb,var(--row) 35%,var(--surface));box-shadow:inset 0 0 0 2px var(--ink);border-style:dashed;border-width:2px;border-color:var(--ink)}.cell[data-state=legal-white]:hover,.cell[data-state=legal-color]:hover{transform:translateY(-1px)}.cell[data-state^=staged]{cursor:pointer;background:var(--row);color:#fff;border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);animation:staged-pulse 1.6s ease-in-out infinite}@keyframes staged-pulse{50%{opacity:.72}}@media(prefers-reduced-motion:reduce){.cell{transition:none}}.lock-box{aspect-ratio:1 / 1;min-width:0;display:flex;align-items:center;justify-content:center;font-size:clamp(.7rem,2.2vw,.9rem);border:1px dashed color-mix(in srgb,var(--row) 45%,transparent);border-radius:0;opacity:.35}.lock-box.is-locked{opacity:1;background:var(--row);border-style:solid;border-color:var(--row);color:#fff}.sheet-row.is-row-locked .row-arrow{opacity:.35}.row-score{flex:none;width:2.4rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:650;color:var(--ink-soft)}.sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);flex-wrap:wrap}.penalties,.total{display:flex;align-items:center;gap:6px}.penalty-box{min-width:34px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:650;color:var(--ink-faint);border:1px solid var(--line);border-radius:0}.penalty-box.is-taken{background:var(--danger);border-color:var(--danger);color:#fff}.total-value{font-size:1.5rem;font-weight:750;font-variant-numeric:tabular-nums}.game-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.turn-label{font-size:1.1rem;font-weight:700}.game-tools{display:flex;align-items:center;gap:8px}.game-tools .button{min-height:32px;padding:4px 10px;font-size:.85rem}.leave-button.is-armed{border-color:var(--danger);color:var(--danger);font-weight:650}.banner{padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink-soft);font-size:.9rem;text-align:center}.banner-error{background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:var(--danger);font-weight:600}.table-panel{align-items:center;gap:14px}.table{display:contents}.seat-panel{display:none}@media(min-width:900px){.table{display:grid;gap:var(--gap);align-items:start;justify-items:center}.table[data-seats="1"]{grid-template-columns:minmax(0,1fr);grid-template-areas:"north" "table" "south"}.table[data-seats="2"],.table[data-seats="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.table[data-seats="2"]{grid-template-areas:"west  table east" "south south south"}.table[data-seats="3"]{grid-template-areas:"north north north" "west  table east" "south south south"}.table[data-seats="4"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"north-a north-a north-b north-b" "west    table   table   east" "south   south   south   south"}.seat-panel{display:flex;flex-direction:column;gap:6px;width:100%;padding:10px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);font-size:.66rem;--cell-min: 19px}.seat-panel .cell{font-size:.7rem;border-radius:0}.seat-panel .sheet-rows{gap:3px}.table-panel{grid-area:table;align-self:center;width:100%}.sheet-panel{grid-area:south;width:100%}.table[data-seats="1"] .seat-panel:nth-child(1){grid-area:north;max-width:620px}.table[data-seats="2"] .seat-panel:nth-child(1){grid-area:west}.table[data-seats="2"] .seat-panel:nth-child(2){grid-area:east}.table[data-seats="3"] .seat-panel:nth-child(1){grid-area:west}.table[data-seats="3"] .seat-panel:nth-child(2){grid-area:north;max-width:620px}.table[data-seats="3"] .seat-panel:nth-child(3){grid-area:east}.table[data-seats="4"] .seat-panel:nth-child(1){grid-area:west}.table[data-seats="4"] .seat-panel:nth-child(2){grid-area:north-a}.table[data-seats="4"] .seat-panel:nth-child(3){grid-area:north-b}.table[data-seats="4"] .seat-panel:nth-child(4){grid-area:east}.opponents-panel{display:none}}.seat-header{display:flex;align-items:center;gap:6px;font-size:1.15em}.seat-name{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-status{margin-left:auto;color:var(--ink-faint);font-size:.9em}.seat-status.is-pending{color:var(--ink-soft)}.seat-panel.is-active{border-color:var(--ink-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--ink-soft) 35%,transparent)}.seat-panel.is-absent{opacity:.6}.status-line{text-align:center;color:var(--ink-soft);font-size:.95rem}.roll-bar{display:flex;flex-direction:column;align-items:center;gap:8px}.roll-bar[hidden]{display:none}.roll-button{min-height:48px;padding-inline:28px;font-size:1.05rem}.roll-line{text-align:center;color:var(--ink-soft);font-size:.9rem;font-variant-numeric:tabular-nums}.dice{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.dice-group{display:flex;gap:0}.die{--die-size: 44px;--die-half: 22px;width:calc(var(--die-size) * 1.8);height:calc(var(--die-size) * 1.8);display:grid;place-items:center;perspective:340px}.die-cube{position:relative;width:var(--die-size);height:var(--die-size);transform-style:preserve-3d;transition-property:transform;transition-duration:.9s;transition-timing-function:cubic-bezier(.18,.9,.25,1)}.die-side{position:absolute;top:-.5px;right:-.5px;bottom:-.5px;left:-.5px;display:grid;place-items:center;border-radius:0;backface-visibility:hidden;transition:opacity .15s ease;box-shadow:inset 0 0 0 1px var(--die-edge, rgba(0, 0, 0, .22))}.die-side-1{transform:translateZ(var(--die-half))}.die-side-6{transform:rotateY(180deg) translateZ(var(--die-half))}.die-side-3{transform:rotateY(90deg) translateZ(var(--die-half))}.die-side-4{transform:rotateY(-90deg) translateZ(var(--die-half))}.die-side-5{transform:rotateX(90deg) translateZ(var(--die-half))}.die-side-2{transform:rotateX(-90deg) translateZ(var(--die-half))}.die-face{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;width:72%;height:72%}.pip{border-radius:50%;place-self:center;width:7px;height:7px}.pip-on{background:currentColor}.die-white{color:#14171c;--die-edge: var(--line)}.die-white .die-side{background-color:#fbfbfc}.die-red{color:#fff}.die-yellow{color:#201800}.die-green,.die-blue{color:#fff}.die-red .die-side{background-color:var(--row-red)}.die-yellow .die-side{background-color:var(--row-yellow)}.die-green .die-side{background-color:var(--row-green)}.die-blue .die-side{background-color:var(--row-blue)}.die.is-removed .die-side{opacity:.22;box-shadow:none}.die.is-removed .die-face{visibility:hidden}.action-bar{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 72%,transparent)}.actions{display:flex;gap:var(--gap)}.actions .button{flex:1}.button-danger{background:var(--danger);border-color:transparent;color:#fff}.hint-line{font-size:.85rem;color:var(--ink-faint);text-align:center;min-height:1.2em}.opponents{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}.mini{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--surface-2)}.mini.is-active{border-color:var(--accent)}.mini.is-absent{opacity:.6}.mini-header{display:flex;align-items:center;gap:8px}.mini-name{font-weight:650;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-status{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint)}.mini-status.is-pending{color:var(--row-yellow)}.mini-penalties{display:flex;gap:2px}.mini-penalty{width:7px;height:7px;border-radius:0;border:1px solid var(--line)}.mini-penalty.is-taken{background:var(--danger);border-color:var(--danger)}.mini-total{font-weight:750;font-variant-numeric:tabular-nums;min-width:2.2em;text-align:right}.mini-rows{display:flex;flex-direction:column;gap:3px}.mini-row{--row: var(--ink-faint);display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.mini-row-red{--row: var(--row-red)}.mini-row-yellow{--row: var(--row-yellow)}.mini-row-green{--row: var(--row-green)}.mini-row-blue{--row: var(--row-blue)}.tick{height:8px;border-radius:0;background:color-mix(in srgb,var(--row) 18%,transparent)}.tick.is-on{background:var(--row)}.tick-lock{margin-left:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--row) 60%,transparent)}.log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.log-entry{display:flex;gap:10px;font-size:.88rem}.log-turn{flex:none;width:4.2rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.log-lines{list-style:none;margin:0;padding:0;color:var(--ink-soft)}.log-empty{color:var(--ink-faint);font-size:.88rem}.result-headline{font-size:1.05rem;color:var(--ink-soft)}.standings{display:flex;flex-direction:column;gap:4px}.standing{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm)}.standing-head{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint)}.standing.is-winner{background:color-mix(in srgb,var(--row-green) 14%,var(--surface))}.standing.is-me{outline:1px solid var(--accent)}.standing-rank{width:1.5rem;font-weight:700;color:var(--ink-faint)}.standing-name{flex:1;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standing-breakdown{display:flex;gap:4px}.score-cell{min-width:2.1rem;padding:2px 4px;text-align:center;font-size:.8rem;font-variant-numeric:tabular-nums;border-radius:0;background:var(--surface-2);color:var(--ink-soft)}.score-cell-red{color:var(--row-red)}.score-cell-yellow{color:var(--row-yellow)}.score-cell-green{color:var(--row-green)}.score-cell-blue{color:var(--row-blue)}.score-cell-penalty{color:var(--danger)}.standing-total{min-width:3rem;text-align:right;font-weight:750;font-size:1.1rem;font-variant-numeric:tabular-nums}@media(max-width:520px){.standing-breakdown{display:none}}.lobby-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.dialog-trigger{min-height:32px;padding:4px 10px;font-size:.85rem}.dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:0;max-width:34rem;width:calc(100% - 32px);box-shadow:var(--shadow)}.dialog::backdrop{background:#00000073}.dialog-body{padding:20px;display:flex;flex-direction:column;gap:10px;max-height:80svh;overflow-y:auto}.rules-body{display:flex;flex-direction:column;gap:10px}.rules-heading{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);margin-top:6px}.rules-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:4px;font-size:.92rem;color:var(--ink-soft)}.dialog-close{align-self:flex-end;margin-top:8px}@media(min-width:860px){.screen-game{max-width:1000px}.cells{grid-auto-columns:minmax(var(--cell-min, 44px),1fr)}.action-bar{position:static;background:none;flex-direction:row-reverse;align-items:center;justify-content:space-between}.actions{flex:0 0 auto}.actions .button{min-width:10rem}}@media(min-width:900px){.screen-game{max-width:1500px}}