:root{--sans:system-ui, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, Consolas, monospace;--color-bg:#eef4e4;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-subtle:#f6f9ef;--color-surface-tint:#dceac8;--color-primary:#3f8f3f;--color-primary-hover:#367d36;--color-primary-pressed:#2e6b2e;--color-on-primary:#fff;--color-text:#2c3524;--color-text-muted:#6d7a5f;--color-border:#cbd8b6;--color-border-strong:#93a67a;--color-wish:#b8860b;--color-warning:#b05430;--color-danger:#c23636;--color-player-red:#d8504d;--color-player-blue:#3f7ad8;--color-player-yellow:#c9930a;--color-player-purple:#9256cf;--color-cell:#d8e7bf;--color-cell-alt:#cfe0b3;--color-bloom-eye:#eccd6b;--color-highlight-move:#3f8f3f;--color-highlight-decision:#d8a93e;--color-highlight-target:#c23636;--color-highlight-picked:#7a3bd8;--color-upgraded:#e9b820;--color-upgraded-edge:#7a5a0c;--shadow-raised:0 4px 14px #2c42181f;--text-display:30px;--text-title:22px;--text-decision:18px;--text-section:16px;--text-body:14px;--text-label:13px;--text-meta:12px;--text-tiny:11px;--leading-tight:1.2;--leading-body:1.45;--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:12px;--space-xl:16px;--space-2xl:24px;--space-3xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--chat-body-height:clamp(160px, 28dvh, 280px);--poof-ms:.62s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:var(--text-body) / var(--leading-body) var(--sans);color:var(--color-text)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#1b2216;--color-surface:#26301e;--color-surface-raised:#2c3723;--color-surface-subtle:#1f2818;--color-surface-tint:#202b18;--color-primary:#63b35c;--color-primary-hover:#73c16c;--color-primary-pressed:#82cc7b;--color-on-primary:#10160b;--color-text:#dbe6cc;--color-text-muted:#93a380;--color-border:#3c4a2d;--color-border-strong:#5f7249;--color-wish:#e0b447;--color-warning:#d98a5e;--color-danger:#e56c6c;--color-cell:#2c3a20;--color-cell-alt:#27341c;--color-bloom-eye:#b99436;--color-highlight-move:#63b35c;--color-highlight-decision:#e0b447;--color-highlight-target:#e56c6c;--color-highlight-picked:#a574ec;--color-upgraded:#f2c94c;--color-upgraded-edge:#8a6412;--shadow-raised:0 4px 14px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#1b2216;--color-surface:#26301e;--color-surface-raised:#2c3723;--color-surface-subtle:#1f2818;--color-surface-tint:#202b18;--color-primary:#63b35c;--color-primary-hover:#73c16c;--color-primary-pressed:#82cc7b;--color-on-primary:#10160b;--color-text:#dbe6cc;--color-text-muted:#93a380;--color-border:#3c4a2d;--color-border-strong:#5f7249;--color-wish:#e0b447;--color-warning:#d98a5e;--color-danger:#e56c6c;--color-cell:#2c3a20;--color-cell-alt:#27341c;--color-bloom-eye:#b99436;--color-highlight-move:#63b35c;--color-highlight-decision:#e0b447;--color-highlight-target:#e56c6c;--color-highlight-picked:#a574ec;--color-upgraded:#f2c94c;--color-upgraded-edge:#8a6412;--shadow-raised:0 4px 14px #0006}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 20% -10%, var(--color-surface-tint), transparent), var(--color-bg);color:var(--color-text)}h1,.t-display{font-size:var(--text-display);font-weight:700;line-height:var(--leading-tight)}h2,.t-title{font-size:var(--text-title);font-weight:700;line-height:var(--leading-tight)}.t-decision{font-size:var(--text-decision);font-weight:700;line-height:var(--leading-tight)}h3,.t-section{font-size:var(--text-section);font-weight:700;line-height:var(--leading-tight)}h1,h2{margin:.2em 0}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-label)}.meta{font-size:var(--text-meta)}.btn{font:inherit;font-size:var(--text-label);font-weight:600;line-height:var(--leading-tight);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.btn:active:not(:disabled){background:color-mix(in srgb, var(--color-text) 8%, var(--color-surface))}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.btn.primary:focus-visible{outline-color:var(--color-on-primary);outline-offset:-4px}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn.primary:active:not(:disabled){background:var(--color-primary-pressed);border-color:var(--color-primary-pressed)}.btn.danger{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));border-color:var(--color-danger)}.btn.danger:active:not(:disabled){background:color-mix(in srgb, var(--color-danger) 16%, var(--color-surface))}.btn.ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:color-mix(in srgb, var(--color-text) 6%, transparent);color:var(--color-text);border-color:#0000}.btn.ghost:active:not(:disabled){background:color-mix(in srgb, var(--color-text) 11%, transparent)}.btn.on{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));color:var(--color-text)}.btn.on:hover:not(:disabled){border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 24%, var(--color-surface))}.btn.small{padding:var(--space-xs) var(--space-md);font-size:var(--text-meta);border-radius:var(--radius-sm)}.btn.big{padding:var(--space-md) var(--space-xl);font-size:var(--text-body)}.btn-row{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.btn-row.center{justify-content:center}.btn-col{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.setup-screen{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.setup-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);border-radius:20px;flex-direction:column;gap:14px;width:min(560px,100%);padding:28px 32px;display:flex}.game-title{text-align:center;font-size:var(--text-display)}.tagline{text-align:center;color:var(--color-text-muted);margin:0 0 6px}.setup-row{align-items:center;gap:12px;display:flex}.setup-label{flex:none;width:120px;font-weight:600}.seat-list{flex-direction:column;gap:8px;display:flex}.seat-row{background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);align-items:center;gap:10px;display:flex}.seat-row input[type=text]{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text);border-radius:8px;flex:1;padding:4px 8px}.seat-controller{flex:none;min-width:5.5em}.seat-row select,.lobby-seat select{padding-inline:var(--space-xs);flex:none}.seed-input{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;width:160px;padding:4px 8px}.preset-select{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;flex:1;padding:4px 8px}.preset-description{margin:0}.preset-section{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.preset-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.preset-controls .preset-select{flex:0 220px;min-width:0}.board-dims{font-variant-numeric:tabular-nums;white-space:nowrap}.layout-summary{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;overflow:hidden}.setup-footer{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:calc(-1 * var(--space-xs));display:flex}.setup-customize{align-items:center;gap:var(--space-xs);display:inline-flex}.customised-tag{font-size:var(--text-tiny);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:var(--radius-pill);padding:1px var(--space-sm);cursor:help;font-weight:600}.preset-preview{border-radius:10px;flex:none;gap:2px;width:min(100%,208px);padding:5px}.preset-preview .cell{cursor:default}.preset-preview .cell:hover{filter:none}.preset-preview .cell.editor-home{background:color-mix(in srgb, var(--color-primary) 26%, var(--color-cell));border-color:var(--color-primary)}.preset-preview .cell.unseated{opacity:.3}.setup-error{color:var(--color-danger);font-size:var(--text-body)}@media (width<=560px){.setup-screen{padding:var(--space-md);align-items:flex-start}.setup-card{padding:var(--space-xl) var(--space-lg);gap:var(--space-lg);border-radius:var(--radius-lg)}.setup-card .game-title{font-size:var(--text-title);margin:0}.setup-card .tagline{margin:0}.setup-card>.setup-row .setup-label{width:auto}.setup-card>.setup-row .btn-row{margin-top:0}.seat-row{gap:var(--space-sm) var(--space-md);flex-wrap:wrap}.seat-row input[type=text]{flex:4.5rem}.preset-preview{width:min(100%,176px)}.preset-controls{flex-wrap:nowrap}.preset-controls .preset-select{flex:auto}.preset-controls .btn{flex:none}}.overlay-card.advanced-card{text-align:left;align-items:stretch;max-width:min(600px,94vw);max-height:min(88vh,780px);overflow:hidden}.advanced-title{font-size:var(--text-title);text-align:center;margin:0}.advanced-body{flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.advanced-card .setup-label{width:160px}.layouts-current{gap:var(--space-2xs);flex-direction:column;display:flex}.layouts-current p{margin:0}.layouts-current-name{font-weight:700}.layouts-group{gap:var(--space-sm);flex-direction:column;display:flex}.layouts-group-title{margin:var(--space-sm) 0 0}.layouts-list{gap:var(--space-xs);flex-direction:column;display:flex}.layout-option{gap:var(--space-2xs);text-align:left;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;flex-direction:column;display:flex}.layout-option:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.layout-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.layout-option.on{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.layout-option:disabled{opacity:.5;cursor:default}.layout-option-name{font-weight:600}.layout-option-text{font-size:var(--text-meta);color:var(--color-text-muted)}.stepper{align-items:center;gap:6px;display:flex}.stepper-input{font:inherit;text-align:center;border:1px solid var(--color-border);background:var(--color-cell);width:4.5rem;color:inherit;border-radius:8px;padding:4px 6px}.deck-list{flex-direction:column;gap:4px;padding-right:4px;display:flex;overflow-y:auto}.deck-row{border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:3px 6px;display:flex}.deck-row.changed{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent)}.deck-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-body);flex:1;overflow:hidden}.deck-tag{width:5.2rem;font-size:var(--text-tiny);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);flex:none}.deck-tag.tag-curse{color:var(--color-danger)}.editor-input{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text);border-radius:8px;flex:1;padding:4px 8px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-screen{height:100%;min-height:100dvh;position:relative;overflow:hidden}.editor-screen>.editor-stage{position:absolute;inset:0}.editor-hud{pointer-events:none;flex-direction:column;justify-content:space-between;gap:10px;padding:12px;display:flex;position:absolute;inset:0}.editor-panel{pointer-events:auto;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);flex-direction:column;gap:8px;width:min(680px,100%);max-height:45dvh;margin:0 auto;display:flex;overflow-y:auto}.editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.editor-title{font-size:var(--text-title);margin:0}.editor-panel .setup-label{width:60px}.editor-palette{flex-wrap:wrap;gap:6px;display:flex}.panzoom{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.panzoom[data-panning=true]{cursor:grabbing}.panzoom-content{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.panzoom-controls{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-raised);white-space:nowrap;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;transform:translate(-100%)}.panzoom-controls .btn.small{min-width:28px;padding:2px var(--space-sm)}.panzoom-level{font-family:var(--mono);font-size:var(--text-tiny);color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:4ch}.editor-actions{align-items:center;gap:10px}.editor-exits{justify-content:flex-end;margin-top:0;margin-left:auto}.editor-board .cell{cursor:pointer}.editor-board .cell.editor-home{background:color-mix(in srgb, var(--color-primary) 26%, var(--color-cell));border-color:var(--color-primary)}.editor-board .cell.editor-home.picked{box-shadow:inset 0 0 0 3px var(--color-primary);animation:1.1s ease-in-out infinite pulse}.home-index{font-size:clamp(9px, calc(24cqi / var(--n,7)), 13px);color:var(--color-primary);pointer-events:none;font-weight:700;position:absolute;bottom:2px;right:4px}.crash-card{text-align:center;align-items:center}.crash-details{text-align:left;width:100%;font-size:var(--text-meta);color:var(--color-text-muted)}.crash-details pre{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:8px;max-height:180px;padding:8px;overflow:auto}.pp-dot{background:var(--pc,#888);border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 2px #ffffff59}.game-screen{flex-direction:column;height:100%;display:flex;overflow:hidden}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex:none;align-items:center;gap:14px;padding:8px 14px;display:flex}.brand{font-weight:700}.banner{font-size:var(--text-section);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.ff-toggle{font-size:var(--text-meta);color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:5px;display:flex}.seed-tag{font-family:var(--mono);font-size:var(--text-tiny);color:var(--color-text-muted)}.shot-clock{border:1px solid var(--color-border);font-family:var(--mono);font-size:var(--text-meta);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-muted);border-radius:999px;align-items:baseline;gap:6px;padding:2px 9px;display:flex}.shot-clock[data-yours=true]{color:var(--color-text);border-color:currentColor}.shot-clock[data-urgent=true]{color:var(--color-danger);border-color:currentColor;animation:1s ease-in-out infinite shot-clock-pulse}.shot-clock-who{font-family:inherit;font-size:var(--text-tiny);opacity:.75;text-overflow:ellipsis;max-width:9ch;overflow:hidden}@keyframes shot-clock-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.shot-clock[data-urgent=true],.clash-side .clash-face,.clash-roll{animation:none}.poof{animation:poof-hold var(--poof-ms) forwards;-webkit-mask-position:50% 0;mask-position:50% 0}@keyframes poof-hold{to{opacity:0}}.cell.contested{transition:none}}.main{flex:1;grid-template-columns:224px minmax(0,1fr) clamp(280px,26vw,360px);gap:12px;min-height:0;padding:12px;display:grid;position:relative}.main>.board-stage{z-index:0;position:absolute;inset:0}.main>.left-col,.main>.board-wrap,.main>.right-col{z-index:1;position:relative}.main>.board-wrap{pointer-events:none;justify-content:flex-end}.main>.board-wrap>*{pointer-events:auto}.left-col,.right-col{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow-y:auto}.main>.left-col,.main>.right-col{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-tint) 30%, transparent);padding:8px}.rail-heading{font-size:var(--text-tiny);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 2px;font-weight:700}.end-seed{font-family:var(--mono);font-size:var(--text-tiny);color:var(--color-text-muted);margin:10px 0 0}.board-wrap{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:0;display:flex;position:relative}.board-footer{flex:none;justify-content:center;align-items:flex-start;width:100%;min-height:48px;display:flex}.board{grid-template-columns:repeat(var(--n,7), 1fr);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);aspect-ratio:1;border-radius:14px;gap:3px;padding:8px;display:grid;container-type:inline-size}.cell{border:1px solid color-mix(in srgb, var(--color-border) 45%, transparent);background:var(--color-cell);cursor:pointer;font:inherit;border-radius:8px;padding:0;transition:box-shadow .12s,filter .12s,transform .16s;position:relative;overflow:hidden}.cell:nth-child(2n){background:var(--color-cell-alt)}.cell:hover{filter:brightness(1.06)}.cell.g-home{background:color-mix(in srgb, var(--pc,#888) 30%, var(--color-cell));border-color:var(--pc,var(--color-border))}.cell.g-dandelion{background:color-mix(in srgb, #e8c93e 26%, var(--color-cell))}.cell.g-mushroom{background:color-mix(in srgb, #d86a5a 24%, var(--color-cell))}.cell.g-flytrap{background:color-mix(in srgb, #2c7a2c 30%, var(--color-cell))}.cell.g-maize{background:color-mix(in srgb, #d8a93e 28%, var(--color-cell))}.cell.g-slippery{background:color-mix(in srgb, #5ab8d8 28%, var(--color-cell))}.cell.g-tunnel{background:color-mix(in srgb, #6b5a8c 30%, var(--color-cell))}.art{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none}.ui-icon{--ui-icon-size:1.3em;width:var(--ui-icon-size);height:var(--ui-icon-size);object-fit:contain;vertical-align:-.24em;-webkit-user-select:none;user-select:none;flex:none;display:inline-block}.ui-icon.lg{--ui-icon-size:2em;vertical-align:middle}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ui-icon:is([data-icon=reinforcement],[data-icon=card]){filter:drop-shadow(0 0 1px #ffffff8c)}}:root[data-theme=dark] .ui-icon:is([data-icon=reinforcement],[data-icon=card]){filter:drop-shadow(0 0 1px #ffffff8c)}.inline-art{vertical-align:-.22em;width:1.15em;height:1.15em}.btn-icon{vertical-align:-.26em;width:1.25em;height:1.25em}.panel-icon{vertical-align:-.28em;width:1.3em;height:1.3em;margin-right:.3em}.brand-art{vertical-align:-.4em;width:1.5em;height:1.5em}.title-art{vertical-align:-.18em;width:1.2em;height:1.2em;margin:0 .1em}.garden-icon{width:clamp(21px, calc(60cqi / var(--n,7)), 36px);height:clamp(21px, calc(60cqi / var(--n,7)), 36px);pointer-events:none;line-height:1;position:absolute;top:2px;left:3px}.garden-icon.is-glyph{width:auto;height:auto;font-size:clamp(12px, calc(36cqi / var(--n,7)), 20px)}.garden-icon.stunned{filter:grayscale()brightness(.9)}.preset-preview .garden-icon,.editor-board .garden-icon{width:84%;height:84%;top:8%;left:8%}.star{font-size:clamp(10px, calc(28cqi / var(--n,7)), 16px);pointer-events:none;position:absolute;top:2px;right:4px}.cell.upgraded{--hl-ring:5px;border-color:var(--color-upgraded-edge);outline:2px solid var(--color-upgraded);outline-offset:-3px;box-shadow:inset 0 0 10px 1px color-mix(in srgb, var(--color-upgraded) 55%, transparent)}.tokens{pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;padding-top:8px;display:flex;position:absolute;inset:0}.token{width:clamp(18px, calc(60cqi / var(--n,7)), 32px);height:clamp(18px, calc(60cqi / var(--n,7)), 32px);background:var(--pc,#888);border:2px solid #ffffffbf;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 4px #00000059}.token.moved{opacity:.55}.token.snail{border-radius:30%}.token-face{width:78%;height:78%}.cell.contested{--grow:1.55;transform:scale(var(--grow));z-index:6;border-radius:10px;box-shadow:0 6px 16px #0006}.cell.contested[data-contested="3"]{--grow:1.75}.cell.contested[data-contested="4"]{--grow:1.95}.cell.contested .tokens{flex-wrap:nowrap;gap:2px;padding-top:4px}.cell.contested .token{width:clamp(13px, calc(88cqi / var(--n,7) / var(--seats,2)), 30px);height:clamp(13px, calc(88cqi / var(--n,7) / var(--seats,2)), 30px)}.token-count{background:var(--color-text);min-width:15px;height:15px;color:var(--color-bg);border-radius:8px;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.cell.hl-move{box-shadow:inset 0 0 0 var(--hl-ring,3px) var(--color-highlight-move);filter:brightness(1.08)}.cell.hl-decision{box-shadow:inset 0 0 0 var(--hl-ring,3px) var(--color-highlight-decision);animation:1.1s ease-in-out infinite pulse}.cell.hl-target{box-shadow:inset 0 0 0 var(--hl-ring,3px) var(--color-highlight-target);animation:1.1s ease-in-out infinite pulse}.cell.hl-picked{box-shadow:inset 0 0 0 var(--hl-ring,3px) var(--color-highlight-picked)}.cell.sel{box-shadow:inset 0 0 0 var(--hl-ring,3px) var(--color-text)}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.panel-title{font-weight:700;font-size:var(--text-section);line-height:var(--leading-tight);color:var(--color-text);margin-bottom:var(--space-md);justify-content:space-between;align-items:baseline;gap:0 var(--space-md);flex-wrap:wrap;display:flex}.decision-panel .panel-title,.fight-panel .panel-title{font-size:var(--text-decision);flex-wrap:nowrap;justify-content:flex-start;align-items:center}.decision-panel.waiting .panel-title{font-size:var(--text-section);color:var(--color-text-muted);margin-bottom:0}.card-effect{color:var(--color-text-muted);margin-top:4px;font-style:italic}.respond-targets{flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:6px;display:flex}.respond-target{background:var(--color-surface-tint);border-radius:var(--radius-sm);padding:1px var(--space-sm);font-weight:600}.player-panels{flex-direction:column;gap:8px;display:flex}.player-panel{background:var(--color-surface);border:1px solid var(--color-border);border-left:5px solid var(--pc,var(--color-border));border-radius:12px;padding:8px 10px}.player-panel.active-turn{box-shadow:0 0 0 2px color-mix(in srgb, var(--pc) 55%, transparent)}.player-panel.status-out{opacity:.55}.pp-head{align-items:center;gap:7px;display:flex}.pp-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.pp-act{font-size:var(--text-tiny);text-transform:uppercase;background:var(--color-primary);color:var(--color-on-primary);border-radius:6px;padding:1px 6px;font-weight:700;animation:1.2s ease-in-out infinite pulse}.pp-stats{font-size:var(--text-label);flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.decision-panel,.hand-panel{background:var(--color-surface);border-radius:var(--radius-md)}.curse-panel,.fight-panel{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-danger) 60%, var(--color-surface));border-radius:var(--radius-md);padding:var(--space-lg);flex:none}.curse-panel{flex-wrap:wrap;align-self:flex-start;align-items:center;gap:4px;padding:4px 6px;display:flex}.curse-label{margin-right:2px;font-size:14px;line-height:1}.curse-item{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface));cursor:help;border-radius:6px;outline:none;place-items:center;width:26px;height:26px;font-size:15px;line-height:1;display:inline-grid;position:relative}.curse-tip{z-index:30;border:1px solid var(--color-danger);background:var(--color-surface-raised);width:max-content;max-width:min(260px,70vw);color:var(--color-text);box-shadow:var(--shadow-raised);font-size:var(--text-meta);pointer-events:none;border-radius:8px;flex-direction:column;gap:2px;padding:7px 9px;font-weight:400;line-height:1.35;display:flex;position:fixed}.curse-item:focus-visible{box-shadow:0 0 0 2px var(--color-primary);border-radius:6px}.decision-panel{padding:var(--space-xl) var(--space-lg);flex:none}.decision-panel .btn-row,.decision-panel .btn-col{margin-top:var(--space-lg)}.decision-panel.waiting{padding:var(--space-md) var(--space-lg);background:var(--color-surface-subtle)}.side-role{font-size:var(--text-tiny);color:var(--color-text-muted);font-weight:400}.fight-rolls{font-size:var(--text-body);flex-wrap:wrap;gap:10px;display:flex}.fight-respond{margin-top:var(--space-md);border-top:1px solid var(--color-border);padding-top:var(--space-md)}.hand-panel{min-height:0;padding:var(--space-lg);flex-direction:column;flex:0 auto;display:flex}.hand-cards{flex-direction:column;gap:6px;min-height:72px;display:flex;overflow-y:auto}.card{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:10px;padding:6px 8px}.card.sudden{border-left:4px solid #d8a93e}.card.ritual{border-left:4px solid #7a3bd8}.card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-name{font-weight:700;font-size:var(--text-body)}.card-timing{font-size:var(--text-tiny);color:var(--color-text-muted);white-space:nowrap}.card-text{font-size:var(--text-meta);color:var(--color-text-muted);margin:3px 0 5px}.card-why{font-size:var(--text-tiny);color:var(--color-text-muted);margin-top:4px;font-style:italic;display:block}.deck-info{font-size:var(--text-meta);color:var(--color-text-muted);white-space:nowrap;font-weight:400}.game-log{height:var(--chat-body-height);background:var(--color-surface-subtle);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-md);font-size:var(--text-meta);overflow-y:auto}.log-line{padding:1px 0}.log-turn+.log-turn{margin-top:2px}.log-turn-head{width:100%;color:var(--color-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:6px;padding:2px 0;font-weight:700;display:flex}.log-turn-head:hover .log-turn-title{text-decoration:underline}.log-caret{width:.8em;color:var(--color-text-muted);flex:none}.log-turn-title{flex:1}.log-turn-count{color:var(--color-text-muted);font-weight:400;font-size:var(--text-tiny);flex:none}.log-turn[data-open=true] .log-line{padding-left:calc(.8em + 6px)}.log-line.latest{font-weight:700}.log-fightStarted,.log-playerEliminated,.log-curseRevealed{color:var(--color-danger);font-weight:600}.log-gameFinished{font-weight:800}.action-bar,.targeting-banner{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.targeting-banner{border:2px solid var(--color-danger);font-size:var(--text-body)}.action-menu{display:contents}.submenu-heading{font-size:var(--text-label);white-space:nowrap;font-weight:700}.menu-badge{font-variant-numeric:tabular-nums;color:var(--color-text-muted);margin-left:6px}.btn:disabled .menu-badge{color:inherit}.submenu-caret{opacity:.7;margin-left:6px}.selected-unit{font-size:var(--text-label);white-space:nowrap;font-weight:600}.stack-chips{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.btn.chip{text-overflow:ellipsis;white-space:nowrap;max-width:26ch;overflow:hidden}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#141c0c8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.opaque{background:color-mix(in srgb, var(--color-bg) 92%, black);-webkit-backdrop-filter:none;backdrop-filter:none}.overlay-card{background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:10px;max-width:min(520px,92vw);padding:24px 30px;display:flex}.pass-emoji{font-size:3rem}.fight-playback{z-index:30;background:var(--color-surface-raised);border:1px solid var(--color-border);width:min(240px,42%);box-shadow:var(--shadow-raised);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;animation:.2s toast-in;display:flex;position:absolute;top:0;right:0}.fight-header{font-weight:700;font-size:var(--text-label);line-height:1.25}.fight-clash{justify-content:center;align-items:flex-start;gap:4px;width:100%;margin:2px 0;display:flex;position:relative}.clash-side{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;min-width:0;display:flex}.clash-art{aspect-ratio:1;justify-content:center;align-items:center;width:clamp(34px,22%,52px);display:flex;position:relative}.clash-face{object-fit:contain;filter:drop-shadow(0 1px 2px #00000073);width:100%;height:100%}.clash-side.left .clash-face{animation:.62s ease-out lunge-right}.clash-side.right .clash-face{animation:.62s ease-out lunge-left;transform:scaleX(-1)}.clash-side.dying .clash-face{opacity:0;animation:none}.clash-name{font-size:var(--text-tiny);text-overflow:ellipsis;white-space:nowrap;max-width:12ch;color:var(--color-text-muted);line-height:1.15;overflow:hidden}.clash-roll{border:1px solid var(--pc,var(--color-border));background:color-mix(in srgb, var(--pc,#888) 22%, var(--color-surface-subtle));min-width:1.6em;font-weight:700;font-size:var(--text-decision);border-radius:7px;padding:0 5px;line-height:1.3;animation:.3s ease-out .34s backwards roll-pop}.clash-side[data-won=true] .clash-roll{border-color:var(--color-text);box-shadow:0 0 0 2px color-mix(in srgb, var(--pc,#888) 45%, transparent)}.clash-side[data-won=false] .clash-roll{opacity:.75}.clash-vs{font-size:var(--text-tiny);color:var(--color-text-muted);pointer-events:none;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes lunge-right{0%{transform:none}40%{transform:translate(52%)rotate(9deg)scale(1.06)}58%{transform:translate(22%)rotate(-3deg)}to{transform:none}}@keyframes lunge-left{0%{transform:scaleX(-1)}40%{transform:translate(-52%)rotate(-9deg)scale(1.06)scaleX(-1)}58%{transform:translate(-22%)rotate(3deg)scaleX(-1)}to{transform:scaleX(-1)}}@keyframes roll-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.poof{aspect-ratio:1;pointer-events:none;z-index:2;background-color:var(--pc,#e8e8e8);width:150%;-webkit-mask-image:var(--poof-src);-webkit-mask-image:var(--poof-src);mask-image:var(--poof-src);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--poof-frames) * 100%) 100%;-webkit-mask-size:calc(var(--poof-frames) * 100%) 100%;mask-size:calc(var(--poof-frames) * 100%) 100%;animation:poof-play var(--poof-ms) steps(var(--poof-frames)) forwards;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes poof-play{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:calc(100% * var(--poof-frames) / (var(--poof-frames) - 1)) 0;-webkit-mask-position:calc(100% * var(--poof-frames) / (var(--poof-frames) - 1)) 0;mask-position:calc(100% * var(--poof-frames) / (var(--poof-frames) - 1)) 0}}.board-poof{width:130%}.clash-poof{width:170%}.fight-steps{text-align:left;width:100%;max-height:120px;font-size:var(--text-meta);background:var(--color-surface-subtle);border-radius:10px;padding:6px 10px;overflow-y:auto}.quit-confirm{align-items:center;gap:6px;display:inline-flex}.toasts{z-index:60;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;cursor:pointer;text-align:left;color:inherit;font:inherit;background:var(--color-surface-raised);border:1px solid var(--color-border);border-left:5px solid var(--color-primary);box-shadow:var(--shadow-raised);font-size:var(--text-body);border-radius:10px;max-width:70vw;padding:8px 14px;animation:.2s toast-in}.toast.error{border-left-color:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat-panel{gap:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);flex-direction:column;flex:none;margin-top:auto;display:flex}.chat-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 6px;margin-bottom:0;display:flex}.chat-tabs,.chat-head-right{align-items:center;gap:4px;display:flex}.chat-head .btn{white-space:nowrap;padding-inline:var(--space-sm)}.chat-unread{background:var(--color-primary);min-width:16px;color:var(--color-on-primary);font-size:var(--text-tiny);text-align:center;border-radius:999px;margin-left:4px;padding:0 4px;font-weight:700;line-height:16px;display:inline-block}.chat-transcript{height:var(--chat-body-height);background:var(--color-surface-subtle);border-radius:var(--radius-sm);padding:var(--space-md) var(--space-md);font-size:var(--text-meta);overflow-y:auto}.chat-line{padding:2px 0}.chat-composer{flex:none;position:relative}.qc-open{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.qc-left{font-size:var(--text-tiny);color:var(--color-text-muted);font-weight:400}.qc-wheel,.qc-list{z-index:70;background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);border-radius:16px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.qc-wheel{padding:12px}.qc-ring{aspect-ratio:1;border-radius:50%;width:min(268px,74vw);position:relative}.qc-wheel-head{text-align:center;font-size:var(--text-tiny);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);padding-bottom:8px;font-weight:700}.qc-petal{background:var(--color-surface-subtle);color:var(--color-text);font:inherit;cursor:pointer;border:0;margin:0;padding:0;transition:background-color .12s,transform .12s;position:absolute}.qc-petal:hover{background:color-mix(in srgb, var(--color-primary) 30%, var(--color-cell))}.qc-petal:focus-visible{background:color-mix(in srgb, var(--color-primary) 48%, var(--color-cell));outline:none;transform:scale(1.07)}.qc-petal:active{background:color-mix(in srgb, var(--color-primary) 55%, var(--color-cell))}.qc-labels{pointer-events:none;position:absolute;inset:0}.qc-petal-label{font-size:var(--text-tiny);letter-spacing:.01em;white-space:nowrap;text-align:center;font-weight:600;line-height:1.1;position:absolute;transform:translate(-50%,-50%)}.qc-hub{aspect-ratio:1;background:var(--color-surface);width:38%;box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--color-bloom-eye) 70%, var(--color-surface));color:var(--color-text-muted);font:inherit;font-size:var(--text-meta);cursor:pointer;border:0;border-radius:50%;font-weight:600;transition:background-color .12s,color .12s,box-shadow .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qc-hub:hover,.qc-hub:focus-visible{color:var(--color-warning);box-shadow:inset 0 0 0 5px var(--color-warning);outline:none}@media (prefers-reduced-motion:reduce){.qc-petal,.qc-hub{transition:none}}.qc-list{flex-direction:column;gap:4px;width:260px;max-width:min(88vw,320px);max-height:60dvh;padding:10px;display:flex;overflow-y:auto}.qc-list-head{align-items:center;gap:6px;padding-bottom:2px;display:flex}.qc-list-title{font-weight:700;font-size:var(--text-label)}.qc-phrase{text-align:left;justify-content:flex-start}.qc-note{text-align:center}.qc-feed{pointer-events:none;flex-direction:column;flex:none;align-items:flex-end;gap:4px;margin-top:auto;display:flex}.qc-feed+.chat-panel{margin-top:0}.main>.qc-feed{z-index:30;max-width:min(60%,320px);margin-top:0;position:absolute;top:18px;right:18px}.qc-bubble{background:var(--color-surface-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);font-size:var(--text-meta);border-left-width:5px;border-radius:12px;padding:5px 10px;animation:.18s toast-in}.log-quickChatSaid{color:var(--color-primary)}@media (width<=1080px){.main{grid-template-columns:1fr;overflow-y:auto}.game-screen{overflow:auto}.left-col,.right-col{overflow-y:visible}.main>.left-col,.main>.right-col{background:0 0;padding:0}.left-col,.right-col,.board-wrap{min-height:auto}.main>.board-stage{height:min(88vw,62dvh,520px);position:relative;inset:auto}.main>.board-wrap{justify-content:flex-start}.main>.left-col{grid-row:1}.main>.board-stage,.main>.qc-feed{grid-area:2/1}.main>.board-wrap{grid-row:3}.main>.right-col{grid-row:4}.main{row-gap:0}.main>.left-col,.main>.board-stage{margin-bottom:12px}.main>.board-wrap{gap:0}.main>.board-wrap>:not(:empty){margin-bottom:12px}.board-footer{min-height:0}.action-bar .btn:not(.small){padding:var(--space-md) var(--space-xl);font-size:var(--text-body)}.player-panels{flex-flow:wrap}.player-panel{flex:180px;min-width:0}.left-col>.curse-panel{align-self:flex-start}.fight-playback{width:min(100%,320px);position:static}}@media (height<=640px) and (width>=1081px){.main{gap:8px;padding:8px}.board-footer{min-height:40px}}.home-screen{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.home-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);border-radius:20px;flex-direction:column;gap:16px;width:min(560px,100%);padding:32px;display:flex}.home-title{text-align:center;font-size:var(--text-display);margin:0}.home-tagline{text-align:center;color:var(--color-text-muted);margin:0}.home-choices{flex-direction:column;gap:12px;display:flex}.home-choice{text-align:left;grid-template-rows:auto auto;grid-template-columns:2.2rem 1fr;gap:2px 14px;height:auto;padding:16px 18px;display:grid}.home-choice.compact{padding:12px 18px}.home-choice-icon{grid-row:1/3;align-self:center;font-size:1.7rem;line-height:1}.home-choice-label{font-weight:700;font-size:var(--text-section)}.home-choice-sub{font-size:var(--text-label);opacity:.8;font-weight:400}.home-credits-link{font-size:var(--text-meta);text-underline-offset:3px;align-self:center;margin-top:-4px;text-decoration:underline}.credits-card{gap:14px}.credits-title{font-size:var(--text-title);align-items:center;gap:8px;margin:0;display:flex}.credits-title .title-art{width:1.4em;height:1.4em}.credits-list{flex-direction:column;gap:6px;width:100%;margin:0;display:flex}.credits-row{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:5px;display:flex}.credits-row:last-child{border-bottom:none}.credits-row dt{color:var(--color-text-muted);font-size:var(--text-body)}.credits-row dd{margin:0;font-weight:700}.field{font-size:var(--text-body);flex-direction:column;gap:4px;font-weight:600;display:flex}.field input,.field select{font:inherit;border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-text);border-radius:10px;padding:8px 10px;font-weight:400}.join-row{align-items:flex-end;gap:10px;display:flex}.join-row .field{flex:1}.form-error{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);font-size:var(--text-body);border-radius:10px;margin:0;padding:10px 12px}.lobby-card{width:min(620px,100%)}.lobby-share{flex-direction:column;gap:6px;display:flex}.lobby-share .join-row{align-items:center}.room-code{font:700 var(--text-title) / 1 var(--mono);letter-spacing:.22em;background:var(--color-surface-tint);border-radius:var(--radius-md);text-align:center;flex:1;padding:10px 14px}.lobby-seats{flex-direction:column;gap:8px;display:flex}.lobby-seat{background:var(--color-surface-subtle);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.seat-dot{border-radius:50%;flex:none;width:14px;height:14px}.lobby-seat .seat-name{flex:1;min-width:6rem;font-weight:600}.lobby-seat .seat-status{white-space:nowrap;flex:none}.lobby-board{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;min-width:0;display:flex}.lobby-layout-name{font-weight:600}.lobby-card>.setup-row .setup-label{width:auto}.lobby-card>.setup-row .btn-row{margin-top:0}@media (width<=560px){.lobby-screen{padding:var(--space-md);align-items:flex-start}.lobby-card{padding:var(--space-xl) var(--space-lg);gap:var(--space-lg);border-radius:var(--radius-lg)}.lobby-card .home-title{font-size:var(--text-title)}.lobby-seat{gap:var(--space-sm) var(--space-md)}}.lobby-status{flex-direction:column;align-items:stretch;gap:8px;padding-top:4px;display:flex}.lobby-blocker{text-align:center;margin:0;font-weight:600}.lobby-grace{border:1px solid var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, transparent);text-align:center;font-size:var(--text-body);border-radius:8px;padding:10px 12px}.rules-screen{flex-direction:column;min-height:100%;display:flex}.rules-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:5;align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0}.rules-body{width:min(820px,100%);margin:0 auto;padding:24px 20px 64px}.rules-body h2{border-bottom:2px solid var(--color-border);margin:28px 0 8px;padding-bottom:6px}.rules-body h3{margin:22px 0 6px}.rules-body h4,.rules-body h5{margin:16px 0 4px}.rules-body p{margin:0 0 10px}.rules-body ul,.rules-body ol{margin:0 0 12px;padding-left:24px}.rules-body li{margin-bottom:5px}.rules-body code{font:.9em var(--mono);background:var(--color-surface-tint);border-radius:5px;padding:1px 5px}.rules-body table{border-collapse:collapse;max-width:100%;margin:0 0 14px;display:block;overflow-x:auto}.rules-body th,.rules-body td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:6px 10px}.rules-body th{background:var(--color-surface-tint)}.token.gnome:has(.custom-gnome){box-shadow:none;background:0 0;border:none}.token .custom-gnome{filter:drop-shadow(0 1px 1px #00000073);width:100%;height:100%}.gnome-portrait{object-fit:contain;-webkit-user-select:none;user-select:none;aspect-ratio:48/64;flex:none;display:block}.gnome-portrait.pending{background:color-mix(in srgb, var(--pc,#888) 25%, transparent);border-radius:6px}.gnome-portrait.big{width:168px;image-rendering:pixelated}.gnome-portrait.tiny{width:26px}.gnome-chip{border:1px solid var(--color-border);background:color-mix(in srgb, var(--pc,#888) 12%, var(--color-cell));cursor:pointer;border-radius:10px;flex:none;padding:2px;line-height:0}.gnome-chip:hover,.gnome-chip:focus-visible{border-color:var(--pc,#888)}.gnome-chip .gnome-portrait{width:30px}.gnome-card{text-align:left;align-items:stretch;max-width:min(680px,94vw);max-height:min(90vh,820px);overflow:hidden}.gnome-creator-body{gap:18px;min-height:0;display:flex;overflow-y:auto}.gnome-stage{flex-direction:column;flex:none;align-items:center;gap:10px;padding-top:4px;display:flex}.gnome-scale-check{flex-direction:column;align-items:center;gap:2px;display:flex}.gnome-controls{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.gnome-carousel{align-items:center;gap:8px;max-width:360px;display:flex}.gnome-carousel .setup-label{flex:none;width:84px}.gnome-variant{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.swatch-row{flex-wrap:wrap;gap:6px;display:flex}.swatch{background:var(--sw,#888);border:2px solid var(--color-border);cursor:pointer;border-radius:50%;width:24px;height:24px;padding:0}.swatch.picked{border-color:var(--color-text);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-text) 35%, transparent)}.swatch:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.gnome-actions{align-items:center}.gnome-actions .spacer{flex:1}@media (width<=560px){.gnome-creator-body{flex-direction:column;align-items:center}.gnome-stage{flex-direction:row;align-items:flex-end;gap:14px}.gnome-portrait.big{width:120px}}.online-gnome{flex-flow:wrap;align-items:center;gap:10px}.lobby-gnome{flex:none;width:26px;height:26px}.board-view{background:radial-gradient(1200px 600px at 20% -10%, var(--color-surface-tint), transparent), var(--color-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5vmin;padding:3vmin;display:flex;position:fixed;inset:0;overflow:hidden}.bv-card{flex-direction:column;align-items:center;gap:1.2vmin;display:flex}.bv-kicker{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:2.4vmin}.bv-join{font-family:var(--mono);color:var(--color-text);margin:0;font-size:4vmin}.bv-code{font-family:var(--mono);letter-spacing:.08em;color:var(--color-primary);margin:0;font-size:16vmin;font-weight:700;line-height:1}.bv-line{color:var(--color-text-muted);margin:0;font-size:2.6vmin}.bv-seats{flex-wrap:wrap;justify-content:center;gap:1.5vmin;margin:1vmin 0 0;padding:0;list-style:none;display:flex}.bv-seat{border:.3vmin solid var(--color-border);background:var(--color-surface);opacity:.45;border-radius:999px;align-items:center;gap:1vmin;padding:1vmin 2.2vmin;font-size:2.6vmin;display:flex}.bv-seat.here{border-color:var(--pc);opacity:1}.bv-seat-dot{background:var(--pc,var(--color-text-muted));border-radius:50%;flex:none;width:2vmin;height:2vmin}.board-view.playing{justify-content:flex-start;gap:0;padding:0}.bv-top{justify-content:space-between;align-items:center;width:100%;padding:1.5vmin 3vmin;font-size:3vmin;display:flex}.bv-tag{font-family:var(--mono);color:var(--color-text-muted)}.bv-turn{color:var(--color-text);align-items:center;gap:1.2vmin;font-weight:700;display:flex}.bv-main{flex:1;align-items:stretch;width:100%;min-height:0;display:flex;position:relative}.bv-stage{flex:1;min-width:0}.bv-side{pointer-events:none;z-index:2;flex-direction:column;justify-content:center;padding:0 2vmin;display:flex;position:absolute;top:0;bottom:0;right:0}.bv-side .player-panels{gap:1.2vmin;width:30vmin;font-size:2.2vmin}.bv-side .player-panel{box-sizing:border-box;width:100%}@media (aspect-ratio<=1){.bv-side{flex-direction:row;justify-content:center;padding:2vmin;top:auto;left:0}.bv-side .player-panels{flex-direction:row;width:auto}}.bv-chat{z-index:2;pointer-events:none;flex-direction:column;gap:.8vmin;max-width:34vw;padding:2vmin;display:flex;position:absolute;bottom:0;left:0}.bv-chat-line{background:var(--color-surface);border:.25vmin solid var(--color-border);box-shadow:var(--shadow-raised);overflow-wrap:anywhere;border-radius:1.4vmin;padding:.9vmin 1.8vmin;font-size:2.2vmin;line-height:1.25}@media (aspect-ratio<=1){.bv-chat{align-self:stretch;max-width:none;position:static}}