.illustrated-board{--board-ink:#203f3c;--board-paper:#f5edd7;--board-target:#ffe08a;min-width:0;color:var(--board-paper);background:#254c4d;font-family:inherit}.illustrated-board .board-tools{color:var(--board-paper);background:#203f3c;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 10px;display:flex}.illustrated-board .board-tools button{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #799388;border-radius:3px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;display:inline-flex}.illustrated-board .board-tools button:hover:not(:disabled),.illustrated-board .board-tools button[aria-pressed=true]{background:var(--board-paper);color:var(--board-ink)}.illustrated-board .board-tools button:disabled{opacity:.4;cursor:default}.illustrated-board .board-tools button:focus-visible,.illustrated-board summary:focus-visible{outline-offset:2px;outline:2px solid #ffe08a}.illustrated-board .board-zoom-tools,.illustrated-board .board-pan-tools{align-items:center;gap:4px;display:flex}.illustrated-board .board-zoom-level{text-align:center;min-width:44px;font-size:11px}.illustrated-board .board-pan-tools svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:18px}.illustrated-board .board-pan-hint{color:#ccdacd;max-width:none;margin:0;padding:4px 12px 9px;font-size:10px;line-height:1.6}.illustrated-board .board{background:var(--board-sea,#2b5556);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:grab;width:100%;min-width:0;height:clamp(320px,62svh,740px);display:block}.illustrated-board .board.is-dragging{cursor:grabbing}.illustrated-board .board:focus-visible{outline-offset:-3px;outline:3px solid #ffe08a}.illustrated-board .hex{stroke:none}.illustrated-board{--tile-sea:color-mix(in srgb, var(--board-sea,#2b5556) 88%, #9fc9c4)}.illustrated-board .terrain-forest{fill:#56823f}.illustrated-board .terrain-hills{fill:#bf6c50}.illustrated-board .terrain-pasture{fill:#a3c273}.illustrated-board .terrain-fields{fill:#e2bb5c}.illustrated-board .terrain-mountains{fill:#99a1ab}.illustrated-board .terrain-desert{fill:#e8d7ad}.illustrated-board .terrain-gold{fill:#cf9a2e}.illustrated-board .terrain-sea{fill:var(--tile-sea)}.illustrated-board .terrain-hidden{fill:#aab4b0}.illustrated-board .terrain-art path{stroke:none}.illustrated-board .art-forest .tm-dark{fill:#3f6630}.illustrated-board .art-pasture .tm-light{fill:#b4d086}.illustrated-board .art-pasture .tm-dot{fill:#f7f1dc}.illustrated-board .art-fields .tm-dark{fill:#d4a846}.illustrated-board .art-hills .tm-line{fill:none;stroke:#d99075;stroke-width:2.5px;stroke-linecap:round}.illustrated-board .art-mountains .tm-dark{fill:#727a86}.illustrated-board .art-mountains .tm-light{fill:#eef0f2}.illustrated-board .art-gold .tm-dark{fill:#9c6c16}.illustrated-board .art-gold .tm-light{fill:#fbe7a6}.illustrated-board .art-desert .tm-light{fill:#f2e5c4}.illustrated-board .art-desert .tm-dark{fill:#dcc794}.illustrated-board .art-sea .tm-line{fill:none;stroke:#fff;stroke-opacity:.14;stroke-width:1.6px;stroke-linecap:round}.illustrated-board .art-fog .tm-light{fill:#c3cbc8}.illustrated-board .hex-layer,.illustrated-board .piece-layer,.illustrated-board .terrain-art,.illustrated-board .number-token,.illustrated-board .board-hex-border{pointer-events:none}.illustrated-board .board-hex-border{fill:none;stroke:var(--board-sea,#2b5556);stroke-opacity:.55;stroke-width:1.5px}.illustrated-board .board-hex-border.is-fog{stroke:#6f7f7b;stroke-opacity:.8;stroke-dasharray:3 3}.illustrated-board .board-fog-label{text-anchor:middle;fill:#496461;paint-order:stroke;stroke:#e3e5d2;stroke-width:3px;font:italic 24px Georgia,serif}.illustrated-board .number-token .token-disc{fill:#fff3d6;stroke:#4b5142;stroke-width:1px;filter:drop-shadow(0 1px 1px #25433d80)}.illustrated-board .number-token text{fill:#233c37;text-anchor:middle;font:700 16px Georgia,serif}.illustrated-board .number-token.high-probability text{fill:#a63328}.illustrated-board .number-token .token-emphasis{fill:none;stroke:#a63328;stroke-width:1.5px}.illustrated-board .number-token .probability-pips circle{fill:#233c37;stroke:none}.illustrated-board .number-token.high-probability .probability-pips circle{fill:#a63328}.illustrated-board .board-piece{pointer-events:none;filter:drop-shadow(0 1px 1px #1b302e)}.illustrated-board .piece-silhouette{fill:currentColor;stroke:#fff3d6;stroke-width:2px;stroke-linejoin:round;paint-order:stroke fill}.illustrated-board .piece-detail{fill:none;stroke:#fff3d6;stroke-width:1px;stroke-linejoin:round}.illustrated-board .piece-owner-mark{fill:#fff;stroke:#203f3c;stroke-width:1.4px;paint-order:stroke fill;text-anchor:middle;font:700 6px sans-serif}.illustrated-board .knight-inactive{stroke-dasharray:2 2}.illustrated-board .knight-strength{fill:#fff3d6}.illustrated-board .harbor-layer,.illustrated-board .board-harbor,.illustrated-board .harbor-art{pointer-events:none}.illustrated-board .harbor-pier{fill:none;stroke:#e7d8b3;stroke-opacity:.8;stroke-width:2.5px;stroke-linecap:round}.illustrated-board .harbor-plaque{fill:#fff3d6;stroke:#1d3531;stroke-opacity:.5;stroke-width:1px;filter:drop-shadow(0 1px 1px #12242280)}.illustrated-board .harbor-resource-band{fill:#d9d3bf}.illustrated-board .harbor-brick .harbor-resource-band{fill:#e3a48c}.illustrated-board .harbor-grain .harbor-resource-band{fill:#eed084}.illustrated-board .harbor-lumber .harbor-resource-band{fill:#a6c48f}.illustrated-board .harbor-ore .harbor-resource-band{fill:#c3c8cf}.illustrated-board .harbor-wool .harbor-resource-band{fill:#cfe2a6}.illustrated-board .harbor-ratio{fill:#203f3c;text-anchor:middle;font:700 12px Georgia,serif}.illustrated-board .harbor-kind{fill:#203f3c;text-anchor:middle;letter-spacing:.3px;font:700 7px sans-serif}.illustrated-board .city-wall-stone{fill:#d8d2b9;stroke:currentColor;stroke-width:2px}.illustrated-board .city-wall-court{fill:#546d66;stroke:#f9edce;stroke-width:1px}.illustrated-board .city-wall-joints{fill:none;stroke:#546d66;stroke-width:1.5px}.illustrated-board .metropolis-mast{fill:none;stroke:#fff3d6;stroke-width:2px}.illustrated-board .metropolis-banner{fill:#304f60;stroke:#fff3d6;stroke-width:1px}.illustrated-board .metropolis-trade .metropolis-banner{fill:#72582b}.illustrated-board .metropolis-politics .metropolis-banner{fill:#6b4665}.illustrated-board .metropolis-label{fill:#fff3d6;text-anchor:middle;text-transform:uppercase;font:700 6px sans-serif}.illustrated-board .metropolis-crown{fill:currentColor;stroke:#fff3d6;stroke-width:1.5px;stroke-linejoin:round}.illustrated-board .merchant-wheel{fill:#203f3c;stroke:#fff3d6;stroke-width:1px}.illustrated-board .merchant-label{fill:#fff3d6;stroke:#203f3c;stroke-width:2px;paint-order:stroke fill;text-anchor:middle;font:700 8px sans-serif}.board-presentation.illustrated-board{--target:#ffd84d;--target-ink:#1d3531;--target-select:#fff;--target-suggest:#9fe07a}.board-presentation.illustrated-board .target-layer [role=button]{cursor:pointer;filter:none;-webkit-tap-highlight-color:transparent;outline:none;animation:none}.board-presentation.illustrated-board .target-layer g>:is(.vertex-target-hitbox,.edge-target-hitbox,.hex-target-hitbox){fill:#0000;stroke:none;pointer-events:all}.board-presentation.illustrated-board .target-layer g>:is(.vertex-target-visible,.vertex-target-ring,.edge-target-visible,.edge-target-casing,.edge-target-groove,.hex-target-visible){pointer-events:none}.board-presentation.illustrated-board .target-layer g>.vertex-target-ring{fill:#1d353166;stroke:none}.board-presentation.illustrated-board .target-layer g>.vertex-target-visible{fill:#1d353199;stroke:var(--target);stroke-width:3px;stroke-dasharray:none;filter:none}.board-presentation.illustrated-board .target-layer g>.edge-target-casing{stroke:var(--target-ink);stroke-opacity:.55;stroke-width:11px;stroke-linecap:round}.board-presentation.illustrated-board .target-layer g>.edge-target-visible{stroke:var(--target);stroke-width:7.5px;stroke-linecap:round;stroke-dasharray:none;opacity:1;filter:none}.board-presentation.illustrated-board .target-layer g>.edge-target-groove{stroke:var(--target-ink);stroke-opacity:.7;stroke-width:2.5px;stroke-linecap:round}.board-presentation.illustrated-board .target-layer g>.hex-target-visible{fill:#ffd84d14;stroke:var(--target);stroke-width:3px;stroke-dasharray:6 4;filter:drop-shadow(0 1px 1px #213f3c)}.board-presentation.illustrated-board .inspect-target>.hex-target-visible{stroke:#0000;fill:#0000}.board-presentation.illustrated-board .target-layer g:is(:hover,:focus-visible,.is-previewed)>.vertex-target-visible{fill:var(--target)}.board-presentation.illustrated-board .target-layer g:is(:hover,:focus-visible,.is-previewed)>.vertex-target-ring{fill:#1d3531aa;stroke:var(--target);stroke-width:2px}.board-presentation.illustrated-board .target-layer g:is(:hover,:focus-visible,.is-previewed)>.edge-target-groove{stroke-opacity:0}.board-presentation.illustrated-board .target-layer g:is(:hover,:focus-visible,.is-previewed)>.edge-target-casing{stroke-opacity:.8;stroke-width:13px}.board-presentation.illustrated-board .target-layer g:is(:hover,:focus-visible,.is-previewed)>.hex-target-visible{stroke-dasharray:none;fill:#ffd84d2e}.board-presentation.illustrated-board .target-layer g.suggested>.vertex-target-visible{stroke:var(--target-suggest)}.board-presentation.illustrated-board .target-layer g.suggested:is(:hover,:focus-visible,.is-previewed)>.vertex-target-visible{fill:var(--target-suggest)}.board-presentation.illustrated-board .target-layer g.suggested>.vertex-target-ring{stroke:var(--target-suggest);stroke-width:2px;stroke-dasharray:3 2.5}.board-presentation.illustrated-board .target-layer g.suggested>.edge-target-visible,.board-presentation.illustrated-board .target-layer g.suggested>.hex-target-visible{stroke:var(--target-suggest)}.board-presentation.illustrated-board .target-layer g.selected>.vertex-target-ring{r:15px;fill:#1d3531aa;stroke:var(--target-select);stroke-width:3.5px;stroke-dasharray:none}.board-presentation.illustrated-board .target-layer g.selected>.vertex-target-visible{fill:var(--target-select);stroke:var(--target-select)}.board-presentation.illustrated-board .target-layer g.selected>.edge-target-casing{stroke:var(--target-ink);stroke-opacity:.9;stroke-width:17px}.board-presentation.illustrated-board .target-layer g.selected>.edge-target-visible{stroke:var(--target-select);stroke-width:12px}.board-presentation.illustrated-board .target-layer g.selected>.edge-target-groove{stroke-opacity:0}.board-presentation.illustrated-board .target-layer g.selected>.hex-target-visible{stroke:var(--target-select);stroke-width:4px;stroke-dasharray:none;fill:#ffffff26}.board-presentation.illustrated-board .target-layer [aria-disabled=true]{cursor:inherit;opacity:.45}.illustrated-board .preview-layer{pointer-events:none}.illustrated-board .board-ghost{opacity:.72}.illustrated-board .board-ghost.is-selected{opacity:1;filter:drop-shadow(0 1px 2px #122420)}.illustrated-board .hex-produced-glow{fill:none;stroke:#ffe08a;stroke-width:2.5px;stroke-opacity:.85;pointer-events:none}.illustrated-board .number-token .token-rolled-ring{fill:#ffe08a;stroke:#7a5a12;stroke-width:1px}.illustrated-board .number-token.is-blocked{opacity:.55}.illustrated-board .board.is-dragging,.illustrated-board .board.is-dragging *{cursor:grabbing!important}.illustrated-board .board-caption{color:#e9e4cf;border-top:1px solid #73918a;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 12px;font-size:10px;line-height:1.5;display:flex}.illustrated-board .board-caption>span,.illustrated-board .board-owner-key,.illustrated-board .board-owner-key span{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.illustrated-board .board-owner-key{gap:12px}.illustrated-board .board-target-key{border:2px dashed var(--board-target);border-radius:50%;width:11px;height:11px}.illustrated-board .board-owner-key i{background:var(--owner-color);color:#fff;text-shadow:0 1px 2px #142c27,0 0 2px #142c27;border:1px solid #fff3d6;border-radius:3px;place-items:center;min-width:18px;height:18px;font:700 10px sans-serif;display:inline-grid}.illustrated-board .board-inspector{color:#203f3c;overflow-wrap:anywhere;background:#f1e9d1;border-top:1px solid #799388;margin:0;padding:12px;font-size:12px;line-height:1.6}.illustrated-board .board-summary{clip:auto;white-space:normal;color:#e9e4cf;background:#203f3c;border:0;border-top:1px solid #73918a;width:auto;height:auto;margin:0;padding:0;font-size:12px;line-height:1.6;position:static;overflow:visible}.illustrated-board .board-summary summary{cursor:pointer;padding:10px 12px}.illustrated-board .board-summary h2{letter-spacing:0;font-family:inherit;font-size:12px;font-weight:500;display:inline}.illustrated-board .board-summary summary span{color:#b9ccc1;margin-left:12px;font-size:10px}.illustrated-board .board-summary>p{margin:10px 14px}.illustrated-board .board-piece-index,.illustrated-board .board-harbor-index,.illustrated-board .board-tile-index{overflow-wrap:anywhere;margin:0;padding:0 16px 12px 32px}.illustrated-board .board-tile-index{max-height:240px;overflow:auto}@media (width<=600px){.illustrated-board .board{height:clamp(320px,56svh,510px)}.illustrated-board .board-tools{gap:6px;padding:6px}.illustrated-board .board-pan-tools{margin-right:auto}.illustrated-board .board-summary summary span{display:none}}@media (prefers-contrast:more){.illustrated-board .board-hex-border{stroke-opacity:1;stroke-width:1.5px}.board-presentation.illustrated-board .target-layer g>.vertex-target-ring,.board-presentation.illustrated-board .target-layer g>.hex-target-visible,.board-presentation.illustrated-board .target-layer g>.edge-target-casing{stroke:#000;stroke-opacity:1}}.trade-panel{color:var(--p-ink,#243e36);background:var(--p-paper,#fbf6e8);border:1px solid var(--p-line,#d2cbb5);border-top:3px solid var(--p-rust,#ae5634);overflow-wrap:anywhere;min-width:0;padding:14px}.trade-panel .trade-panel__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.trade-panel .trade-panel__heading h3{margin:0;font:23px/1.2 Georgia,Times New Roman,serif}.trade-panel .trade-panel__audience{border:1px solid var(--p-line,#d2cbb5);padding:3px 7px;font-size:12px;font-weight:700}.trade-panel p{margin:0 0 12px}.trade-panel .trade-panel__hint{color:var(--p-muted,#617066);margin-top:10px;font-size:12px}.trade-panel .trade-panel__baskets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.trade-panel .trade-panel__basket{border-top:1px solid var(--p-line,#d2cbb5);min-width:0;padding-top:8px}.trade-panel .trade-panel__basket[data-active=true]{border-top-color:var(--p-rust,#ae5634);grid-column:1/-1}.trade-panel h4{letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.trade-panel .trade-panel__preview,.trade-panel .trade-panel__buttons{flex-wrap:wrap;gap:6px;display:flex}.trade-panel .trade-panel__preview{align-items:center;min-height:30px;margin-bottom:8px}.trade-panel .trade-panel__chip{border:1px solid var(--p-line,#d2cbb5);background:#f1ebd9;padding:3px 6px;font-size:12px}.trade-panel .trade-panel__empty{color:var(--p-muted,#617066);font-size:12px;font-style:italic}.trade-panel .trade-panel__goods{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.trade-panel button{min-height:44px;font:inherit;color:inherit;cursor:pointer;background:#f7f2e4;border:1px solid #b8b9a5;border-radius:4px;padding:8px 10px}.trade-panel button.trade-panel__primary{background:var(--p-ink,#243e36);color:#fff8e5;font-weight:700}.trade-panel button:disabled{opacity:.48;cursor:not-allowed}.trade-panel button:hover:not(:disabled){border-color:var(--p-rust,#ae5634)}.trade-panel :is(button,summary):focus-visible{outline-offset:3px;outline:3px solid #b76830}.trade-panel .trade-panel__goods button{text-align:left;border-left:3px solid var(--trade-good,#9c9075);padding:6px;font-size:12px}.trade-panel .trade-panel__goods small{font-size:10px;display:block}.trade-panel [data-good=brick]{--trade-good:#ae5634}.trade-panel [data-good=grain]{--trade-good:#b18d34}.trade-panel [data-good=lumber]{--trade-good:#42604c}.trade-panel [data-good=ore]{--trade-good:#6d7880}.trade-panel [data-good=wool]{--trade-good:#8c9d5b}.trade-panel [data-good=paper]{--trade-good:#baa986}.trade-panel [data-good=cloth]{--trade-good:#9c7490}.trade-panel [data-good=coin]{--trade-good:#c7953d}.trade-panel .trade-panel__responses{margin:10px 0;padding:0;font-size:12px;list-style:none}.trade-panel .trade-panel__responses li{border-bottom:1px dotted var(--p-line,#d2cbb5);justify-content:space-between;gap:12px;padding:4px 0;display:flex}.trade-panel .trade-panel__single{margin-top:10px;font-size:12px}.trade-panel .trade-panel__single summary{cursor:pointer;padding:10px 0}@media (width<=420px){.trade-panel .trade-panel__baskets{grid-template-columns:minmax(0,1fr)}}.trade-panel.is-negotiation{color:var(--text);background:0 0;border:0;gap:8px;padding:0;display:grid}.trade-panel.is-negotiation .trade-editor{gap:6px;display:grid}.trade-panel .trade-side{gap:4px;display:grid}.trade-panel .trade-side__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;min-height:44px;display:flex}.trade-panel .trade-grid{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.trade-panel .trade-grid button.t-resource{border:1px solid var(--line-strong);border-top:4px solid var(--good-color);background:var(--surface);min-width:0;min-height:56px;color:var(--text);border-radius:0;padding:4px 2px;position:relative}.trade-panel .trade-grid button.t-resource[aria-pressed=true]{background:var(--tint-selected,var(--inset));box-shadow:inset 0 -2px 0 var(--copper-fill)}.trade-panel .trade-grid button.t-resource[aria-pressed=true]:disabled{opacity:1}.trade-panel .trade-grid button.t-resource strong{font:500 17px/1 var(--serif,Georgia, serif);font-variant-numeric:tabular-nums}.trade-panel .trade-chips{flex-wrap:wrap;align-items:center;gap:4px;min-height:32px;display:flex}.trade-panel .trade-chip{border:1px solid var(--line);border-left:4px solid var(--good-color,var(--line));background:var(--inset);min-height:32px;color:var(--text);font:12px var(--mono,monospace);text-transform:capitalize;white-space:nowrap;overflow-wrap:normal;border-radius:0;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.trade-panel .trade-chips button.trade-chip{border:1px solid var(--line);border-left:4px solid var(--good-color,var(--line));background:var(--inset);cursor:pointer;border-radius:0;min-height:44px}.trade-panel.is-negotiation button.t-primary{border-color:var(--copper-fill);background:var(--copper-fill);color:var(--on-fill);font-weight:500}.trade-panel.is-negotiation button.t-primary:hover:not(:disabled){border-color:var(--copper);background:var(--copper)}.trade-panel .trade-chip .t-icon{width:16px;height:16px;color:var(--good-color,var(--text-2))}.trade-panel .trade-chip b{color:var(--error);margin-left:2px;font-weight:700}.trade-panel .trade-chip.is-open{border-left-color:var(--line);color:var(--text-2);font-style:italic}.trade-panel .trade-actions{flex-wrap:wrap;gap:6px;display:flex}.trade-panel .trade-actions>button{flex:auto;min-height:48px}.trade-panel .trade-state{color:var(--text-2);font:12px var(--mono,monospace);text-transform:uppercase;letter-spacing:.08em;margin:0}.trade-panel .trade-terms{gap:4px;margin:0;display:grid}.trade-panel .trade-terms>div{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px;display:grid}.trade-panel .trade-terms dt{color:var(--text-2);font:11px var(--mono,monospace);text-transform:uppercase;letter-spacing:.08em}.trade-panel .trade-terms dd{margin:0}.trade-panel .trade-answers{gap:4px;margin:0;padding:0;list-style:none;display:grid}.trade-panel .trade-answer{border:1px solid var(--line);border-left:4px solid var(--seat-color,var(--line));background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;padding:2px 4px 2px 8px;display:flex}.trade-panel .trade-answer__who{text-transform:capitalize;flex:0 0 64px;font-weight:600}.trade-panel .trade-answer__what{color:var(--text-2);flex-wrap:wrap;flex:150px;align-items:center;gap:4px;display:flex}.trade-panel .trade-answer[data-answer=accept] .trade-answer__what{color:var(--moss);font-weight:600}.trade-panel .trade-answer em{font-style:italic}.trade-panel .trade-for{font:11px var(--mono,monospace)}.trade-panel .trade-answer__state{color:var(--text-2);font:11px var(--mono,monospace);text-transform:uppercase}.trade-panel .trade-answer .t-primary{white-space:nowrap;flex:1 0 auto;min-height:44px}.playable{--p-ink:#243e36;--p-muted:#617066;--p-paper:#fbf6e8;--p-line:#d2cbb5;--p-rust:#ae5634;--ink:#243e36;--paper:#fbf6e8;color:var(--p-ink);overflow-wrap:anywhere;background:radial-gradient(at 15% 0,#fcf7e7,#0000 60%),#eae4d4;min-height:100svh;font:14px/1.5 Trebuchet MS,Segoe UI,sans-serif}body:has(.playable){margin:0}.playable *,.playable :before,.playable :after{box-sizing:border-box}.playable h1,.playable h2,.playable h3,.playable p{margin:0 0 12px}.playable h1,.playable h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.12}.playable h2{font-size:25px}.playable h3{font-size:16px}.playable small{color:var(--p-muted);font-size:11px;font-weight:400;display:block}.playable code{overflow-wrap:anywhere;font-size:11px}.playable button,.playable input,.playable select{font:inherit}.playable button{min-height:44px;color:var(--p-ink);cursor:pointer;background:#f7f2e4;border:1px solid #b8b9a5;border-radius:5px;padding:9px 13px;line-height:1.3}.playable button:hover:not(:disabled){border-color:var(--p-ink);background:#e7e7d5}.playable button:disabled{cursor:not-allowed;opacity:.48}.playable :is(button,input,select,summary):focus-visible{outline-offset:3px;outline:3px solid #b76830}.playable select,.playable input[type=number]{width:100%;min-width:0;min-height:44px;color:var(--p-ink);background:#fffaf0;border:1px solid #b8b9a5;border-radius:4px;padding:9px;display:block}.playable label{font-size:12px;font-weight:600;display:block}.playable label>:is(input,select){margin-top:5px}.playable summary{cursor:pointer;min-height:48px;padding:14px 0;font-weight:600}.playable .p-primary{background:var(--p-ink);color:#fffae8;border-color:var(--p-ink);font-weight:600;box-shadow:0 3px #a57a4e}.playable .p-primary:hover:not(:disabled){color:#fffae8;background:#365c4c}.p-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--p-rust);font-size:10px;font-weight:700}.p-paper{background:var(--p-paper);border:1px solid var(--p-line);border-radius:7px;box-shadow:0 3px 10px #3a3e2610}.p-brand{align-items:center;gap:12px;font:24px Georgia,serif;display:flex}.p-brand small{letter-spacing:.07em;margin-top:6px;font-family:Trebuchet MS,sans-serif}.p-compass{stroke:currentColor;stroke-width:1.3px;fill:none;flex-shrink:0;width:44px;height:44px}.p-compass path:first-of-type{fill:#bb704233}.p-lobby{padding:32px clamp(20px,5vw,80px) 20px}.p-lobby>.p-brand{border-bottom:1px solid var(--p-line);padding-bottom:25px}.p-lobby-layout{grid-template-columns:1.05fr 1fr;align-items:start;gap:clamp(32px,6vw,90px);max-width:1240px;margin:42px auto;display:grid}.p-welcome{padding-top:32px}.p-welcome h1{margin:20px 0;font-size:clamp(48px,5.5vw,84px)}.p-welcome>p:not(.p-eyebrow){color:#526052;max-width:400px;font-size:18px}.p-island-art{width:100%;max-height:330px;margin:4px 0}.p-art-water{fill:#b3cebc}.p-art-land-side{fill:#b49d67}.p-art-land{fill:#d2cc88}.p-art-field{fill:#dfb95f}.p-art-trees{fill:#52765a;stroke:#304f39}.p-art-mountain{fill:#809788}.p-art-snow{fill:#eeeacb}.p-art-house{fill:#f3e2b5;stroke:#806e49}.p-art-roof{fill:#ad593a}.p-art-boat{fill:#80583e}.p-art-contours{stroke:#536e5470;fill:none;stroke-width:1.5px;stroke-linecap:round}.p-lobby-note{border-left:3px solid #b37b4c;max-width:450px;padding:0 0 0 18px}.p-lobby-note p{color:var(--p-muted);margin-top:6px;font-size:13px}.p-setup{padding:clamp(22px,3vw,38px);position:relative}.p-setup:before{content:"";background:repeating-linear-gradient(90deg,#2e4f40 0 25px,#c89959 25px 50px,#e8dfc2 50px 75px);border-radius:7px 7px 0 0;height:4px;display:block;position:absolute;inset:0 0 auto}.p-setup h2{margin-bottom:28px;font-size:36px}.p-setup fieldset{border:0;min-width:0;margin:0 0 23px;padding:0}.p-setup legend{text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:11px;font-weight:700}.p-modes{gap:7px;display:grid}.p-modes label{border:1px solid var(--p-line);cursor:pointer;border-radius:5px;align-items:center;gap:12px;padding:12px;display:flex}.p-modes label.p-mode-selected{background:#e6ebdc;border-color:#647e60;box-shadow:inset 3px 0 #385b45}.p-modes input{accent-color:#36533d;flex-shrink:0;width:17px;height:17px;margin:0}.p-modes strong{font-size:14px}.p-modes small{margin-top:3px}.p-form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px;display:grid}.p-seat-config>label{align-items:center;gap:10px;padding:7px 0;display:flex}.p-seat-config strong{flex:1}.p-seat-config select{width:min(200px,61%);margin:0;font-size:12px}.p-seat-mark{background:var(--seat-color,#54694d);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:12px;display:inline-grid}.p-seat-red{--seat-color:#b64038}.p-seat-blue{--seat-color:#167992}.p-seat-green{--seat-color:#477d42}.p-seat-orange{--seat-color:#bb6823}.p-hint{color:var(--p-muted);font-size:12px}.p-center{text-align:center}.p-start{justify-content:space-between;width:100%;margin:20px 0 12px;display:flex;padding:14px 18px!important}.p-setup-briefing{border-block:1px solid var(--p-line);color:var(--p-muted);font-size:12px}.p-footer{text-align:center;color:var(--p-muted);border-top:1px solid var(--p-line);padding:20px 0 0;font-size:11px}.p-saved{margin-top:30px}.p-saved>button{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:8px;display:flex}.p-saved button>span:first-child{min-width:0}.p-game{padding:20px clamp(12px,2.5vw,40px) 36px}.p-masthead{border-bottom:1px solid var(--p-line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;display:flex}.p-masthead h1{margin-bottom:0;font-size:30px}.p-header-actions{align-items:center;gap:16px;display:flex}.p-save-status{color:var(--p-muted);font-size:11px}.p-connection:empty{display:none}.p-error{color:#853728;background:#fae8db;border-left:3px solid #a24531;padding:12px 15px;margin:12px 0!important}.p-recovery{background:#f8eccc;border:1px solid #c4944e;border-radius:5px;margin:12px 0;padding:16px}.p-recovery p{margin-top:5px;font-size:12px}.p-button-row{flex-wrap:wrap;gap:8px;display:flex}.p-loading{text-align:center;max-width:580px;margin:50px auto;padding:45px 25px}.p-loading .p-compass{margin-bottom:20px}.p-turnstrip{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin:18px 0;display:grid}.p-seat{border:1px solid var(--p-line);border-top:3px solid var(--seat-color);background:#f3efdf;border-radius:5px;padding:12px 14px 9px}.p-active-seat{box-shadow:0 2px 0 var(--seat-color);background:#fffae9}.p-seat-name{align-items:center;gap:8px;display:flex}.p-seat-name>small{flex:1}.p-seat-name b{white-space:nowrap;margin-left:auto;font-size:23px;line-height:1}.p-seat-name b small{font-size:10px;display:inline}.p-seat-stats{color:#526254;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:11px;display:flex}.p-seat-awards{color:var(--p-muted);margin-top:6px;font-size:10px}.p-table-layout{grid-template-columns:minmax(0,1fr) 322px;align-items:start;gap:20px;display:grid}.p-board-column,.p-sidebar{min-width:0}.p-board-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;margin-bottom:10px;font-size:11px;display:flex}.p-board-column>.illustrated-board{border-radius:7px;overflow:hidden;box-shadow:0 4px 12px #1e393529}.p-tile-note{background:#f0e5c9;padding:10px 14px;font-size:12px}.p-placement-link{background:#f2e6c5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:4px 14px;font-size:12px;display:flex}.p-placement-link a{min-height:44px;color:var(--p-ink);text-underline-offset:3px;align-items:center;font-weight:600;display:inline-flex}.p-placement-link a:focus-visible{outline-offset:3px;outline:3px solid #b76830}#playable-controls{scroll-margin-top:14px}.p-hand{border-bottom:4px solid #bc925b;margin-top:15px;padding:18px}.p-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.p-section-heading h2,.p-section-heading p{margin-bottom:3px}.p-section-heading>strong{text-align:right;font-size:14px}.p-resource-hand{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.p-resource-card{border:1px solid #9da985;border-bottom:4px solid var(--card-accent,#809577);background:var(--card-paper,#e2e7d1);color:#273d2c;border-radius:5px;flex-direction:column;align-items:center;min-width:0;padding:7px 4px;display:flex;position:relative;box-shadow:0 2px 3px #23332917}.p-resource-card>span{font-size:10px}.p-resource-card>strong{font:26px Georgia,serif}.p-resource-card .p-resource-icon{width:34px;height:34px;margin:7px 0}.p-resource-icon{stroke:currentColor;stroke-width:1.5px;fill:currentColor;fill-opacity:.1;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0;width:23px;height:23px}.p-resource-brick{--card-paper:#eed6bc;--card-accent:#b3724e}.p-resource-grain{--card-paper:#f2e4a8;--card-accent:#baa044}.p-resource-lumber{--card-paper:#cbdcb9;--card-accent:#517c4f}.p-resource-ore{--card-paper:#d4ddd4;--card-accent:#657f79}.p-resource-wool{--card-paper:#e5ebc9;--card-accent:#a2b174}.p-resource-paper{--card-paper:#e9e3c4;--card-accent:#a39b66}.p-resource-cloth{--card-paper:#e1cfdc;--card-accent:#92728e}.p-resource-coin{--card-paper:#ebd29b;--card-accent:#b88932}.p-empty-card{filter:saturate(.45);background:#f1eddf}.p-game .p-resource-choice-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:8px;display:grid}.p-game button.p-resource-choice{color:#273d2c;background:var(--card-paper);border:1px solid var(--card-accent);white-space:normal;border-bottom-width:4px;border-radius:8px;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:112px;padding:10px 5px;display:flex}.p-game .p-resource-choice .p-resource-icon{width:30px;height:30px}.p-game .p-resource-choice strong{font-size:14px}.p-game .p-resource-choice small,.p-game .p-resource-choice span{font-size:12px}.p-game button.p-resource-choice:disabled{opacity:.7;filter:saturate(.25)}.p-game .p-resource-choice:focus-visible{outline-offset:3px;outline:3px solid #235746}.p-game .p-cost>.p-cost-shortfall{color:#962f22;background:#ffede4;border:1px solid #ba5a44;border-radius:4px}.p-game .p-cost-shortfall small{font-size:11px;font-weight:700}.p-private-cards{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.p-private-cards>div{border:1px solid var(--p-line);border-radius:4px;align-items:center;gap:9px;padding:10px;font-size:12px;display:flex}.p-sidebar{gap:12px;padding-top:27px;display:grid}.p-control{padding:18px}.p-control>.p-section-heading{align-items:flex-end}.p-seat-picker{flex:1;min-width:0}.p-seat-picker select{font-size:12px}.playable .p-ai-toggle{width:75px;padding-inline:8px;font-size:11px}.p-dice-row{border-block:1px solid var(--p-line);align-items:center;gap:8px;margin-bottom:15px;padding:14px 0;display:flex}.p-dice-row>div{margin-left:3px;font-size:13px}.p-die{flex-shrink:0;width:38px;height:38px}.p-die rect{fill:#fffae9;stroke:#9e997e}.p-die circle{fill:#354b38}.p-die path{stroke:#949a82}.p-barbarians{margin-bottom:18px}.p-barbarians>div{justify-content:space-between;gap:10px;font-size:11px;display:flex}.p-barbarians meter{width:100%;height:17px;display:block}.p-barbarians meter::-webkit-meter-optimum-value{background:#b17543}.p-waiting{padding:8px 0}.p-waiting h2{font-size:25px}.p-waiting p{color:var(--p-muted);font-size:13px}.p-turn-actions{margin-bottom:14px}.p-turn-actions>button{flex:1}.p-tabs{gap:3px;padding-bottom:14px;display:flex}.playable .p-tabs button{border-color:#0000;border-bottom:2px solid var(--p-line);background:0 0;border-radius:0;flex:1;padding:7px 4px;font-size:11px}.playable .p-tabs button[aria-pressed=true]{border-bottom-color:var(--p-ink);color:var(--p-ink);background:#ebeada;font-weight:700}.p-mandatory{border-left:3px solid #be8750;margin:8px 0 18px;padding-left:12px}.p-mandatory h2{font-size:24px}.p-mandatory p:not(.p-eyebrow){font-size:13px}.p-destination,.p-trade-give{margin-bottom:12px}.p-destination .p-hint{margin-top:10px}.p-destination select{font-size:11px}.playable .p-link{background:0 0;border:none;padding:6px 0;font-size:11px;text-decoration:underline}.p-action-preview{background:#eceede;border:1px solid #c4c7af;border-radius:5px;margin-top:13px;padding:13px}.p-action-preview p{margin-bottom:8px;font-size:12px}.p-cost-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px!important}.p-cost{flex-wrap:wrap;gap:5px 9px;font-size:12px;display:inline-flex}.p-cost>span{align-items:center;gap:4px;display:inline-flex}.playable .p-confirm{width:100%;margin-top:16px}.p-trade-offer{background:#f3ead3;border:1px solid #baae89;border-radius:4px;margin-bottom:15px;padding:12px;font-size:12px}.p-trade-offer>strong{margin-bottom:10px;display:block}.p-trade-offer p{margin-bottom:7px}.p-catalog,.p-briefing{padding:0 16px;font-size:12px}.p-briefing>button{width:100%;margin-bottom:16px}.p-briefing>code{margin-bottom:16px;display:block}.p-scope-note{background:#f3e4c9;border-left:2px solid #b77940;padding:10px}.p-catalog-row{border-top:1px solid var(--p-line);flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.p-catalog-row>div{flex:1}.p-catalog-row>.p-cost{order:2;width:100%}.p-catalog-row>button{font-size:11px}.p-unavailable{width:110px;color:var(--p-muted);font-size:11px}.p-improvements{gap:6px;padding:12px 0;display:grid}.p-improvements>span{justify-content:space-between;display:flex}.p-victory{background:#f4e7bd;align-items:center;gap:20px;margin-bottom:20px;padding:24px;display:flex}.p-victory>div{flex:1}.p-victory h2{font-size:34px}.p-victory p:last-child{margin:0}.p-chronicle{margin-top:20px;padding:20px}.p-chronicle .p-section-heading>span{color:var(--p-muted);font-size:11px}.p-chronicle ol{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.p-chronicle li{border-top:1px solid var(--p-line);grid-template-columns:85px 65px minmax(0,1fr);gap:12px;padding:9px 0;font-size:12px;display:grid}.p-chronicle li>span{color:var(--p-muted);font-size:10px}.p-chronicle li>p{margin:0}@media (width>=1500px){.p-game{padding-inline:max(35px,50vw - 770px)}.p-table-layout{grid-template-columns:minmax(0,1fr) 350px}}@media (width>=1000px){.p-hand{box-shadow:0 -4px 25px #343c2220}.p-resource-hand:has(>:last-child:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr));max-width:550px}}@media (width<=999px){.p-lobby-layout{gap:28px}.p-table-layout{grid-template-columns:minmax(0,1fr) 280px;gap:12px}.p-control,.p-hand{padding:12px}.p-resource-hand{grid-template-columns:repeat(4,minmax(0,1fr))}.p-resource-card .p-resource-icon{width:25px;height:25px;margin:4px 0}}@media (width<=760px){.p-game .illustrated-board .board{height:clamp(310px,90vw,440px)}.p-lobby{padding:22px 18px}.p-lobby-layout{flex-direction:column;margin-top:22px;display:flex}.p-welcome{width:100%;padding-top:0}.p-welcome h1{font-size:54px}.p-island-art{max-height:220px}.p-lobby-note{display:none}.p-setup{width:100%}.p-saved{margin-top:15px}.p-game{padding:14px 12px 25px}.p-masthead{flex-wrap:wrap;gap:12px}.p-masthead h1{font-size:26px}.p-header-actions{justify-content:space-between;width:100%}.p-brand{font-size:22px}.p-brand small{font-size:10px}.p-turnstrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:12px}.p-seat{padding:9px}.p-seat-name{gap:5px}.p-seat-name strong{font-size:12px}.p-seat-name b{font-size:20px}.p-seat-name>small{font-size:9px}.p-seat-stats{gap:3px 8px;font-size:10px}.p-seat-mark{width:21px;height:21px;font-size:10px}.p-seat-awards{font-size:9px}.p-table-layout{flex-direction:column;gap:14px;display:flex}.p-board-column,.p-sidebar{width:100%}.p-sidebar{padding-top:0}.p-board-heading{font-size:10px}.p-resource-hand{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.p-resource-card>span{font-size:9px}.p-resource-card>strong,.p-section-heading h2{font-size:23px}.p-section-heading>strong{font-size:12px}.p-section-heading>strong small{font-size:9px}.p-control{padding:17px}.p-seat-picker select{font-size:14px}.p-victory{flex-wrap:wrap;padding:18px}.p-victory .p-compass{display:none}.p-victory>button{width:100%}.p-victory h2{font-size:28px}.p-chronicle{padding:15px}.p-chronicle li{grid-template-columns:65px minmax(0,1fr);gap:4px 10px}.p-chronicle li p{grid-column:1/-1}.p-chronicle h2{font-size:22px}}@media (prefers-reduced-motion:reduce){.playable *,.playable :before,.playable :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.playable.p-game{box-sizing:border-box;flex-direction:column;gap:8px;height:100dvh;min-height:0;padding:10px 12px;font-size:13px;display:flex;overflow:hidden}.p-game .p-masthead{flex-wrap:nowrap;flex:none;gap:12px;padding-bottom:8px}.p-game .p-masthead h1{font-size:23px}.p-game .p-compass{width:34px;height:34px}.p-game .p-brand{gap:8px;min-width:0}.p-game .p-brand small{font-size:10px}.p-game .p-header-actions{flex-shrink:0;gap:8px;width:auto}.p-game button,.p-game select{min-height:34px;padding:6px 9px}.p-game .p-header-actions button{white-space:nowrap;font-size:11px}.p-game .p-refresh-button{width:32px;padding:5px}.p-refresh-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.p-game .p-save-status{font-size:10px}.p-game .p-connection{flex:none;max-height:28dvh;overflow:auto}.p-game .p-error,.p-game .p-recovery{padding:8px;font-size:12px;margin:0!important}.p-game .p-turnstrip{flex:none;gap:7px;margin:0}.p-game .p-seat{padding:6px 8px}.p-game .p-seat-mark{width:19px;height:19px;font-size:10px}.p-game .p-seat-name{gap:5px}.p-game .p-seat-name b{font-size:20px}.p-game .p-seat-name strong{font-size:12px}.p-game .p-seat-name>small{font-size:9px}.p-game .p-seat-stats{gap:3px 8px;margin-top:4px;font-size:10px}.p-game .p-seat-awards{margin-top:3px;font-size:9px}.p-seat-development{font-variant-numeric:tabular-nums;margin-left:auto}.p-game .p-table-layout{flex:1;grid-template:"label controls""board controls"minmax(0,1fr)"hand controls"/minmax(0,1fr) clamp(270px,28vw,350px);align-items:stretch;gap:6px 12px;min-height:0;display:grid}.p-game .p-board-column{display:contents}.p-game .p-board-heading{grid-area:label;margin:0;font-size:10px}.p-game .p-board-heading .p-eyebrow{margin:0}.p-game .p-placement-link,.p-game .p-tile-note{display:none}.p-game .illustrated-board{flex-direction:column;grid-area:board;min-height:0;display:flex;position:relative;overflow:hidden}.p-game .illustrated-board .board{flex:1;width:100%;height:100%;min-height:0}.p-game .illustrated-board .board-tools{flex:none;gap:4px 8px;padding:5px 7px}.p-game .illustrated-board .board-tools button{min-width:32px;min-height:32px;padding:4px 7px}.p-game .illustrated-board .board-pan-hint{flex:none;padding:2px 8px 5px;font-size:9px;line-height:1.3}.p-game .illustrated-board .board-caption{flex:none;gap:4px 12px;padding:4px 8px;font-size:9px}.p-game .illustrated-board .board-owner-key{display:none}.p-game .illustrated-board .board-summary{flex:none}.p-game .illustrated-board .board-summary summary{min-height:24px;padding:4px 8px}.p-game .illustrated-board .board-summary[open]{z-index:3;max-height:75%;position:absolute;inset:auto 0 0;overflow:auto;box-shadow:0 -5px 20px #152f3655}.p-game .illustrated-board .board-inspector{z-index:2;max-height:40%;padding:8px;position:absolute;inset:auto 7px 52px;overflow:auto}.p-game .p-hand{border-bottom-width:3px;grid-area:hand;min-width:0;margin:0;padding:7px 9px}.p-game .p-hand .p-section-heading{gap:6px;margin-bottom:5px}.p-game .p-hand .p-eyebrow{display:none}.p-game .p-hand h2{margin:0;font-size:17px}.p-game .p-hand .p-section-heading>strong{font-size:11px}.p-game .p-hand .p-section-heading small{margin-left:4px;font-size:9px;display:inline}.p-game .p-resource-hand{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-width:none}.p-game .p-resource-hand:has(>:last-child:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}.p-game .p-resource-card{box-shadow:none;border-bottom-width:2px;grid-template-columns:1fr 1fr;place-items:center;padding:3px 4px;display:grid}.p-game .p-resource-card>span{grid-column:1/-1;font-size:10px}.p-game .p-resource-card .p-resource-icon{width:22px;height:22px;margin:0}.p-game .p-resource-card>strong{font-variant-numeric:tabular-nums;font-size:22px}.p-game .p-bank-count{grid-column:1/-1;font-size:9px}.p-game .p-private-cards{gap:4px;max-height:80px;margin-top:5px;overflow:auto}.p-game .p-private-cards>div{gap:5px;padding:4px 6px;font-size:10px}.p-game .p-private-cards small{font-size:9px}.p-game .p-private-cards .p-resource-icon{width:17px;height:17px}.p-game .p-sidebar{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;grid-area:controls;gap:8px;width:auto;min-height:0;padding:0;display:flex;overflow:auto}.p-game .p-control{flex:none;padding:10px}.p-game .p-control>.p-section-heading{gap:7px;margin:0 0 7px}.p-game .p-seat-label{display:none}.p-game .p-seat-picker select{margin:0;font-size:11px}.p-game .p-turn-status{border-block:1px solid var(--p-line);align-items:center;gap:9px;margin-bottom:7px;padding-block:6px;display:flex}.p-game .p-dice-row{border:0;flex:1;gap:4px;min-width:0;margin:0;padding:0}.p-game .p-die{width:26px;height:26px}.p-game .p-dice-row>div{margin:0;font-size:10px}.p-game .p-dice-row small{font-size:9px}.p-game .p-barbarians{flex:1;min-width:0;margin:0}.p-game .p-barbarians>div{flex-wrap:wrap;gap:4px;font-size:9px}.p-game .p-barbarians>small{display:none}.p-game .p-barbarians meter{height:12px}.p-defense{font-size:10px;display:block}.p-game .p-turn-actions{margin-bottom:5px}.p-game .p-tabs{gap:2px;padding-bottom:6px}.p-game .p-tabs button{min-height:30px;padding:5px 3px;font-size:10px}.p-game .p-mandatory{margin:5px 0 8px;padding-left:8px}.p-game .p-mandatory .p-eyebrow{margin-bottom:4px;font-size:9px}.p-game .p-mandatory h2,.p-game .p-waiting h2{margin-bottom:5px;font-size:17px}.p-game .p-mandatory p,.p-game .p-waiting p{margin-bottom:5px;font-size:11px}.p-game .p-mandatory>strong{font-size:11px}.p-game .p-hint{margin-bottom:5px;font-size:11px}.p-game .p-destination,.p-game .p-trade-give{margin-bottom:6px}.p-game .p-destination .p-hint{margin-top:5px}.p-game .p-actions label{font-size:10px}.p-game .p-actions select{margin-top:3px;font-size:11px}.p-game .p-action-preview{margin-top:6px;padding:8px}.p-game .p-action-preview h3{margin-bottom:4px;font-size:13px}.p-game .p-action-preview p{margin-bottom:4px;font-size:10px}.p-game .p-cost-label{display:none}.p-game .p-cost{gap:3px 6px;font-size:11px}.p-game .p-cost .p-resource-icon{width:18px;height:18px}.p-game .p-confirm{margin-top:8px;font-size:11px}.p-game .p-catalog{flex:none;padding:8px}.p-game .p-catalog h2{margin-bottom:6px;font-size:15px}.p-build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.p-game .p-build-tile{text-align:left;flex-direction:column;align-items:stretch;gap:4px;min-width:0;padding:5px 6px;font-size:11px;display:flex}.p-game .p-build-tile:disabled{opacity:1;color:var(--p-muted);cursor:default;background:#f0eddf}.p-game .p-build-available{background:#e4edd8;border-color:#6c8660}.p-build-tile>span:first-child{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.p-build-tile small{font-size:9px}.p-game .p-build-tile .p-cost-compact{gap:2px 5px}.p-game .p-cost-compact .p-resource-icon{width:14px;height:14px}.p-game .p-cost-compact>span{gap:2px;font-size:10px}.p-game .p-improvements{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px 0 0}.p-game .p-improvements>span{text-align:center;background:#ecebdc;border-radius:3px;justify-content:stretch;padding:4px;font-size:9px;display:grid}.p-game .p-improvements strong{font-size:12px}.p-game .p-improvements small{font-size:9px}.p-game .p-improvements p{grid-column:1/-1;margin:0;font-size:10px}.p-build-note{margin-top:5px;font-size:9px!important}.p-game .trade-panel{margin-bottom:8px;padding:8px}.p-game .trade-panel .trade-panel__heading{margin-bottom:5px}.p-game .trade-panel .trade-panel__heading h3{font-size:17px}.p-game .trade-panel p,.p-game .trade-panel .trade-panel__hint{margin:4px 0 6px;font-size:10px}.p-game .trade-panel button{min-height:32px;padding:5px 7px;font-size:11px}.p-game .trade-panel .trade-panel__goods button{padding:4px;font-size:10px}.p-game .trade-panel .trade-panel__goods small{font-size:9px}.p-game .trade-panel .trade-panel__single{margin-top:4px}.p-game .trade-panel .trade-panel__single summary{min-height:26px;padding:5px 0}.p-game .trade-panel .trade-panel__preview{min-height:20px;margin-bottom:4px}.p-game .trade-panel .trade-panel__chip{padding:2px 5px;font-size:10px}.p-game .trade-panel .trade-panel__basket{padding-top:5px}.p-game .trade-panel h4{margin-bottom:4px;font-size:10px}.p-game .trade-panel .trade-panel__baskets{gap:6px}.p-game .trade-panel .trade-panel__responses{gap:5px;margin:5px 0;display:flex}.p-game .trade-panel .trade-panel__responses li{background:#efebdd;flex-direction:column;flex:1;gap:0;padding:3px;font-size:10px}.p-game .p-victory{flex:none;gap:10px;margin:0;padding:8px 12px}.p-game .p-victory h2{margin-bottom:4px;font-size:20px}.p-game .p-victory p{font-size:11px}.p-game .p-victory .p-eyebrow,.p-game .p-victory .p-compass{display:none}.p-game .p-chronicle{flex:none;align-items:center;gap:12px;min-width:0;margin:0;padding:5px 8px;display:flex}.p-game .p-chronicle .p-section-heading{flex-direction:column;flex:none;gap:2px;margin:0;display:flex}.p-game .p-chronicle h2{display:none}.p-game .p-chronicle .p-section-heading>span{font-size:9px}.p-game .p-chronicle button{min-height:26px;padding:3px 7px;font-size:10px}.p-game .p-chronicle ol{flex:1;min-width:0;max-height:45px;overflow:hidden}.p-game .p-chronicle li{border:none;align-items:baseline;gap:8px;min-width:0;padding:2px 0;font-size:10px;display:flex}.p-game .p-chronicle li>span{flex:none;font-size:9px}.p-game .p-chronicle li>strong{flex:none}.p-game .p-chronicle li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p-game .p-chronicle>p{margin:0;font-size:11px}.playable.p-dialog{border:1px solid var(--p-line);background:var(--p-paper);width:min(680px,100vw - 24px);max-width:none;min-height:0;max-height:calc(100dvh - 24px);color:var(--p-ink);border-radius:7px;padding:0;position:fixed}.p-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#122c32a6}.p-dialog>header{background:var(--p-paper);border-bottom:1px solid var(--p-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.p-dialog>header h2{margin:0;font-size:22px}.p-dialog-content{padding:16px}.p-full-history{margin:0;padding:0;list-style:none}.p-full-history li{border-bottom:1px solid var(--p-line);grid-template-columns:80px 65px minmax(0,1fr);gap:6px;padding:9px 0;font-size:12px;display:grid}.p-full-history li>span{font-size:10px}.p-full-history p{margin:0}@media (width<=760px) and (height>=541px){.playable.p-game{gap:6px;padding:7px}.p-game .p-masthead h1{font-size:19px}.p-game .p-brand .p-compass{display:none}.p-game .p-brand small{max-width:180px;font-size:9px}.p-game .p-save-status{display:none}.p-game .p-header-actions,.p-game .p-turnstrip{gap:4px}.p-game .p-seat{padding:5px}.p-game .p-seat-name{flex-wrap:wrap;gap:3px}.p-game .p-seat-name>small{display:none}.p-game .p-seat-name b{font-size:17px}.p-game .p-seat-stats{gap:2px 6px;font-size:9px}.p-game .p-seat-awards{display:none}.p-game .p-table-layout{grid-template:"label""board"minmax(120px,1fr)"hand""controls"minmax(180px,.7fr)/minmax(0,1fr);gap:5px}.p-game .p-sidebar{grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;display:grid}.p-game .p-control{padding:7px}.p-game .p-control>.p-section-heading{float:left;width:49%;margin:0 2% 5px 0}.p-game .p-turn-status{border:none;min-height:34px;margin:0 0 5px;padding:0}.p-game .p-actions,.p-game .p-waiting{clear:both}.p-game .p-control .p-ai-toggle{width:63px;font-size:10px}.p-game .p-turn-status .p-dice-row>div{display:none}.p-game .p-die{width:20px;height:20px}.p-game .p-barbarians>div>span{display:none}.p-game .p-barbarians>div{font-size:8px}.p-game .p-defense{font-size:9px}.p-game .illustrated-board .board-pan-hint{display:none}.p-game .illustrated-board .board-tools{gap:4px;padding:4px}.p-game .illustrated-board .board-tools button{padding:4px 6px;font-size:10px}.p-game .illustrated-board .board-pan-tools,.p-game .illustrated-board .board-caption>span:not(:first-child),.p-game .illustrated-board .board-summary{display:none}.p-game .p-hand{padding:5px 6px}.p-game .p-hand h2{font-size:14px}.p-game .p-hand .p-section-heading small{display:none}.p-game .p-resource-hand{gap:3px}.p-game .p-resource-card{padding:2px}.p-game .p-resource-card>span{font-size:8px}.p-game .p-resource-card>strong{font-size:17px}.p-game .p-resource-card .p-resource-icon{width:16px;height:16px}.p-game .p-bank-count{font-size:8px}.p-game .p-build-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p-game .p-chronicle{gap:7px;padding:3px 5px}.p-game .p-chronicle .p-section-heading>span,.p-game .p-chronicle li>span{display:none}}@media (height<=680px) and (width>=761px){.playable.p-game{gap:5px;padding:6px 9px}.p-game .p-masthead{padding-bottom:5px}.p-game .p-masthead h1{font-size:20px}.p-game .p-seat-awards{display:none}.p-game .p-table-layout{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"board controls""hand hand";gap:5px 9px}.p-game .p-board-heading,.p-game .illustrated-board .board-pan-hint,.p-game .illustrated-board .board-summary{display:none}.p-game .illustrated-board .board-tools button{min-height:28px}.p-game .illustrated-board .board-pan-tools{display:none}.p-game .illustrated-board .board-caption{padding:3px 7px}.p-game .illustrated-board .board-caption>span:not(:first-child){display:none}.p-game .p-hand{align-items:center;gap:10px;padding:4px 8px;display:flex}.p-game .p-hand .p-section-heading{flex-direction:column;flex:none;align-items:start;margin:0}.p-game .p-hand .p-section-heading small{display:none}.p-game .p-resource-hand{flex:1}.p-game .p-resource-card{grid-template-columns:auto auto auto;gap:3px;padding:3px 5px}.p-game .p-resource-card>span{grid-column:auto;font-size:9px}.p-game .p-resource-card>strong{font-size:18px}.p-game .p-resource-card .p-resource-icon{width:18px;height:18px}.p-game .p-bank-count{display:none}.p-game .p-private-cards{max-width:25%;max-height:50px;margin:0}.p-game .p-private-cards small{display:none}.p-game .p-chronicle{padding:3px 7px}.p-game .p-chronicle ol{max-height:20px}.p-game .p-chronicle .p-section-heading{flex-direction:row;gap:7px}.p-game .p-control>.p-section-heading{float:left;width:52%;margin:0 2% 5px 0}.p-game .p-turn-status{border:none;min-height:34px;margin:0 0 5px;padding:0}.p-game .p-actions,.p-game .p-waiting{clear:both}.p-game .p-turn-status .p-dice-row>div{display:none}.p-game .p-die{width:20px;height:20px}.p-game .p-control .p-ai-toggle{width:63px;font-size:10px}.p-game .p-barbarians>div>span{display:none}}@media (height<=540px) and (width<=760px){.playable.p-game{gap:4px;padding:5px}.p-game .p-masthead{padding:0}.p-game .p-brand .p-compass,.p-game .p-save-status,.p-game .p-brand small{display:none}.p-game .p-turnstrip{gap:4px}.p-game .p-seat{padding:4px}.p-game .p-seat-awards,.p-game .p-seat-name>small,.p-game .p-seat-development{display:none}.p-game .p-seat-stats{font-size:9px}.p-game .p-table-layout{grid-template:"board controls"minmax(0,1fr)"hand hand"/minmax(0,1fr) minmax(190px,45%);gap:4px}.p-game .p-board-heading,.p-game .illustrated-board .board-pan-hint,.p-game .illustrated-board .board-pan-tools,.p-game .illustrated-board .board-caption,.p-game .illustrated-board .board-summary{display:none}.p-game .illustrated-board .board-tools{gap:2px;padding:2px}.p-game .illustrated-board .board-tools button{min-width:26px;min-height:28px;font-size:9px}.p-game .p-hand{padding:3px}.p-game .p-hand .p-section-heading,.p-game .p-bank-count{display:none}.p-game .p-resource-card{flex-direction:row;justify-content:space-around;display:flex}.p-game .p-resource-card .p-resource-icon{display:none}.p-game .p-resource-card>span{font-size:8px}.p-game .p-resource-card>strong{font-size:16px}.p-game .p-chronicle .p-section-heading>span{display:none}.p-game .p-chronicle ol{max-height:20px}}@media (pointer:coarse){.p-game button,.p-game select,.p-game .trade-panel button{min-height:40px}.p-game .illustrated-board .board-tools button{min-width:40px;min-height:40px}}@media (width<=380px) and (height<=700px) and (height>=541px){.p-game .p-seat-name>.p-seat-mark,.p-game .p-seat-development{display:none}.p-game .p-seat-name{flex-wrap:nowrap}.p-game .p-seat-name strong{font-size:10px}.p-game .p-seat-name b{font-size:15px}.p-game .p-seat-stats{gap:2px 4px;font-size:8px}.p-game .p-table-layout{grid-template-rows:auto minmax(145px,1fr) auto minmax(95px,.7fr)}.p-game .illustrated-board .board-zoom-level{min-width:28px;font-size:9px}.p-game .illustrated-board .board-tools button{padding-inline:4px;font-size:9px}.p-game .p-private-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-height:44px;display:grid}.p-game .p-private-cards>div{min-width:0;padding:2px 3px;font-size:8px}.p-game .p-private-cards small,.p-game .p-bank-count{display:none}.p-game .p-private-cards .p-resource-icon{width:12px;height:12px}.p-game .p-control{padding:5px}.p-game .p-turn-status{margin-bottom:2px}}@media (height<=440px) and (width>=761px){.p-game .illustrated-board .board-caption{display:none}.p-game .p-resource-card{flex-direction:row;justify-content:space-between;gap:3px;display:flex}.p-game .p-resource-card .p-resource-icon{display:none}.p-game .p-resource-card>span{white-space:nowrap}}@media (height>=1000px) and (width>=900px){.p-game .p-control{padding:14px}.p-game button,.p-game select{min-height:38px}.p-game .p-seat-name strong{font-size:13px}.p-game .p-seat-stats{font-size:11px}.p-game .p-seat-picker select,.p-game .p-actions select{font-size:13px}.p-game .p-tabs button,.p-game .p-hint,.p-game .p-confirm{font-size:12px}.p-game .p-action-preview{padding:12px}.p-game .p-action-preview h3{font-size:15px}.p-game .p-action-preview p{font-size:12px}.p-game .p-catalog{padding:12px}.p-game .p-build-tile{padding:8px;font-size:13px}.p-game .p-build-tile small,.p-game .p-improvements>span{font-size:11px}.p-game .p-cost-compact>span{font-size:12px}.p-game .p-cost-compact .p-resource-icon{width:18px;height:18px}.p-game .trade-panel{padding:12px}.p-game .trade-panel p,.p-game .trade-panel .trade-panel__hint{font-size:12px}.p-game .trade-panel button{min-height:36px;font-size:12px}.p-game .trade-panel .trade-panel__goods button{padding:6px;font-size:12px}}.p-game .p-seat-awards{flex-wrap:wrap;gap:2px 4px;display:flex}.p-game .p-seat-awards:empty{display:none}.p-seat-awards>span{color:#344c37;background:#e4e8d5;border-radius:2px;padding:1px 3px}.p-trade-handoff{margin-top:6px}.p-game .p-trade-handoff button{font-size:10px}@media (width<=380px) and (height<=700px) and (height>=541px){.p-game .p-brand small,.p-game .p-board-heading,.p-game .p-seat-stats>span:nth-child(n+3){display:none}.p-game .p-table-layout{grid-template-rows:minmax(170px,1fr) auto minmax(130px,.7fr);grid-template-areas:"board""hand""controls"}.p-game .illustrated-board .board-caption{display:none}.p-game .p-private-cards{flex-wrap:nowrap;max-height:26px;display:flex;overflow:auto}.p-game .p-private-cards>div{flex:none}.p-game .p-chronicle ol{max-height:18px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5efe5;--inset:#eee5d7;--surface:#fffdf8;--line:#d9cfbe;--line-strong:#bdb09a;--text:#2b2622;--text-2:#70675b;--text-3:#857b6e;--copper-fill:#aa501e;--copper-rgb:170, 80, 30;--copper:#94481d;--moss-fill:#4d7a3a;--moss:#3d6230;--warning:#95611c;--error:#bf4a35;--on-fill:#fffdf8;--backdrop:#0009;--board-sea:#2b5556;--seat-red:#b8432f;--seat-blue:#2f6f9a;--seat-green:#4d7a3a;--seat-orange:#c4741c;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--good-lumber:#4f7a3f;--good-brick:#b0553a;--good-wool:#8db35a;--good-grain:#d9a93a;--good-ore:#7d8591;--good-coin:#3f6fa8;--good-paper:#2f9a7c;--good-cloth:#b59a68;--deck-science:var(--good-paper);--deck-trade:var(--good-cloth);--deck-politics:var(--good-coin);--tint-hover:rgba(var(--copper-rgb), .07);--tint-selected:rgba(var(--copper-rgb), .11)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14120f;--inset:#24201a;--surface:#1d1a15;--line:#35302a;--line-strong:#544b40;--text:#ece5d8;--text-2:#aaa08d;--text-3:#847b6b;--copper-fill:#e08a4f;--copper-rgb:224, 138, 79;--copper:#f0b184;--moss-fill:#8fae6e;--moss:#a9c489;--warning:#e8b46a;--error:#e0654f;--on-fill:#14120f;--board-sea:#1c3a3b;--seat-red:#e0654f;--seat-blue:#6fa8d6;--seat-green:#8fae6e;--seat-orange:#e8a45a;--good-coin:#6fa0d8;--good-paper:#52bf9c;--good-cloth:#d8c29a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14120f;--inset:#24201a;--surface:#1d1a15;--line:#35302a;--line-strong:#544b40;--text:#ece5d8;--text-2:#aaa08d;--text-3:#847b6b;--copper-fill:#e08a4f;--copper-rgb:224, 138, 79;--copper:#f0b184;--moss-fill:#8fae6e;--moss:#a9c489;--warning:#e8b46a;--error:#e0654f;--on-fill:#14120f;--board-sea:#1c3a3b;--seat-red:#e0654f;--seat-blue:#6fa8d6;--seat-green:#8fae6e;--seat-orange:#e8a45a;--good-coin:#6fa0d8;--good-paper:#52bf9c;--good-cloth:#d8c29a}body{background:var(--bg);color:var(--text);margin:0}.t-table{--rail:clamp(340px, 27vw, 430px);grid-template:"top top" auto "board rail" minmax(0, 1fr) "hand rail" auto / minmax(0, 1fr) var(--rail);background:var(--bg);color:var(--text);font:14px/1.4 var(--sans);overflow-wrap:normal;display:grid;position:fixed;inset:0;overflow:hidden}.t-table *,.t-table :before,.t-table :after{box-sizing:border-box}.t-table :is(h1,h2,h3,p){margin:0}.t-table button{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:0;padding:6px 12px}.t-table button:hover:not(:disabled){border-color:var(--copper-fill);background:var(--tint-hover)}.t-table button:focus-visible{outline:2px solid var(--copper-fill);outline-offset:2px}.t-table button:disabled{opacity:.5;cursor:not-allowed}.t-table button[aria-pressed=true]{background:var(--tint-selected);color:var(--copper);box-shadow:inset 0 -2px 0 var(--copper-fill)}.t-table .t-primary{border-color:var(--copper-fill);background:var(--copper-fill);color:var(--on-fill);font-weight:500}.t-table .t-primary:hover:not(:disabled){background:var(--copper);border-color:var(--copper)}.t-table .t-quiet{border-color:var(--line);color:var(--text-2);background:0 0;font-size:13px}.t-table em{font-style:normal}.t-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.t-visually-hidden,.board-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.t-top{border-bottom:1px solid var(--line);background:var(--surface);grid-area:top;align-items:stretch;gap:12px;min-height:60px;padding:6px 12px;display:flex}.t-identity{align-items:center;gap:8px;min-width:108px;display:flex}.t-identity .p-compass{fill:none;width:30px;height:30px;stroke:var(--moss);stroke-width:2px}.t-identity strong{font:500 19px/1.1 var(--serif);display:block}.t-identity small,.t-seat small,.t-roll small,.t-barbarians small{font:11px/1.3 var(--mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.t-seats{flex:1;gap:6px;min-width:0;display:grid}.t-table .t-seat{border:1px solid var(--line);border-left:4px solid var(--seat-color);background:var(--surface);text-align:left;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:48px;padding:4px 10px 4px 12px;display:flex}.t-seat-red{--seat-color:var(--seat-red)}.t-seat-blue{--seat-color:var(--seat-blue)}.t-seat-green{--seat-color:var(--seat-green)}.t-seat-orange{--seat-color:var(--seat-orange)}.t-table .t-seat.is-active{background:var(--tint-selected);box-shadow:inset 0 -2px 0 var(--copper-fill)}.t-seat-line{align-items:baseline;gap:6px;display:flex}.t-seat-line strong{font:500 16px/1.1 var(--serif)}.t-seat-line b{font:500 22px/1 var(--serif);font-variant-numeric:tabular-nums;margin-left:auto}.t-seat-stats{font:12px/1.2 var(--mono);color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 10px;display:flex}.t-seat-stats>span{align-items:center;gap:3px;display:inline-flex}.t-seat-stats .t-icon{width:13px;height:13px}.t-seat-stats em{border:1px solid var(--moss);color:var(--moss);text-transform:uppercase;letter-spacing:.06em;padding:0 4px;font-size:10px}.t-roll{align-items:center;gap:6px;display:flex}.t-roll .p-die{width:30px;height:30px}.t-roll .p-die rect{fill:var(--surface);stroke:var(--text-2);stroke-width:1.5px}.t-roll .p-die circle{fill:var(--text)}.t-roll .p-die path{stroke:var(--text-3);stroke-width:2px}.t-roll strong{min-width:2ch;font:500 22px/1 var(--serif);font-variant-numeric:tabular-nums;display:block}.t-event-barbarian{color:var(--error)!important}.t-barbarians{flex-direction:column;justify-content:center;gap:4px;display:flex}.t-track{gap:2px;display:flex}.t-track i{border:1px solid var(--line-strong);width:12px;height:8px}.t-track i.is-past{background:var(--line)}.t-track i.is-ship{background:var(--error);border-color:var(--error)}.t-track i:last-child{border-color:var(--text-2)}.t-barbarians small{text-transform:none;align-items:center;gap:4px;display:inline-flex}.t-barbarians .t-icon{width:13px;height:13px}.t-utility{align-items:center;gap:6px;display:flex}.t-table .t-status{max-width:150px;font:11px/1.3 var(--mono);color:var(--text-3);text-align:right;background:0 0;border-color:#0000}.t-status-busy{color:var(--text-2)}.t-status-warning{color:var(--warning)}.t-table .t-theme{width:44px;padding:0;font-size:18px}.t-board-area{background:var(--board-sea);grid-area:board;min-height:0;position:relative;overflow:hidden}.t-board-area .illustrated-board.is-compact{background:0 0;position:absolute;inset:0}.t-board-area .illustrated-board.is-compact .board{touch-action:none;width:100%;height:100%;display:block}.t-board-area .illustrated-board.is-compact .board-tools{z-index:2;background:0 0;padding:0;position:absolute;bottom:10px;right:10px}.t-board-area .illustrated-board.is-compact .board-zoom-tools{background:#0d1f20cc;border:1px solid #ffffff40;gap:0}.t-board-area .illustrated-board.is-compact .board-tools button{color:#f3ecdc;border:0;border-radius:0;font-size:16px}.t-board-area .illustrated-board.is-compact .board-zoom-level{display:none}.t-board-area .illustrated-board.is-compact .board-fit{font-size:13px}.t-table .t-ticker{z-index:2;color:#f3ecdc;text-align:left;background:#0d1f20cc;border:1px solid #ffffff30;align-items:center;gap:8px;max-width:calc(100% - 200px);min-height:40px;font-size:13px;display:flex;position:absolute;bottom:10px;left:10px}.t-ticker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.t-rail{border-left:1px solid var(--line);background:var(--surface);grid-area:rail;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.t-now{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;max-height:62dvh;padding:14px 16px 12px;display:flex}.t-now.is-decision{box-shadow:inset 3px 0 0 var(--copper-fill)}.t-kicker,.t-step{font:11px/1.2 var(--mono);color:var(--moss);text-transform:uppercase;letter-spacing:.12em}.t-now.is-decision .t-kicker{color:var(--copper)}.t-now h2{font:500 23px/1.15 var(--serif);margin-top:3px}.t-detail{color:var(--text-2);margin-top:4px;font-size:14px}.t-count{font:500 13px var(--mono);color:var(--copper);margin-top:6px;display:inline-block}.t-now-body{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.t-alert{border-left:3px solid var(--error);background:var(--inset);color:var(--text);padding:8px 10px;font-size:13px}.t-alert button{margin-top:6px}.t-recovery{border-left:3px solid var(--warning);background:var(--inset);gap:6px;padding:8px 10px;display:grid}.t-vote{border-left:3px solid var(--copper);background:var(--inset);gap:6px;padding:8px 10px;display:grid}.t-undone{color:var(--text);margin:0 0 4px;padding-left:18px;font-size:14px}.t-inspection{background:var(--inset);flex-wrap:wrap;gap:6px 10px;padding:8px 10px;font-size:13px;display:flex}.t-spots{flex-wrap:wrap;gap:4px;max-height:150px;display:flex;overflow-y:auto}.t-table .t-spots button{border-color:var(--line);min-height:36px;color:var(--text-2);padding:4px 8px;font-size:12px}.t-table .t-spots button.is-suggested,.t-table .t-choice.is-suggested,.t-table .t-suggestion,.t-table .t-turn-button.is-suggested{box-shadow:inset 3px 0 0 var(--moss-fill)}.t-table :is(.t-spots,.t-choice,.t-suggestion,.t-turn-button,.t-option-label) em{border:1px solid var(--moss);color:var(--moss);font:10px/16px var(--mono);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-left:6px;padding:0 5px}.t-table .t-suggestion{text-align:left;align-items:center;gap:8px;min-height:48px;display:flex}.t-table .t-suggestion em{margin:0}.t-choices{flex-direction:column;gap:8px;display:flex}.t-choice-list{gap:4px;display:grid}.t-table .t-choice{text-align:left;align-items:center;gap:8px;min-height:48px;display:flex}.t-choice>span:first-child{flex:1}.t-confirm{gap:6px;display:grid}.t-confirm p{color:var(--text-2);font-size:13px}.t-table .t-confirm .t-primary{text-align:left;justify-content:space-between;align-items:center;gap:10px;min-height:52px;font-size:16px;display:flex}.t-confirm .t-primary .t-cost{color:inherit}.t-turn{gap:8px;display:flex}.t-table .t-turn-button{flex:1;min-height:54px;font-size:17px}.t-table .t-turn .t-quiet{min-width:96px}.t-resource-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:4px;display:grid}.t-table .t-resource{border-top:4px solid var(--good-color);flex-direction:column;align-items:center;gap:2px;min-height:72px;padding:6px 4px;display:flex}.t-resource .t-icon{width:24px;height:24px;color:var(--good-color)}.t-resource strong{text-transform:capitalize;font-size:13px}.t-resource small{font:11px var(--mono);color:var(--text-2)}.t-resource-grid.is-compact .t-resource{min-height:56px}.t-bank{gap:6px;display:grid}.t-table .t-bank .t-primary{min-height:52px}.t-good-lumber{--good-color:var(--good-lumber)}.t-good-brick{--good-color:var(--good-brick)}.t-good-wool{--good-color:var(--good-wool)}.t-good-grain{--good-color:var(--good-grain)}.t-good-ore{--good-color:var(--good-ore)}.t-good-cloth{--good-color:var(--good-cloth)}.t-good-coin{--good-color:var(--good-coin)}.t-good-paper{--good-color:var(--good-paper)}.t-cost{font:12px/1 var(--mono);color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 6px;display:inline-flex}.t-cost>span{align-items:center;gap:1px;display:inline-flex}.t-cost .t-icon{width:14px;height:14px;color:var(--good-color,currentColor)}.t-primary .t-cost .t-icon{color:inherit}.t-cost .is-short{color:var(--error);font-weight:600}.t-options{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.t-options>header{justify-content:space-between;align-items:baseline;padding:10px 16px 6px;display:flex}.t-options h2{font:500 17px var(--serif)}.t-options>header small{font:11px var(--mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em}.t-options-scroll{overscroll-behavior:contain;min-height:0;padding:0 8px 12px;overflow-y:auto}.t-option-group h3{font:10px var(--mono);color:var(--moss);text-transform:uppercase;letter-spacing:.14em;padding:8px 8px 4px}.t-option-group h3:before{content:"// ";color:var(--text-3)}.t-table .t-option{border-color:var(--line);text-align:left;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:-1px;padding:4px 10px;display:grid}.t-option>.t-icon{width:22px;height:22px;color:var(--text-3)}.t-option-ready>.t-icon{color:var(--copper)}.t-option-label{font-size:15px}.t-option-ready .t-option-label{font-weight:500}.t-option-state{font:12px var(--mono);color:var(--text-2);flex-direction:column;align-items:flex-end;gap:3px;display:flex}.t-option-ready .t-option-state small{color:var(--moss)}.t-table .t-option:disabled{opacity:1;cursor:default;color:var(--text-2)}.t-table .t-option-blocked:disabled{opacity:.6}.t-missing{color:var(--error);gap:6px;font-weight:600;display:inline-flex}.t-missing>span{align-items:center;gap:1px;display:inline-flex}.t-missing .t-icon{color:var(--good-color,currentColor);width:14px;height:14px}.t-table .t-option.is-suggested{box-shadow:inset 3px 0 0 var(--moss-fill)}.t-hand{border-top:1px solid var(--line);background:var(--surface);grid-area:hand;align-items:stretch;gap:10px;min-height:84px;padding:8px 12px;display:flex}.t-goods{gap:4px;display:flex}.t-good{border:1px solid var(--line);border-top:4px solid var(--good-color);background:var(--surface);grid-template:"icon count""name name"/auto 1fr;align-items:center;gap:0 6px;min-width:70px;padding:6px 8px;display:grid;position:relative}.t-good .t-icon{width:22px;height:22px;color:var(--good-color);grid-area:icon}.t-good strong{font:500 26px/1 var(--serif);text-align:right;font-variant-numeric:tabular-nums;grid-area:count}.t-good small{font:10px var(--mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;grid-area:name}.t-good.is-empty{border-top-color:var(--line)}.t-good.is-empty strong,.t-good.is-empty .t-icon{color:var(--text-3)}.t-good i{font:9px var(--mono);color:var(--warning);font-style:normal;position:absolute;top:2px;right:4px}.t-hand-total{border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-width:70px;padding:4px 8px;display:flex}.t-hand-total strong{font:500 24px/1 var(--serif);font-variant-numeric:tabular-nums}.t-hand-total small{font:10px var(--mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.t-hand-total.is-risk{border-color:var(--error);box-shadow:inset 0 3px 0 var(--error)}.t-hand-total.is-risk :is(strong,small){color:var(--error)}.t-cards{flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.t-table .t-card{border-top:4px solid var(--deck-color,var(--line-strong));text-align:left;flex-direction:column;flex:none;justify-content:space-between;width:104px;padding:6px 8px;display:flex}.t-table .t-card:disabled{opacity:.75}.t-card strong{font:500 13px/1.15 var(--serif)}.t-card small{font:10px var(--mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.t-card:not(:disabled) small{color:var(--copper)}.t-card-science{--deck-color:var(--deck-science)}.t-card-trade{--deck-color:var(--deck-trade)}.t-card-politics{--deck-color:var(--deck-politics)}.t-loading{flex-direction:column;grid-area:board/board/rail/rail;justify-content:center;align-items:center;gap:12px;display:flex}.t-loading .p-compass{fill:none;width:64px;stroke:var(--moss);stroke-width:2px}.t-loading h2{font:500 24px var(--serif)}.p-dialog.playable{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:0;box-shadow:0 20px 80px #0007}.p-dialog.playable::backdrop{background:var(--backdrop)}.p-dialog.playable :is(button){border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--text);border-radius:0}.t-now .trade-panel{color:var(--text);background:0 0;border:0;padding:0}@media (width<=1280px){.t-top{flex-wrap:wrap;row-gap:6px}.t-seats{flex-basis:100%;order:5}.t-utility{margin-left:auto}.t-good{min-width:58px;padding:4px 6px}.t-good strong{font-size:22px}}@media (aspect-ratio<=1){.t-table{grid-template:"top""board"minmax(0,1fr)"hand""rail"minmax(0,40dvh)/100%}.t-rail{border-left:0;border-top:1px solid var(--line);grid-template:minmax(0,1fr)/minmax(0,1.1fr) minmax(0,1fr)}.t-now{border-bottom:0;border-right:1px solid var(--line);max-height:none}.t-hand{flex-wrap:wrap}.t-goods{flex:100%}.t-good{flex:1;min-width:0}}@media (width<=759px),(height<=599px){.t-table{grid-template:"top""board"min(70dvh,90vw)"hand""rail"/100%;min-height:100dvh;position:relative;inset:auto;overflow:visible}.t-rail{border-left:0;border-top:1px solid var(--line);grid-template:auto auto/100%}.t-now{border-right:0;border-bottom:1px solid var(--line);max-height:none}.t-options-scroll{max-height:60dvh}.t-utility,.t-hand,.t-goods{flex-wrap:wrap}.t-seats>*,.t-cards{min-width:0}.t-seats>*{overflow:hidden}.t-goods{flex:100%}.t-good{flex:1 0 64px;min-width:0}}@media (prefers-reduced-motion:reduce){.t-table *{transition:none!important;animation:none!important}}.t-supply{min-width:150px;max-width:240px;font:12px var(--mono);color:var(--text-2);font-variant-numeric:tabular-nums;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));align-content:center;gap:2px 8px;margin-left:auto;display:grid}.t-supply>span{align-items:center;gap:4px;display:inline-flex}.t-supply .t-icon{width:15px;height:15px}.t-supply .is-out{color:var(--warning)}.t-card-summary{border-left:3px solid var(--moss-fill);background:var(--inset);gap:2px;padding:8px 10px;font-size:14px;display:grid}.t-card-summary small,.t-choice small{color:var(--text-2);font-size:12px;display:block}.playable.p-lobby{--p-ink:var(--text);--p-muted:var(--text-2);--p-paper:var(--surface);--p-line:var(--line);--p-rust:var(--copper);--ink:var(--text);--paper:var(--surface);background:var(--bg);color:var(--text);font-family:var(--sans)}.p-lobby :is(h1,h2){font-family:var(--serif);font-weight:500}.p-lobby :is(button,input,select){border-color:var(--line-strong);background:var(--surface);color:var(--text);border-radius:0}.p-lobby button:hover:not(:disabled){border-color:var(--copper-fill);background:var(--tint-hover)}.p-lobby .p-primary,.p-lobby .p-primary:hover:not(:disabled){border-color:var(--copper-fill);background:var(--copper-fill);color:var(--on-fill)}.p-lobby :is(.p-paper,.p-modes label,.p-seat-config>label,.p-saved>button){border-color:var(--line);background:var(--surface);color:var(--text);border-radius:0}.p-lobby .p-modes label.p-mode-selected{border-color:var(--copper-fill);background:var(--tint-selected)}.p-lobby .p-setup:before{display:none}.p-lobby input[type=number],.p-lobby select{background:var(--surface);color:var(--text)}.p-lobby .p-welcome>p:not(.p-eyebrow),.p-lobby .p-hint{color:var(--text-2)}.t-now .trade-panel .trade-panel__heading{display:none}.t-now .trade-panel :is(p,.trade-panel__hint){color:var(--text-2);font-size:13px}.t-now .trade-panel :is(.trade-panel__basket,.trade-panel__preview,.trade-panel__responses li){border-color:var(--line);background:var(--inset);color:var(--text);border-radius:0}.t-now .trade-panel .trade-panel__basket[data-active=true]{border-color:var(--copper-fill);box-shadow:inset 3px 0 0 var(--copper-fill)}.t-now .trade-panel :is(h4,summary){color:var(--text-2);font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.t-now .trade-panel button{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--text);border-radius:0}.t-now .trade-panel button.trade-panel__primary{border-color:var(--copper-fill);background:var(--copper-fill);color:var(--on-fill)}.t-now .trade-panel .trade-panel__chip{background:var(--surface);color:var(--text);border-radius:0}.t-seat-stats i{font-style:normal}.t-seat{container-type:inline-size}@container (width<=330px){.t-seat-stats i{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.t-lobby{background:var(--bg);color:var(--text);font:14px/1.4 var(--sans);grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.t-lobby *,.t-lobby :before,.t-lobby :after{box-sizing:border-box}.t-lobby :is(h1,h2,p){margin:0}.t-lobby button{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:0;padding:6px 12px}.t-lobby button:hover:not(:disabled){border-color:var(--copper-fill);background:var(--tint-hover)}.t-lobby button:focus-visible{outline:2px solid var(--copper-fill);outline-offset:2px}.t-lobby button:disabled{opacity:.5;cursor:not-allowed}.t-lobby button[aria-pressed=true]{background:var(--tint-selected);color:var(--copper);box-shadow:inset 0 -2px 0 var(--copper-fill)}.t-lobby .t-primary{border-color:var(--copper-fill);background:var(--copper-fill);color:var(--on-fill);font-weight:500}.t-lobby .t-primary:hover:not(:disabled){background:var(--copper)}.t-lobby-top{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;min-height:60px;padding:6px 16px;display:flex}.t-lobby-top .t-status{margin-left:auto}.t-lobby .t-theme{width:44px;padding:0}.t-lobby-body{grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:0;min-height:0;display:grid}.t-lobby-games{flex-direction:column;gap:6px;min-height:0;padding:18px 24px;display:flex;overflow-y:auto}.t-lobby h2{font:500 20px var(--serif);margin:12px 0 4px}.t-lobby h2:first-child{margin-top:0}.t-empty{color:var(--text-2)}.t-lobby .t-lobby-game{border:1px solid var(--line);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:8px 14px;display:flex}.t-lobby-game>span:first-child{gap:4px;display:grid}.t-lobby-game strong{font:500 17px var(--serif)}.t-lobby-game small{font:11px var(--mono);color:var(--text-3)}.t-lobby-game em{font:12px var(--mono);color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-style:normal}.t-lobby .t-lobby-game.is-your-turn{box-shadow:inset 4px 0 0 var(--copper-fill)}.t-lobby .t-lobby-game.is-your-turn em{color:var(--copper);font-weight:600}.t-lobby .t-lobby-game.is-urgent{box-shadow:inset 4px 0 0 var(--warning)}.t-lobby-seats{flex-wrap:wrap;gap:4px 12px;display:flex}.t-lobby-seat{color:var(--text-2);align-items:center;gap:5px;font-size:13px;display:inline-flex}.t-lobby-seat i{background:var(--seat-color);width:10px;height:10px}.t-lobby-seat.is-mine{color:var(--text);font-weight:500}.t-lobby-seat.is-open{font-style:italic}.t-lobby-join{flex-wrap:wrap;gap:4px;display:flex}.t-new-game{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:12px;min-height:0;padding:18px 24px;display:flex;overflow-y:auto}.t-mode-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.t-lobby .t-mode-grid button{text-align:left;gap:2px;min-height:64px;display:grid}.t-mode-grid strong{font:500 15px var(--serif)}.t-mode-grid small{color:var(--text-2);font-size:12px}.t-setup-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.t-segmented{flex-wrap:wrap;display:flex}.t-lobby .t-segmented button{min-width:48px;margin-right:-1px}.t-stepper{align-items:center;display:inline-flex}.t-lobby .t-stepper button{width:44px}.t-stepper strong{min-width:3ch;font:500 20px var(--serif);text-align:center;font-variant-numeric:tabular-nums}.t-seat-setup{gap:6px;display:grid}.t-seat-row{border-left:4px solid var(--seat-color);grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;padding-left:10px;display:grid}.t-seat-row strong{font:500 15px var(--serif)}.t-lobby .t-create{justify-content:space-between;align-items:center;min-height:56px;font-size:17px;display:flex}.t-create small{font:12px var(--mono);opacity:.85}.t-gate{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.t-gate .p-compass{fill:none;width:72px;stroke:var(--moss);stroke-width:2px}.t-gate h1{font:500 28px var(--serif)}@media (width<=900px),(aspect-ratio<=1){.t-lobby-body{grid-template-rows:auto auto;grid-template-columns:1fr;overflow-y:auto}.t-new-game{border-left:0;border-top:1px solid var(--line)}}.t-table .t-card{position:relative}.t-table .t-card.is-idle{cursor:help;opacity:.8}.t-cards{overflow:visible}.t-card-tip{z-index:20;border:1px solid var(--line-strong);border-top:4px solid var(--deck-color,var(--copper-fill));background:var(--surface);width:260px;color:var(--text);font:14px/1.35 var(--sans);text-transform:none;letter-spacing:0;white-space:normal;pointer-events:none;padding:10px 12px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 10px 30px #0005}.t-card-tip b{font:500 16px var(--serif);margin-bottom:2px;display:block}.t-card-tip i{font:12px var(--mono);color:var(--text-2);margin-top:4px;font-style:normal;display:block}.t-card:hover .t-card-tip,.t-card:focus-visible .t-card-tip,.t-card.show-tip .t-card-tip{display:block}@media (hover:none){.t-card:hover:not(.show-tip) .t-card-tip{display:none}}@media (width<=759px),(height<=599px){.t-hand{flex-wrap:wrap}.t-cards{flex-wrap:wrap;flex:100%}.t-supply{min-width:0;max-width:none;margin-left:0}.t-turn{flex-wrap:wrap}.t-card-tip{width:min(260px,80vw)}}
