:root{color:#263e35;font-synthesis:none;--ink:#263e35;--ink-soft:#55624f;--muted:#67725f;--green:#315c48;--line:#dfe2d6;--serif:"Noto Serif TC", "Songti TC", serif;--gold:#b19967;--gutter:max(7.5vw, (100vw - 1680px) / 2);--glass:#fcfaf366;--glass-strong:#fbf9f2a3;--glass-soft:#ffffff42;--glass-lens:#ffffff9e;--glass-panel:#fbf9f2cc;--glass-clear:#fcfaf329;--glass-clear-plain:#fbf9f294;--glass-blur:blur(12px) saturate(1.8);--glass-edge:#ffffff9e;--glass-sheen:linear-gradient(160deg, #ffffff6b, #fff0 45%);--glass-rim:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #ffffff47, inset 0 0 0 1px #ffffff38;--glass-shadow:0 10px 34px #26382a26, 0 1px 3px #26382a14;--lens-shadow:inset 0 1px 0 #fffffff2, 0 2px 8px #26382a1f;--dialog-glass:#fbf9f2cc;--dialog-glass-soft:#ffffff52;--dialog-glass-lens:#ffffffad;--dialog-blur:blur(16px) saturate(1.8);--stage-ground:radial-gradient(ellipse at 50% 45%, #e5e9dd, #efeee5 65%, #f5f3ed);background:#f5f3ed;font-family:Noto Sans TC,sans-serif;font-size:14px}.site-header,.in-game .site-header>*,.players-panel,.action-panel,.turn-indicator,.camera-toolbar,.speed-toolbar,.reel,#music-menu,#tile-tip,dialog,.expansion-card,.lobby-card,.chat.floating .chat-toggle,.chat.floating .chat-body,.pause-card{background:var(--glass-sheen), var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-rim), var(--glass-shadow)}.plain-glass :is(.players-panel,.action-panel,.reel,.pause-card){background:var(--glass-sheen), var(--glass-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.tile-notes li,.figure-choice,.save-row,.catalog-card,.rule-card,.setup-expansion,.player-resources>div,.segmented,.catalog-tabs,.music-list .track,.setting-switch{background:var(--glass-soft);border:1px solid #ffffff8c}*{box-sizing:border-box}body{margin:0}:root:not(:has(body.in-game)){scrollbar-gutter:stable}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.38}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a58348}button{transition:background .18s,color .18s,box-shadow .18s}svg.lucide,.glyph{flex-shrink:0;width:20px;height:20px}button{justify-content:center;align-items:center;gap:10px;display:inline-flex}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif)}[hidden]{display:none!important}.site-header{z-index:10;top:14px;left:var(--gutter);right:var(--gutter);border-radius:999px;justify-content:space-between;align-items:center;height:64px;padding:0 12px;display:flex;position:fixed}.in-game .site-header{height:56px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border-color:#0000;padding:0;top:12px;left:12px;right:12px}.in-game .site-header>*{pointer-events:auto;border-radius:999px;height:100%;padding:0 10px}.in-game .site-header nav{gap:6px}.in-game .site-header .text-button span{display:none}.in-game .site-header .text-button{width:40px;height:40px;padding:0}.brand{text-align:left;gap:11px;padding:0}.brand-mark{color:#fffdf4;background:linear-gradient(#43745c,#2b5340);border-radius:50%;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #ffffff59,0 3px 10px #315c4847}.brand-mark svg{width:22px;height:22px}.brand strong{font-family:var(--serif);letter-spacing:.17em;font-size:19px;font-weight:800;display:block}.brand small{letter-spacing:.3em;color:var(--muted);margin-top:2px;font-size:10px;display:block}.in-game .brand{padding-right:18px}.site-header nav{align-items:center;gap:8px;display:flex}.text-button{color:#506656;border-radius:999px;padding:9px 14px;font-size:13px}.text-button:hover{color:#233f2e;background:var(--glass-soft)}.icon-button{background:var(--glass-soft);border:1px solid #ffffffb3;border-radius:50%;width:40px;height:40px;box-shadow:inset 0 1px #fffc}.icon-button:hover{background:var(--glass-lens)}#stage{position:relative;overflow:hidden}#world{z-index:0;position:absolute}#world canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.home-stage{background:radial-gradient(at 70% 35%,#e6e8dd 0%,#f1f0e7 40%,#f5f3ed 70%);min-height:100vh;padding-top:92px}.home-stage #world{width:65%;height:640px;top:92px;right:0}.home-stage #home{pointer-events:none;position:relative}.home-stage #home button{pointer-events:auto}.hero-copy{padding:88px 0 0 var(--gutter);z-index:1;width:49%;height:591px;position:relative}.hero-caption{color:var(--muted);letter-spacing:.12em;align-items:center;gap:12px;margin-bottom:20px;font-size:13px;display:flex}.hero-caption span{background:#889c7a;width:24px;height:1px}.hero-copy h1{letter-spacing:.06em;white-space:nowrap;font-size:clamp(36px,3.55vw,58px);font-weight:600;line-height:1.4}.hero-copy h1>span{color:#ac9665}.hero-copy>p{color:var(--ink-soft);letter-spacing:.04em;margin-top:24px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:16px;margin-top:40px;display:flex}.primary{color:#fffdf4;letter-spacing:.04em;background:linear-gradient(#ffffff2e,#fff0 55%),#315c48;border:1px solid #ffffff38;border-radius:999px;min-height:45px;padding:11px 22px;font-size:13px;font-weight:500;box-shadow:inset 0 1px #ffffff4d,0 6px 18px #315c4842}.primary:hover:not(:disabled){background:linear-gradient(#ffffff38,#fff0 55%),#2a5340;box-shadow:inset 0 1px #ffffff59,0 8px 22px #315c4857}.primary svg{width:18px}.secondary{background:var(--glass-soft);border:1px solid #ffffffbf;border-radius:999px;min-height:39px;padding:9px 16px;font-size:12px;box-shadow:inset 0 1px #ffffffd9,0 2px 8px #26382a0f}.secondary:hover:not(:disabled){background:var(--glass-lens)}.primary.large,.secondary.large{gap:8px;min-height:52px;padding:0 24px 0 20px;font-size:15px}.secondary.large{color:var(--ink-soft)}.large svg.lucide{width:18px;height:18px}.hero-meta{color:var(--muted);white-space:nowrap;gap:24px;margin-top:32px;font-size:12px;display:flex}.hero-meta>span{align-items:center;gap:6px;display:flex}.hero-meta svg{width:15px;height:15px}.scene-caption{right:var(--gutter);color:#64795e;font-family:var(--serif);letter-spacing:.1em;align-items:center;gap:12px;font-size:15px;display:flex;position:absolute;top:527px}.scene-caption-line{background:#a6b399;width:24px;height:1px}.scene-caption small{letter-spacing:.02em;color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-family:Noto Sans TC,sans-serif;font-size:12px;display:flex;position:absolute;top:32px;right:0}.scene-caption small svg{width:13px;height:13px}.expansions-section{padding:0 var(--gutter);z-index:1;pointer-events:auto;position:relative}.section-heading{margin-bottom:24px}.section-heading h2{letter-spacing:.06em;font-size:24px;font-weight:600;line-height:1.4}.section-heading p{color:var(--ink-soft);letter-spacing:.02em;margin-top:8px;font-size:14px}.expansion-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.expansion-card{text-align:left;border-radius:22px;justify-content:flex-start;gap:0;min-height:136px;padding:0;position:relative;overflow:hidden}.expansion-card:hover{background:var(--glass-sheen), var(--glass-strong)}.expansion-card.selected{background:var(--glass-sheen), #ecf3e29e;box-shadow:var(--glass-rim), inset 0 0 0 1.5px #7d9b6a, var(--glass-shadow)}.expansion-art{background:radial-gradient(#d9dbbd 0%,#e8ead950 70%);flex-shrink:0;justify-content:center;align-items:center;width:112px;height:134px;display:flex;position:relative;overflow:hidden}.expansion-text{padding:16px 40px 16px 12px}.expansion-text h3{white-space:nowrap;letter-spacing:.04em;font-size:17px;font-weight:600}.expansion-text p{color:var(--ink-soft);margin-top:6px;font-size:13px;line-height:1.6}.expansion-text small{color:var(--muted);margin-top:10px;font-size:12px;display:block}.expansion-check{color:#7d8a70;background:var(--glass-soft);border:1px solid #fffc;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:14px;right:14px}.expansion-check svg{width:13px;height:13px}.selected .expansion-check{color:#fff;background:#557448;border-color:#557448}.home-footer{margin:48px var(--gutter) 0;color:var(--muted);letter-spacing:.02em;justify-content:space-between;align-items:center;padding:24px 0 32px;font-size:12px;display:flex}.home-footer a{color:var(--ink);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #263e3540;text-decoration:underline #263e3540;transition:text-decoration-color .18s}.home-footer a:hover{text-decoration-color:currentColor}.full{width:100%}.muted{color:#8b9585;margin:20px 0;font-size:12px;line-height:1.8}.game-stage{background:var(--stage-ground);height:100dvh;min-height:580px}.game-stage #world{inset:0}.players-summary,.game-actions,.toolbars{display:contents}.game-stage #game-ui{z-index:1;pointer-events:none;height:100%;position:relative}.game-stage #game-ui button,.game-stage #game-ui aside,.game-stage #game-ui .speed-toolbar,.game-stage #game-ui .camera-toolbar{pointer-events:auto}.panel-body,.dialog-body{scrollbar-width:thin;scrollbar-color:#788a6e66 transparent;min-height:0;overflow:auto}.players-panel,.action-panel{border-radius:26px;flex-direction:column;max-height:calc(100% - 188px);padding:14px 6px;display:flex;position:absolute;top:82px}.panel-body{padding:6px 14px}.players-panel{width:244px;height:calc(100% - 188px);left:12px}.players-panel .panel-body{flex-direction:column;flex:1;display:flex}.action-panel{width:258px;right:12px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}.panel-heading h2{letter-spacing:.06em;font-size:16px;font-weight:600}.panel-heading>span{color:#9ba58f;font-size:10px}.player-row{text-align:left;background:0 0;border:0;border-radius:16px;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;column-gap:11px;margin:0 -10px;padding:13px 10px;display:grid;position:relative}.player-supply{grid-column:2/-1;min-width:0}.player-row.current{background:var(--glass-lens);box-shadow:var(--lens-shadow)}.player-token{background:color-mix(in srgb, var(--player) 12%, #fff6);width:34px;height:39px;color:var(--player);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.meeple-icon{flex-shrink:0;width:22px;height:26px}.player-info{min-width:0}.player-info strong{align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.player-info strong small{color:#4f6a45;background:#315c481f;border-radius:999px;padding:1px 7px;font-size:9px}.player-info>span{color:#9ba28f;margin-top:4px;font-size:9px;display:block}.player-name{border-radius:8px;padding:0}.player-name:hover .player-token{background:color-mix(in srgb, var(--player) 18%, transparent)}.supply{color:var(--player);align-items:flex-end;gap:1px;margin-top:8px;display:flex}.piece{border-radius:3px;place-items:end center;padding:1px;display:inline-grid}.piece .meeple-icon{width:10px;height:12px}.supply.extras{align-items:center;gap:4px;margin-top:5px}.piece.large .meeple-icon{width:15px;height:18px}.piece svg.lucide,.piece .glyph{width:13px;height:13px}.piece.used{opacity:.28}button.piece.used:hover,button.piece.used:focus-visible{opacity:1;background:color-mix(in srgb, var(--player) 16%, transparent)}.score{font-family:var(--serif);font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-size:26px;font-weight:600;line-height:1.1;display:flex;position:relative}.score small{color:#9ba28f;font-family:Noto Sans TC,sans-serif;font-size:10px;font-weight:400}.score b{font-weight:inherit}.score-chip{color:var(--player);pointer-events:none;font-size:13px;font-weight:700;animation:1.3s ease-out forwards score-chip;position:absolute;top:-10px;right:0}@keyframes score-chip{0%{opacity:0;transform:translateY(8px)scale(.6)}20%{opacity:1;transform:translateY(-4px)scale(1.15)}to{opacity:0;transform:translateY(var(--chip-rise,-24px))}}.player-row.scored{animation:1s ease-out row-scored}@keyframes row-scored{0%{background:color-mix(in srgb, var(--player) 22%, transparent)}}.goods{color:#7f8b72;gap:9px;margin-top:6px;font-size:10px;display:flex}.goods span{align-items:center;gap:3px;display:inline-flex}.goods svg{width:12px;height:12px}.remaining{background:var(--glass-soft);border-radius:16px;justify-content:space-between;align-items:center;margin-top:16px;padding:10px 14px;font-size:11px;display:flex}.remaining>span{color:#8c987d;align-items:center;gap:7px;display:flex}.remaining svg{width:16px;height:16px}.remaining strong{font-size:17px;font-family:var(--serif)}.remaining small{font-size:10px;font-weight:400}.active-expansions{color:#91a084;flex-wrap:wrap;gap:7px;margin-top:19px;font-size:9px;display:flex}.active-expansions>span{align-items:center;gap:5px;display:flex}.active-expansions svg{width:13px;height:13px}.journal{flex-direction:column;flex:1 1 0;min-height:130px;margin-top:20px;display:flex}.journal h3{color:#56684b;align-items:center;gap:6px;margin:0 0 8px;font-size:11px;font-weight:600;display:flex}.journal h3 svg.lucide{width:14px;height:14px}.journal h3 small{color:#9ba28f;margin-left:auto;font-size:9px;font-weight:400}.journal ol{scrollbar-width:thin;scrollbar-color:#c4cdb9 transparent;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:auto}.log-entry{color:#6f7d63;border-radius:12px;align-items:center;gap:8px;min-height:34px;padding:3px 8px;display:flex;position:relative}.log-entry:hover,.log-entry:focus-visible{background:var(--glass-lens)}.log-entry[data-log]:hover{cursor:pointer}.log-who{width:18px;color:var(--player,#8c987d);place-items:center;display:grid}.log-who .meeple-icon{width:12px;height:14px}.log-who svg.lucide,.log-what svg.lucide,.log-what .glyph{width:15px;height:15px}.log-what{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.log-tile{object-fit:contain;width:28px;height:28px}.log-piece{color:var(--player);display:grid}.log-piece .meeple-icon{width:11px;height:13px}.log-piece.large .meeple-icon{width:15px;height:18px}.log-text{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.log-points{background:var(--player);color:#fffdf6;border-radius:10px;padding:1px 7px;font-size:11px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.turn-indicator{white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:11px 18px;font-size:12px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.turn-indicator small{color:#7f8b72;background:var(--glass-soft);border-radius:999px;margin-left:2px;padding:2px 9px;font-size:10px}.turn-dot{background:var(--player);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--player) 22%, transparent);border-radius:50%}.tile-preview{background:var(--glass-sheen), #ffffff52;width:136px;height:136px;box-shadow:var(--lens-shadow), 0 10px 22px #4c57261f;border:1px solid #fffc;border-radius:20px;margin:8px auto 18px;padding:6px;transform:rotate(-5deg)}.tile-preview.draggable{cursor:grab;touch-action:none}.tile-preview.draggable:active{cursor:grabbing}.tile-drag{pointer-events:none;z-index:20;opacity:.92;width:92px;height:92px;margin:-46px 0 0 -46px;transition:opacity .12s,scale .12s;position:fixed;top:0;left:0}.tile-drag.snapped{opacity:0;scale:.6}.tile-art{filter:drop-shadow(0 2px 1px #79664720);width:100%;height:100%;display:block}.tile-name{text-align:center;letter-spacing:.05em;font-size:15px;font-weight:600}.action-help{display:contents}.tile-thumb,.hint-button{display:none}.action-hint{color:#8b967d;text-align:center;margin:12px 0 19px;font-size:11px;line-height:1.9}.rotate-actions{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.rotate-actions button{width:38px;height:35px;min-height:35px;padding:5px}.rotate-actions span{color:#8e9a7f;font-size:10px}.rotate-actions svg{width:16px;height:16px}kbd{background:var(--glass-soft);color:#8f9a80;border:1px solid #fffc;border-radius:6px;margin-left:5px;padding:1px 5px;font-family:inherit;font-size:9px}.panel-actions{gap:8px;display:grid}.tile-notes{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.tile-notes li,#tile-tip li{color:#66745b;gap:7px;font-size:10px;line-height:1.6;display:flex}.tile-notes li{border-radius:12px;padding:7px 10px}.tile-notes svg.lucide,#tile-tip svg.lucide{color:#8a6a3f;width:14px;height:14px;margin-top:2px}.tile-notes strong,#tile-tip b{color:#3f5234;font-weight:600;display:block}#tile-tip{z-index:30;background:var(--glass-sheen), var(--glass-strong);pointer-events:none;border-radius:16px;max-width:260px;padding:11px 14px;position:fixed;top:0;left:0}#tile-tip>strong{color:#2f4a3a;align-items:baseline;gap:6px;font-size:12px;display:flex}#tile-tip>strong small{color:#8c987d;margin-left:auto;font-size:10px;font-weight:400}#tile-tip ul{margin-top:8px}#tile-tip>p{color:#66745b;margin:6px 0 0;font-size:10px;line-height:1.6}#tile-tip .tile-code{margin-left:0}.tile-code{color:#5d6c54;letter-spacing:0;vertical-align:middle;background:#315c481a;border-radius:999px;margin-left:6px;padding:1px 6px;font:500 10px/1.4 ui-monospace,SF Mono,Menlo,monospace}#tile-tip ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dragon-track{grid-template-columns:repeat(6,1fr);gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.dragon-track li{color:#8c987d;flex-direction:column;align-items:center;gap:4px;min-width:0;font-size:9px;display:flex}.dragon-track li span{border:2px solid var(--player);background:var(--glass-lens);width:25px;height:25px;color:var(--player);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.dragon-track li.done span{background:var(--player);color:#fffdf6}.dragon-track li.active span{background:color-mix(in srgb, var(--player) 20%, #fbfbf5);animation:1.1s ease-in-out infinite step-pulse}.dragon-track small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@keyframes step-pulse{50%{transform:scale(1.14)}}.dragon-turn{text-align:center;color:#6f7d63;margin:0 0 12px;font-size:11px}#music-menu{background:var(--glass-sheen), var(--glass-strong);width:min(320px,100vw - 24px);color:var(--ink);opacity:0;transform-origin:100% 0;transition:opacity .18s ease-out, transform .18s ease-out, display .18s allow-discrete, overlay .18s allow-discrete;border-radius:24px;margin:0;padding:12px;position:fixed;inset:auto;transform:translateY(-6px)scale(.98)}#music-menu:popover-open{opacity:1;transform:none}@starting-style{#music-menu:popover-open{opacity:0;transform:translateY(-6px)scale(.98)}}.music-head{gap:10px;margin-bottom:10px;display:grid}.music-head>strong{color:#56684b;padding:2px 6px 0;font-size:12px}.music-modes button{gap:5px;padding:7px 4px}.music-modes svg.lucide{width:14px;height:14px}.music-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.music-list .track{border-radius:16px;align-items:center;transition:background .18s;display:flex}.music-list .track:hover{background:var(--glass-lens)}.music-list .track.playing{background:var(--glass-lens);box-shadow:var(--lens-shadow)}.track-play{text-align:left;border-radius:16px;flex:1;justify-content:flex-start;gap:10px;min-width:0;padding:9px 12px;font-size:12px}.track-play>span:last-child{gap:2px;min-width:0;display:grid}.track-play small{color:#7f8b72;font-size:10px}.track.playing b{color:var(--green)}.track-pick{cursor:pointer;align-self:stretch;place-items:center;width:38px;display:grid}.track-pick input{appearance:none;cursor:pointer;background:#ffffff80;border:1.5px solid #788a6e8c;border-radius:50%;width:18px;height:18px;margin:0;transition:background .18s,border-color .18s}.track-pick input:checked{border-color:var(--green);background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat}#music-menu:not([data-mode=mix]) .track-pick{display:none}.equalizer{flex-shrink:0;align-items:flex-end;gap:2px;width:14px;height:14px;display:flex}.equalizer i{background:#b7c2a8;border-radius:1px;flex:1;height:30%}.track.playing .equalizer i{background:var(--green);animation:.9s ease-in-out infinite alternate equalizer}.track.playing .equalizer i:nth-child(2){animation-delay:-.3s}.track.playing .equalizer i:nth-child(3){animation-delay:-.6s}@keyframes equalizer{to{height:100%}}.music-hint{color:#7f8b72;margin:10px 6px 2px;font-size:10px;line-height:1.7}.save-list{gap:10px;max-height:52dvh;margin:22px 0;padding:0;list-style:none;display:grid;overflow:auto}.save-row{border-radius:20px;align-items:center;gap:14px;padding:14px 16px;display:flex}.save-info{flex:1;gap:6px;min-width:0;display:grid}.save-info strong{font-size:13px;font-weight:600}.save-info strong small{color:#8c987d;margin-left:8px;font-size:10px;font-weight:400}.save-info time{color:#8c987d;font-size:10px}.save-players,.save-expansions{flex-wrap:wrap;gap:10px;font-size:11px;display:flex}.save-players span{color:var(--player);align-items:center;gap:3px;display:inline-flex}.save-players .meeple-icon{width:11px;height:13px}.save-players b{color:var(--ink)}.save-expansions{color:#7d8a6d;--badge-ground:#f3f3ea}.save-expansions .glyph{width:20px;height:20px}.save-actions{gap:8px;display:flex}.save-actions .primary{min-height:38px;padding:8px 14px}.save-actions .secondary{min-height:38px;padding:8px 11px}.save-actions .secondary.confirm{color:#fffdf6;background:#a8433e;border-color:#a8433e;font-size:11px}dialog.catalog-dialog{width:min(1080px,100vw - 28px)}.catalog-toolbar{z-index:1;background:var(--glass-lens);width:fit-content;max-width:calc(100% - 64px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--lens-shadow);border-radius:26px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin:0 auto;padding:5px 6px;display:flex;position:sticky;top:0}.catalog-filter{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.catalog-filter button{white-space:nowrap;background:var(--glass-soft);border:1px solid #ffffffb3;border-radius:999px;padding:7px 14px;font-size:11px}.catalog-filter button:hover{background:var(--glass-lens)}.catalog-filter button.active{color:#fffdf6;background:#315c48;border-color:#ffffff40;box-shadow:inset 0 1px #ffffff40}.catalog-group h3{align-items:baseline;gap:10px;margin:22px 0 12px;font-size:14px;display:flex}.catalog-group h3 small{color:#8c987d;font-size:10px;font-weight:400}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.catalog-card{border-radius:20px;align-content:start;gap:10px;padding:6px 6px 12px;display:grid;position:relative}.catalog-card>div{gap:5px;padding-inline:8px;display:grid}[data-kind=pieces] .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}[data-kind=pieces] .catalog-card{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:6px;padding:6px}:is(.catalog-card:has(.catalog-open:hover),.catalog-card:has(.catalog-open:focus-visible)){background:var(--glass-lens);box-shadow:var(--lens-shadow)}.catalog-open{background:var(--stage-ground);cursor:zoom-in;border:0;border-radius:14px;padding:0;display:block;box-shadow:inset 0 1px 3px #26382a14}.catalog-open:after{content:"";position:absolute;inset:0}.catalog-text{color:#7f8b72;margin:0;font-size:10px;line-height:1.7}.catalog-tabs{border-radius:999px;gap:4px;padding:4px;display:flex}.catalog-tabs button{color:#6f7d63;border-radius:999px;padding:8px 20px;font-size:12px}.catalog-tabs button[aria-selected=true]{background:var(--glass-lens);box-shadow:var(--lens-shadow);color:var(--ink);font-weight:600}dialog.codex-detail{width:min(920px,100vw - 28px)}.codex-detail .dialog-body{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:24px;padding:10px 18px;display:grid}.codex-view{background:var(--stage-ground);cursor:grab;border-radius:22px;height:min(460px,60dvh);overflow:hidden}.codex-view canvas{display:block}.codex-info{color:#6f7d63;align-content:start;gap:10px;padding-top:18px;font-size:12px;line-height:1.8;display:grid}.codex-info>small{color:#8c987d;font-size:11px}.codex-info h2{color:var(--ink);font-size:22px}.codex-count{color:#566e48;margin:0;font-weight:600}.codex-info p{margin:0}.codex-hint{color:#9aa58a;align-items:center;gap:6px;font-size:10px;display:flex}.codex-hint svg.lucide{width:13px;height:13px}@media (width<=800px){.codex-detail .dialog-body{grid-template-columns:1fr}.codex-view{height:42dvh}.codex-info{padding-top:0}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}.catalog-card img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 5px 6px #26382a29);width:100%;transition:transform .25s ease-out;display:block}.catalog-open[data-tile] img{translate:0 -6%}.catalog-card:has(.catalog-open:hover) img{transform:translateY(-3px)}.catalog-card strong{justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;display:flex}.catalog-card strong small{color:#8c987d;font-weight:400}.catalog-terrain{color:#6f7d63;gap:9px;font-size:10px;display:flex}.catalog-terrain span,.catalog-card li{align-items:center;gap:3px;display:inline-flex}.catalog-terrain svg.lucide,.catalog-card li svg.lucide{width:13px;height:13px}.catalog-card ul{color:#8a6a3f;flex-wrap:wrap;gap:4px 9px;margin:0;padding:0;font-size:10px;list-style:none;display:flex}.icon-button.active{background:var(--glass-lens);color:#315c48;box-shadow:var(--lens-shadow), 0 0 0 2px #315c4838}.figure-choices{flex-direction:column;gap:6px;max-height:230px;margin-bottom:15px;display:flex;overflow:auto}.figure-choice{border-radius:14px;justify-content:space-between;padding:9px 12px;font-size:11px}.figure-choice:hover{background:var(--glass-lens)}.figure-choice>span{align-items:center;gap:9px;display:flex}.figure-choice .meeple-icon{width:13px;height:16px}.figure-choice small{color:#94a087;font-size:10px}.camera-toolbar,.speed-toolbar{border-radius:999px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;bottom:34px}.camera-toolbar{left:50%;transform:translate(-50%)}.camera-toolbar button{border-radius:999px;gap:7px;padding:9px 13px;font-size:11px}.camera-toolbar button:hover,.speed-toolbar button:hover{background:var(--glass-soft)}.camera-toolbar svg{width:17px;height:17px}.camera-toolbar .active,.speed-toolbar .active{background:var(--glass-lens);box-shadow:var(--lens-shadow);color:#355a2b}.toolbar-divider{background:#5a6e504d;border-radius:50%;width:4px;height:4px;margin:0 5px}.speed-toolbar{font-size:9px;right:12px}.speed-toolbar>span{color:#9aa48c;margin:0 5px 0 3px}.speed-toolbar button{border-radius:999px;padding:8px 10px;font-size:9px}.speed-toolbar svg{width:13px;height:13px}.board-help{color:#7f8b72;white-space:nowrap;text-shadow:0 1px 2px #fffc;font-size:9px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.thinking{justify-content:center;align-items:center;gap:5px;padding:13px;display:flex}.thinking>span{background:#8aa274;border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite alternate think}.thinking>span:nth-child(2){animation-delay:.2s}.thinking>span:nth-child(3){animation-delay:.4s}.thinking small{color:#93a182;margin-left:7px;font-size:10px}@keyframes think{to{opacity:.25;transform:translateY(-2px)}}dialog{--glass-soft:var(--dialog-glass-soft);--glass-lens:var(--dialog-glass-lens);background:var(--glass-sheen), var(--dialog-glass);-webkit-backdrop-filter:var(--dialog-blur);backdrop-filter:var(--dialog-blur);color:var(--ink);width:530px;max-width:calc(100vw - 28px);max-height:90dvh;box-shadow:var(--glass-rim), 0 30px 110px #1c32284d;opacity:0;transition:opacity .22s ease-out, transform .22s ease-out, display .22s allow-discrete, overlay .22s allow-discrete;border-radius:30px;padding:14px 6px;transform:scale(.97)}dialog[open]{opacity:1;flex-direction:column;display:flex;transform:none}.dialog-body{padding:21px 30px}@starting-style{dialog[open]{opacity:0;transform:scale(.97)}}dialog::backdrop{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#213c344d}dialog.theater-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#213c3480}:root:has(dialog.codex-detail[open]) dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#213c3480}dialog.codex-detail,dialog.theater-dialog{background:var(--glass-sheen), #faf8f1f7;-webkit-backdrop-filter:none;backdrop-filter:none}.dialog-close{z-index:2;width:32px;height:32px;position:absolute;top:16px;right:16px}.dialog-close svg{width:15px;height:15px}.dialog-heading{text-align:center;margin-bottom:25px}.dialog-heading h2{letter-spacing:.04em;font-size:24px;font-weight:600;line-height:1.65}.dialog-heading p{color:#8c9880;margin-top:9px;font-size:11px;line-height:1.8}.dialog-emblem{color:#5f7a4c;background:var(--glass-lens);width:54px;height:54px;box-shadow:var(--lens-shadow);border-radius:50%;place-items:center;margin:0 auto 15px;display:grid}.dialog-emblem svg{width:26px;height:26px}fieldset{border:0;margin:22px 0;padding:0}legend{width:100%;margin-bottom:13px;padding:0;font-size:12px;font-weight:500}legend small{color:#98a28d;float:right;font-size:10px;font-weight:400}.segmented{border-radius:999px;gap:3px;padding:4px;display:flex}.segmented button{border-radius:999px;flex:1;padding:9px 4px;font-size:11px}.segmented button.active{background:var(--glass-lens);box-shadow:var(--lens-shadow);color:#3f5a32}.opponent-list{margin-top:11px}.opponent-row{border-bottom:1px solid #788a6e29;align-items:center;gap:11px;padding:10px 0;font-size:12px;display:flex}.opponent-row>span:nth-child(2){flex:1}.opponent-row small{color:#9ba68e;margin-top:3px;font-size:9px;display:block}select{background:var(--glass-soft);color:#5f7350;cursor:pointer;border:1px solid #ffffffbf;border-radius:999px;padding:7px 12px;font-size:11px}.setup-expansions{flex-direction:column;gap:8px;display:flex}.setup-expansion{cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.setup-expansion:has(input:checked){background:var(--glass-lens);box-shadow:var(--lens-shadow), inset 0 0 0 1.5px #8fac7a}.setup-expansion input{accent-color:#577745;width:14px;height:14px}.setup-expansion>span:first-of-type{color:#6f7d5c;--badge-ground:#f4f3ec;display:grid}.setup-expansion:has(input:checked)>span:first-of-type{color:#4f6b3e;--badge-ground:#f8f7f1}.setup-expansion .glyph{width:30px;height:30px}.setup-expansion strong{font-size:11px;font-weight:500}.setup-expansion small{color:#9aa58a;margin-top:4px;font-size:9px;display:block}.setup-summary{color:#94a083;justify-content:center;gap:30px;margin:21px 0;font-size:11px;display:flex}.setup-summary span{align-items:center;gap:7px;display:flex}.setup-summary svg{width:15px;height:15px}.setup-summary b{color:#738563;font-weight:500}.rules-dialog{width:720px}.rules-content{color:#77866d;font-size:12px;line-height:1.95}.rules-content h3{color:var(--ink);margin:20px 0 12px;font-size:16px}.rules-content ol{padding-left:22px}.rules-content li{padding:5px 0}.rules-content strong{color:#566e48;font-weight:500}.rules-content table{border-collapse:separate;border-spacing:0;background:var(--glass-soft);border-radius:18px;width:100%;margin:20px 0;font-size:11px;overflow:hidden}.rules-content th,.rules-content td{text-align:left;padding:11px 12px}.rules-content :is(th,td):first-child{padding-left:20px}.rules-content :is(th,td):last-child{padding-right:20px}.rules-content td:first-child{color:#566e48}.rules-content tr+tr td,.rules-content tbody tr:first-child td{box-shadow:inset 0 1px #788a6e24}.rules-content th{color:#56704a;background:var(--glass-lens);font-weight:500}.rules-content details{background:var(--glass-soft);border-radius:18px;margin:8px 0;padding:12px 16px}.rules-content summary{cursor:pointer;color:#4f6741;font-size:13px}.rules-content p{margin-top:11px}.ranking>div{border-radius:18px;align-items:center;gap:15px;padding:13px 16px;display:flex}.ranking>div:first-child{background:var(--glass-lens);box-shadow:var(--lens-shadow)}.ranking>div>span:first-child{font-family:var(--serif);color:#94a079;width:15px}.ranking strong{flex:1;font-weight:500}.ranking b{font-family:var(--serif);font-size:25px}.ranking small{color:#91a17b;font-size:11px;font-weight:400}.setting-switch{cursor:pointer;border-radius:18px;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.setting-switch>span{flex:1;gap:4px;font-size:12px;display:grid}.setting-switch small{color:#7f8b72;font-size:10px;line-height:1.6}.setting-switch input{appearance:none;cursor:pointer;background:#788a6e4d;border-radius:999px;flex-shrink:0;width:44px;height:26px;margin:0;transition:background .2s;position:relative;box-shadow:inset 0 1px 3px #26382a2e}.setting-switch input:before{content:"";width:20px;height:20px;box-shadow:var(--lens-shadow);background:#fffdf8;border-radius:50%;transition:translate .2s;position:absolute;top:3px;left:3px}.setting-switch input:checked{background:var(--green)}.setting-switch input:checked:before{translate:18px}.settings-actions{flex-direction:column;gap:12px;display:flex}.import-label{cursor:pointer;justify-content:center;align-items:center;gap:10px;display:flex}.import-label input{opacity:0;width:1px;height:1px;position:absolute}.finished-preview{text-align:center}.finished-preview>svg{color:#b6a05d;width:55px;height:55px;margin:20px}.finished-preview h3{margin:10px 0 25px;font-size:17px;line-height:1.9}#toast{opacity:0;pointer-events:none;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:#f9faef;z-index:100;text-align:center;background:linear-gradient(160deg,#ffffff29,#fff0 50%),#243e32c7;border:1px solid #ffffff2e;border-radius:999px;max-width:calc(100vw - 30px);margin:0;padding:13px 24px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;inset:auto auto 24px 50%;transform:translate(-50%,15px);box-shadow:inset 0 1px #fff3,0 8px 30px #1e392540}#toast.visible{opacity:1;transform:translate(-50%)}@starting-style{#toast.visible{opacity:0;transform:translate(-50%,15px)}}.webgl-error{text-align:center;line-height:2;position:absolute;inset:25%}.text-input{background:var(--glass-lens);width:100%;min-height:42px;color:var(--ink);font:inherit;border:1px solid #fffc;border-radius:12px;padding:0 14px;font-size:13px;box-shadow:inset 0 1px 2px #26382a14}.text-input:focus-visible{outline-offset:1px;outline:2px solid #829769}.online-entry{gap:14px;display:grid}.online-entry label,.name-form label{color:var(--muted);gap:6px;font-size:11px;display:grid}.name-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-bottom:14px;display:grid}.online-divider{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.online-divider:before,.online-divider:after{content:"";background:var(--line);flex:1;height:1px}.online-join{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.code-input{text-align:center;text-transform:uppercase;letter-spacing:.35em;font-family:var(--serif);font-size:18px;font-weight:600}.code-input::placeholder{color:#83908673}.dialog-actions{gap:8px;margin-top:18px;display:grid}.room-code-inline{font-family:var(--serif);letter-spacing:.18em;color:var(--green)}.settings-actions .confirm{color:#8a3338}#lobby{z-index:1;pointer-events:none;position:relative}.lobby{grid-template-columns:minmax(0,440px) minmax(0,320px);align-items:start;gap:16px;padding:20px 0 60px 6%;display:grid}.lobby-card{pointer-events:auto;border-radius:26px;padding:22px}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.lobby-label{letter-spacing:.12em;color:var(--muted);font-size:11px;display:block}.room-code{font-family:var(--serif);letter-spacing:.22em;color:var(--green);font-size:34px;font-weight:700}.lobby-share{gap:6px;display:flex}.lobby-share .secondary{gap:6px}.lobby-share svg,.lobby-card h3 svg{width:14px;height:14px}.lobby-card h3,.lobby-settings legend{letter-spacing:.08em;color:#6f7d68;align-items:baseline;gap:8px;margin:18px 0 8px;font-size:12px;font-weight:600;display:flex}.lobby-card h3{justify-content:space-between}.lobby-card h3 small,.lobby-settings legend small{letter-spacing:0;color:var(--muted);font-size:10px;font-weight:400}.lobby-chat h3{justify-content:flex-start;align-items:center;margin-top:0}.lobby-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.lobby-member{background:var(--glass-soft);border:1px solid #ffffff8c;border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 8px;display:grid}.lobby-avatar{color:#8b9783;background:#ffffff80;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.lobby-avatar svg{width:17px;height:17px}.lobby-avatar .meeple-icon{width:16px;height:19px}.lobby-member.ready .lobby-avatar{color:#45602f;background:#dae0d3ad}.lobby-member strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.lobby-member strong small{color:#8a6d32;margin-left:6px;font-size:10px;font-weight:500}.lobby-status{color:var(--muted);font-size:11px}.lobby-member.ready .lobby-status{color:#45602f}.lobby-member.reconnecting .lobby-status,.lobby-member.offline .lobby-status{color:#8a3338}.lobby-member.offline{opacity:.6}.lobby-member .icon-button{width:30px;height:30px}.lobby-member select,.lobby-select{background:var(--glass-lens);min-height:30px;color:var(--ink);font:inherit;border:1px solid #fffc;border-radius:10px;padding:0 8px;font-size:11px}.lobby-bot-limit{text-align:left;margin-top:10px}#add-bot{gap:6px;margin-top:8px;font-size:12px}.lobby-settings fieldset{border:0;margin:16px 0 0;padding:0}.lobby-settings legend{margin-top:0}.lobby-settings .setup-expansions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lobby-settings .setup-expansion{border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 10px 11px;position:relative}.lobby-settings .setup-expansion input{position:absolute;top:10px;right:10px}.lobby-settings .setup-expansion .glyph{width:26px;height:26px}.lobby-settings fieldset:disabled .setup-expansion{opacity:.72;cursor:default}.lobby-actions{justify-items:center;gap:8px;margin:20px 0 18px;display:grid}.lobby-hint{color:var(--muted);text-align:center;margin:0;font-size:11px}.lobby-actions .text-button{color:var(--muted);gap:6px;font-size:12px}.lobby .name-form{border-top:1px solid var(--line);margin:0;padding-top:16px}.lobby-chat{flex-direction:column;display:flex}.chat-toggle,.chat-head{display:none}.chat-body{flex-direction:column;min-height:0;display:flex}.chat-log{scrollbar-width:thin;scrollbar-color:#788a6e66 transparent;flex-direction:column;gap:8px;height:340px;padding:2px 2px 8px;list-style:none;display:flex;overflow-y:auto}.chat-say{justify-items:start;gap:3px;font-size:12px;line-height:1.6;display:grid}.chat-say b{color:color-mix(in srgb, var(--player,#839086) 78%, #263e35);font-size:10.5px;font-weight:600}.chat-say p{background:var(--glass-lens);max-width:100%;box-shadow:var(--lens-shadow);overflow-wrap:anywhere;border-radius:4px 14px 14px;padding:6px 11px}.chat-say.mine{justify-items:end}.chat-say.mine p{background:#e3e8e6de;border-radius:14px 4px 14px 14px}.chat-notice{--tone:#bc9658;--tone-ink:#7c612c;border:1px solid color-mix(in srgb, var(--tone) 38%, transparent);background:color-mix(in srgb, var(--tone) 16%, #ffffffb8);max-width:100%;box-shadow:0 2px 10px color-mix(in srgb, var(--tone) 20%, transparent);color:var(--tone-ink);letter-spacing:.02em;border-radius:999px;align-self:center;align-items:center;gap:7px;padding:6px 14px;font-size:11.5px;font-weight:500;display:flex}.chat-notice.good{--tone:#829769;--tone-ink:#45602f}.chat-notice.bad{--tone:#993f43;--tone-ink:#8a3338}.chat-notice svg{flex-shrink:0;width:14px;height:14px}.chat-notice b{margin-right:2px;font-weight:700}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px;display:grid}.chat-form .text-input{min-height:38px;font-size:12px}.online-game{--chat-height:min(300px, 34vh)}.chat.floating{z-index:2;pointer-events:auto;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:34px;right:12px}.chat.floating.open{width:258px}@media (width>=801px){.online-game:has(.chat.floating.open) .action-panel{max-height:calc(100% - 82px - 12px - 34px - var(--chat-height))}}.chat.floating .chat-toggle{border-radius:999px;align-items:center;gap:7px;padding:10px 16px;font-size:12px;display:flex}.chat.floating.open .chat-toggle{display:none}.chat.floating .chat-toggle svg{width:16px;height:16px}.chat.floating .chat-body{background:var(--glass-sheen), var(--glass-clear);border-radius:22px;width:100%;padding:8px 12px 12px;display:none}.plain-glass .chat.floating .chat-body{background:var(--glass-sheen), var(--glass-clear-plain);-webkit-backdrop-filter:none;backdrop-filter:none}.chat.floating.open .chat-body{height:var(--chat-height);display:flex}.chat.floating .chat-head{color:#5d6c54;justify-content:space-between;align-items:center;margin-bottom:4px;padding-left:2px;font-size:11px;font-weight:500;display:flex}.chat-head span{align-items:center;gap:6px;display:flex}.chat-head svg{width:14px;height:14px}.chat-fold{color:#7f8b72;border-radius:50%;place-items:center;width:26px;height:26px;margin-right:-4px;display:grid}.chat-fold:hover{background:var(--glass-soft);color:var(--ink)}.chat.floating .chat-log{flex:1;height:auto}.chat.floating .chat-say p{box-shadow:none;background:#ffffff80}.chat.floating .chat-say.mine p{background:#d6dfdb9a}.chat.floating .chat-form .text-input{background:#ffffff73;min-height:34px}@media (width<=1150px) and (width>=801px){.chat.floating.open{width:222px}}.chat-unread{color:#fff;background:#993f43;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:grid}.chat-hurry{--tone:var(--player,#993f43);--knockout:#fffaf0;border:1px solid color-mix(in srgb, var(--tone) 40%, transparent);background:color-mix(in srgb, var(--tone) 14%, #ffffffb8);max-width:100%;box-shadow:0 2px 10px color-mix(in srgb, var(--tone) 18%, transparent);color:color-mix(in srgb, var(--tone) 72%, #263e35);border-radius:999px;align-self:center;align-items:center;gap:7px;padding:6px 14px;font-size:11.5px;font-weight:500;display:flex}.chat-hurry svg{flex-shrink:0;width:15px;height:15px}.chat-hurry b{margin:0 2px;font-weight:700}@property --cd{syntax:"<angle>";inherits:false;initial-value:0deg}.hurry{display:none}.chat.floating .hurry{perspective:240px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:50px;height:50px;padding:0;display:block;position:absolute;top:2px;right:calc(100% + 12px)}.chat.floating:not(.open) .hurry{top:-6px}.hurry:disabled{cursor:default;opacity:1}.hurry:focus-visible{outline:2px solid var(--green);outline-offset:5px}.hurry:before{content:"";opacity:0;pointer-events:none;border:2px solid #e2bd6f;border-radius:50%;position:absolute;inset:0}.hurry-coin{transform-style:preserve-3d;background:linear-gradient(150deg,#f6e6b4,#c9a257 34%,#8f6b31 68%,#dcc07e);border-radius:50%;transition:transform .18s,box-shadow .18s;position:absolute;inset:0;box-shadow:0 3px #6d5027,0 7px 14px #26382a47,inset 0 1px 1px #fffc,inset 0 -1px 1px #50371480}.hurry:not(:disabled):hover .hurry-coin{transform:translateY(-2px)rotateX(16deg);box-shadow:0 5px #6d5027,0 11px 18px #26382a4d,inset 0 1px 1px #fffc,inset 0 -1px 1px #50371480}.hurry:not(:disabled):active .hurry-coin{transform:translateY(2px);box-shadow:0 1px #6d5027,0 3px 6px #26382a4d,inset 0 1px 1px #fffc,inset 0 -1px 1px #50371480}.hurry-face{color:#f7e4b6;--knockout:#9b3a30;background:radial-gradient(circle at 50% 28%,#cf6a50,#a13d31 52%,#6e2421);border-radius:50%;place-items:center;transition:filter .3s;display:grid;position:absolute;inset:4px;overflow:hidden;box-shadow:inset 0 2px 3px #ffd6b473,inset 0 -4px 6px #280a0873,0 0 0 1px #5a321473}.hurry-face svg{filter:drop-shadow(0 1px #3c100cb3);width:31px;height:31px;transition:opacity .3s}.hurry-face:before{content:"";background:linear-gradient(105deg,#0000 35%,#fff6dcd9 50%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}.hurry-face:after{content:"";background:conic-gradient(transparent var(--cd), #ffe2a0e6 var(--cd) calc(var(--cd) + 3deg), #181c1899 0);opacity:0;position:absolute;inset:0}.hurry-count{color:#fff6de;font:700 18px/1 var(--serif);text-shadow:0 1px 3px #140c08cc;opacity:0;place-items:center;display:grid;position:absolute;inset:0}.hurry:disabled:not(.cooling){opacity:.7}.hurry:disabled:not(.cooling) .hurry-coin{filter:grayscale(.8)brightness(1.08)}.hurry.cooling .hurry-face{filter:saturate(.45)brightness(.92)}.hurry.cooling .hurry-face:after{opacity:1;animation:hurry-cooldown var(--cooldown) linear var(--elapsed,0s) both}.hurry.cooling .hurry-face svg{opacity:.3}.hurry.cooling .hurry-count{opacity:1}.hurry.cast .hurry-coin{animation:.75s cubic-bezier(.3,.9,.35,1) hurry-cast}.hurry:is(.cast,.ready):before{animation:.6s ease-out hurry-ring}.hurry.ready .hurry-coin{animation:.5s ease-out hurry-ready}.hurry.ready .hurry-face:before{animation:.8s ease-out .1s hurry-glint}@keyframes hurry-cooldown{0%{--cd:0deg}to{--cd:360deg}}@keyframes hurry-cast{35%{transform:translateY(-8px)rotateY(200deg)scale(1.12)}to{transform:rotateY(360deg)}}@keyframes hurry-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.75)}}@keyframes hurry-ready{40%{transform:scale(1.14)}}@keyframes hurry-glint{to{transform:translate(110%)}}@media (width<=800px){.chat.floating .hurry,.chat.floating:not(.open) .hurry{width:44px;height:44px;margin-top:10px;position:relative;top:auto;right:auto}.hurry-face svg{width:27px;height:27px}.hurry-count{font-size:16px}}.countdown{color:#45602f;font-variant-numeric:tabular-nums;background:#dee3d7ab;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:600}.countdown.urgent{color:#8a3338;background:#e9d6d7a7}.player-row.timed .player-token{position:relative}.player-row.timed .player-token:after{content:"";background:conic-gradient(var(--ring,var(--player)) calc(var(--left,1) * 360deg), #ffffff8c 0);pointer-events:none;border-radius:14px;padding:2px;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.player-row.urgent{--ring:#993f43}.presence{vertical-align:middle;background:#829769;border-radius:50%;width:7px;height:7px;margin:0 0 2px 6px;display:inline-block}.presence.reconnecting{background:#bc9658;animation:1.2s ease-in-out infinite presence-blink}.presence.offline{background:#993f43}@keyframes presence-blink{50%{opacity:.3}}.pause-layer{z-index:3;pointer-events:none;background:#26382a1f;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.pause-card{text-align:center;pointer-events:auto;border-radius:26px;width:min(420px,100%);padding:26px 24px 22px}.pause-card h2{font-family:var(--serif);margin:10px 0 6px;font-size:20px;font-weight:600}.pause-card>p{color:var(--muted);font-size:12px;line-height:1.8}.pause-list{text-align:left;gap:10px;margin-top:16px;list-style:none;display:grid}.pause-list li{background:var(--glass-soft);border:1px solid #ffffff8c;border-radius:18px;gap:10px;padding:12px 14px;display:grid}.pause-who{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pause-who small{color:#8a3338;font-variant-numeric:tabular-nums;font-size:11px}.pause-list .segmented{grid-template-columns:1fr 1fr;display:grid}.pause-voters{flex-wrap:wrap;gap:5px;display:flex}.pause-voters span{color:var(--muted);background:#fff9;border-radius:999px;padding:3px 9px;font-size:10px}.pause-voters span.abandon{color:#8a3338;background:#ecdbdcbe}@media (width>=1550px){.hero-copy{height:655px;padding-top:108px}.home-stage #world{height:690px}.scene-caption{top:575px}.hero-copy h1{font-size:58px}.expansion-card{min-height:145px}}@media (width<=1150px){:root{--gutter:5vw}.hero-copy{padding-top:78px}.hero-copy h1{font-size:40px}.hero-meta{gap:16px}.hero-meta span:last-child{display:none}.expansion-text h3{font-size:15px}.expansion-text p{font-size:12px}.expansion-grid{gap:12px}.players-panel{width:210px}.action-panel{width:222px}.panel-body{padding:2px 10px}.speed-toolbar{bottom:90px}.turn-indicator{padding:10px 13px;font-size:11px}.turn-indicator small{display:none}.game-stage #world{left:80px;right:80px}}@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --fade-end{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroll-fade{0%{--fade-start:0px;--fade-end:14px}8%{--fade-start:14px}92%{--fade-end:14px}to{--fade-start:14px;--fade-end:0px}}@media (width<=800px){:root{--gutter:16px}.site-header{height:56px;padding:0 10px;top:10px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:19px;height:19px}.brand strong{font-size:16px}.brand small{font-size:9px}.site-header nav{gap:4px}.in-game .site-header .text-button,.icon-button{width:36px;height:36px}.in-game .site-header{height:36px;top:8px;left:10px;right:10px}.in-game .site-header>*{padding:0 3px}.in-game .brand{gap:8px;padding-right:14px}.in-game .brand-mark{width:30px;height:30px}.in-game .brand-mark svg{width:17px;height:17px}.in-game .brand strong{font-size:14px;line-height:1.2}.in-game .brand small{margin-top:0;font-size:8px;line-height:1.3}.in-game .site-header nav{gap:2px}.in-game .site-header :is(.text-button,.icon-button){width:30px;height:30px}.in-game .site-header svg.lucide{width:17px;height:17px}.home-stage{padding-top:74px}.hero-copy{padding:44px var(--gutter) 0;text-align:center;pointer-events:none;width:100%;height:736px}.hero-caption{justify-content:center;margin-bottom:12px;font-size:12px}.hero-copy h1{font-size:34px}.hero-copy>p{margin-top:12px;font-size:14px;line-height:1.8}.hero-actions{justify-content:center;gap:12px;margin-top:24px}.hero-actions .large{min-height:48px;font-size:14px}.hero-actions{flex-wrap:wrap}.hero-actions .primary{flex:1 0 100%;justify-content:center}.hero-actions .secondary{flex:1;justify-content:center}.hero-meta{justify-content:center;margin-top:20px}.home-stage #world{width:100%;height:400px;top:435px;right:0}.scene-caption{display:none}.section-heading{margin-bottom:16px}.section-heading h2{font-size:21px}.section-heading p{margin-top:4px;font-size:13px}.expansion-grid{grid-template-columns:1fr}.expansion-card{min-height:110px}.expansion-art{height:108px}.expansion-text{padding-right:56px}.expansion-text h3{font-size:16px}.expansion-check{top:50%;right:18px;translate:0 -50%}.home-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:32px}.game-stage{height:100dvh;min-height:650px}.game-stage #world{inset:56px 0}.players-panel{border-radius:22px;width:auto;height:64px;max-height:none;padding:4px;top:52px;left:10px;right:10px;container:players/inline-size}.players-panel .panel-body{display:contents}.players-panel .panel-heading,.players-panel .remaining,.players-panel .active-expansions,.players-panel .journal{display:none}.players-summary{--visible:2;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--visible));overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px;height:100%;display:grid;overflow:auto hidden}@container players (width>=490px){.players-summary{--visible:3}}@container players (width>=654px){.players-summary{--visible:4}}.player-row{scroll-snap-align:start;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-content:center;align-items:center;gap:4px 6px;margin:0;padding:5px 9px}.player-row.current{box-shadow:inset 0 1px #fffffff2}.player-token{border-radius:7px;width:20px;height:21px}.player-token .meeple-icon{width:13px;height:15px}.player-row.timed .player-token:after{border-radius:10px}.player-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.player-info strong small,.player-info>span,.player-supply .goods{display:none}.player-supply{grid-column:1/-1;align-items:center;gap:7px;display:flex}.supply,.supply.extras{gap:1px;margin:0}.piece .meeple-icon{width:10px;height:12px}.piece.large .meeple-icon{width:13px;height:16px}.piece svg.lucide,.piece .glyph{width:13px;height:13px}.score{margin:0;font-size:18px;line-height:1}.score small{display:none}.score-chip{--chip-rise:-4px;font-size:12px;top:0;right:calc(100% + 4px)}.turn-indicator{gap:6px;padding:4px 11px;top:122px}.turn-dot{width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb, var(--player) 22%, transparent)}.countdown{margin-left:0;padding:0 6px;font-size:10px}.action-panel{anchor-name:--action-panel;border-radius:22px;width:auto;max-height:none;padding:8px 4px;inset:auto 10px 52px}.action-panel .panel-body{grid-template-columns:minmax(0,1fr);align-content:start;gap:6px 12px;padding:0 8px;display:grid;overflow:visible}.action-panel[data-phase=tile] .panel-body{grid-template-columns:64px auto minmax(0,1fr)}.action-panel .panel-heading{grid-column:1/-1;min-height:20px;margin:0}.action-panel[data-phase=tile] :is(.panel-heading,.thinking){grid-column:2/-1}.action-panel .panel-heading h2{font-size:14px;line-height:20px}.action-panel .panel-heading>span{display:none}.hint-button{color:#7c8a6c;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:9px;right:9px}.hint-button svg.lucide{width:16px;height:16px}:is(.hint-button:hover,.action-panel:has(.action-help:popover-open) .hint-button){background:var(--glass-lens);box-shadow:var(--lens-shadow);color:var(--green)}.action-help:not(:popover-open){display:none}.action-help:popover-open{position-anchor:--action-panel;inset:auto anchor(right) anchor(top) anchor(left);border:1px solid var(--glass-edge);background:var(--glass-sheen), var(--glass-strong);width:auto;height:auto;max-height:60dvh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-rim), var(--glass-shadow);color:var(--ink);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 12px;margin:0 0 8px;padding:14px 16px;transition:opacity .18s ease-out,translate .18s ease-out;display:grid;position:fixed;overflow:auto}@starting-style{.action-help:popover-open{opacity:0;translate:0 6px}}@supports not (anchor-name:--a){.action-help:popover-open{inset:auto 10px 180px}}.action-help .tile-thumb{width:44px;height:44px;display:block;rotate:-4deg}.action-help .tile-name{text-align:left;font-size:14px}.action-help :is(.tile-notes,.action-hint){grid-column:1/-1;margin:0}.action-help .action-hint{color:var(--ink-soft);text-align:left;font-size:12px;line-height:1.8}.action-panel:not([data-phase=tile]) .tile-preview{display:none}.tile-preview{width:64px;height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:1/1/span 2;margin:0;padding:0;transform:rotate(-4deg)}.tile-preview .tile-art,.action-help .tile-thumb{filter:drop-shadow(0 3px 3px #4c572638);scale:1.2}.tile-preview .tile-art{translate:0 -3px}.rotate-actions{grid-area:2/2;align-self:end;gap:4px;margin:0}.rotate-actions span{display:none}.rotate-actions button,#find-location{width:34px;height:34px;min-height:34px;padding:0}.panel-actions{gap:6px;display:flex}.action-panel[data-phase=tile] .panel-actions{grid-area:2/3;align-self:end}.panel-actions>button{flex:1;gap:6px;min-height:34px;padding:0 12px;font-size:12px}.panel-actions svg.lucide{width:16px;height:16px}.wide-only{display:none}#find-location{background:var(--glass-soft);border:1px solid #ffffffbf;border-radius:50%;flex:none;order:-1;box-shadow:inset 0 1px #ffffffd9}.figure-choices{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;flex-direction:row;gap:6px;max-height:none;margin:-2px;padding:2px;overflow-x:auto}.figure-choice{white-space:nowrap;scroll-snap-align:start;border-radius:999px;flex:none;gap:8px;min-height:34px;padding:0 13px;font-size:12px}.figure-choice .meeple-icon{width:14px;height:17px}.figure-choice small{font-size:10px}.players-summary,.figure-choices{-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent);animation:linear both scroll-fade;animation-timeline:scroll(self inline)}.dragon-track{gap:2px;margin:0}.dragon-track li{gap:2px}.dragon-track li span{border-width:1.5px;width:20px;height:20px;font-size:10px}.dragon-turn{display:none}.dragon-choices{flex-wrap:nowrap;gap:6px}.dragon-choices button{flex:1;min-width:0;min-height:34px;padding:0 6px}.thinking{justify-content:flex-start;min-height:20px;padding:0}.camera-toolbar{padding:3px;bottom:10px;left:10px;transform:none}.camera-toolbar button{gap:4px;padding:7px;font-size:9px}.camera-toolbar svg{width:14px;height:14px}.camera-toolbar #farms span{display:none}.speed-toolbar{padding:3px;bottom:10px;right:10px}.speed-toolbar>span{display:none}.speed-toolbar button{padding:7px;font-size:9px}.board-help,.finished-preview>svg,.finished-preview h3{display:none}.dialog-body{padding:21px 17px 11px}.dialog-heading h2{font-size:21px}.rules-content table{font-size:10px}.rules-content th,.rules-content td{padding:10px 6px}.rules-content :is(th,td):first-child{padding-left:14px}.rules-content :is(th,td):last-child{padding-right:14px}.rules-content ol{padding-left:17px}}@media (width<=359px){#confirm svg{display:none}}@media (width<=440px){.site-header .text-button span,.in-game .brand>span:last-child{display:none}.in-game .brand{padding-right:3px}.site-header .text-button{width:36px;height:36px;padding:0}.site-header .text-button svg{width:18px}.hero-caption{margin-top:5px}.hero-copy{height:716px}.home-stage #world{height:370px;top:445px}.camera-toolbar button{padding:6px}.camera-toolbar span:not(.toolbar-divider){display:none}.speed-toolbar button{padding:6px}}@media (prefers-reduced-transparency:reduce){:root{--glass:#faf8f1;--glass-strong:#faf8f1;--glass-panel:#faf8f1;--glass-clear:#faf8f1;--glass-clear-plain:#faf8f1;--glass-blur:none;--dialog-glass:#faf8f1;--dialog-blur:none}dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.figure-choice.selected{background:var(--glass-lens);box-shadow:var(--lens-shadow), inset 0 0 0 1.5px #7a9a61}.dragon-choices{flex-wrap:wrap;gap:8px;display:flex}.player-resources{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.player-resources>div{border-radius:16px;justify-content:space-between;padding:12px 14px;display:flex}.player-resources dd{margin:0;font-weight:600}.expansion-card .expansion-art{background-image:url(/art/expansions.webp);background-position:0;background-repeat:no-repeat;background-size:300%;width:128px;-webkit-mask-image:linear-gradient(90deg,#000 76%,#0000);mask-image:linear-gradient(90deg,#000 76%,#0000)}.expansion-card.dragon .expansion-art{background-position:50%}.expansion-card.traders .expansion-art{background-position:100%}@media (width<=1150px) and (width>=801px){.expansion-card .expansion-art{width:90px}.expansion-text{padding-right:24px}}@media (width<=800px){.expansion-card .expansion-art{width:120px}}.reel{z-index:2;border-radius:24px;width:min(540px,100% - 580px);min-width:360px;padding:12px 18px 10px;position:absolute;bottom:96px;left:50%;translate:-50%}.reel[hidden]{display:none}.reel-head{align-items:baseline;gap:10px;display:flex}.reel-title{font-size:13px;font-weight:600}.reel-scene,.reel-step{color:#8c987d;font-variant-numeric:tabular-nums;font-size:10px}.reel-skip{margin-left:auto;font-size:11px}.reel-caption:empty{display:none}.reel-caption{color:#3f5234;font-variant-numeric:tabular-nums;min-height:1.7em;margin:6px 0 8px;font-size:13px}.reel-controls{align-items:center;gap:6px;display:flex}.reel-controls .icon-button{width:30px;height:30px}.reel-controls svg.lucide{width:16px;height:16px}.reel-track{flex:1;align-items:center;height:24px;display:grid;position:relative}.reel-track input{width:100%;accent-color:var(--green);background:0 0;margin:0;position:relative}.reel-dots{z-index:1;pointer-events:none;position:absolute;inset:0 8px}.reel-dots i{background:#aab596;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%}.reel-step{text-align:right;min-width:34px}@media (width<=1150px){.reel{width:min(520px,100% - 470px);min-width:320px}}@media (width<=800px){.reel{width:auto;min-width:0;inset:154px 12px auto;translate:none}}.reel-narration{color:var(--ink);margin:8px 0 2px;font-size:13px;line-height:1.7}.reel-narration[hidden]{display:none}.rule-scenes>p{margin:0}.rules-content summary .glyph{vertical-align:-2px;width:15px;height:15px;margin-right:6px}.rule-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:14px 0 4px;display:grid}.rule-card{text-align:left;border-radius:18px;grid-template-columns:minmax(0,1fr);align-content:start;gap:3px;padding:11px 14px;display:grid}.rule-card:hover,.rule-card:focus-visible{background:var(--glass-lens);box-shadow:var(--lens-shadow)}.rule-card strong{color:var(--ink);font-size:12px;font-weight:600}.rule-card small{color:#7f8b72;font-size:10px;line-height:1.6}dialog.theater-dialog{width:min(900px,100vw - 28px)}.theater-dialog .dialog-body{padding:8px 18px}.theater-head{text-align:center;margin-bottom:14px}.theater-head button{font-size:11px;position:absolute;top:16px;left:18px}.theater-head h2{font-size:20px}.theater-head p{color:#8c987d;margin-top:4px;font-size:11px}.theater-stage{background:var(--stage-ground);border-radius:22px;height:min(420px,48dvh);position:relative;overflow:hidden}.theater-stage canvas{display:block}.theater-dialog .reel{background:var(--glass-soft);-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;min-width:0;box-shadow:var(--lens-shadow);margin-top:12px;position:static;translate:none}@media (width<=800px){.lobby{grid-template-columns:minmax(0,1fr);padding:12px 10px 40px}.lobby-stage #world{visibility:hidden}.room-code{font-size:28px}.chat.floating{flex-direction:column;top:124px;bottom:auto;right:10px}.chat.floating .chat-toggle{padding:10px}.chat.floating .chat-toggle span{display:none}.chat.floating.open{width:auto}.chat.floating.open .chat-body{z-index:20;background:var(--glass-sheen), var(--glass-strong);width:auto;height:auto;position:fixed;bottom:10px;left:10px;right:10px}.chat.floating .chat-log{height:38vh}}