@font-face{font-family:Sora;src:url(./sora-latin-BUlRykrX.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(./open-sans-latin-CWNzRldh.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}:root{--font-display: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans: "Open Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--surface: #f4f6f8;--panel: #ffffff;--edge: #dbe2e9;--ink: #161a1f;--ink-soft: #5c6670;--accent: #b8791a;--accent-soft: #f3e3c2;--brand: #0a6b31;--brand-strong: #084923;--brand-soft: #e7f3ec;--on-brand: #ffffff;--wash: #fbfcfd;--player-0: #c4453b;--player-1: #37599c;--player-2: #9c6a08;--player-3: #2f8265;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(22, 30, 40, .07), 0 8px 24px rgba(22, 30, 40, .09);--light-x: -.354;--light-y: -.935;--room-shade: .05;--cast-x: 3.54px;--cast-y: 9.35px;color-scheme:light;font-family:var(--font-sans);color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1100px 800px at calc(50% + var(--light-x) * 22%) calc(28% + var(--light-y) * 14%),var(--wash) 0%,transparent 72%),var(--surface);min-height:100dvh;transition:background-color .2s ease,color .2s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 700px at calc(50% - var(--light-x) * 40%) calc(80% - var(--light-y) * 20%),rgba(40,32,20,var(--room-shade, .05)) 0%,transparent 70%)}body>*{position:relative;z-index:1}.no-theme-transition,.no-theme-transition *{transition:none!important}.switch-bar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:flex-start}.theme-switch{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.sound-chip{display:inline-flex;align-items:center;gap:.4rem}.sound-chip i{width:.5rem;height:.5rem;border-radius:50%;background:var(--edge);border:1px solid var(--ink-soft);flex:none}.sound-chip.on{color:var(--ink);border-color:var(--brand)}.sound-chip.on i{background:var(--brand);border-color:var(--brand)}@media(max-width:760px){.switch-bar{flex-wrap:nowrap;width:100%;min-width:0}.theme-switch{flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:none;scroll-snap-type:x proximity;padding:3px;margin:-3px}.theme-switch::-webkit-scrollbar{display:none}.theme-chip{flex:none;scroll-snap-align:center}.sound-chip{flex:none}}.theme-chip{font:inherit;font-family:var(--font-display);font-size:.78rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--edge);background:var(--panel);color:var(--ink-soft);cursor:pointer}.theme-chip:hover{border-color:var(--brand);color:var(--ink)}.theme-chip.selected{transform:translateY(-1px);background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}.theme-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}#app{max-width:1400px;margin:0 auto;padding:clamp(.75rem,2vw,2rem)}h1,h2,h3{margin:0;line-height:1.15;font-family:var(--font-display)}h1{font-size:clamp(1.7rem,5vw,2.6rem);letter-spacing:-.03em;font-weight:700}h1 em{font-style:normal;color:var(--brand);font-weight:500}h2{font-size:clamp(1.05rem,2.4vw,1.3rem);font-weight:600;letter-spacing:-.015em}h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);font-weight:600}p{margin:.4rem 0}.eyebrow{font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-soft);font-weight:600;margin:0}.muted{color:var(--ink-soft)}.small{font-size:.82rem}button{font:inherit;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);padding:.6rem 1rem;font-weight:600;transition:transform .12s ease,background .15s ease,border-color .15s ease}button:active{transform:translateY(1px)}button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.start-bar{margin-top:1rem;display:flex;justify-content:center}@media(max-width:760px){.start-bar{position:fixed;left:0;right:0;bottom:0;z-index:3;margin:0;padding:.6rem clamp(.75rem,2vw,2rem) calc(.6rem + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,var(--surface) 35%)}.start-bar .big{width:100%}#app{padding-bottom:5.5rem}}.primary{background:var(--brand);color:var(--on-brand)}.primary:hover{background:var(--brand-strong)}.primary,.result-actions button{min-height:44px}.primary.big{width:100%;max-width:26rem;padding:.95rem;font-size:1.05rem;border-radius:var(--radius);box-shadow:0 1px 2px color-mix(in srgb,var(--brand) 22%,transparent),var(--cast-x) var(--cast-y) 20px -12px color-mix(in srgb,var(--brand) 55%,transparent)}.ghost{background:transparent;border-color:var(--edge);color:var(--ink)}.ghost:hover{background:var(--brand-soft);border-color:var(--brand)}input,select{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius-sm);padding:.5rem .6rem;min-width:0}input:hover,select:hover{border-color:var(--brand)}input:not([type=checkbox]):not([type=range]),select{min-height:44px}.masthead{margin-bottom:1.2rem;display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.colophon{margin:2.5rem 0 0;padding-top:1.1rem;border-top:1px solid var(--edge);font-size:.78rem;color:var(--ink-soft);text-align:center}.colophon a{color:var(--brand);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--brand) 40%,transparent)}.colophon a:hover{border-bottom-color:var(--brand)}@media(max-width:760px){.colophon{margin-bottom:1rem}}.board-preview{position:relative;width:100%;border-radius:var(--radius-lg);background:radial-gradient(120% 90% at calc(50% + var(--light-x) * 18%) calc(24% + var(--light-y) * 12%),var(--accent-soft) 0%,transparent 70%),var(--wash);box-shadow:inset 0 0 0 1px var(--edge);height:clamp(8rem,24vh,20rem);margin-bottom:.7rem;touch-action:manipulation}.board-preview canvas{pointer-events:none}@media(max-height:600px)and (min-width:700px){.board-preview{display:none}}#lobby-host:empty{display:none}#lobby-host{margin-bottom:1rem}.setup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:start;gap:.7rem}@media(min-width:1600px){.setup-screen>.setup-grid{column-count:3}}@media(min-width:1000px){.setup-screen{display:grid;grid-template-columns:minmax(20rem,26rem) minmax(0,1fr);gap:1.1rem;align-items:start}.setup-screen>.setup-side{position:sticky;top:.75rem;display:grid;gap:.7rem}.setup-screen>.setup-grid{display:block;column-count:2;column-gap:.7rem}.setup-screen>.setup-grid>.panel{break-inside:avoid;margin-bottom:.7rem}.setup-screen .board-preview{height:auto;aspect-ratio:1 / 1.06;margin-bottom:0}.setup-screen .start-bar{margin-top:0}}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);padding:.7rem .8rem .8rem;box-shadow:var(--shadow)}.panel>h2,.panel>summary>h2{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--brand-strong);margin-bottom:.45rem}.panel.foldable>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:34px}.panel.foldable>summary::-webkit-details-marker{display:none}.panel.foldable>summary>h2{margin:0}.panel.foldable>summary:after{content:"";width:.5rem;height:.5rem;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s ease;flex:none}.panel.foldable[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.panel.foldable>summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}@media(min-width:1000px){.panel.foldable>summary{cursor:default}.panel.foldable>summary:after{display:none}}.panel>p.muted{font-size:.8rem;margin-bottom:.4rem}.seats{display:grid;gap:.7rem;margin-top:.7rem}.seat{border:1px solid var(--edge);border-radius:var(--radius);padding:.7rem;background:var(--panel)}.seat-head{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.seat-head .seat-name{flex:1 1 4rem;min-width:0;padding-inline:.45rem}.seat-head select{flex:0 1 auto;min-width:0;font-size:.8rem;padding-inline:.3rem}.seat-head select[hidden]{display:none}.seat-name{flex:1;font-weight:650}.seat-row{display:flex;gap:.5rem;margin-top:.5rem}.seat-row select{flex:1}.seat-actions{display:flex;gap:.5rem;margin-top:.7rem}.chip{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--seat, var(--accent));background-image:radial-gradient(circle at calc(50% + var(--light-x) * 26%) calc(50% + var(--light-y) * 26%),#ffffffbf,#fff0 58%);box-shadow:inset 0 0 0 1px #0000002e,calc(var(--cast-x) * .16) calc(var(--cast-y) * .16) 3px #28201447;flex:none}.die-editor{margin-top:.55rem}.die-editor summary{cursor:pointer;font-size:.85rem;color:var(--ink-soft);font-weight:650}.die-editor label{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.45rem;font-size:.85rem}.die-editor input[type=range]{flex:1;padding:0}.choice-list{display:grid;gap:.5rem;max-height:min(56vh,30rem);overflow-y:auto;overscroll-behavior:contain;padding:3px;margin:-3px;scrollbar-width:thin}.choice{display:block;padding:.7rem .8rem;border:1px solid var(--edge);border-radius:var(--radius);cursor:pointer;background:var(--panel)}.choice.selected{border-color:var(--brand);background:var(--brand-soft)}.choice input{position:absolute;opacity:0;pointer-events:none}.choice b{display:block}.choice i{display:block;font-style:normal;font-size:.83rem;color:var(--ink-soft);margin-top:.15rem}.dial{display:grid;grid-template-columns:repeat(auto-fit,minmax(2.2rem,1fr));gap:.3rem}.rung{position:relative;display:grid;place-items:center;min-height:2.2rem;border:1px solid var(--edge);border-radius:var(--radius-sm);background:var(--panel);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .12s ease,border-color .12s ease}.rung b{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--ink-soft)}.rung:hover{border-color:var(--brand)}.rung.selected{background:var(--brand);border-color:var(--brand-strong);transform:translateY(-2px);box-shadow:0 2px 0 var(--brand-strong),var(--shadow)}.rung.selected b{color:var(--on-brand);font-size:.98rem}.rung input,.pick input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.rung:has(input:focus-visible),.pick:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.dial-now{margin:.5rem 0 0;font-size:.85rem}.dial-now b{display:block}.dial-now i{font-style:normal;color:var(--ink-soft);font-size:.83rem}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.pick{position:relative;padding:.4rem .75rem;border:1px solid var(--edge);border-radius:999px;background:var(--panel);font-size:.83rem;font-weight:600;color:var(--ink-soft);cursor:pointer}.pick:hover{border-color:var(--brand);color:var(--ink)}.pick.selected{background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}.toggle-row{display:flex;flex-wrap:wrap;gap:.35rem}.toggle{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem .4rem .55rem;border:1px solid var(--edge);border-radius:999px;background:var(--panel);font-size:.83rem;color:var(--ink-soft);cursor:pointer}.toggle input{position:absolute;opacity:0;width:0;height:0;margin:0}.toggle:before{content:"";width:1.6rem;height:.9rem;border-radius:999px;background:var(--edge);border:1px solid var(--edge);flex:none;position:relative;transition:background .15s ease}.toggle:after{content:"";position:absolute;left:.62rem;width:.65rem;height:.65rem;border-radius:50%;background:var(--panel);box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.toggle:has(input:checked){border-color:var(--brand);color:var(--ink);background:var(--brand-soft)}.toggle:has(input:checked):before{background:var(--brand);border-color:var(--brand)}.toggle:has(input:checked):after{transform:translate(.62rem)}.toggle:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.toggle:hover{border-color:var(--brand)}.stepper{display:inline-flex;align-items:center;gap:.2rem;margin-top:.7rem;border:1px solid var(--edge);border-radius:999px;padding:.15rem;background:var(--panel)}.stepper button{min-height:2rem;min-width:2rem;padding:0 .6rem;border-radius:999px;border-color:transparent;font-size:1.05rem;line-height:1}.stepper b{min-width:5.5rem;text-align:center;font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.rules-grid{display:grid;gap:.55rem}.switch{display:flex;gap:.6rem;align-items:start;cursor:pointer}.switch input{margin-top:.25rem;flex:none;width:1.1rem;height:1.1rem;accent-color:var(--brand)}.switch b{display:block;font-size:.92rem}.switch i{display:block;font-style:normal;font-size:.8rem;color:var(--ink-soft)}.seed-row{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;font-size:.85rem;font-weight:650}.seed-row input{flex:1;font-family:var(--font-mono);letter-spacing:.08em}.game-layout{display:grid;gap:1rem}@media(min-width:950px){.game-layout{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}}@media(max-height:600px)and (min-width:700px){.game-layout{grid-template-columns:minmax(0,1fr) 19rem;align-items:start}.board-host{max-height:calc(88vh * var(--zoom, 1))}.conditions{display:none}}.board-column{display:grid;gap:.5rem}.board-host canvas:focus-visible,.board-preview canvas:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}.board-host{position:relative;width:100%;aspect-ratio:1 / 1.1;max-height:min(calc(78vh * var(--zoom, 1)),900px);margin-inline:auto;touch-action:none}@media(min-width:950px){.board-host{max-height:min(calc(88vh * var(--zoom, 1)),1100px)}}.conditions{text-align:center;color:var(--ink-soft);font-size:.86rem;font-style:italic}.hud{background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);display:grid;gap:.85rem;align-content:start}@media(max-width:420px){.hud{padding:.8rem;gap:.52rem}.board-host{aspect-ratio:1 / 1.06}.hud-tools{top:.8rem;right:.8rem;max-width:7rem}.hud-bar>.turn-title,.hud>#turn-hint{padding-right:7.4rem}}.hud{position:relative}.hud-bar{min-width:0}.hud-bar>.turn-title,.hud>#turn-hint{padding-right:8.5rem}.hud-tools{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.4rem;max-width:8rem}.code-chip{display:flex;align-items:baseline;gap:.35rem;margin:0;max-width:9rem;min-width:0}.code-chip i{font-style:normal;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--ink-soft);white-space:nowrap}.code-chip code{font-size:.8rem;letter-spacing:.1em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-chip code.room-code{font-size:1.05rem;font-weight:700;letter-spacing:.16em;color:var(--brand-strong)}.table-menu{position:relative;flex:none}.table-button{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--edge);background:var(--panel);color:var(--ink-soft);cursor:pointer;list-style:none}.table-button::-webkit-details-marker{display:none}.table-button:hover{color:var(--ink);border-color:var(--ink-soft)}.table-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[open]>.table-button{color:var(--on-brand);background:var(--brand);border-color:var(--brand)}.table-glyph{width:18px;height:14px;background:linear-gradient(currentColor,currentColor) left 0 top 1px / 18px 2px no-repeat,linear-gradient(currentColor,currentColor) left 0 top 6px / 18px 2px no-repeat,linear-gradient(currentColor,currentColor) left 0 top 11px / 18px 2px no-repeat;position:relative}.table-glyph:before,.table-glyph:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px var(--panel)}.table-glyph:before{left:3px;top:-1px}.table-glyph:after{right:3px;top:9px}[open]>.table-button .table-glyph:before,[open]>.table-button .table-glyph:after{box-shadow:0 0 0 2px var(--brand)}.table-menu:not([open]) .table-sheet{display:none}.table-sheet{position:absolute;z-index:30;top:calc(100% + .4rem);right:0;width:min(20rem,calc(100vw - 2rem));max-height:min(70vh,32rem);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:.55rem;padding:.85rem;background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow),var(--shadow)}.table-sheet .eyebrow{margin:.25rem 0 0}.table-sheet .eyebrow:first-child{margin-top:0}.table-sheet ul{margin:0;padding-left:1.1rem;font-size:.84rem;color:var(--ink-soft);display:grid;gap:.35rem}.table-sheet #house-rules{color:var(--ink)}.table-sheet .throw-style{margin-top:0}.table-sheet #quit{margin-top:.3rem;justify-self:start}.turn-title{font-size:clamp(1.2rem,1.02rem + .55vw,1.5rem);line-height:1.12;letter-spacing:-.012em;text-wrap:balance}.player-list{display:grid;gap:.3rem}.player-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"chip who where" "bar bar bar";gap:.12rem .5rem;align-items:center;padding:.38rem .55rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--panel)}.player-row.current{border-color:var(--seat);background:var(--brand-soft)}.player-row.done{opacity:.62}.player-row .chip{grid-area:chip}.player-row .who{grid-area:who;line-height:1.15}.player-row .who b{font-size:.92rem}.player-row .who i{font-style:normal;font-size:.75rem;color:var(--ink-soft);display:block}.player-row .where{grid-area:where;font-size:.78rem;color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.player-row .bar{grid-area:bar;height:4px;border-radius:99px;background:var(--edge);overflow:hidden;margin-top:.35rem}.player-row .bar span{display:block;height:100%;background:var(--seat);transition:width .4s ease}.throw-pad{position:relative;display:grid;place-items:center;gap:.3rem;min-height:6.5rem;border-radius:var(--radius-lg);border:2px dashed var(--edge);background:linear-gradient(180deg,var(--panel),var(--surface));cursor:pointer;user-select:none;touch-action:none;font-weight:650;transition:border-color .15s ease,background .15s ease}.throw-pad:hover{border-color:var(--accent)}.throw-pad.charging{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.throw-pad.waiting{opacity:.7;cursor:progress}.throw-pad[aria-disabled=true]{cursor:default}.throw-pad[aria-disabled=true]:hover{border-color:var(--edge)}.throw-pad.over{opacity:.5}.throw-style select:disabled{opacity:.5;cursor:default}.die-readout{font-size:1.9rem;font-weight:800;color:var(--accent);line-height:1}.die-badge{display:block;width:64px;height:64px;margin:.1rem auto 0}@media(max-height:700px){.die-badge{width:44px;height:44px}}.aim{--power: 0;position:absolute;inset:0;display:grid;place-items:end center;padding-bottom:.6rem;pointer-events:none;opacity:0;transition:opacity .12s ease}.aim.live{opacity:1}.aim i{display:block;position:relative;width:.5rem;height:calc(1.1rem + var(--power) * 3.4rem);border-radius:999px 999px 3px 3px;background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 35%,transparent),var(--accent));transform:rotate(var(--turn, 0deg));transform-origin:50% 100%}.aim i:after{content:"";position:absolute;left:50%;top:-.42rem;transform:translate(-50%);border-left:.42rem solid transparent;border-right:.42rem solid transparent;border-bottom:.5rem solid var(--accent)}.aim.maxed i{background:linear-gradient(0deg,color-mix(in srgb,var(--player-0) 35%,transparent),var(--player-0))}.aim.maxed i:after{border-bottom-color:var(--player-0)}.throw-pad.charging #throw-label{opacity:.3}#throw-label{transition:opacity .12s ease}.log-wrap{border-top:1px solid var(--edge);padding-top:.7rem}.log{list-style:none;margin:.4rem 0 0;padding:0;max-height:11rem;overflow-y:auto;font-size:.84rem;display:grid;gap:.3rem}.log li{color:var(--ink-soft);padding-left:.7rem;border-left:2px solid var(--edge)}.log li:first-child{color:var(--ink);border-left-color:var(--accent);font-weight:600}.result{position:fixed;inset:0;display:grid;place-items:center;background:#28221873;backdrop-filter:blur(3px);padding:1rem;z-index:20}.result[hidden]{display:none}.result-card{background:var(--panel);border-radius:var(--radius-lg);padding:1.4rem;width:min(30rem,100%);box-shadow:0 24px 60px #281e0c4d;animation:rise .35s ease both}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.standings{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}.standings li{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border:1px solid var(--edge);border-radius:var(--radius-sm)}.standings .rank{font-weight:800;color:var(--ink-soft);width:1.2rem}.standings b{flex:1}.result-actions{display:grid;gap:.5rem}@media(min-width:420px){.result-actions{grid-template-columns:1fr auto}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.lobby{display:grid;gap:1rem;margin-top:1rem}.lobby>*{min-width:0}.lobby .panel>*{min-width:0;overflow-wrap:anywhere}@media(min-width:900px){.lobby{grid-template-columns:1fr 1fr}}.lobby-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;margin-top:.8rem}@media(min-width:420px){.lobby-actions{grid-template-columns:auto minmax(0,1fr);align-items:center}}.join-form,.inline-form{display:flex;gap:.5rem}.join-form input{flex:1;min-width:0;width:100%;font-family:var(--font-mono);letter-spacing:.3em;text-align:center}.inline-form{margin-top:.6rem;flex-wrap:wrap}.inline-form input{flex:1;min-width:6rem}.lobby-status{min-height:1.2rem;font-size:.85rem;color:var(--ink-soft);margin-top:.6rem}.lobby-status[data-kind=error]{color:var(--player-0)}.signed-in{font-size:1rem}.signed-in b{color:var(--brand)}.identity-actions{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}.recover-box{margin-top:.7rem}.recover-box summary{cursor:pointer;font-size:.85rem;color:var(--ink-soft);font-weight:650}.history{margin:.6rem 0 0;padding-left:1.1rem;font-size:.85rem;color:var(--ink-soft);display:grid;gap:.25rem}code{font-family:var(--font-mono);background:var(--brand-soft);padding:.1rem .35rem;border-radius:5px}.room-code{font-size:1.35rem;font-weight:800;letter-spacing:.25em;color:var(--brand);background:none;padding:0}.player-row.mine{box-shadow:inset 0 0 0 1px var(--seat)}.player-row .claim{grid-column:1 / -1;margin-top:.4rem;padding:.35rem .6rem;font-size:.8rem;background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}.player-row .claim:hover{background:var(--brand);color:var(--on-brand)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.turn-timer{display:flex;align-items:center;gap:.5rem}.turn-timer[hidden]{display:none}.timer-bar{flex:1;height:6px;border-radius:99px;background:var(--edge);overflow:hidden}.timer-bar i{display:block;height:100%;background:var(--brand);transition:width .2s linear}.timer-bar i.urgent{background:var(--player-0)}.timer-text{font-size:.78rem;font-variant-numeric:tabular-nums;color:var(--ink-soft);min-width:2.2rem;text-align:right}kbd{font:inherit;font-size:.9em;padding:.05rem .3rem;border-radius:4px;border:1px solid var(--edge);background:var(--panel);box-shadow:0 1px 0 var(--edge)}.bracket{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin}.bracket-round{min-width:9.5rem}.bracket-round h3{margin-bottom:.4rem}.bracket-table{list-style:none;margin:0 0 .5rem;padding:.35rem .5rem;border:1px solid var(--edge);border-radius:var(--radius-sm);background:var(--panel);font-size:.85rem;box-shadow:inset 1px 1px #ffffff73,calc(var(--cast-x) * .2) calc(var(--cast-y) * .2) 2px #40341e0f,calc(var(--cast-x) * .6) calc(var(--cast-y) * .6) 12px #40341e14}.bracket-table:has(li.through){border-color:var(--brand);box-shadow:inset 1px 1px #ffffff80,calc(var(--cast-x) * .35) calc(var(--cast-y) * .35) 3px #40341e17,calc(var(--cast-x) * 1.1) calc(var(--cast-y) * 1.1) 20px #40341e21}.bracket-table li{padding:.12rem 0}.bracket-table li.through{font-weight:700}.bracket-table li.through:after{content:" ▸";color:var(--brand)}.bracket-table li.out{color:var(--ink-soft);text-decoration:line-through}.tool-row{display:flex;gap:.4rem;margin:.6rem 0}.tool{flex:1;font:inherit;font-size:.85rem;font-weight:600;padding:.45rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--edge);background:var(--panel);color:var(--ink-soft);cursor:pointer}.tool.selected,.tool[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--ink)}.tool:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.design-actions{display:grid;gap:.4rem;margin:.8rem 0}.design-actions button{width:100%}.design-problems ul{margin:.3rem 0 0;padding-left:1.1rem;font-size:.85rem}.design-problems li{margin-bottom:.2rem;color:var(--ink-soft)}.design-problems .ready{font-size:.9rem;font-weight:600;color:var(--ink)}.design-list{list-style:none;margin:0;padding:0;font-size:.85rem}.design-list li{display:flex;gap:.4rem;align-items:center;padding:.25rem 0}.design-list li span{flex:1}.ghost.small{padding:.2rem .5rem;font-size:.78rem}#design-save[disabled]{opacity:.5;cursor:not-allowed}#throw-panel{container-type:inline-size}.dice-lab{display:grid;gap:.7rem;grid-template-columns:minmax(0,1fr)}@container (min-width: 22rem){.dice-lab{grid-template-columns:minmax(120px,150px) minmax(0,1fr);align-items:start}}.lab-stage{display:grid;gap:.35rem;justify-items:center}.lab-stage canvas{width:100%;max-width:150px;aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--edge);background:var(--panel);box-shadow:var(--shadow)}.lab-result{margin:0;font-size:.85rem;color:var(--ink-soft);text-align:center;min-height:1.2em}.lab-controls{display:grid;gap:.4rem;align-content:start}.lab-row{display:grid;grid-template-columns:5.2rem minmax(0,1fr) 4.4rem;align-items:center;gap:.5rem;font-size:.84rem;cursor:help}.lab-row b{font-weight:600}.lab-row i{font-style:normal;font-size:.78rem;color:var(--ink-soft);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.lab-row input[type=range]{width:100%;accent-color:var(--brand);min-height:28px}.lab-row select{width:100%;min-height:34px;padding:.25rem .4rem;font:inherit;font-size:.84rem;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:var(--radius-sm)}.lab-row select:hover{border-color:var(--brand)}.lab-row select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.lab-row:has(select){grid-template-columns:5.2rem minmax(0,1fr)}.lab-group{border-top:1px solid var(--edge);padding-top:.35rem;margin-top:.15rem}.lab-group>summary{cursor:pointer;font-family:var(--font-display);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);padding:.25rem 0;list-style:none}.lab-group>summary::-webkit-details-marker{display:none}.lab-group>summary:before{content:"▸";display:inline-block;width:.9em;color:var(--brand);transition:transform .15s ease}.lab-group[open]>summary:before{transform:rotate(90deg)}.lab-group>summary:hover{color:var(--ink)}.lab-group>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.lab-group>*:not(summary){margin-top:.3rem}.throw-style{display:flex;align-items:center;gap:.45rem;margin-top:.5rem;font-size:.8rem}.throw-style span{color:var(--ink-soft)}.throw-style select{flex:1;min-height:34px;padding:.2rem .4rem;font:inherit;font-size:.82rem;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:8px}.throw-style select:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.lab-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.2rem}.lab-actions button{flex:1 1 auto;white-space:nowrap}.lab-conditions{margin:0;font-size:.78rem;color:var(--ink-soft);font-style:italic}.lab-histogram{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.2rem}.lab-histogram li{display:grid;grid-template-columns:1.2rem 1fr 2rem;gap:.4rem;align-items:center;font-size:.78rem}.lab-histogram b{font-weight:650;color:var(--ink-soft)}.lab-histogram i{font-style:normal;text-align:right;color:var(--ink-soft);font-variant-numeric:tabular-nums}.lab-histogram span{height:8px;border-radius:4px;background:var(--accent-soft);position:relative;overflow:hidden}.lab-histogram span:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill);background:var(--accent)}.lab-histogram .favoured b,.lab-histogram .favoured i{color:var(--ink)}.aim-readout{display:block;margin-top:.2rem;font-size:.72rem;letter-spacing:.02em;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-height:1em}.panel,.lab-stage canvas,.player-row{box-shadow:inset 1px 1px #ffffff80,calc(var(--cast-x) * .25) calc(var(--cast-y) * .25) 2px #40341e12,calc(var(--cast-x) * .9) calc(var(--cast-y) * .9) 22px #40341e17}:root[style*="color-scheme: dark"] .panel,:root[style*="color-scheme: dark"] .player-row{box-shadow:inset 1px 1px #ffffff0f,calc(var(--cast-x) * .25) calc(var(--cast-y) * .25) 2px #0006,calc(var(--cast-x) * .9) calc(var(--cast-y) * .9) 22px #00000073}.throw-pad{box-shadow:inset calc(var(--cast-x) * .35) calc(var(--cast-y) * .35) 10px #40341e1a,inset calc(var(--cast-x) * -.2) calc(var(--cast-y) * -.2) 0 #ffffff73}.throw-pad.charging{box-shadow:inset calc(var(--cast-x) * .5) calc(var(--cast-y) * .5) 14px #40341e29,inset calc(var(--cast-x) * -.2) calc(var(--cast-y) * -.2) 0 #ffffff80}.timer-bar{box-shadow:inset calc(var(--cast-x) * .15) calc(var(--cast-y) * .15) 3px #40341e2e}#timer-fill{box-shadow:inset 0 1px #fff6}.winner-piece{display:block;width:96px;height:96px;margin:0 auto .2rem}@media(max-height:700px){.winner-piece{width:64px;height:64px}}.tool.kind{display:grid;justify-items:center;gap:.1rem;padding:.35rem .55rem}.kind-swatch{display:block;width:62px;height:34px;border-radius:6px;background:var(--wash);box-shadow:inset 0 0 0 1px var(--edge)}@media(max-width:720px){.game-layout:has(#design-hint){display:flex;flex-direction:column}.game-layout:has(#design-hint) .hud{order:-1;min-width:0}.game-layout:has(#design-hint) .tool-row{flex-wrap:wrap}}