.board-card-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.board-card-grid>li{display:flex;flex-direction:column;gap:4px;min-width:0}.board-card{position:relative;display:flex;flex-direction:column;flex:1;background:var(--panel, #fff);border:1px solid var(--panel-edge, #cbdceb);border-radius:var(--radius, 10px);overflow:hidden;color:var(--ink, #16242e);transition:border-color .12s ease,box-shadow .12s ease}@media(hover:hover){.board-card:hover{border-color:var(--ink-dim, #5d7080);box-shadow:0 2px 8px #16242e1f}}.board-card:has(.board-card-main:focus-visible){outline:3px solid var(--accent, #d98c00);outline-offset:2px}.board-card-main:focus-visible{outline:none}.board-card.chosen{border-color:var(--accent, #d98c00);box-shadow:0 0 0 2px var(--accent, #d98c00)}.board-card-thumb{background:#2f7aa6;aspect-ratio:4 / 3;position:relative;overflow:hidden}.board-thumb{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);display:block}.board-thumb-hex.water{stroke:#2f7aa6;stroke-width:.6}.board-thumb-hex.land{stroke:#e9d9a6;stroke-width:1.1;stroke-linejoin:round}.board-thumb-placeholder{fill:none;stroke:#fff9;stroke-width:1;stroke-dasharray:2 2}.board-thumb.board-thumb-empty{top:25%;left:30%;width:40%;height:50%}.board-card-body{display:flex;flex-direction:column;gap:5px;flex:1;padding:9px 11px 11px}.board-card-title{margin:0;font-size:15px;line-height:1.3;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.board-card-main{all:unset;cursor:pointer;font-weight:700;color:inherit;overflow-wrap:anywhere;box-shadow:none;translate:none}@media(hover:hover){.board-card button.board-card-main:hover{background:none}}.board-card-main:after{content:"";position:absolute;inset:0}.board-card.still .board-card-main{cursor:auto}.board-card.still .board-card-main:after{content:none}@media(hover:hover){.board-card.still:hover{border-color:var(--panel-edge, #cbdceb);box-shadow:none}}.board-card-star{color:var(--accent, #d98c00);font-size:14px;line-height:1}.board-card-chosen{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent, #d98c00)}.board-card a:not(.board-card-main),.board-card button:not(.board-card-main){position:relative;z-index:1}.board-card-by{margin:0;font-size:13px;color:var(--ink-dim, #5d7080)}.board-card-by a,.board-card-lines a{color:var(--ink, #16242e);font-weight:600;text-decoration:none}@media(hover:hover){.board-card-by a:hover,.board-card-lines a:hover{text-decoration:underline}}.board-card-chips,.board-card-lines{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.board-chip{font-size:12px;line-height:1.2;padding:2px 7px;border-radius:999px;border:1px solid var(--panel-edge, #cbdceb);white-space:nowrap}.board-chip.required{background:var(--ink, #16242e);border-color:var(--ink, #16242e);color:#fff;font-weight:600}.board-chip.allowed{background:#fff;color:var(--ink, #16242e)}.board-chip.off{color:var(--ink-dim, #5d7080);border-style:dashed}.board-chip.players{background:#eef4f9;color:var(--ink, #16242e)}.board-card-lines{font-size:12px;color:var(--ink-dim, #5d7080);column-gap:10px;margin-top:auto;padding-top:2px}.board-card-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px;margin-top:auto;border-top:1px solid var(--panel-edge, #cbdceb)}.board-card-lines+.board-card-actions{margin-top:2px}@media(max-width:600px){.board-card-grid,body .boards-browser .board-card-grid,body .boards-place .board-card-grid,body .board-popup .board-card-grid,body .create-mine .board-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body .game-mode .game-mode-current .board-card-grid{grid-template-columns:minmax(0,1fr)}}:root{--ink: #16242e;--ink-dim: #5d7080;--sea: #3b8dbd;--bg: var(--sea);--panel: #ffffff;--panel-edge: #cbdceb;--accent: #d98c00;--danger: #c62828;--go: #2e8b45;--marker: #fff4d6;--radius: 10px;--tile: var(--panel);--ink-line: #2b2721;--tile-drop: 0 4px 0 var(--ink-line);--button: var(--panel);--button-hover: #eef4fa;--press: 3px;--card-face: 44px;--card-aspect: 1.4;--act-button: calc(var(--card-face) * var(--card-aspect));--lumber: #2f7d32;--wool: #8cc63f;--grain: #f0b429;--brick: #d6603c;--ore: #b0b8be}*{box-sizing:border-box;touch-action:manipulation}html,body,#root{height:100%;margin:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior:none}html.app-foot,html.app-foot body{overflow:hidden}html.app-foot .stage,html.app-foot .announce{position:absolute}body{background:var(--bg);color:var(--ink);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stage{position:fixed;inset:0;bottom:calc(0px - var(--app-foot, 0px));overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}.stage input,.stage textarea,.stage [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.stage img{-webkit-user-drag:none}.board-wrap{position:absolute;inset:0;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:stretch;overflow:hidden;padding:calc(14px + env(safe-area-inset-top,0px)) calc(320px + env(safe-area-inset-right,0px)) calc(20vh + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));min-width:0;min-height:0;background:var(--sea)}.coast{fill:#e8d9a8;stroke:#e8d9a8;stroke-width:5;stroke-linejoin:round}.board{width:100%;height:100%;max-height:100%;display:block;overflow:visible;cursor:grab;touch-action:none}.board:active{cursor:grabbing}.camera{position:absolute;left:calc(14px + env(safe-area-inset-left,0px));top:calc(80px + env(safe-area-inset-top,0px));z-index:1;display:flex;flex-direction:column;gap:4px}.camera button{width:30px;height:30px;padding:0;font-size:15px;line-height:1;background:var(--button)}.camera button:disabled{opacity:.3}@media(pointer:coarse){.camera button{width:44px;height:44px;font-size:18px}}.board:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:-6px;border-radius:var(--radius)}.hud{position:absolute;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);display:grid;--rail: 300px;grid-template-columns:minmax(0,1fr) var(--rail);grid-template-rows:auto minmax(0,1fr) minmax(0,auto);grid-template-areas:"topline rail" "notices rail" "tray    rail";--topline: 44px;gap:10px;padding:10px;pointer-events:none}.rail{grid-area:rail;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,auto);gap:10px;min-height:0}.tray{grid-area:tray;--drawer-gap: 6px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,auto);align-items:end;gap:6px 10px;min-width:0}.tray>.hand-stack{grid-column:1;grid-row:2;align-self:end}.tray>.island.controls{grid-column:2;grid-row:2;justify-self:end}.tray>.chips{grid-column:1 / -1;grid-row:1;align-self:end;justify-self:end;height:0;display:flex;align-items:flex-end;gap:8px;min-width:0;z-index:3}.chip-actions{display:inline-flex;gap:6px;margin-left:4px}.chip-actions button{padding:3px 10px;font-size:13px}.turn-chip{margin:0;padding:7px 17px;display:flex;align-items:center;gap:8px;background:var(--tile);isolation:isolate;border:2px solid var(--ink-line);border-radius:999px;box-shadow:var(--tile-drop);font-size:15px;pointer-events:auto}.dice-corner{display:block;line-height:0;pointer-events:none}.dice-pad{margin:0;padding:0;display:flex;align-items:center;gap:10px;background:none;border:none;pointer-events:auto;box-shadow:none;translate:none}.dice-pad .dice-glyph{display:flex;gap:10px}.dice-pad .dice-glyph img{width:72px;height:72px;display:block;filter:drop-shadow(0 4px 8px rgba(22,36,46,.45))}.dice-pad .die{display:grid;place-items:center;min-width:72px;height:72px;font-weight:700}.dice-pad .die:not(:has(img)){padding:0 8px;background:#fdf6e6;border:1.5px solid #1f2a24;border-radius:6px;font-size:13px}button.dice-pad{cursor:pointer}@media(hover:hover){button.dice-pad:hover .dice-glyph img{filter:drop-shadow(0 5px 10px rgba(22,36,46,.6))}}@keyframes dice-waiting{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.dice-pad.waiting .dice-glyph{animation:dice-waiting 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.dice-pad.waiting .dice-glyph{animation:none}.dice-pad.waiting .dice-glyph img{filter:drop-shadow(0 0 0 2px var(--accent)) drop-shadow(0 4px 8px rgba(22,36,46,.45))}}.clock-chip{margin:0;padding:7px 14px;display:flex;align-items:center;background:var(--tile);isolation:isolate;border:2px solid var(--ink-line);border-radius:999px;box-shadow:var(--tile-drop);pointer-events:auto}.clock-chip.theirs{opacity:.72}.clock-chip.urgent{background:var(--accent);border-color:var(--accent);opacity:1}.clock-chip.urgent .clock{color:#fff}.clock{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.turn-chip .dot{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px #16242e4d}.island{pointer-events:auto;background:var(--tile);isolation:isolate;border:2px solid var(--ink-line);border-radius:var(--radius);padding:8px 10px;box-shadow:var(--tile-drop);min-width:0;max-height:100%;overflow-y:auto}.island .panel{background:none;border:none;border-radius:0;padding:0}.island>.panel+.panel{margin-top:10px;border-top:1px solid var(--panel-edge);padding-top:10px}.status{grid-area:topline;align-self:start;justify-self:start;width:max-content;max-width:320px;padding:6px;position:relative;z-index:2}.corner-buttons{display:flex;gap:6px}.corner-buttons .round{width:38px;height:38px;padding:0;border-radius:50%;display:grid;place-items:center}.corner-buttons .round img{width:20px;height:20px;object-fit:contain}.corner-buttons .round.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 16%,var(--panel))}.status .sheet{margin-top:8px;font-size:12px;color:var(--ink-dim)}.status .sheet h2{margin:0 0 2px;font-size:15px;color:var(--ink)}.status .sheet h3{margin:10px 0 3px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.status .sheet p{margin:2px 0 0}.status .whose strong{color:var(--ink)}.status-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.status-actions button{padding:3px 8px;font-size:12px}.about dl{margin:6px 0 0;display:grid;gap:3px}.about dl>div{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px}.about dt{text-transform:uppercase;font-size:10px;letter-spacing:.05em;padding-top:1px}.about dd{margin:0;color:var(--ink)}.about .mine{color:var(--accent);font-weight:650}.about ul{margin:0;padding-left:15px;display:grid;gap:2px}.about li{color:var(--ink)}.about .detail{color:var(--ink-dim)}.about .none{font-style:italic}.feed{min-height:0;align-self:start}.table{min-height:0}.bank-top{grid-area:topline;align-self:start;justify-self:center;width:max-content;max-width:min(420px,100%);overflow:visible}.bank{display:flex;align-items:center;gap:6px}.bank .vault{width:26px;height:26px;flex:0 0 auto;display:block;object-fit:contain}.bank .stock{display:flex;gap:5px;flex:1 1 auto;min-width:0}.bank .stock li{flex:1 1 0;min-width:0;max-width:34px}.bank .held{position:relative;display:block}.bank .face{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 2px 5px #16242e47}.bank .count{position:absolute;right:-2px;top:-3px;min-width:14px;padding:0 2px;background:var(--panel);color:var(--ink);border:1.5px solid #1f2a24;border-radius:8px;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.bank li.out .face{opacity:.3}.bank li.out .count{color:var(--accent);border-color:var(--accent)}.hand{max-width:40vw}.controls{min-width:0;display:flex;flex-direction:column;gap:8px}.controls>*{flex-shrink:0}.notices{grid-area:notices;align-self:start;justify-self:center;display:grid;gap:6px;pointer-events:none}.notices p{pointer-events:none}.hex-outline{fill:none;stroke:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.sea-line{stroke:#000;stroke-linecap:round;pointer-events:none}.island-bonus{pointer-events:none}.island-bonus circle{fill:#ffcf3f;stroke:#2b2118;stroke-width:1.5}.island-bonus text{fill:#2b2118;font-weight:800}.hex.clickable{cursor:pointer}.hex-target{fill:#f0b4294d;stroke:var(--accent);stroke-width:2.5;pointer-events:none}.hex.clickable:focus-visible .hex-target{fill:#f0b4299e;stroke-width:4}@media(hover:hover){.hex.clickable:hover .hex-target{fill:#f0b4299e;stroke-width:4}}.hex g,.hex text{pointer-events:none}.token,.blockers,.blocker,.edge .piece,.vertex .piece,.vertex .metropolis{pointer-events:none}.edge.clickable{cursor:pointer}.edge .ghost{fill:var(--marker);fill-opacity:.55;stroke:var(--accent);stroke-opacity:.75;stroke-width:1.5;vector-effect:non-scaling-stroke}.edge.clickable:focus-visible .ghost{fill-opacity:.95;stroke-opacity:1;stroke-width:2.5}@media(hover:hover){.edge.clickable:hover .ghost{fill-opacity:.95;stroke-opacity:1;stroke-width:2.5}}.edge .ring{fill:none;stroke:var(--accent);stroke-width:3;stroke-opacity:.85;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1.5px var(--marker))}.edge.clickable:focus-visible .ring{stroke-opacity:1;stroke-width:4.5}@media(hover:hover){.edge.clickable:hover .ring{stroke-opacity:1;stroke-width:4.5}}.vertex{cursor:default}.vertex.clickable{cursor:pointer}.vertex .spot{fill:var(--marker);fill-opacity:.55;stroke:var(--accent);stroke-opacity:.75;stroke-width:1.5;vector-effect:non-scaling-stroke}.vertex.clickable:focus-visible .spot{fill-opacity:.95;stroke-opacity:1;stroke-width:2.5}@media(hover:hover){.vertex.clickable:hover .spot{fill-opacity:.95;stroke-opacity:1;stroke-width:2.5}}.vertex .spot.ring{fill:none;stroke:var(--accent);stroke-width:3;stroke-opacity:.85;filter:drop-shadow(0 0 1.5px var(--marker))}.vertex.clickable:focus-visible .spot.ring{stroke-opacity:1;stroke-width:4.5}@media(hover:hover){.vertex.clickable:hover .spot.ring{stroke-opacity:1;stroke-width:4.5}}@keyframes spot-waiting{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.board.forced .hex-target,.board.forced .vertex.clickable .spot,.board.forced .vertex.clickable .spot.ring,.board.forced .edge.clickable .ghost,.board.forced .edge.clickable .ring{transform-box:fill-box;transform-origin:center;animation:spot-waiting 1.5s ease-in-out infinite}.board[data-moving] .ring,.board[data-moving] .spot.ring{filter:none}.board[data-moving] .hex-target,.board[data-moving] .vertex .spot,.board[data-moving] .edge .ghost,.board[data-moving] .edge .ring{animation-play-state:paused}.board.forced .vertex.clickable .spot,.board.forced .edge.clickable .ghost,.board.forced .vertex.clickable .spot.ring,.board.forced .edge.clickable .ring{fill-opacity:.85;stroke-opacity:1}@media(prefers-reduced-motion:reduce){.board.forced .hex-target,.board.forced .vertex.clickable .spot,.board.forced .vertex.clickable .spot.ring,.board.forced .edge.clickable .ghost,.board.forced .edge.clickable .ring{animation:none}.board.forced .hex-target{fill:#f0b4298c;stroke-width:4}.board.forced .vertex.clickable .spot,.board.forced .edge.clickable .ghost{fill-opacity:.95;stroke-width:3}.board.forced .edge.clickable .ring,.board.forced .vertex.clickable .spot.ring{stroke-width:4}}.vertex .spot.pick,.hex.picking .hex-target{fill:none;stroke:var(--accent);stroke-width:3;stroke-opacity:.85;vector-effect:non-scaling-stroke}.vertex.picking.clickable:focus-visible .spot.pick,.hex.picking.clickable:focus-visible .hex-target{stroke-opacity:1;stroke-width:4.5}@media(hover:hover){.vertex.picking.clickable:hover .spot.pick,.hex.picking.clickable:hover .hex-target{stroke-opacity:1;stroke-width:4.5}}.edge.picking .ghost,.edge.picking .ring{stroke:var(--accent);stroke-width:3}.vertex.picked .spot.pick,.hex.picked .hex-target{stroke:var(--go);stroke-width:4.5;stroke-opacity:1;fill:var(--go);fill-opacity:.18}.edge.picked .ghost,.edge.picked .ring{stroke:var(--go);stroke-width:4;stroke-opacity:1}.spot-menu{pointer-events:auto}.spot-menu .stem{stroke:#1f2a2473;stroke-width:2;vector-effect:non-scaling-stroke;pointer-events:none}.spot-menu .option{cursor:pointer}.spot-menu .option rect{fill:var(--panel);stroke:var(--panel-edge);stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 3px rgba(22,36,46,.35))}.spot-menu .option:focus-visible rect{stroke:var(--accent);fill:#fffdf6}@media(hover:hover){.spot-menu .option:hover rect{stroke:var(--accent);fill:#fffdf6}}.spot-menu .option:focus{outline:none}.spot-menu .option.begin .walk{fill:#1f2a24;pointer-events:none}.spot-menu .option.removal .removed{opacity:.55}.spot-menu .option.removal .strike{stroke:var(--danger);stroke-width:3.5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px var(--panel)) drop-shadow(0 0 1px var(--panel));pointer-events:none}.spot-menu .option.removal .push{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px var(--panel)) drop-shadow(0 0 1px var(--panel));pointer-events:none}.harbour .rate{fill:#1f2a24;font-weight:800;stroke:#fff;stroke-width:3;stroke-linejoin:round}.harbour{pointer-events:none}.panel{background:var(--tile);border:2px solid var(--ink-line);border-radius:var(--radius);padding:10px 12px}.panel h2{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.panel h3{margin:10px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.panel .note{margin:6px 0 0;font-size:11px;color:var(--ink-dim)}.panel ul,.panel ol,.entry-card ul,.entry-card ol{list-style:none;margin:0;padding:0}button{font:inherit;color:var(--ink);background:var(--button);border:2px solid var(--ink-line);border-radius:7px;padding:6px 11px;cursor:pointer;box-shadow:0 var(--edge, var(--press)) 0 var(--ink-line);translate:0 calc(var(--press) - var(--edge, var(--press)));transition:translate .06s ease,box-shadow .06s ease}@media(hover:hover){button:hover:not(:disabled){background:var(--button-hover)}}button:active:not(:disabled){--edge: 0px}button.on,button[aria-pressed=true]{--edge: 0px}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--ink-line);color:var(--ink-line);font-weight:600}@media(hover:hover){button.primary:hover:not(:disabled){filter:brightness(1.08)}}a.button-link{display:inline-block;font:inherit;line-height:normal;color:var(--ink);background:var(--button);border:2px solid var(--ink-line);border-radius:7px;padding:6px 11px;text-decoration:none;cursor:pointer;box-shadow:0 var(--edge, var(--press)) 0 var(--ink-line);translate:0 calc(var(--press) - var(--edge, var(--press)));transition:translate .06s ease,box-shadow .06s ease}@media(hover:hover){a.button-link:hover{background:var(--button-hover)}}a.button-link:active{--edge: 0px}input,select{font:inherit;color:var(--ink);background:#f7fafc;border:1px solid var(--panel-edge);border-radius:7px;padding:6px 8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swatch{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:4px;font-size:9px;font-weight:700;color:var(--ink);vertical-align:-2px;box-shadow:inset 0 0 0 1px #16242e2e}.swatch.lumber{background:var(--lumber)}.swatch.wool{background:var(--wool)}.swatch.grain{background:var(--grain)}.swatch.brick{background:var(--brick)}.swatch.ore{background:var(--ore)}.hand .score{margin-left:auto;color:var(--accent);font-weight:650}.hand .strip{display:flex;align-items:flex-start;gap:10px;min-width:0}.hand .cards{display:flex;flex-wrap:nowrap;gap:6px;align-items:flex-end;min-width:0}.hand .cards li{position:relative;display:flex;flex-direction:column;align-items:center;flex:0 1 var(--card-face);min-width:34px}.hand .cards .face{width:100%;height:auto;aspect-ratio:1 / var(--card-aspect);display:block;border-radius:5px;box-shadow:0 2px 5px #16242e47}.hand .cards.at-risk li:not(.empty) .face{box-shadow:0 0 0 2px var(--accent),0 0 6px color-mix(in oklab,var(--accent) 80%,transparent)}.hand .cards li.empty{opacity:.32}.hand .cards li.empty .face{box-shadow:none}.hand .cards .name{position:absolute;left:1px;right:1px;bottom:1px;padding:1px 0;background:#ffffffed;border-radius:3px;font-size:9px;font-weight:700;text-align:center;color:var(--ink);letter-spacing:.02em;opacity:0;pointer-events:none;transition:opacity .1s ease}.hand .cards li:has(:focus-visible) .name,.hand .cards li.named .name{opacity:1}@media(hover:hover){.hand .cards li:hover .name{opacity:1}}.hand .cards button.names[aria-disabled=true]{cursor:default;opacity:.45}.hand .cards .count{position:absolute;right:-4px;top:-5px;min-width:19px;padding:0 4px;background:var(--panel);color:var(--ink);border:1.5px solid #1f2a24;border-radius:10px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center}.hand .dev-held{padding-left:10px;border-left:1px solid var(--panel-edge);flex:0 1 auto}.hand .dev-held button{display:block;width:100%;margin:0;padding:0;background:none;border:none;cursor:pointer;box-shadow:none;translate:none}.hand .dev-held button.off{cursor:default;opacity:.55}.hand .dev-held button:not(.off) .face{box-shadow:0 0 0 2px var(--go),0 2px 6px #16242e4d}@media(hover:hover){.hand .dev-held button:not(.off):hover .face{transform:translateY(-2px)}}.hand .dev-held .face{transition:transform .12s ease}.card-help{position:fixed;transform:translateY(calc(-100% - 10px));z-index:6;display:grid;gap:3px;width:max-content;max-width:260px;padding:8px 10px;background:var(--tile);border:2px solid var(--ink-line);border-radius:10px;box-shadow:var(--tile-drop);font-size:12px;line-height:1.35;color:var(--ink-dim);pointer-events:none}.card-help strong{color:var(--ink);font-size:13px;text-transform:capitalize}.card-confirm{position:fixed;transform:translateY(calc(-100% - 10px));z-index:7;display:grid;gap:5px;width:max-content;max-width:260px;padding:9px 10px;background:var(--tile);border:2px solid var(--accent);border-radius:10px;box-shadow:var(--tile-drop);font-size:12px;line-height:1.35;color:var(--ink-dim)}.card-confirm strong{color:var(--ink);font-size:13px;text-transform:capitalize}.card-confirm .confirm-buttons{display:flex;gap:6px;margin-top:2px}.card-confirm button{flex:1 1 auto;padding:4px 8px;border:1px solid var(--panel-edge);border-radius:7px;background:var(--panel);color:var(--ink);font-size:12px;font-weight:700;cursor:pointer}.card-confirm button.go{border-color:var(--accent);color:var(--accent)}.hand .dev-held button.off.dead{cursor:help}.actions{display:flex;flex-direction:column;gap:8px}.action-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:start;gap:6px}.act-button{position:relative;width:var(--act-button);flex-shrink:0;aspect-ratio:1;padding:5px;display:grid;place-items:center;background:var(--button);border:2px solid var(--ink-line);border-radius:9px}.act-button img{width:100%;height:100%;object-fit:contain}.tinted{filter:var(--tint, none)}.tint-defs{position:absolute;width:0;height:0;overflow:hidden}@media(hover:hover){.act-button:hover:not(:disabled){background:var(--button-hover)}}.act-button:disabled,.act-button.off{opacity:.38}.act-button.end-turn:disabled img{filter:grayscale(1)}.end-turn-dock,.act-scroll{display:contents}.act-button.off{cursor:default}@media(hover:hover){.act-button.off:hover{background:var(--button)}}.act-drawer{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}.act-button.sub{width:calc(var(--act-button) * .82)}.act-button.on{--edge: 0px;border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:color-mix(in oklab,var(--accent) 16%,var(--panel))}@keyframes act-urging{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.act-button.urge{animation:act-urging 1.5s ease-in-out infinite;border-color:var(--accent)}@media(prefers-reduced-motion:reduce){.act-button.urge{animation:none;box-shadow:0 var(--edge, var(--press)) 0 var(--ink-line),inset 0 0 0 2px var(--accent)}}.recipe{position:fixed;transform:translate(-50%,calc(-100% - 10px));z-index:6;display:flex;gap:4px;padding:7px 8px;background:var(--tile);border:2px solid var(--ink-line);border-radius:10px;box-shadow:var(--tile-drop);pointer-events:none}.recipe img{width:34px;height:auto;display:block;border-radius:3px}.vp-sources{position:fixed;transform:translate(-50%,calc(-100% - 10px));z-index:6;display:grid;gap:3px;padding:6px 8px;background:var(--tile);border:2px solid var(--ink-line);border-radius:10px;box-shadow:var(--tile-drop);pointer-events:none}.vp-sources p{display:grid;grid-template-columns:20px auto;align-items:center;gap:8px;margin:0}.vp-sources img{width:20px;height:20px;object-fit:contain;display:block}.vp-sources .points{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink)}.vp-sources.pinned{pointer-events:auto;border-color:var(--accent)}.act-button .layered{display:grid;width:100%;height:100%}.act-button .layered>img{grid-area:1 / 1;width:100%;height:100%;object-fit:contain}.act-button .layered>.face{position:relative;z-index:1}.act-button .count{position:absolute;top:-6px;right:-6px;min-width:20px;padding:0 4px;background:var(--panel);border:1.5px solid #1f2a24;border-radius:10px;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.actions .whose-turn{margin:0;font-weight:600}.actions .won{margin:0;font-size:17px;font-weight:700;color:var(--accent)}.players>ul>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 8px;border-radius:9px}.players>ul>li+li{margin-top:4px}.players.folded>ul{display:none}.players li.turn{background:#d98c0024;box-shadow:inset 0 0 0 1px #d98c0073}.players li.you{outline:2px solid var(--ink-dim);outline-offset:-1px}.players .who{display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;min-width:0;max-width:100%;justify-self:start}.seat-disc{--seat: var(--ink-dim);width:30px;height:30px;flex:0 0 auto;box-sizing:border-box;display:grid;place-items:center;border-radius:50%;background:var(--seat);box-shadow:0 0 0 1.5px #ffffffd9,0 1px 3px #00000059}.seat-disc svg{width:66%;height:66%;display:block;fill:#fff;stroke:#14161ebf;stroke-width:1.3px;paint-order:stroke}.players .ribbon{position:relative;display:flex;align-items:center;width:104px;max-width:100%;height:18px;gap:3px;padding:0 11px 0 7px;box-sizing:border-box;color:#fff}.players .ribbon:before{content:"";position:absolute;inset:0;background:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 50%,100% 100%,0 100%)}.players .score-ribbon{width:72px;height:16px;margin-top:-1px;justify-content:center;color:#2a2208}.players .score-ribbon:before{background:#f4c430}.players .who .name{min-width:0;flex:1 1 auto;position:relative;font-size:clamp(8px,calc(100px / var(--chars, 1)),12px);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players .score-ribbon .vp,.players .score-ribbon .vp-unit{position:relative;font-size:11px;font-weight:800;line-height:16px;font-variant-numeric:tabular-nums}.players .score-ribbon .vp-unit{font-size:9px;letter-spacing:.04em}.players .score-ribbon .vp.hoverable{cursor:help}.players .score-ribbon .vp .also{margin-left:1px;font-size:10px;color:#1d5e36}.players .stats{display:flex;align-items:flex-end;gap:10px}.stat{display:flex;flex-direction:column;align-items:center;gap:1px;cursor:help}.stat img{width:26px;height:26px;object-fit:contain;display:block}.stat.deck img{width:18.6px}.stat.deck+.stat.deck{margin-left:-10px}.stat.holder img{filter:grayscale(1) sepia(1) saturate(3.2) hue-rotate(12deg) brightness(1.25)}.stat.holder .tally{color:#a8760a}.stat.at-risk .tally{color:var(--accent)}.stat.at-risk img{transform:scale(1.3)}.stat .tally{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.stat .also{margin-left:1px;font-size:11px;font-weight:700;color:var(--go)}.hand-stack{position:relative;display:grid;align-content:end;min-width:0;--drawer-floor: 240px}.hand-stack>.drawer-slot{position:absolute;left:0;right:0;bottom:calc(100% + var(--drawer-gap));z-index:2}.panel.drawer{pointer-events:auto;position:relative;width:fit-content;min-width:min(100%,var(--drawer-floor));max-width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;background:var(--tile);isolation:isolate;border:2px solid var(--ink-line);border-radius:var(--radius);padding:8px 10px;box-shadow:var(--tile-drop)}.drawer>.drawer-head{display:block;padding:0 26px 5px 0;border-bottom:1px solid var(--panel-edge)}.drawer>.drawer-head .why{display:grid;gap:1px}.drawer>.drawer-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.drawer .compose{display:grid;gap:5px;min-width:0}.drawer .side,.drawer .pool{display:flex;align-items:center;gap:8px;min-width:0}.drawer .side h4{margin:0;flex:0 0 56px;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim)}.drawer .pool{margin-left:0}.drawer .asks{display:flex;align-items:center;gap:8px;min-width:0}.drawer .asks h4{margin:0;flex:0 0 56px;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim)}.drawer .cards{display:flex;flex-wrap:nowrap;gap:6px;min-width:0}.drawer .cards li{position:relative;list-style:none;flex:0 1 var(--card-face);min-width:0;width:var(--card-face)}.drawer .cards li>button{padding:0;background:none;border:none;cursor:pointer;display:block;position:relative;width:100%;box-shadow:none;translate:none}.drawer .cards img{width:100%;height:auto;aspect-ratio:1 / var(--card-aspect);display:block;border-radius:5px;box-shadow:0 1px 4px #16242e40}.drawer .cards .slot{box-sizing:border-box;aspect-ratio:1 / var(--card-aspect);align-self:flex-start;border:1px dashed var(--panel-edge);border-radius:5px}.drawer .cards li.picked img{box-shadow:0 0 0 2px var(--go),0 3px 8px #16242e4d;transform:translateY(-2px)}.drawer .side.part .cards img{border-radius:0;box-shadow:none;filter:drop-shadow(0 2px 4px rgba(22,36,46,.35))}.drawer .side.part .cards li.picked img{box-shadow:none;filter:drop-shadow(0 0 2px var(--go)) drop-shadow(0 0 5px var(--go))}.drawer .cards .count{position:absolute;right:-4px;top:-5px;min-width:17px;padding:0 3px;background:var(--go);color:#fff;border-radius:9px;font-size:11px;font-weight:800;text-align:center;line-height:17px}.drawer .cards .rate{position:absolute;left:-3px;bottom:-4px;padding:0 3px;background:var(--ink);color:#fff;border-radius:6px;font-size:9px;font-weight:700;line-height:14px}.drawer .drawer-head .withdraw{position:absolute;top:3px;right:5px}.barter-actions{display:flex;flex-direction:column;gap:8px}.drawer-row{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%}.drawer-row>.panel.drawer{flex:0 1 auto;max-width:none}.drawer-row>.barter-actions{flex:none;pointer-events:auto}.drawer.trade>.drawer-body{grid-template-columns:minmax(0,1fr)}.pick-player .candidates>li.chosen>button{--edge: 0px;border-color:var(--go);box-shadow:0 0 0 2px var(--go);background:color-mix(in oklab,var(--go) 12%,var(--panel))}.barter-actions .round{width:46px;height:46px;padding:0;border-radius:50%;display:grid;place-items:center}.barter-actions .round img{width:26px;height:26px;object-fit:contain}.barter-actions .round .mark{font-size:20px;font-weight:800;line-height:1}.barter-actions .round.go:not(:disabled){background:color-mix(in oklab,var(--go) 18%,var(--panel));border-color:var(--go)}.drawer .cards .word{display:grid;place-items:center;box-sizing:border-box;width:100%;min-height:45px;padding:2px;font-size:10px;text-align:center;line-height:1.15;border:1px solid var(--panel-edge);border-radius:4px;background:var(--panel)}.drawer .cards li.empty img,.drawer .cards li.empty .word{opacity:.45}.drawer .because{margin:-2px 0 0;font-size:11px;color:var(--ink-dim)}.barter-actions .round:disabled{opacity:.4}.barter-actions .round:not(:disabled){border-color:var(--accent)}.hand .cards li.staked .face{box-shadow:0 0 0 2px var(--go),0 3px 8px #16242e4d}.hand .cards li>button{padding:0;background:none;border:none;cursor:pointer;width:100%;display:flex;flex-direction:column;align-items:center;font:inherit;color:inherit;box-shadow:none;translate:none}.hand .cards .count.spending{background:var(--go);color:#fff;border-color:color-mix(in oklab,var(--go) 70%,#000)}.log .entries,.chat .entries{max-height:190px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:12px}.log .entries li{color:var(--ink-dim);line-height:18px}.log .entries li:last-child{color:var(--ink)}.log-thing{display:inline-flex;align-items:center;gap:1px;vertical-align:middle;margin:0 1px}.log-thing img{display:block;height:16px;width:auto}.log-thing.log-cards img{height:18px}.log-thing .log-copies{display:inline-flex;align-items:center;gap:1px}.log-thing .log-copies+.log-copies{margin-left:3px}.log-thing .log-count{font-weight:600;color:var(--ink);margin-left:1px}.log-thing.log-dice img{height:16px;border-radius:3px}.log-thing.log-deck img{height:18px}.log-thing.log-player .seat-disc{width:16px;height:16px}.hex-symbol{display:block;width:18px;height:19px;overflow:visible}.hex-symbol polygon{stroke:#14161e8c;stroke-width:1.2px;stroke-linejoin:round}.hex-symbol text{font-weight:800;font-size:10px;text-anchor:middle;dominant-baseline:central;fill:#1c1f26;stroke:#fff;stroke-width:2.6px;paint-order:stroke}.hex-symbol text.hot{fill:#c62828}.log-thing.log-hex+.log-thing.log-hex{margin-left:2px}.dice-stats{display:grid;align-items:end;gap:2px;height:62px}.dice-stats .bar{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.dice-stats .bar .tally{flex:0 0 auto;font-size:9px;font-weight:700;line-height:11px;font-variant-numeric:tabular-nums;color:var(--ink-dim);text-align:center}.dice-stats .bar span{background:var(--accent);opacity:.75;border-radius:2px 2px 0 0;min-height:1px}.dice-stats .bar em{font-size:9px;font-style:normal;color:var(--ink-dim);text-align:center}.dice-tabs{display:flex;gap:12px;margin:2px 0 6px;border-bottom:1px solid var(--panel-edge)}.dice-tabs button{padding:2px 0 4px;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-dim);font:inherit;font-size:11px;cursor:pointer;box-shadow:none;translate:none}.dice-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.roll-history{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0;max-height:96px;overflow-y:auto}.roll-history li{min-width:22px;padding:1px 4px;border:1px solid var(--panel-edge);border-radius:4px;background:color-mix(in oklab,var(--panel) 70%,#fff);color:var(--ink-dim);font-size:11px;font-variant-numeric:tabular-nums;text-align:center}.roll-history li.latest{border-color:var(--accent);color:var(--ink);font-weight:700}.chat form{display:flex;gap:6px;margin-top:8px}.chat input{flex:1;min-width:0}.chat h2,.log h2,.log h3{margin:0}.collapse{display:flex;align-items:center;gap:6px;width:100%;padding:2px 0;background:none;border:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;text-align:left;box-shadow:none;translate:none}@media(hover:hover){.collapse:hover{color:var(--ink);background:none}}.log h3{margin-top:10px}.chat .unread{margin-left:auto;min-width:18px;padding:0 5px;background:var(--accent);color:#2a1d00;border-radius:9px;font-size:11px;font-weight:700;text-align:center}.build-mode,.rejected{margin:0;padding:6px 12px;border-radius:var(--radius);font-size:12px;box-shadow:var(--tile-drop)}.build-mode{background:color-mix(in oklab,var(--accent) 22%,var(--bg));border:2px solid var(--ink-line)}.rejected{background:color-mix(in oklab,var(--danger) 32%,var(--bg));border:2px solid var(--ink-line)}.entry-card .rejected{padding:9px 12px;font-size:13px;color:color-mix(in oklab,var(--danger) 78%,#1a1a1a);background:color-mix(in oklab,var(--danger) 12%,#fff);border:1px solid color-mix(in oklab,var(--danger) 38%,#fff);box-shadow:none}.layout-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-dim)}.choice-elsewhere{margin:0;font-size:13px;color:var(--ink-dim)}.notices .choice-elsewhere,.notices .link-state{padding:6px 12px;background:var(--tile);border:2px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--tile-drop);color:var(--ink);text-align:center}.waiting-on{color:var(--ink-dim)}.more-cards{font-size:12px;font-weight:700;color:var(--ink-dim);align-self:center}.offers{position:absolute;top:calc(var(--topline) + 20px);right:calc(var(--rail) + 20px);width:330px;max-height:calc(100% - 220px - var(--topline));overflow-y:auto;display:grid;align-content:start;justify-items:end;gap:8px;z-index:3;pointer-events:auto}.interrupt{position:relative;max-width:100%;pointer-events:auto;display:grid;justify-items:center;gap:8px;padding:12px 14px;background:var(--tile);isolation:isolate;border:2px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--tile-drop),0 0 0 6px #d98c0038}.interrupt .note{margin:0;font-size:12px;text-align:center}.interrupt .note.warn{color:var(--accent)}.offer-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;gap:6px 12px}.offer-card .deals{display:grid;gap:6px}.offer-card .card-side{display:grid;grid-template-rows:auto 1fr auto;gap:8px;justify-items:end;align-self:stretch}.offer-card .answers{grid-row:1}.offer-card .respond{grid-row:3}.offer-card .withdraw{grid-row:1}.offer-card .card-side:has(.withdraw) .answers{grid-row:3}.interrupt .deal{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}.interrupt .deal .who{display:flex;align-items:center}.interrupt .deal .portrait{width:24px;height:24px;object-fit:contain}.interrupt .deal .arrow{font-size:17px;font-weight:800;line-height:1}.interrupt .deal.in .arrow{color:var(--go)}.interrupt .deal.out .arrow{color:var(--danger)}.interrupt .pile{display:flex;flex-wrap:wrap;gap:3px;align-items:center;min-height:26px}.interrupt .pile img{width:26px;height:auto;display:block;border-radius:4px;box-shadow:0 1px 4px #16242e40}.interrupt.watching{box-shadow:var(--tile-drop);opacity:.82;padding:8px 10px}.interrupt.watching .deal{font-size:13px}.interrupt.watching .pile img{width:22px}.interrupt .answers{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}.interrupt .seat-square{width:46px;height:46px;padding:0;display:grid;place-items:center;border:2px solid var(--ink-line);border-radius:10px;box-shadow:0 var(--edge, var(--press)) 0 var(--ink-line)}.interrupt .mark{font-size:22px;font-weight:800;line-height:1;color:var(--ink);text-shadow:0 0 3px rgba(255,255,255,.95),0 0 6px rgba(255,255,255,.8)}.interrupt .answers .answer:disabled{opacity:1;cursor:default}.interrupt .answers li.accepted .answer.seat-square{box-shadow:0 var(--edge, var(--press)) 0 var(--ink-line),0 0 0 3px var(--go),0 var(--edge, var(--press)) 0 3px var(--go);border-radius:8px;cursor:pointer}.interrupt .answers li.declined .answer{opacity:.5}.interrupt .answers .answer.icon{position:relative;width:34px;height:34px;padding:0;border:0;background:none;box-shadow:none;display:block;translate:none}.interrupt .answers .answer.icon .portrait{width:100%;height:100%}.interrupt .answers .bubble{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--panel);color:#fff;font-size:10px;font-weight:800;line-height:1;background:var(--ink-dim)}.interrupt .answers li.accepted .bubble{background:var(--go)}.interrupt .answers li.declined .bubble{background:var(--danger)}.interrupt .answers li.waiting .bubble{letter-spacing:.5px;font-size:11px}.interrupt .respond{display:flex;gap:8px}.offer-card .seat-square{width:34px;height:34px;border-radius:8px}.offer-card .mark{font-size:17px}.interrupt .respond .yes{background:color-mix(in oklab,var(--go) 22%,#fff)}.interrupt .respond .no{background:color-mix(in oklab,var(--danger) 18%,#fff)}.interrupt .respond .counter{background:color-mix(in oklab,var(--ink) 8%,#fff)}.interrupt .respond .seat-square:not(:disabled){cursor:pointer}.interrupt .respond .seat-square:disabled{opacity:.4}.interrupt .respond .seat-square.chosen:disabled{--edge: 0px;opacity:1;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--ink);cursor:default}.interrupt .respond .seat-square.spent:disabled{opacity:.25;cursor:default}.victory .withdraw{position:absolute;top:6px;right:6px}.interrupt .withdraw,.victory .withdraw,.dev-panel .withdraw,.modal .withdraw,.drawer .drawer-head .withdraw{width:26px;height:26px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:14px;font-weight:800;color:var(--ink-dim)}@media(hover:hover){.interrupt .withdraw:hover,.victory .withdraw:hover,.dev-panel .withdraw:hover,.modal .withdraw:hover,.drawer .drawer-head .withdraw:hover{color:var(--danger)}}.modal-scrim{animation:modal-fade .15s ease-out}.card-confirm,.card-help,.recipe,.vp-sources{touch-action:pan-x pan-y}.modal{position:relative;width:min(1100px,92vw);max-height:calc(100dvh - var(--scrim-top, 16px) - var(--scrim-bottom, 16px));overflow-y:auto;padding:18px 20px 20px;background:var(--panel, #fff);animation:modal-rise .15s ease-out}.modal:focus{outline:none}.modal-bar{position:sticky;top:0;z-index:2;height:0;display:flex;justify-content:flex-end}.modal-bar .modal-close{margin:-6px -8px 0 0;background:var(--panel, #fff)}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.modal-scrim,.modal{animation:none}}.dev-panel{position:absolute;top:calc(var(--topline) + 20px);left:20px;z-index:2;pointer-events:auto;width:250px;max-height:calc(100% - 220px - var(--topline));overflow-y:auto;background:var(--tile);isolation:isolate;border:2px dashed var(--accent);border-radius:var(--radius);box-shadow:0 4px 0 var(--accent)}.dev-panel .withdraw{position:absolute;top:6px;right:6px}.dev-panel .screen{margin-top:10px;font-size:11px}.dev-panel .screen summary{cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.dev-panel .screen dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;margin:6px 0 0}.dev-panel .screen dt{font-weight:700}.dev-panel .screen dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dev-panel h3{padding-right:26px}.dev-panel h3 .note{display:inline-block;margin:0 0 0 4px;padding:0 4px;font-size:10px;font-weight:700;text-transform:none;letter-spacing:normal;color:var(--ink-dim);border:1px solid var(--panel-edge);border-radius:3px;vertical-align:1px}.dev-panel h4{margin:10px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim)}.dev-panel .step{display:flex;gap:4px;margin-top:6px}.dev-panel .step button{flex:1;padding:2px 0;font-size:11px;font-weight:700}.dev-panel .step button.on{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 16%,var(--panel))}.dev-panel .cards{display:flex;flex-wrap:wrap;gap:4px}.dev-panel .cards li{list-style:none}.dev-panel .cards li>button{padding:0;background:none;border:none;cursor:pointer;display:block;box-shadow:none;translate:none}.dev-panel .cards img{width:32px;height:auto;display:block;border-radius:4px;box-shadow:0 1px 4px #16242e40}@media(hover:hover){.dev-panel .cards li>button:hover img{transform:translateY(-2px)}}.dev-panel .cards li>button:focus-visible img{outline:2px solid var(--accent);outline-offset:2px}.pick-player .candidates{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.pick-player .candidates>li>button{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;font-size:14px;border-radius:11px}.pick-player .portrait{width:32px;height:32px;object-fit:contain;flex:0 0 auto}.pick-player .who{font-weight:700}.pick-player .note{color:var(--ink-dim);font-size:12px}.pick-player .stop-mark{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:color-mix(in oklab,var(--ink-dim) 20%,var(--panel));color:var(--ink-dim);font-size:13px}.pick-player .candidates>li.off>button{opacity:.4;cursor:default}@media(hover:hover){.pick-player .candidates>li.off>button:hover{background:var(--panel)}}.drawer.pick-player{position:relative}.victory{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(92vw,420px);max-height:86vh;overflow-y:auto;padding:18px 20px;border:2px solid var(--accent);border-radius:16px;box-shadow:0 6px 0 var(--ink-line)}.victory h2{display:flex;align-items:center;gap:9px;margin:0;padding-right:26px;font-size:21px;color:var(--ink);text-transform:none;letter-spacing:normal}.victory h2 .portrait{width:30px;height:30px;object-fit:contain}.victory .because{margin:2px 0 0;font-size:12px;color:var(--ink-dim)}.victory .standings{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.victory .standings>li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;background:#cbdceb40}.victory .standings>li.won{background:#d98c0024;box-shadow:inset 0 0 0 1px #d98c0073}.victory .place{font-size:13px;font-weight:800;color:var(--ink-dim);text-align:center}.victory .who{display:flex;align-items:center;gap:8px;font-weight:700;min-width:0}.victory .who .portrait{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.victory .score{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.victory .lines{grid-column:1 / -1;list-style:none;margin:3px 0 0;padding:0 0 0 34px;display:grid;gap:1px;font-size:11px;color:var(--ink-dim)}.victory .lines li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.victory .lines .points{font-variant-numeric:tabular-nums}.victory .curve{margin:14px 0 0}.victory .curve svg{display:block;width:100%;height:auto}.victory .curve .axis{stroke:var(--panel-edge);stroke-width:1}.victory .curve .target{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 3;opacity:.7}.victory .curve .tick{font-size:8px;fill:var(--ink-dim);text-anchor:end;font-variant-numeric:tabular-nums}.victory .curve .tick.turn{text-anchor:start}.victory .curve .tick.turn.end{text-anchor:end}.victory .curve .line polyline,.victory .curve .under{stroke-linejoin:round;stroke-linecap:round}.victory .curve .line polyline{stroke-width:2}.victory .curve .under{stroke:#16242e8c;stroke-width:4.5}.victory .curve .line .end{stroke:#16242e8c;stroke-width:1.2}.victory .curve figcaption{margin-top:2px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim);text-align:center}.entry{position:absolute;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) calc(0px - var(--app-foot, 0px)) env(safe-area-inset-left,0px);display:grid;place-items:center;padding:20px 20px max(20px,calc(env(safe-area-inset-bottom,0px) - 6px));overflow-y:auto}.entry-card{width:min(380px,100%);display:grid;gap:14px;padding:22px}.entry-card h1{margin:0;font-size:26px}.entry-card label{display:grid;gap:5px;font-size:13px;color:var(--ink-dim)}.entry-card input{padding:9px 11px;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--panel-edge);border-radius:8px}.entry-card form{display:grid;gap:14px}.entry-actions{display:flex;gap:8px}.entry-actions button{flex:1 1 0;padding:10px 12px;font-size:15px}.top-badges{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(560px,calc(100vw - 32px));pointer-events:none}.top-badges.in-flow{position:static;transform:none;justify-self:center}.top-badges.in-flow:empty{display:none}.menu:has(>.top-badges.in-flow:not(:empty)){grid-template-rows:auto auto 1fr}.top-badge{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;border-radius:999px;font-size:14px;animation:top-badge-in .22s ease-out}.top-badge p{margin:0;flex:1 1 auto}.top-badge-buttons{display:flex;gap:6px;flex:none}.top-badge.resume{border:1px solid color-mix(in oklab,var(--go) 55%,transparent)}@keyframes top-badge-in{0%{opacity:0;transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.top-badge{animation:none}}@media(max-width:520px){.top-badge{flex-wrap:wrap;border-radius:14px}.top-badge-buttons{margin-left:auto}}.menu{position:absolute;inset:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) calc(0px - var(--app-foot, 0px)) env(safe-area-inset-left,0px);display:grid;grid-template-rows:auto 1fr;gap:18px;padding:16px 20px max(24px,calc(env(safe-area-inset-bottom,0px) - 6px));overflow-y:auto}.menu-top{justify-self:center;display:flex;align-items:center;gap:14px;width:min(640px,100%);max-height:none;padding:6px 6px 6px 16px;border-radius:14px;overflow:visible}.menu-brand{font-size:17px;font-weight:750;letter-spacing:.01em;white-space:nowrap}.menu-rail{flex:1 1 auto;display:flex;gap:2px;padding:3px;border-radius:10px;background:color-mix(in oklab,var(--panel-edge) 55%,var(--panel))}.menu-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;font-size:14px;font-weight:650;color:var(--ink-dim);text-decoration:none;background:none;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;box-shadow:none;translate:none}@media(hover:hover){.menu-tab:hover:not(.on){color:var(--ink);background:color-mix(in oklab,var(--button) 55%,transparent)}}.menu-tab.on{color:var(--ink);background:var(--button);box-shadow:0 0 0 2px var(--ink-line),inset 0 -3px 0 var(--accent)}.menu-soon{padding:0 5px;font-size:9.5px;font-weight:700;line-height:15px;text-transform:uppercase;letter-spacing:.06em;color:#6b4a00;background:color-mix(in oklab,var(--accent) 20%,#fff);border-radius:5px}.menu-body{display:grid;justify-items:center;align-content:start}.menu-card{width:min(640px,100%)}.menu-card.menu-account{width:min(440px,100%)}.menu-card.menu-create{width:min(1320px,100%)}@media(max-width:520px){.menu{padding:10px 10px max(10px,calc(env(safe-area-inset-bottom,0px) - 6px));gap:12px}.menu-top{padding:5px}.menu-brand{display:none}.menu-tab{padding:6px 3px;font-size:13px;white-space:normal;line-height:1.15;text-align:center}.menu-soon{display:none}}.app-panel{display:grid;gap:14px;justify-items:start}.app-panel h1{margin:0}.app-steps{margin:0;padding:0;list-style:none;counter-reset:app-step;display:grid;gap:10px;font-size:15px}.app-steps li{counter-increment:app-step;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;padding:10px 12px;border:2px solid var(--ink-line);border-radius:var(--radius);background:var(--panel)}.app-steps li:before{content:counter(app-step);display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--accent);color:var(--ink-line);font-weight:800;font-size:13px;flex:none}.app-panel .share-glyph,.app-panel .app-glyph{width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em}.app-panel .app-glyph circle{fill:currentColor;stroke:none}.app-install .primary{font-size:16px;padding:10px 18px}.app-done,.app-elsewhere{margin:0;font-size:15px;font-weight:600}@media(max-width:900px){.menu-body:has(>.menu-app){align-content:stretch}.menu-card.menu-app{display:flex;flex-direction:column}.menu-app .app-panel{flex:1 1 auto;grid-template-rows:auto minmax(0,1fr);gap:18px}.menu-app .app-steps{align-self:stretch;justify-self:stretch;grid-auto-rows:minmax(0,1fr);gap:14px;font-size:19px;line-height:1.35}.menu-app .app-steps li{padding:14px 16px}.menu-app .app-steps li:before{width:40px;height:40px;margin-right:14px;font-size:20px}}.coming-soon{display:grid;gap:10px;justify-items:start}.coming-soon h1{margin:0}.coming-soon-tag{margin:0;padding:2px 9px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b4a00;background:color-mix(in oklab,var(--accent) 20%,#fff);border-radius:999px}.coming-soon-what{margin:0;font-size:15px;line-height:1.5}.coming-soon .note{margin:0}.scrim{position:fixed;inset:0;z-index:50;display:grid;place-items:center;--scrim-top: max(16px, calc(env(safe-area-inset-top, 0px) + 8px) );--scrim-bottom: max(16px, calc(env(safe-area-inset-bottom, 0px) + 8px) );padding:var(--scrim-top) max(16px,env(safe-area-inset-right,0px)) var(--scrim-bottom) max(16px,env(safe-area-inset-left,0px));background:#0a141e73}.join-dialog{display:grid;gap:12px;width:min(340px,100%);padding:20px 22px}.join-dialog h2{margin:0;font-size:18px}.join-code{display:grid;gap:10px}.join-code label{display:grid;gap:5px;font-size:13px;color:var(--ink-dim)}.join-code input{padding:9px 11px;font:inherit;font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:#fff;border:1px solid var(--panel-edge);border-radius:8px}.join-code .rejected{margin:0}.join-dialog-buttons{display:flex;justify-content:flex-end;gap:8px}.join-dialog-buttons button{padding:9px 16px}.play-actions button.on{border-color:var(--accent);background:#fff}.account-pane{display:grid;gap:14px}.account-pane h1{margin:0;font-size:26px}.confirm-email{width:min(420px,100%)}.confirm-email-address{overflow-wrap:anywhere;color:var(--ink)}.confirm-email>button.link{justify-self:start}.confirm-email .account-change h2{margin:0;font-size:16px}.auth-lede{margin:-4px 0 2px;font-size:13.5px;line-height:1.5;color:var(--ink-dim)}.auth-go{padding:11px 12px;font-size:15px}.auth-swap{margin:0;padding-top:10px;text-align:center;font-size:13px;border-top:1px solid var(--panel-edge)}.auth-swap a,.auth-swap button.link{color:var(--ink);font-weight:600;font-size:13px}.field{display:grid;gap:5px}.field-hint{font-size:12px;color:color-mix(in oklab,var(--danger) 80%,#1a1a1a)}.field-note{font-size:12px;color:var(--ink-dim)}.entry-card input[aria-invalid=true]{border-color:color-mix(in oklab,var(--danger) 55%,#fff)}.account-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;padding:10px 12px;font-size:14px;border-radius:10px;background:#cbdceb40}.account-facts dt{color:var(--ink-dim);font-size:13px}.account-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.account-facts .note{font-size:12.5px}.account-handle{font-weight:650}.nickname-row{display:flex;gap:8px}.nickname-row input{flex:1 1 auto;min-width:0}.menu-card.menu-account:has(.account-layout){width:min(960px,100%)}.account-layout{grid-template-columns:200px minmax(0,1fr);gap:0 24px;align-items:start;min-height:420px}.account-side{display:grid;gap:12px;align-content:start;padding-right:16px;border-right:1px solid var(--panel-edge);align-self:stretch;grid-template-rows:auto auto 1fr}.account-nav{display:grid;gap:2px}.account-nav-item{justify-self:stretch;padding:8px 10px;font-size:14px;text-align:left;color:var(--ink);background:none;border:0;border-radius:8px;box-shadow:none;translate:none}@media(hover:hover){.account-nav-item:hover:not(.on){background:#cbdceb59}}.account-nav-item.on{font-weight:650;background:#cbdcebb3}.account-nav-item.danger-item{color:color-mix(in oklab,var(--danger) 85%,#1a1a1a)}.account-side-foot{align-self:end;padding-top:10px;border-top:1px solid var(--panel-edge)}.account-out{width:100%;padding:8px 10px}.account-section{display:grid;gap:14px;align-content:start;min-width:0}.account-section-title{margin:0;font-size:20px}.account-section .account-changes{padding-top:0;border-top:0}.account-section .account-records{margin-top:0}.account-section .account-records>section:first-child h2{margin-top:0}@media(max-width:640px){.account-layout{display:flex;flex-direction:column;gap:14px;min-height:0}.account-side{display:contents}.account-nav{display:flex;flex-wrap:wrap;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--panel-edge)}.account-nav-item{flex:0 0 auto;white-space:nowrap}.account-section{order:1}.account-side-foot{order:2}}.room-code{margin:0;display:flex;align-items:baseline;gap:10px;font-size:13px;color:var(--ink-dim)}.room-code strong{font-size:30px;letter-spacing:.16em;color:var(--ink);-webkit-user-select:all;user-select:all}.room-code{flex-wrap:wrap}.copy-invite{align-self:center;margin-left:6px;padding:5px 10px;font-size:12.5px}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.leave-room{padding:6px 12px;font-size:13px}.invite-link{flex:1 1 100%;padding:7px 9px;font:inherit;font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--panel-edge);border-radius:8px}.seat-list{display:grid;gap:6px}.seat-list li{display:grid;grid-template-columns:14px 1fr auto auto auto;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;background:#cbdceb40}.seat-list li>.dot{grid-column:1}.seat-list li>.who,.seat-list li>.own-name{grid-column:2}.seat-list li>.rep{grid-column:3}.seat-list li>.seat-state{grid-column:4}.seat-list li>.drop-bot,.seat-list li>.seat-tools{grid-column:5}.seat-list .rep{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-dim);padding:1px 6px;border-radius:999px;background:#cbdceb8c}.seat-list .dot{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px #16242e4d}.seat-list .who{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-list .own-name{display:flex;align-items:center;gap:6px;min-width:0}.seat-list .own-name input{flex:1 1 auto;min-width:0;padding:2px 6px;margin-left:-7px;font:inherit;font-size:15px;font-weight:650;color:var(--ink);background:transparent;border:1px dashed var(--panel-edge);border-radius:6px}.seat-list .own-name input:focus{background:#fff;border-style:solid}@media(hover:hover){.seat-list .own-name input:hover{background:#fff;border-style:solid}}.seat-list .own-name .you-tag{font-size:12px;font-weight:400;color:var(--ink-dim)}.seat-list .own-name .save-name{padding:2px 9px;font-size:12px}.seat-list .seat-state{font-size:12px;color:var(--ink-dim)}.seat-list li.away{opacity:.55}.seat-list li.bot{background:#cbdceb24;box-shadow:inset 0 0 0 1px var(--panel-edge)}.seat-list li.bot .seat-state{font-variant:small-caps;letter-spacing:.04em}.seat-list li.open-seat{background:transparent;box-shadow:none;outline:1.5px dashed var(--panel-edge);outline-offset:-1.5px}.seat-list li.open-seat .dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--panel-edge)}.seat-list li.open-seat:after{content:"";grid-column:2;height:1lh}.seat-count{white-space:nowrap}.seat-list .drop-bot{width:22px;height:22px;padding:0;display:grid;place-items:center;background:none;border:none;border-radius:6px;color:var(--ink-dim);cursor:pointer;box-shadow:none;translate:none}@media(hover:hover){.seat-list .drop-bot:hover{color:var(--danger);background:#cbdceb66}}.colour-pick{display:grid;gap:6px}.palette-label{font-size:12px;color:var(--ink-dim)}.palette{display:grid;grid-template-columns:repeat(5,28px);gap:7px}.palette .swatch{width:28px;height:28px;padding:0;display:grid;place-items:center;border:none;border-radius:8px;box-shadow:inset 0 0 0 1px #16242e4d;cursor:pointer}@media(hover:hover){.palette .swatch:hover:not(:disabled){box-shadow:inset 0 0 0 1px #16242e73,0 0 0 2px var(--accent)}}.room-tabs{display:flex;gap:2px;margin-bottom:-6px;border-bottom:1px solid var(--panel-edge)}.room-tabs button{padding:7px 14px;font-size:13px;font-weight:650;color:var(--ink-dim);background:none;border:none;border-radius:8px 8px 0 0;margin-bottom:-1px;border-bottom:2px solid transparent;box-shadow:none;translate:none}@media(hover:hover){.room-tabs button:hover:not(.on){color:var(--ink)}}.room-tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.room-panel{display:grid;gap:14px}.room-panel[hidden]{display:none}.lobby-card{width:min(960px,100%)}.entry:has(>.lobby-card){place-items:start center;padding-top:max(20px,6vh)}.lobby-card .room-panel{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;column-gap:28px}.room-main,.room-side{display:grid;gap:14px;min-width:0;align-content:start}.lobby-card .room-settings{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:10px;padding-top:0;border-top:0}.lobby-card .room-settings>h2{grid-column:1 / -1}@media(max-width:760px){.lobby-card .room-panel,.lobby-card .room-settings{grid-template-columns:minmax(0,1fr)}}.room-summary{margin:0}.room-settings{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--panel-edge)}.room-settings h2{margin:0;font-size:13px;font-weight:650;color:var(--ink-dim)}.setting{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:13px}.setting-label{color:var(--ink-dim)}.setting>.segmented,.setting>.setting-pick,.setting>.setting-number{justify-self:end}.segmented{display:flex;gap:0;border:2px solid var(--ink-line);border-radius:9px;overflow:hidden;background:var(--button);box-shadow:0 var(--press) 0 var(--ink-line)}.segmented button{padding:5px 10px;font-size:12px;border:none;border-radius:0;background:none;color:var(--ink-dim);box-shadow:none;translate:none}.segmented button+button{border-left:2px solid var(--ink-line)}@media(hover:hover){.segmented button:hover:not(:disabled):not(.on){background:var(--button-hover)}}.segmented button.on{background:var(--accent);color:var(--ink-line);font-weight:700;box-shadow:inset 0 2px #0000002e}.segmented button:disabled{opacity:.75;cursor:default}.segmented button.on:disabled{opacity:1}.segmented:has(button:disabled){box-shadow:none}.setting-pick{padding:5px 8px;font:inherit;font-size:12px;color:var(--ink);background:#fff;border:2px solid var(--ink-line);border-radius:8px;max-width:190px}.setting-number{display:flex;align-items:center;gap:6px}.setting-number input{width:68px;padding:5px 8px;font:inherit;font-size:12px;text-align:right;color:var(--ink);background:#fff;border:2px solid var(--ink-line);border-radius:8px}.setting-number .unit{font-size:11px;color:var(--ink-dim)}.setting-over{grid-column:1 / -1;justify-self:end;margin:0;font-size:12px;color:var(--ink)}.setting-note{grid-column:1 / -1;justify-self:end;text-align:right;font-size:11px;color:var(--ink-dim)}.menu-body:has(>.menu-play){align-content:stretch}.menu-card.menu-play{display:flex;flex-direction:column}.menu-play .room-browser{flex:1 1 auto;min-height:0;grid-template-rows:auto auto minmax(160px,1fr) auto}.menu-play .room-scroll,.menu-play .room-empty{min-height:160px}.menu-play .room-empty{display:grid;place-content:center;justify-items:center;gap:10px}.menu-play .room-empty p{margin:0}.room-browser-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.room-count{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.room-filters{display:flex;flex-wrap:wrap;gap:8px 12px}.room-filters label{display:grid;gap:3px;font-size:11px;color:var(--ink-dim)}.room-filters select{padding:5px 8px;font:inherit;font-size:13px;color:var(--ink);background:#fff;border:1px solid var(--panel-edge);border-radius:8px}.room-pager{display:flex;align-items:center;justify-content:center;gap:12px}.room-pager button{padding:5px 12px;font-size:12.5px}.room-page{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.room-browser{display:grid;gap:8px}.room-browser h2{margin:0;font-size:13px;font-weight:650;color:var(--ink-dim)}.room-empty{padding:18px 14px;text-align:center;border:1px dashed var(--panel-edge);border-radius:10px}.room-browser .note{margin:0}.room-scroll{overflow:auto;border:1px solid var(--panel-edge);border-radius:10px;background:#fff}.room-table{width:100%;border-collapse:collapse;font-size:13px}.room-table thead th{position:sticky;top:0;z-index:1;padding:7px 10px;text-align:left;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim);background:#f2f7fb;border-bottom:1px solid var(--panel-edge)}.room-table td,.room-table tbody th{padding:7px 10px;text-align:left;vertical-align:middle}.room-table tbody tr+tr>*{border-top:1px solid rgba(203,220,235,.6)}@media(hover:hover){.room-table tbody tr:hover>*{background:#cbdceb38}}.room-host{font-weight:650;max-width:150px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-rules{color:var(--ink-dim);font-size:12px}.room-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;font-size:12px;color:var(--ink-dim)}.room-seats{font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.room-seats.last{color:var(--go)}.room-go{text-align:right;width:1%}.room-go button{padding:4px 12px;font-size:12.5px;font-weight:600;white-space:nowrap}@media(hover:hover){.room-table tbody tr:hover .room-go button:not(:disabled){border-color:var(--accent)}}.palette .swatch:disabled{opacity:.55;cursor:not-allowed;position:relative}.palette .swatch:disabled:after{content:"";position:absolute;inset:2px;background:linear-gradient(to top right,transparent 45%,rgba(22,36,46,.7) 45%,rgba(22,36,46,.7) 55%,transparent 55%)}.palette .swatch .mark{font-size:15px;line-height:1;color:#16242ed9;text-shadow:0 0 3px rgba(242,239,230,.95)}.palette .swatch.worn{box-shadow:inset 0 0 0 1px #16242e73,0 0 0 2px var(--accent)}.link-state{margin:0;font-size:12px;color:var(--ink-dim)}button.link{padding:0;background:none;border:none;color:var(--ink-dim);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;box-shadow:none;translate:none}@media(hover:hover){button.link:hover{color:var(--ink)}}.flights{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.flight{position:absolute;left:0;top:0;width:30px;height:42px;border-radius:3px;box-shadow:0 3px 8px #16242e59;pointer-events:none;animation:card-flight var(--fly) cubic-bezier(.32,.06,.2,1) var(--wait) both}@keyframes card-flight{0%{transform:translate(calc(var(--fx) - 50%),calc(var(--fy) - 50%)) scale(.7);opacity:0}15%{opacity:1}78%{opacity:1}to{transform:translate(calc(var(--tx) - 50%),calc(var(--ty) - 50%)) scale(1);opacity:0}}.hex-flash{fill:#ffe9a0;stroke:#fff6c8;stroke-linejoin:round;mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(255,233,150,.95));animation:hex-lit 1.4s ease-out both;pointer-events:none}@keyframes hex-lit{0%{opacity:0;fill-opacity:0;stroke-width:2}9%{opacity:1;fill-opacity:.55;stroke-width:7}55%{opacity:1;fill-opacity:.55;stroke-width:7}to{opacity:0;fill-opacity:.2;stroke-width:4}}.vertex.dropping .piece:not(.sprite),.marker.dropping{transform-box:fill-box;transform-origin:center;animation:piece-drop .36s cubic-bezier(.3,1.4,.5,1) var(--drop-wait, 0ms) backwards}.dropping .sprite,.blocker.sprite.dropping{transform-box:fill-box;transform-origin:50% 65.47%;animation:sprite-drop .36s cubic-bezier(.3,1.4,.5,1) var(--drop-wait, 0ms) backwards}@keyframes piece-drop{0%{transform:translateY(-260%) scale(1.5);opacity:0}35%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes sprite-drop{0%{transform:translateY(-110%) scale(1.5);opacity:0}35%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes token-slide{0%{transform:translate(var(--slide-x, 0),var(--slide-y, 0)) scale(1)}50%{transform:translate(calc(var(--slide-x, 0) / 2),calc(var(--slide-y, 0) / 2)) scale(1.25)}to{transform:translate(0) scale(1)}}.token.sliding{transform-box:fill-box;transform-origin:center;animation-name:token-slide;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:backwards}.sliding-tokens{pointer-events:none}@keyframes piece-glide{0%{transform:translate(var(--slide-x, 0),var(--slide-y, 0))}to{transform:translate(0)}}.blocker.sliding{animation-name:piece-glide;animation-timing-function:cubic-bezier(.25,.1,.25,1);animation-fill-mode:backwards}@media(prefers-reduced-motion:reduce){.token.sliding,.blocker.sliding{animation:none}}@keyframes tile-turn-in{0%,50%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tile-turn-out{0%{transform:scaleX(1)}50%,to{transform:scaleX(0)}}@keyframes chest-pop{0%{transform:scale(1);opacity:1}35%{transform:scale(1.35) translateY(-12%);opacity:1}to{transform:scale(1.7) translateY(-30%);opacity:0}}.turn-in,.fog-ghost,.chest-ghost{transform-box:fill-box;transform-origin:center;animation-timing-function:ease-in-out}.turn-in{animation-name:tile-turn-in;animation-fill-mode:backwards}.fog-ghost{animation-name:tile-turn-out;animation-fill-mode:both;pointer-events:none}.chest-ghost{animation-name:chest-pop;animation-fill-mode:both}.chest{pointer-events:none}@media(prefers-reduced-motion:reduce){.turn-in{animation:none}.fog-ghost,.chest-ghost{display:none}}.vertex.dropping .metropolis{transform-box:fill-box;transform-origin:50% 65.47%;animation:sprite-drop .36s cubic-bezier(.3,1.4,.5,1) var(--drop-wait, 0ms) backwards}.announce{position:fixed;inset:0;z-index:7;display:grid;place-items:center;pointer-events:none;background:#080e12b8;animation:announce-scrim 1.5s ease-out both}.announce figure{margin:0;display:grid;justify-items:center;gap:20px;animation:announce-in 1.5s cubic-bezier(.16,.84,.3,1) both}.announce img{width:min(42vw,30vh,260px);height:auto;display:block;filter:drop-shadow(0 12px 30px rgba(0,0,0,.55))}.announce figcaption{color:#fff;font-size:clamp(17px,2.6vw,24px);font-weight:700;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.7);padding:0 16px}@keyframes announce-scrim{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes announce-in{0%{opacity:0;transform:scale(.82)}8%{opacity:0;transform:scale(.82)}30%{opacity:1;transform:scale(1)}74%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.flights{display:none}.hex-flash{animation:none;opacity:.85;fill-opacity:.5}.vertex.dropping .piece,.dropping .sprite,.blocker.dropping,.marker.dropping,.vertex.dropping .metropolis,.announce{animation:none}.announce figure{animation:none}.notice-toast p{animation:none}}.notice-toast{position:absolute;top:calc(var(--topline) + 18px);left:0;right:calc(var(--rail) + 10px);z-index:6;display:grid;justify-items:center;pointer-events:none}.notice-toast p{margin:0;max-width:min(420px,calc(100% - 40px));padding:9px 16px;display:grid;gap:3px;text-align:center;background:var(--tile);isolation:isolate;border:2px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--tile-drop);animation:notice-in 3s cubic-bezier(.16,.84,.3,1) both}.notice-toast strong{font-size:14px}.notice-toast span{font-size:12px;color:var(--ink-dim);line-height:1.35}@keyframes notice-in{0%{opacity:0;transform:translateY(-10px)}6%{opacity:1;transform:translateY(0)}88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.barbarians{position:absolute;left:12px;top:calc(50% + 26px);transform:translateY(-50%);display:grid;justify-items:center;pointer-events:none}.barbarians>.track{position:relative;display:grid;gap:6px;margin:0;padding:0;list-style:none}.barbarians>.track>li{width:32px;height:32px;border-radius:8px;border:2px solid var(--panel-edge);background:#fff9}.barbarians>.track>li.landfall{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 22%,transparent)}.barbarians .ship,.barbarians .swords{position:absolute;left:50%;top:calc(var(--step, 0) * (32px + 6px));width:32px;height:32px;translate:-50% 0;transition:top .42s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 1px 3px rgb(0 0 0 / .45))}.barbarians .ship>img{display:block;width:100%;height:100%}.barbarians .swords{translate:calc(50% + 6px) 0;border-radius:50%;background:#ffffffbf}.barbarians .swords>svg{display:block;width:76%;height:76%;margin:12%;fill:none;stroke-linecap:round}.barbarians .swords .blade{stroke:var(--ink);stroke-width:3.5}.barbarians .swords .hilt{stroke:var(--ink);stroke-width:3}.barbarians .dot{position:absolute;right:-5px;bottom:-5px;min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border-radius:999px;border:1.5px solid #fff;background:var(--ink-dim);color:#fff;font:700 11px/14px system-ui,sans-serif;text-align:center;font-variant-numeric:tabular-nums}.barbarians .swords .dot{right:-4px;bottom:-4px}.barbarians .swords .dot.holds{background:var(--go)}.barbarians .swords .dot.falls{background:var(--danger)}@media(prefers-reduced-motion:reduce){.barbarians .ship,.barbarians .swords{transition:none}}.ladders{display:flex;gap:1px;margin:0;padding:0;list-style:none;align-self:center}.ladders .rungs{display:grid;grid-auto-flow:row;gap:1px}.ladders .ladder{display:block;padding:0;margin:0}.ladders .rungs>span{display:block;width:8px;height:8px;border-radius:2px;background:#00000012;border:1px solid rgb(0 0 0 / .22)}.ladders .ladder.trade{--ladder-ink: #d9a01a}.ladders .ladder.politics{--ladder-ink: #3f86e0}.ladders .ladder.science{--ladder-ink: #1c9068}.ladders .rungs>span.on{background:var(--ladder-ink);border-color:#0000004d}.ladders .crown{display:block;width:0;min-width:100%;height:9px;margin-bottom:1px;line-height:0;text-align:center;color:var(--ladder-ink)}.auth-forgot{margin:-4px 0 0;text-align:center;font-size:12.5px}.auth-forgot a{color:var(--ink-dim)}.email-status{margin:0;font-size:13px}.email-status.verified{color:var(--go);font-weight:600}.email-status.unverified{display:grid;gap:6px;justify-items:start;color:var(--ink-dim)}.email-status.unverified p{margin:0}.account-link-done{margin:0;font-size:14px;color:var(--ink)}.friends,.lobby-invites{display:grid;gap:8px}.friends{padding-top:10px;border-top:1px solid var(--panel-edge)}.lobby-invites{margin-top:10px;padding-top:10px;border-top:1px solid var(--panel-edge)}.friends h2,.lobby-invites h2{margin:0;font-size:17px}.friends h3{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--ink-dim)}.friends .note,.lobby-invites .note,.friends .rejected,.lobby-invites .rejected{margin:0}.friend-add{display:grid;gap:4px;font-size:13px}.friend-add-row{display:flex;gap:6px}.friend-add-row input{flex:1;min-width:0}.friend-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.friend-list li{display:flex;align-items:center;gap:8px;min-height:30px;font-size:14px}.friend-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-nick{font-weight:600}.friend-handle{color:var(--ink-dim);font-size:12.5px}.friend-buttons{display:flex;gap:6px;flex:none}.friend-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--panel-edge)}.friend-dot.on{background:var(--go)}.invite-cards{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column-reverse;gap:8px;max-width:min(320px,calc(100vw - 32px));pointer-events:none}.invite-card{pointer-events:auto;display:grid;gap:8px;padding:12px 14px;font-size:14px}.invite-card p{margin:0}.invite-card-buttons{display:flex;gap:6px;justify-content:flex-end}.rep-prompt .rep-left{margin-right:auto;align-self:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.rep-setting{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}.rep-setting.done{color:var(--ink-dim)}.rep-setting .rep-why{font-size:12px;color:var(--ink-dim)}.status-actions .rep-setting{flex-basis:100%}.account-changes{display:grid;gap:14px;padding-top:10px;border-top:1px solid var(--panel-edge)}.account-change{display:grid;gap:10px}.account-change h2,.account-danger h2{margin:0;font-size:17px}.account-change form,.account-danger form{display:grid;gap:10px}.account-change form>button{justify-self:start;padding:8px 14px}.account-change .note,.account-change .rejected,.account-danger .note,.account-danger .rejected{margin:0}.account-danger{display:grid;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in oklab,var(--danger) 38%,#fff);background:color-mix(in oklab,var(--danger) 6%,#fff)}.account-danger>p{margin:0}.account-danger>button.danger{justify-self:start}.account-danger button.danger{padding:8px 14px;color:#fff;font-weight:600;background:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 80%,#000)}@media(hover:hover){.account-danger button.danger:hover:not(:disabled){background:color-mix(in oklab,var(--danger) 85%,#000)}}.account-danger button.danger:disabled{opacity:.5;cursor:not-allowed}.account-danger-row{display:flex;gap:8px;flex-wrap:wrap}.seat-list .seat-tools{display:inline-flex;align-items:center;gap:4px}.seat-list .seat-tools .link{font-size:12px;padding:0 4px}.seat-list .seat-tools .link:disabled{opacity:.5;cursor:not-allowed}.seat-list .seat-tools.confirming{gap:6px}.seat-list .seat-tools-ask{font-size:12px;color:var(--ink-dim);white-space:nowrap}.seat-list .seat-tools.confirming button{padding:2px 9px;font-size:12px}.seat-list .seat-tools.confirming button.danger{color:#fff;background:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 80%,#000)}.room-panel .chat{margin-top:10px}.room-panel .chat .entries{max-height:160px;overflow-y:auto}.victory .victory-actions{display:flex;justify-content:flex-end;margin:10px 0 0}.chip-actions .rematch{margin-right:6px}.turn-alert-toggle{display:flex;align-items:center;gap:6px;flex-basis:100%;font-size:.85em;cursor:pointer}.turn-alert-toggle input:disabled+span{opacity:.6}.turn-alert-toggle .note{opacity:.7;font-size:.9em}.account-records{margin-top:16px}.account-records h2{font-size:1.05em;margin:14px 0 6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin:0}.stat-grid>div{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:6px 8px}.stat-grid dt{font-size:11px;color:var(--ink-dim)}.stat-grid dd{margin:2px 0 0;font-size:1.15em;font-weight:600;color:var(--ink)}.stat-sources,.admin-settings,.admin-results{border-collapse:collapse;margin-top:8px;font-size:13px;width:100%}.stat-sources caption,.admin-settings caption{text-align:left;color:var(--ink-dim);font-size:12px}.stat-sources th,.stat-sources td,.admin-settings th,.admin-settings td,.admin-results th,.admin-results td{text-align:left;padding:3px 6px;border-bottom:1px solid var(--panel-edge)}.matches{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.match{border:1px solid var(--panel-edge);border-radius:var(--radius);background:var(--panel)}.match-head{display:grid;grid-template-columns:1fr 1.4fr .8fr .7fr .8fr;gap:6px;width:100%;text-align:left;background:none;border:0;padding:6px 8px;cursor:pointer;box-shadow:none;translate:none}.match.abandoned .match-verdict{color:var(--ink-dim)}.match-body{padding:4px 8px 8px}.match-players{margin:0 0 6px;padding-left:18px;font-size:13px}.match-players .won{font-weight:600}.match-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.records-problem{font-size:12px}.replay-screen{position:fixed;inset:0;z-index:900;background:var(--bg)}.replay-wait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%}.replay-controls{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:950;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:0 4px 14px #00000040}.replay-controls input[type=range]{width:min(34vw,320px)}.replay-at{font-variant-numeric:tabular-nums;min-width:64px;text-align:center;font-size:13px}.replay-seat{font-size:13px}.replay-broken{position:fixed;left:50%;bottom:64px;transform:translate(-50%);z-index:950;color:var(--danger);background:var(--panel);padding:4px 8px;border-radius:var(--radius)}.replay-hands{position:fixed;left:12px;bottom:64px;z-index:950;max-width:360px;max-height:45vh;overflow-y:auto;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:6px 10px;font-size:12px}.replay-hands h2{font-size:13px;margin:0 0 4px}.replay-hands ul{list-style:none;margin:0;padding:0}.replay-hands li{display:flex;flex-direction:column;padding:3px 0;border-bottom:1px solid var(--panel-edge)}.replay-hand-who{font-weight:600;border-left:4px solid;padding-left:5px}.replay-hand-dev{color:var(--ink-dim)}.admin-page{max-width:1100px;margin:0 auto;padding:16px;color:var(--ink);overflow-y:auto;height:100vh;box-sizing:border-box}.admin-page section{margin-bottom:20px}.admin-days{margin:12px 0}.admin-days figcaption{font-size:12px;color:var(--ink-dim);margin-bottom:4px}.admin-days ol{display:flex;align-items:flex-end;gap:2px;height:110px;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--panel-edge)}.admin-days li{position:relative;flex:1;height:100%}.admin-days .bar{position:absolute;bottom:0;left:0;right:0;border-radius:2px 2px 0 0}.admin-days .bar.started{background:color-mix(in oklab,var(--accent) 45%,transparent)}.admin-days .bar.finished{left:25%;right:25%;background:var(--go)}.admin-days .peak{position:absolute;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--ink)}.admin-search{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:8px}.admin-search label{display:flex;flex-direction:column;font-size:12px;gap:2px}.players li.offline .who .seat-disc,.players li.offline .who .ribbon{opacity:.55}.players .reconnect{display:flex;flex-direction:column;align-items:center;line-height:1.15;font-size:10px;max-width:100%}.players .reconnect-word{color:var(--danger);font-weight:600}.players .reconnect-time{color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.players .reconnect.lapsed .reconnect-time{font-style:italic}.notices .spectating-banner{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:6px 8px 6px 16px;border-radius:999px;font-size:14px}.spectating-banner .spectating-count{color:var(--ink-dim)}.watchers-chip{margin:0;padding:7px 12px;display:flex;align-items:center;background:var(--tile);isolation:isolate;border:2px solid var(--ink-line);border-radius:999px;box-shadow:var(--tile-drop);font-size:13px;color:var(--ink-dim);white-space:nowrap;pointer-events:auto}.chat .chat-readonly{margin:4px 0 0;font-size:12px}.editor-gate,.editor-loading{min-height:100%;display:grid;place-items:center;padding:24px;margin:0;color:#fff}.editor-gate-card{max-width:420px;padding:18px 22px;color:var(--ink)}.editor-gate-card h1{margin-top:0}.create-panel{display:grid;gap:10px}.create-lists{display:grid;gap:10px;justify-items:start;min-width:0}.create-lists[hidden]{display:none}.create-panel h1,.create-panel p{margin:0}.create-mine{display:grid;gap:6px;justify-self:stretch}.create-mine h2{margin:0;font-size:18px}.board-card-new{align-items:center;justify-content:center;gap:6px;min-height:190px;border-style:dashed;border-width:2px;color:var(--ink-dim, #5d7080);text-decoration:none;cursor:pointer}@media(hover:hover){.board-card-new:hover{color:var(--accent, #d98c00);border-color:var(--accent, #d98c00)}}.board-card-new:focus-visible{outline:3px solid var(--accent, #d98c00);outline-offset:2px}.board-card-new-plus{font-size:56px;line-height:1;font-weight:300}.board-card-new-label{font-weight:700;font-size:15px}.board-card-new-needs{margin-top:-2px;font-size:13px;font-weight:500}.create-lists>.boards-browser,.create-lists>.create-community-loading{justify-self:stretch;margin-top:8px;padding-top:18px;border-top:1px solid var(--panel-edge)}.create-panel .boards-section-head h2{font-size:18px}.create-mine .board-card-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}.create-mine .board-card-actions{justify-content:flex-end}.menu-button{min-width:34px;padding:2px 8px;font-size:18px;line-height:1;letter-spacing:.05em}.menu-button[aria-expanded=true]{border-color:var(--ink-dim);background:#e4eef6}.menu-pop{position:fixed;z-index:1000;display:grid;min-width:190px;max-width:min(300px,calc(100vw - 8px));padding:5px;background:var(--tile);border:2px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--tile-drop)}.menu-pop .menu-item{display:grid;gap:1px;justify-items:start;text-align:left;width:100%;padding:7px 10px;font:inherit;font-size:14px;color:var(--ink);background:transparent;border:none;border-radius:6px;cursor:pointer;box-shadow:none;translate:none}.menu-pop .menu-item:focus-visible{background:#e4eef6;outline:none}@media(hover:hover){.menu-pop .menu-item:hover:not([aria-disabled=true]){background:#e4eef6;outline:none}}.menu-pop .menu-item:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.menu-pop .menu-item[aria-disabled=true]{cursor:default;color:var(--ink-dim)}.menu-pop .menu-item-label{font-weight:600}.menu-pop .menu-item-why{font-size:12px;color:var(--ink-dim)}.menu-pop .menu-item.danger:not([aria-disabled=true]) .menu-item-label{color:var(--danger)}.create-mine>p[role=status]{margin-top:6px;font-size:13px;color:var(--ink-dim)}.create-mine>.rejected{margin-top:8px}.rocks{pointer-events:none}.rock polygon{fill:#8d857c;stroke:#3d3630;stroke-width:1.6;stroke-linejoin:round}.rock .rock-light{fill:none;stroke:#c9c1b6;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.rock.spire .rock-light{fill:#d6cfc5;stroke:none}.feed-toggle,.dev-toggle,.feed-echo{display:none}@media(max-width:900px){.stage{--phone-top: calc(196px + env(safe-area-inset-top, 0px)) ;--phone-bottom: calc(212px + env(safe-area-inset-bottom, 0px)) }.board-wrap{padding:var(--phone-top) calc(4px + env(safe-area-inset-right,0px)) var(--phone-bottom) calc(4px + env(safe-area-inset-left,0px))}.hud{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"topline" "rail" "notices" "tray";gap:6px;padding:6px 6px 0;bottom:0}.status{padding:4px}.island.status{overflow:visible;z-index:25}.status .sheet{position:absolute;top:calc(100% + 8px);left:0;width:min(320px,calc(100vw - 12px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:60vh;overflow-y:auto;margin:0;padding:10px 12px;box-sizing:border-box;background:var(--tile);border:2px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--tile-drop)}.corner-buttons .round{width:34px;height:34px}.bank-top{justify-self:end;max-width:calc(100% - 132px);padding:4px 6px}.bank .face{width:100%;max-width:26px}.bank .stock{gap:3px}.bank .count{position:static;display:block;min-width:0;margin-top:2px;padding:0;border-width:0;background:none;line-height:1}.rail{display:block;min-height:0}.rail>.feed{display:none}.hud:not(.feed-open)>.feed-echo{display:block;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.island.table{padding:4px;overflow:hidden}.players>h2,.players>.panel-title{display:none}.players>ul,.players.folded>ul{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.players>ul:has(>li:nth-child(5)){grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}.players>ul>li{grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;padding:5px 4px}.players>ul>li+li{margin-top:0}.players .who{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;column-gap:3px;row-gap:0;align-items:center;justify-self:stretch}.players .who>.seat-disc{grid-row:1 / span 2;width:24px;height:24px}.players .who>.ribbon{grid-column:2;width:100%}.players .who>.score-ribbon{width:86%}.players .who>.reconnect{grid-column:1 / -1}.players .who .name{font-size:clamp(8px,calc(76px / var(--chars, 1)),11px)}.players .stats{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:3px 6px}.players .stat img{width:17px;height:17px}.players .stat.deck img{width:12px}.players .stat.deck+.stat.deck{margin-left:-5px}.players .stat .tally{font-size:11px}.players .ladders .rungs>span{width:6px;height:5px;border-radius:1px}.players .ladders .crown{height:7px}.barbarians{top:calc(var(--phone-top) - env(safe-area-inset-top,0px) + 8px);transform:none}.feed-toggle,.dev-toggle{display:grid;place-items:center;flex:none;width:40px;height:40px;padding:0;border-radius:50%;font-size:17px;pointer-events:auto;position:relative}.dev-toggle{font-size:12px;font-weight:800}.dev-toggle[aria-expanded=true]{font-size:17px}.feed-toggle.unread:after{content:"";position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--ink-line)}.hud.feed-open .rail>.feed{display:block;position:absolute;left:6px;right:6px;top:58px;bottom:calc(var(--phone-bottom) + 54px);align-self:stretch;max-height:none;z-index:20}.hud.feed-open .feed-toggle{z-index:21}.tray{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;--drawer-gap: 54px}.tray>.hand-stack{grid-column:1;grid-row:2}.tray>.island.controls{grid-column:1;grid-row:3;justify-self:stretch;margin:0 -6px;border-width:2px 0 0;border-radius:0;box-shadow:none;padding-bottom:max(8px,calc(env(safe-area-inset-bottom,0px) - 6px));padding-right:0}.island.hand{max-width:none;overflow-x:auto;padding:8px 8px 5px}.panel.hand{max-width:none;--phone-card: 46px}.hand .strip{flex:none;width:max-content;margin-inline:auto;justify-content:flex-start}.hand .cards{flex:none;justify-content:flex-start}.hand .dev-held{flex:none}.hand .cards li{flex:0 0 var(--phone-card);width:var(--phone-card);min-width:0;max-width:none}.hand .cards li>button,.hand .cards .face{width:var(--phone-card)}.island.controls{overflow:visible;--act-button: 50px}.island.controls{padding-top:0}.island>.act-drawer{position:absolute;left:50%;bottom:calc(var(--phone-bottom) + 54px);transform:translate(-50%);z-index:15;width:max-content;max-width:calc(100% - 12px);justify-content:center;padding:12px 10px 10px;background:var(--tile);border:2px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--tile-drop);pointer-events:auto}.island>.act-drawer+.panel.action-bar{margin-top:0;border-top:0;padding-top:0}.panel.action-bar{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0}.act-scroll{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;justify-content:space-between;gap:6px;padding:10px 6px calc(var(--press) + 2px) 0}.act-scroll>*{flex:none}.end-turn-dock{display:flex;align-items:flex-start;justify-content:flex-end;align-self:stretch;flex:none;margin-bottom:calc(-1*max(8px,calc(env(safe-area-inset-bottom,0px) - 6px)));padding:10px 10px max(8px,calc(env(safe-area-inset-bottom,0px) - 6px)) 10px;background:color-mix(in oklab,var(--tile) 86%,var(--ink-dim));border-left:2px solid color-mix(in oklab,var(--tile) 62%,var(--ink-dim))}.panel.action-bar .end-turn{background:var(--go);border-color:color-mix(in oklab,var(--go) 70%,#000);border-radius:14px}.panel.action-bar .end-turn img{filter:brightness(0) invert(1)}@media(hover:hover){.panel.action-bar .end-turn:hover:not(:disabled){background:color-mix(in oklab,var(--go) 88%,#000)}}.panel.action-bar .end-turn:disabled{opacity:1;background:color-mix(in oklab,var(--tile) 70%,var(--ink-dim));border-color:color-mix(in oklab,var(--tile) 45%,var(--ink-dim))}.panel.action-bar .end-turn:disabled img{opacity:.7}.tray>.chips{justify-self:stretch;gap:6px}.turn-chip{flex:1 1 auto;min-width:0;padding:6px 12px;font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-chip>*{display:inline}.turn-chip .dot{display:inline-block;margin-right:6px;vertical-align:middle}.clock-chip{padding:6px 10px}.dice-pad .dice-glyph img{width:48px;height:48px}.dice-pad .die{min-width:48px;height:48px}.offers{top:calc(var(--phone-top) - env(safe-area-inset-top,0px) - 4px);left:0;right:0;width:auto;justify-items:stretch;max-height:45%}.camera{left:auto;right:calc(8px + env(safe-area-inset-right,0px));top:calc(var(--phone-top) + 8px)}.notice-toast{position:fixed;top:8px;left:0;right:0}}