:root{--fog:#0b3a43;--fog-line:#0f4a54;--sea:#2f86a8;--wood-950:#1a110b;--wood-900:#26190f;--wood-800:#342218;--wood-700:#47301f;--wood-600:#5e412b;--wood-line:#120b07;--brass:#d4a73a;--brass-hi:#f2d27a;--brass-lo:#8f6a1c;--parch:#eddcb5;--parch-2:#e0c999;--parch-ink:#3a2a14;--parch-soft:#7a6240;--parch-line:#a8875a;--ink:#f3e9d6;--muted:#bba98a;--danger:#e2553f;--ok:#8fd49a;--token:#f3e6c4;--brick:#c0602f;--lumber:#2f6a3a;--wool:#93c25a;--grain:#e2b93b;--ore:#878d95;--serif:"Alegreya", Georgia, serif;--sans:"Alegreya Sans", system-ui, sans-serif;--rail-w:19.5rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fog);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.4}h1,h2,h3{font-family:var(--serif);margin:0 0 .5em;font-weight:700;line-height:1.15}h2{font-size:1.35rem}h3{font-size:1.05rem}p{margin:0 0 .6em}.muted{color:var(--muted)}.muted-ink{color:var(--parch-soft)}.small{font-size:.85rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.grow{flex:1}kbd{font-family:var(--sans);opacity:.75;border:1px solid;border-radius:4px;margin-left:.4em;padding:.05em .4em;font-size:.72rem;font-weight:700}.tag{color:var(--muted);vertical-align:2px;background:#ffffff1c;border-radius:99px;margin-left:.4em;padding:.05em .45em;font-size:.68rem;font-weight:700}.wood{background-color:var(--wood-800);color:var(--ink);background-image:linear-gradient(#ffd6a012,#0003),repeating-linear-gradient(91deg,#00000017 0 1px,#0000 1px 9px),repeating-linear-gradient(89deg,#ffe6be09 0 2px,#0000 2px 19px)}.parchment{color:var(--parch-ink);border:1px solid var(--parch-line);background:radial-gradient(130% 100% at 15% 0,#f8ecd0,#e8d5a9 65%,#dcc493);box-shadow:inset 0 0 0 3px #fff8e659,0 12px 32px #00000073}.parchment h2,.parchment h3{color:#4a2f12}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.5em 1em}button:disabled{cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,.tile:focus-visible{outline:2px solid var(--brass-hi);outline-offset:2px}.brass{color:#2a1d05;text-shadow:0 1px #fff0c880;background:linear-gradient(#f5d985,#d4a73a 55%,#b4842a);border-color:#6e4f12;justify-content:center;align-items:center;gap:.4em;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff8c,0 2px #4a340b}.brass:hover:not(:disabled){background:linear-gradient(#fbe39a,#deb244 55%,#be8e30)}.brass:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff6,0 1px #4a340b}.brass:disabled{filter:grayscale(.7)brightness(.7);opacity:.6}.brass.big{padding:.7em 1.4em;font-size:1.15rem}.brass.sm,.ghost-ink.sm{padding:.3em .75em;font-size:.88rem}.wood-btn{background:linear-gradient(180deg, var(--wood-600), var(--wood-700));border-color:var(--wood-line);color:var(--ink);font-weight:700;box-shadow:inset 0 1px #ffdcaa2e,0 2px #0008}.wood-btn:hover:not(:disabled){background:linear-gradient(#6d4c33,#523726)}.wood-btn:disabled{opacity:.45}.ghost-ink{border-color:var(--parch-line);color:var(--parch-ink);background:#ffffff40;font-weight:600}.ghost-ink:hover:not(:disabled){background:#ffffff73}.ghost-ink:disabled{opacity:.45}.link-light,.link-ink{text-underline-offset:3px;background:0 0;border:none;padding:.2em .3em;text-decoration:underline}.link-light{color:var(--muted)}.link-ink{color:var(--parch-soft);font-size:.85rem}.mini{border:1px solid var(--parch-line);width:1.6rem;height:1.3rem;color:var(--parch-ink);background:#ffffff4d;border-radius:5px;padding:0;font-weight:700;line-height:1}.mini:disabled{opacity:.3}.chip{border:1px solid var(--parch-line);color:var(--parch-ink);background:#ffffff40;border-radius:99px;align-items:center;gap:.35em;padding:.25em .7em .25em .3em;font-size:.88rem;display:inline-flex}.chip:first-child{padding-left:.7em}.chip.on{background:var(--wood-700);color:var(--ink);border-color:var(--wood-line)}input,select{color:var(--ink);background:#0a060373;border:1px solid #5a3f29;border-radius:7px;padding:.45em .6em}.parchment input,.parchment select{border-color:var(--parch-line);color:var(--parch-ink);background:#fffcf0a6}.harbor{min-height:100%;position:relative;overflow:hidden}.backdrop{z-index:0;position:fixed;inset:0}.backdrop svg{width:100%;height:100%;display:block}.backdrop .hex.land{stroke:#f1e3bd;stroke-width:1.4px}.backdrop .hex.sea{stroke:#3d97b8;stroke-width:.8px}.drift{animation:150s linear infinite drift}@keyframes drift{to{transform:translateX(var(--drift))}}.backdrop-shade{background:radial-gradient(at 50% 45%,#081e2359,#081e23d9 75%),linear-gradient(#081e234d,#081e2399);position:absolute;inset:0}.home,.lobby{z-index:1;position:relative}.home{grid-template-columns:minmax(0,27rem) minmax(0,30rem);justify-content:center;align-items:center;gap:2.5rem;min-height:100vh;padding:3rem 1rem;display:grid}.home-card{border:1px solid var(--wood-line);border-radius:14px;gap:1rem;padding:2.2rem;display:grid;box-shadow:inset 0 0 0 1px #d4a73a59,inset 0 0 0 5px #0000002e,0 24px 60px #0000008c}.wordmark{letter-spacing:-.01em;background:linear-gradient(#fbe7a9,#d4a73a 60%,#a37a23);color:#0000;filter:drop-shadow(0 2px #1a110b);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.8rem,6vw,3.8rem);font-weight:800}.lede{font-family:var(--serif);margin:0 0 .4rem;font-size:1.25rem;line-height:1.4}.field{gap:.3rem;display:grid}.field span{color:var(--muted);font-size:.9rem}.field input{padding:.6em .75em;font-size:1.15rem}.join{align-items:center;gap:.5rem;display:flex}.join .or{color:var(--muted);flex:1;font-size:.9rem}.join input{text-transform:uppercase;letter-spacing:.2em;text-align:center;width:6.2em}.home-rules{border-radius:14px;padding:2rem 2.2rem}.rules{gap:.55rem;margin:0;padding-left:1.1em;line-height:1.45;display:grid}.rules li::marker{color:var(--brass-lo)}.credit{color:var(--parch-soft);margin:1.2rem 0 0;font-size:.85rem;font-style:italic}.lobby{max-width:72rem;margin:0 auto;padding:2rem 1rem 3rem}.lobby-head{border:1px solid var(--wood-line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.4rem;display:flex;box-shadow:inset 0 0 0 1px #d4a73a4d,0 16px 40px #00000080}.code{color:var(--brass-hi);letter-spacing:.06em;margin:0;font-size:2.6rem;font-weight:800}.code span{color:var(--muted);letter-spacing:0;margin-right:.3em;font-size:1.1rem;font-weight:500}.invite{background:#0000004d;border-radius:10px;align-items:center;gap:.5rem;min-width:0;max-width:100%;padding:.4rem .4rem .4rem .9rem;display:flex}.invite code{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.9rem;overflow:hidden}.lobby-grid{grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:1rem;display:grid}.panel{border-radius:14px;padding:1.3rem}.panel.wood{border:1px solid var(--wood-line);box-shadow:inset 0 0 0 1px #d4a73a40,0 16px 40px #00000080}.panel h2{margin-bottom:.9rem}.seats{gap:.45rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.seat{border-left:3px solid var(--pc);background:#00000047;border-radius:99px 12px 12px 99px;align-items:center;gap:.75rem;padding:.45rem .7rem .45rem .45rem;display:flex}.seat.empty{background:0 0;border:1px dashed #6b4a33}.seat-ring{border:2px dashed var(--pc);opacity:.45;border-radius:50%;width:44px;height:44px}.seat-body{flex:1;display:grid}.seat-body small{color:var(--muted)}.options{gap:.85rem;margin-bottom:1rem;display:grid}.options label{gap:.25rem;display:grid}.options label span{color:var(--parch-soft);font-size:.9rem;font-weight:600}.chat-panel{flex-direction:column;display:flex}.chat-panel .chat-lines{min-height:9rem;max-height:18rem;margin-bottom:.6rem;overflow:auto}.chat-form{gap:.35rem;display:flex}.chat-form input{flex:1;min-width:0}.leave{margin-top:1rem}.conn{z-index:40;background:var(--wood-700);border:1px solid var(--brass-lo);border-radius:99px;padding:.55rem 1rem;position:fixed;top:.6rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0008}.error-toast{z-index:40;color:#fff;cursor:pointer;background:#8e2a1c;border:1px solid #e2553f;border-radius:10px;max-width:calc(100% - 2rem);padding:.65rem 1.1rem;animation:.2s ease-out pop;position:fixed;bottom:9rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.9)}}.game{grid-template-columns:minmax(0, 1fr) var(--rail-w);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"stage rail""dock rail";height:100dvh;display:grid;overflow:hidden}.round-track{background:#00000073;border-radius:3px;height:4px;display:block;overflow:hidden;box-shadow:inset 0 1px 1px #000a}.round-fill{background:linear-gradient(90deg, var(--brass-lo), var(--brass-hi));height:100%;transition:width .6s;display:block}.corner{z-index:7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26190fe6;border:1px solid #d4a73a66;border-radius:14px;align-items:center;gap:.15rem;padding:.3rem .35rem .3rem .3rem;display:flex;position:absolute;top:.8rem;left:.8rem;box-shadow:0 8px 22px #00000073}.corner-logo{border-radius:10px;place-items:center;width:2.4rem;height:2.4rem;padding:0;display:grid}.corner-logo:hover,.corner-logo[aria-expanded=true]{background:#ffffff14}.corner-round{border-right:1px solid #d4a73a40;gap:.2rem;min-width:7.5rem;margin-right:.2rem;padding:0 .7rem 0 .4rem;display:grid}.corner-round-label{color:var(--muted);white-space:nowrap;font-size:.85rem}.corner-round-label b{font-family:var(--serif);color:var(--ink);font-size:1.2rem}.corner-icon{width:2.1rem;height:2.1rem;color:var(--muted);border-radius:8px;place-items:center;padding:0;font-weight:700;display:grid}.corner-icon.serif{font-family:var(--serif);font-size:1.15rem}.corner-icon:hover{color:var(--ink);background:#ffffff14}.corner-menu{background:linear-gradient(#3d281b,#2a1b12);border:1px solid #d4a73a73;border-radius:12px;min-width:14rem;padding:.35rem;animation:.15s ease-out drop-menu;display:grid;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 14px 32px #0000008c}@keyframes drop-menu{0%{opacity:0;transform:translateY(-6px)}}.corner-menu button{text-align:left;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .7rem;font-weight:600;display:flex}.corner-menu button:hover{background:#d4a73a2e}.corner-menu button.danger{color:#ff9f8c}.corner-menu hr{border:none;border-top:1px solid #d4a73a40;width:auto;margin:.3rem .4rem}.stage{grid-area:stage;min-width:0;min-height:0;position:relative}.board{touch-action:none;cursor:grab;background:repeating-linear-gradient(120deg, var(--fog) 0 9px, var(--fog-line) 9px 10px);-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.board:active{cursor:grabbing}.board svg{display:block}.fog{fill:url(#chart);stroke:#09323a;stroke-width:1px}.hex.sea{stroke:#45a2c2;stroke-width:.8px}.hex.land{stroke:#f1e3bd;stroke-width:1.6px;stroke-linejoin:round}.land-shadow{fill:#05191e73}.motif{pointer-events:none}.token-disc{fill:var(--token);stroke:#8a7448;stroke-width:1px}.token text{text-anchor:middle;dominant-baseline:middle;font-family:var(--serif);fill:#2b2112;font-size:15.5px;font-weight:800}.token text.hot{fill:#b8241a}.token .pips circle{fill:#2b2112}.token-glow{fill:none;stroke:var(--brass-hi);stroke-width:5px;animation:1.1s ease-in-out infinite glow}@keyframes glow{50%{stroke-opacity:.25;stroke-width:8px}}.hot-hex .hex.land{stroke:var(--brass-hi);stroke-width:3px}.port line{stroke:#e9dcb7;stroke-width:3.5px;stroke-dasharray:3 2.5;stroke-linecap:round}.port circle{fill:#f4efe0;stroke:#6b5a33;stroke-width:1.2px}.port.p2 circle{fill:var(--brass);stroke:#6e4f12}.port text{text-anchor:middle;dominant-baseline:middle;fill:#2b2112;font-size:10.5px;font-weight:700}.route.road .under{stroke:#10232a;stroke-width:9px;stroke-linecap:round}.route.road .over{stroke-width:5.5px;stroke-linecap:round}.route.ship .wake{stroke:#e6f4f8;stroke-opacity:.45;stroke-width:2px;stroke-dasharray:2 5;stroke-linecap:round}.piece-shadow{fill:#00000059}.ghost{opacity:.6;pointer-events:none}.ghost-road{stroke-width:6px;stroke-linecap:round;opacity:.7;pointer-events:none}.robber.mine circle,.robber.mine path{stroke:var(--danger);stroke-width:1.8px}.target-vertex{filter:drop-shadow(0 0 2px #000000e6);fill:#fff3c840;stroke:var(--brass-hi);stroke-width:3px;cursor:pointer;animation:1.2s ease-in-out infinite beckon}.target-vertex.city{fill:#fff3c81f;stroke-dasharray:4 3}.target-vertex:hover{fill:#f2d27a8c}.target-edge{stroke:var(--brass-hi);stroke-width:9px;stroke-linecap:round;cursor:pointer;filter:drop-shadow(0 0 2px #000000e6);animation:1.2s ease-in-out infinite beckon}.target-edge.ship{stroke:#f4efe0;stroke-dasharray:6 4}.target-edge:hover{stroke:#fff6d8;animation:none}.target-ship{fill:#fff3c826;stroke:var(--brass-hi);stroke-width:3px;cursor:pointer;animation:1.2s ease-in-out infinite beckon}.moving-ship{fill:none;stroke:#fff;stroke-width:3px;stroke-dasharray:3 3}@keyframes beckon{50%{stroke-opacity:.35}}.pill{z-index:4;color:var(--ink);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a110bdb;border:1px solid #d4a73a73;border-radius:99px;align-items:center;gap:.7rem;max-width:calc(100% - 2rem);padding:.5rem 1.1rem;font-weight:600;animation:.25s ease-out drop;display:flex;position:absolute;top:.8rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.pill.setup,.pill.mode{color:var(--parch-ink);border-color:var(--parch-line);font-family:var(--serif);background:linear-gradient(#f8ecd0,#e5d0a0);font-size:1.1rem}.pill-x{opacity:.7;border:1px solid;border-radius:5px;padding:.1em .5em;font-size:.75rem}@keyframes drop{0%{opacity:0;transform:translate(-50%,-10px)}}.toasts{z-index:4;pointer-events:none;justify-items:center;gap:.4rem;width:min(30rem,100% - 2rem);display:grid;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.game-toast{color:var(--ink);background:#26190ff0;border:1px solid #d4a73a80;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .7rem;animation:4.8s forwards toast;display:flex;box-shadow:0 10px 26px #00000080}.game-toast svg{color:var(--brass-hi);flex:none}.game-toast.robber{border-color:var(--danger)}.game-toast.treasure{border-color:var(--brass-hi)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)scale(.96)}6%,88%{opacity:1;transform:none}to{opacity:0}}.offers{z-index:5;gap:.5rem;width:17.5rem;display:grid;position:absolute;top:.8rem;right:.8rem}.offer{border-left:5px solid var(--pc,var(--brass));border-radius:12px;padding:.65rem .8rem;animation:.25s ease-out slidein}.offer.mine{border-left-color:var(--brass)}@keyframes slidein{0%{opacity:0;transform:translate(20px)}}.offer-head{align-items:center;gap:.45rem;margin-bottom:.35rem;font-size:.92rem;display:flex}.offer-head>span{flex:1}.offer-line{align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.offer-line .side{gap:.15rem;display:grid}.offer-line small{color:var(--parch-soft);font-size:.72rem}.offer-line .arrow{color:var(--parch-soft);font-size:1.1rem}.offer-actions,.acceptors{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.map-controls{z-index:3;gap:.35rem;display:grid;position:absolute;bottom:3.4rem;right:.8rem}.map-controls button{width:2.4rem;height:2.4rem;color:var(--ink);background:#26190fe0;border:1px solid #d4a73a66;border-radius:50%;padding:0;font-size:1.3rem;line-height:1;box-shadow:0 4px 12px #0006}.map-controls button:hover{border-color:var(--brass-hi)}.rail{border-left:1px solid var(--wood-line);z-index:2;flex-direction:column;grid-area:rail;min-height:0;display:flex;box-shadow:inset 2px 0 #d4a73a33}.pcards{gap:.4rem;margin:0;padding:.55rem;list-style:none;display:grid}.pcard{box-shadow:inset 3px 0 0 var(--pc);background:linear-gradient(#0000002e,#00000052);border:1px solid #00000059;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.4rem .55rem .4rem .45rem;display:grid;position:relative}.pcard.me{background:linear-gradient(#d4a73a29,#00000040);border-color:#d4a73a73}.pcard.fog .pcard-body{opacity:.7}.pcard-portrait{position:relative}.avatar.fogged{filter:grayscale(.85)brightness(.65)}.avatar-q{font-family:var(--serif);fill:#f3e9d6;stroke:#1a110b;stroke-width:1px;font-size:22px;font-weight:800}.status-dot{border:2px solid var(--wood-900);background:#777;border-radius:50%;width:13px;height:13px;position:absolute;bottom:0;right:-1px}.status-dot.building{background:var(--brass-hi);animation:1.4s ease-in-out infinite breathe}.status-dot.done,.status-dot.ready,.status-dot.winner{background:var(--ok)}.status-dot.away{background:var(--danger)}@keyframes breathe{50%{opacity:.35}}.pcard-body{min-width:0}.pcard-name{align-items:center;min-width:0;font-weight:700;display:flex}.pcard-name .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pcard-status{color:var(--muted);font-size:.78rem;line-height:1.2}.pcard-status.done,.pcard-status.ready,.pcard-status.winner{color:var(--ok)}.pcard-status.away{color:var(--danger)}.pcard-stats{color:var(--muted);gap:.6rem;margin-top:.15rem;font-size:.82rem;display:flex}.pcard-stats>span{align-items:center;gap:.15rem;display:inline-flex}.pcard-stats.uncharted{font-style:italic}.si{color:var(--muted)}.si.res{color:#d9c48f}.si.dev{color:#8fb3d9}.pcard-stats .award,.pcard-stats .award .si{color:var(--brass-hi);font-weight:700}.pcard-vp{color:#2a1d05;background:radial-gradient(circle at 35% 30%,#f8dd8c,#c99a33 70%,#8f6a1c);border:1px solid #5b410c;border-radius:50%;align-content:center;place-items:center;width:2.7rem;height:2.7rem;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff80,0 2px 4px #0006}.pcard-vp b{font-family:var(--serif);font-size:1.15rem;font-weight:800}.pcard-vp small{font-size:.55rem;font-weight:700}.pcard.fog .pcard-vp{color:#e8e8e8;background:radial-gradient(circle at 35% 30%,#8a8f92,#555a5e)}.ribbons{grid-column:1/-1;gap:.3rem;display:flex}.ribbon{color:#2a1d05;clip-path:polygon(0 0,100% 0,calc(100% - 5px) 50%,100% 100%,0 100%);background:linear-gradient(#f5d985,#c99a33);border-radius:3px;padding:.1em .9em .1em .6em;font-size:.7rem;font-weight:700}.rail-tabs{border-top:1px solid var(--wood-line);border-bottom:1px solid var(--wood-line);background:#0003;display:flex}.rail-tabs button{color:var(--muted);border-radius:0;flex:1;padding:.55em;font-weight:700;position:relative}.rail-tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--brass)}.dot-badge{background:var(--danger);vertical-align:2px;border-radius:50%;width:8px;height:8px;margin-left:.4em;display:inline-block}.rail-body{flex-direction:column;flex:1;min-height:0;padding:.6rem .7rem;display:flex}.log{flex:1;min-height:0;padding-right:.2rem;font-size:.9rem;overflow:auto}.log p{margin:0 0 .3em;line-height:1.35}.log p.private{color:#f2dfa6}.log-round{font-family:var(--serif);color:var(--muted);align-items:center;gap:.5em;margin:.6em 0 .25em;font-size:.8rem;display:flex}.log-round:after{content:"";background:#d4a73a40;flex:1;height:1px}.ri{vertical-align:-.25em;border:1px solid #0006;border-radius:50%;width:1.15em;height:1.15em;margin:0 .12em;padding:1px;display:inline-block}.ri svg{display:block}.ri.brick,.swatch.brick{background:var(--brick);color:#f7d3bb;--icon-bg:#8a3d17}.ri.lumber,.swatch.lumber{background:var(--lumber);color:#d1a465;--icon-bg:#6b4a22}.ri.wool,.swatch.wool{background:var(--wool);color:#fbfaf3;--icon-ink:#2f3a22}.ri.grain,.swatch.grain{background:var(--grain);color:#6f510b}.ri.ore,.swatch.ore{background:var(--ore);color:#e4e7ea;--icon-bg:#5a6068}.who{font-weight:700}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat .chat-lines{flex:1;min-height:0;margin-bottom:.5rem;overflow:auto}.msg{gap:.45rem;margin-bottom:.5rem;font-size:.92rem;display:flex}.msg p{margin:0}.msg.whisper p{font-style:italic}.chat-form select{max-width:4.8rem}.dock{-webkit-user-select:none;user-select:none;--dock-h:clamp(3.4rem, 5.6cqi, 4.4rem);border-top:1px solid var(--wood-line);z-index:3;grid-area:dock;align-items:center;gap:clamp(.5rem,1.4cqi,1.1rem);min-width:0;padding:.8rem .9rem .7rem;display:flex;box-shadow:0 -2px #d4a73a40,0 -6px 16px #00000059;container-type:inline-size}.hand{align-items:center;gap:clamp(.45rem,.9cqi,.6rem);display:flex}.hand .rcard{height:var(--dock-h);aspect-ratio:34/46;width:auto}.hand-total{color:var(--muted);align-self:center;justify-items:center;min-width:2.6rem;line-height:1.1;display:grid}.hand-total b{font-family:var(--serif);color:var(--ink);font-size:1.3rem}.hand-total small{font-size:.7rem}.hand-total.risky b,.hand-total.risky small{color:var(--danger)}.rcard{isolation:isolate;width:3.4rem;height:4.6rem;color:var(--parch-ink);background:0 0;border:none;flex:none;padding:0;position:relative}.rcard.sm{width:2.9rem;height:3.9rem}.rcard-face{border:1px solid var(--parch-line);background:linear-gradient(#f8ecd0,#e3cd9c);border-radius:7px;grid-template-rows:1fr auto;transition:transform .15s;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px #00000073,inset 0 0 0 2px #fffaeb80}.rcard:before,.rcard:after{content:"";border:1px solid var(--parch-line);z-index:-1;opacity:0;background:#dcc493;border-radius:7px;position:absolute;inset:0}.rcard.stack1:before,.rcard.stack2:before,.rcard.stack3:before{opacity:1;transform:translate(3px,-3px)}.rcard.stack2:after,.rcard.stack3:after{opacity:1;transform:translate(6px,-6px)}.rcard-art{border-radius:4px;place-items:center;margin:4px 4px 0;padding:18%;display:grid;box-shadow:inset 0 -2px #0000002e}.rcard-art svg{width:100%;height:100%}.rcard.brick .rcard-art{background:var(--brick);color:#f7d3bb;--icon-bg:#8a3d17}.rcard.lumber .rcard-art{background:var(--lumber);color:#d1a465;--icon-bg:#6b4a22}.rcard.wool .rcard-art{background:var(--wool);color:#fbfaf3;--icon-ink:#2f3a22}.rcard.grain .rcard-art{background:var(--grain);color:#6f510b}.rcard.ore .rcard-art{background:var(--ore);color:#e4e7ea;--icon-bg:#5a6068}.rcard-name{text-align:center;color:var(--parch-soft);padding:1px 0 3px;font-size:.62rem;font-weight:700}.rcard.sm .rcard-name{display:none}.rcard.sm .rcard-art{margin-bottom:4px}.rcard-count{background:var(--wood-900);min-width:1.45rem;height:1.45rem;color:var(--ink);border:1px solid var(--brass-lo);font-family:var(--serif);text-align:center;z-index:1;border-radius:99px;padding:0 .3rem;font-size:.9rem;font-weight:800;line-height:1.35rem;position:absolute;top:-.45rem;right:-.5rem;box-shadow:0 2px 4px #0008}.rcard-sub{text-align:center;color:var(--parch-soft);white-space:nowrap;font-size:.68rem;font-weight:600;position:absolute;bottom:-1.15rem;left:-.5rem;right:-.5rem}.rcard.zero .rcard-face{box-shadow:none;background:#f0e1be24;border-style:dashed}.rcard.zero .rcard-art{filter:grayscale(.8);opacity:.35}.rcard.zero .rcard-name{color:var(--muted)}.rcard.zero .rcard-count{opacity:.55}.parchment .rcard.zero .rcard-face{background:#fffcf08c;border-style:solid}.parchment .rcard.zero .rcard-art{filter:saturate(.55);opacity:.6}.parchment .rcard.zero .rcard-count{opacity:.4}.parchment .rcard.zero .rcard-name{color:var(--parch-soft)}button.rcard{cursor:pointer}button.rcard:hover .rcard-face{transform:translateY(-3px)}.rcard.selected .rcard-face{outline:3px solid var(--brass);outline-offset:1px}.rcard.selected .rcard-art{filter:none;opacity:1}.gain{z-index:2;font-family:var(--serif);pointer-events:none;text-shadow:0 2px 4px #000c;font-size:1.15rem;font-weight:800;animation:1.8s ease-out .45s both gain;position:absolute;top:-.4rem;left:50%;transform:translate(-50%)}.gain.up{color:#a6f0a2}.gain.down{color:#ff9f8c}@keyframes gain{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.15)}to{opacity:0;transform:translate(-50%,-26px)}}.devhand{border-left:1px solid #d4a73a33;align-items:center;gap:.45rem;padding-left:clamp(.5rem,1.3cqi,1rem);display:flex}.devcard{height:var(--dock-h);aspect-ratio:34/46;background:linear-gradient(#2f4a6a,#1f3149);border:1px solid #0d1726;border-radius:7px;place-items:center;padding:0;transition:transform .15s;display:grid;position:relative;box-shadow:inset 0 0 0 2px #d4a73a73,0 2px #00000073}.devcard .dv{color:#d6dde6;--icon-ink:#0d1726}.devcard .dv.knight{color:#b6c2cf}.devcard .dv.roadBuilding{color:#c99a5e}.devcard .dv.victoryPoint{color:var(--brass-hi)}.devcard.none{box-shadow:none;background:#00000040;border-style:dashed;border-color:#5a3f29}.devcard.none .dv{opacity:.3}.devcard.alert{animation:1.2s ease-in-out infinite alert}@keyframes alert{50%{box-shadow:inset 0 0 0 2px var(--danger), 0 0 14px #e2553fb3}}.dev-count{background:var(--wood-900);border:1px solid var(--brass-lo);min-width:1.3rem;height:1.3rem;font-family:var(--serif);color:var(--ink);border-radius:99px;font-size:.8rem;line-height:1.2rem;position:absolute;top:-.45rem;right:-.45rem}.devcard:not(:disabled):hover{transform:translateY(-3px)}.buildbar{border-left:1px solid #d4a73a33;align-items:center;gap:clamp(.2rem,.5cqi,.35rem);padding-left:clamp(.5rem,1.3cqi,1rem);display:flex}.tile{height:var(--dock-h);aspect-ratio:.95;background:linear-gradient(180deg, var(--wood-600), var(--wood-700));border:1px solid var(--wood-line);color:var(--ink);border-radius:10px;align-content:center;justify-items:center;gap:.15rem;padding:.3rem .2rem .25rem;display:grid;position:relative;box-shadow:inset 0 1px #ffdcaa2e,0 2px #00000080}.tile svg{--icon-ink:#10232a;filter:drop-shadow(0 1px #0007)}.tile-label{font-size:clamp(.62rem,.95cqi,.72rem);font-weight:700;line-height:1}.tile:hover:not(:disabled){background:linear-gradient(#6d4c33,#523726)}.tile:active:not(:disabled){transform:translateY(1px)}.tile:disabled{opacity:.4}.tile:disabled svg{filter:grayscale(.6)}.tile.on{color:#2a1d05;background:linear-gradient(#f5d985,#c99a33);border-color:#6e4f12;box-shadow:inset 0 1px #ffffff8c,0 0 0 2px #f2d27a59,0 0 16px #f2d27a73}.free-tag{background:var(--ok);color:#10301a;border-radius:99px;padding:0 .4em;font-size:.62rem;font-weight:800;position:absolute;top:-.45rem;left:50%;transform:translate(-50%)}.count-badge{background:var(--danger);color:#fff;border-radius:99px;min-width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:800;line-height:1.25rem;position:absolute;top:-.4rem;right:-.4rem}.tip{border:1px solid var(--parch-line);width:max-content;max-width:14rem;color:var(--parch-ink);text-align:left;opacity:0;pointer-events:none;z-index:10;background:linear-gradient(#f8ecd0,#e5d0a0);border-radius:8px;justify-items:start;gap:.3rem;padding:.55rem .7rem;font-size:.82rem;font-weight:500;line-height:1.3;transition:opacity .12s,transform .12s;display:grid;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,4px);box-shadow:0 10px 24px #00000080}.tip strong{font-family:var(--serif);font-size:.95rem}.tip em{color:#2f7a35;font-style:normal;font-weight:700}.tile:hover .tip,.tile:focus-visible .tip,.devcard:hover .tip,.devcard:focus-visible .tip{opacity:1;transform:translate(-50%)}.done-wrap{margin-left:auto;align-items:center;margin-block:-.55rem;display:flex;position:relative}.waiting-on{background:#1a110bd9;border:1px solid #d4a73a59;border-radius:99px;padding:.25rem .45rem .25rem .75rem;display:flex;position:absolute;bottom:calc(100% + .5rem);right:50%;transform:translate(50%)}.waiting-on svg{margin-left:-6px;animation:1.6s ease-in-out infinite breathe}.done-btn{width:calc(var(--dock-h) + 1.1rem);aspect-ratio:1;background:radial-gradient(circle,#26190ff2 60%,#26190f00 71%);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}.done-btn .ring{width:100%;height:100%;position:absolute;inset:0}.ring-track{fill:none;stroke:#00000073;stroke-width:6px}.ring-fill{fill:none;stroke:var(--brass-hi);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.done-btn.low .ring-fill{stroke:var(--danger)}.done-face{aspect-ratio:1;color:#2a1d05;background:radial-gradient(circle at 35% 28%,#fbe39a,#d4a73a 55%,#9c7420);border:1px solid #5b410c;border-radius:50%;align-content:center;place-items:center;width:77%;transition:transform .1s;display:grid;position:relative;box-shadow:inset 0 2px #ffffff8c,inset 0 -3px 6px #00000040,0 4px 10px #00000080}.done-label{font-family:var(--serif);font-size:clamp(1.05rem,1.7cqi,1.25rem);font-weight:800;line-height:1}.done-check{width:46%;height:auto;color:var(--ok);filter:drop-shadow(0 1px #000a)}.done-sub{color:var(--muted);margin-top:.05rem;font-size:.7rem;font-weight:700}.done-time{font-family:var(--serif);font-variant-numeric:tabular-nums;opacity:.8;font-size:.85rem;font-weight:700}.done-face kbd{margin:.15rem 0 0;font-size:.6rem}.done-btn:hover:not(:disabled) .done-face{transform:scale(1.04)}.done-btn:active:not(:disabled) .done-face{transform:scale(.97)}.done-btn:disabled .done-face{color:var(--muted);border-color:var(--wood-line);background:radial-gradient(circle at 35% 28%,#5e412b,#3a261a);box-shadow:inset 0 1px #ffdcaa26,0 4px 10px #00000080}.done-btn.low:not(.is-done) .done-face{animation:.8s ease-in-out infinite urgent}@keyframes urgent{50%{box-shadow:inset 0 2px #ffffff8c,0 0 22px #e2553fcc}}.trade-drawer{z-index:6;border-radius:14px;grid-area:stage;place-self:end center;width:min(36rem,100% - 1.6rem);margin:0 0 .8rem;padding:.9rem 1rem 1rem;animation:.2s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.trade-drawer header{justify-content:space-between;align-items:center;display:flex}.trade-drawer h3{margin:0;font-size:1.25rem}.trade-rows{gap:1.5rem;margin:1.2rem 0 1rem;display:grid}.trade-row{align-items:center;gap:.75rem;display:flex}.row-label{width:4.2rem;font-family:var(--serif);color:#4a2f12;font-weight:700}.trade-cell{justify-items:center;gap:.25rem;display:grid}.trade-cell .rcard-sub{font-size:.65rem;top:-1.15rem;bottom:auto}.trade-foot{gap:.7rem;display:grid}.trade-targets{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.trade-actions{justify-content:flex-end;gap:.5rem;display:flex}.modal-x{width:2.1rem;height:2.1rem;color:var(--ink);background:linear-gradient(180deg, var(--wood-600), var(--wood-800));border:1px solid var(--wood-line);border-radius:50%;place-items:center;padding:0;font-size:1.45rem;font-weight:700;line-height:1;display:grid;box-shadow:inset 0 1px #ffdcaa33,0 2px #00000059}.modal-x:hover{color:#fff;background:linear-gradient(#7a5539,#4d3323)}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#041418b8;place-items:center;padding:1rem;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{border-radius:16px;width:100%;max-width:34rem;max-height:92vh;padding:1.6rem 1.8rem;position:relative;overflow:auto}.modal.wide{max-width:54rem}.modal h2{padding-right:2rem;font-size:1.6rem}.modal>.modal-x{position:absolute;top:.9rem;right:.9rem}.picker{justify-items:center;gap:1rem;display:grid}.picker-row{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:.8rem 0 .6rem;display:flex}.picker-cell{justify-items:center;gap:1.4rem;display:grid}.picker .brass{min-width:12rem}.rules-grid{grid-template-columns:1.4fr 1fr;gap:2rem;display:grid}.shortcuts{gap:.35rem;margin:0 0 1rem;display:grid}.shortcuts div{align-items:center;gap:.7rem;display:flex}.shortcuts dt{text-align:right;width:4rem}.shortcuts dd{margin:0}.shortcuts kbd{opacity:1;background:#ffffff73;margin:0}.podium{justify-content:center;align-items:flex-end;gap:1rem;margin:.5rem 0 1.4rem;display:flex}.step{text-align:center;justify-items:center;gap:.25rem;width:8.5rem;display:grid}.step b{font-family:var(--serif);font-size:1.05rem}.podium-vp{color:var(--parch-soft);font-weight:700}.block{width:100%;font-family:var(--serif);color:#2a1d05;background:linear-gradient(#f5d985,#c99a33);border:1px solid #5b410c;border-bottom:none;border-radius:8px 8px 0 0;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.place1 .block{height:5rem}.place2 .block{background:linear-gradient(#e9ecef,#a9b0b7);height:3.6rem}.place3 .block{background:linear-gradient(#e6b48c,#b07a4a);height:2.6rem}.results{border-collapse:collapse;width:100%;margin-bottom:1.2rem;font-size:.95rem}.results th,.results td{text-align:left;padding:.4rem .45rem}.results th{color:var(--parch-soft);font-size:.8rem}.results tbody tr{border-top:1px solid #5a3c1440}.results tbody tr:first-child{background:#d4a73a2e}.who-cell{align-items:center;gap:.4rem;font-weight:700;display:flex}.end-actions{justify-content:flex-end}.show-results{z-index:10;position:fixed;top:4.5rem;left:50%;transform:translate(-50%)}.swatch{vertical-align:middle;border:1px solid #0006;border-radius:50%;flex:none;place-items:center;width:1.1rem;height:1.1rem;padding:1px;display:inline-grid;position:relative}.swatch svg{display:block}.swatch.md{border-radius:6px;width:1.7rem;height:1.7rem;padding:2px}.swatch.lg{border-radius:8px;width:2.6rem;height:2.6rem;padding:4px}.swatch .badge{background:var(--token);color:#2b2112;min-width:1.35rem;height:1.35rem;font-family:var(--serif);text-align:center;border-radius:.7rem;padding:0 .25rem;font-size:.9rem;font-weight:800;line-height:1.35rem;position:absolute;bottom:-.55rem;right:-.7rem;box-shadow:0 1px 3px #0008}.cost{gap:2px;display:inline-flex}.icon-sheet{max-width:64rem;margin:0 auto;padding:2rem 1rem}.sheet-row{flex-wrap:wrap;gap:1.2rem;margin-bottom:2rem;display:flex}.sheet-row figure{justify-items:center;gap:.4rem;min-width:5rem;margin:0;display:grid}.sheet-row figcaption{color:var(--muted);font-size:.85rem}.dice-corner{z-index:4;pointer-events:none;align-items:center;gap:.9rem;display:flex;position:absolute;bottom:1.1rem;left:1.1rem}.dice-pair{perspective:600px;gap:.7rem;display:flex}.die-throw{width:52px;height:52px;position:relative}.dice-corner.thrown .die-throw{animation:.95s cubic-bezier(.25,.9,.35,1) both throw}.dice-corner.thrown .die-throw.d1{animation-delay:50ms}@keyframes throw{0%{opacity:0;translate:420px -220px;rotate:60deg}10%{opacity:1}32%{translate:70px -6px;rotate:var(--tilt)}44%{translate:38px -24px}56%{translate:18px}66%{translate:8px -9px}75%{translate:3px}82%{translate:1px -3px}90%,to{translate:0;rotate:0deg}}.die3d{transform-style:preserve-3d;transform:rotateX(var(--rx1)) rotateY(var(--ry1));position:absolute;inset:0}.dice-corner.thrown .die3d{animation:.95s cubic-bezier(.15,.6,.3,1) both tumble}.dice-corner.thrown .d1 .die3d{animation-delay:50ms}@keyframes tumble{0%{transform:rotateX(var(--rx0)) rotateY(var(--ry0))}to{transform:rotateX(var(--rx1)) rotateY(var(--ry1))}}.die-face{backface-visibility:hidden;position:absolute;inset:0}.die-face svg{display:block}.die-shadow{z-index:-1;background:radial-gradient(#0009,#0000 70%);border-radius:50%;height:11px;position:absolute;bottom:-12px;left:8%;right:8%}.dice-sum{border:1px solid var(--parch-line);color:var(--parch-ink);opacity:0;background:linear-gradient(#f8ecd0,#e5d0a0);border-radius:99px;align-items:center;gap:.45rem;padding:.05rem .85rem;transition:opacity .2s,scale .25s cubic-bezier(.3,1.6,.5,1);display:flex;scale:.6;box-shadow:0 6px 18px #00000080}.dice-sum b{font-family:var(--serif);font-size:1.7rem;font-weight:800;line-height:1.2}.dice-sum.seven{color:#fff;background:linear-gradient(#e2553f,#a8321f);border-color:#6d1d10}.dice-sum span{font-family:var(--serif);font-size:1.05rem;font-weight:700}.dice-corner.settled .dice-sum{opacity:1;scale:1}.fly-layer{pointer-events:none;z-index:30;position:fixed;inset:0}.flight{width:0;height:0;animation:fly-x var(--dur) linear var(--delay) both;position:fixed}.flight-y{animation:fly-y var(--dur) cubic-bezier(.4, -.65, .75, .95) var(--delay) both}.flight-y>*{animation:fly-pop var(--dur) ease-out var(--delay) both;position:absolute;top:0;left:0;translate:-50% -50%}.flight.fade .flight-y>*{animation-name:fly-pop-fade}@keyframes fly-x{0%{translate:0}to{translate:var(--dx) 0}}@keyframes fly-y{0%{translate:0}to{translate:0 var(--dy)}}@keyframes fly-pop{0%{opacity:0;scale:.4}14%{opacity:1;scale:1.2}80%{opacity:1;scale:1}to{opacity:.85;scale:.75}}@keyframes fly-pop-fade{0%{opacity:0;scale:.6}14%{opacity:1;scale:1.1}70%{opacity:1;scale:.9}to{opacity:0;scale:.3}}.fly-token{border:2px solid #f6ecd2;border-radius:50%;width:30px;height:30px;padding:4px;box-shadow:0 6px 14px #0000008c}.fly-token svg{display:block}.fly-token.brick{background:var(--brick);color:#f7d3bb;--icon-bg:#8a3d17}.fly-token.lumber{background:var(--lumber);color:#d1a465;--icon-bg:#6b4a22}.fly-token.wool{background:var(--wool);color:#fbfaf3;--icon-ink:#2f3a22}.fly-token.grain{background:var(--grain);color:#6f510b}.fly-token.ore{background:var(--ore);color:#e4e7ea;--icon-bg:#5a6068}.fly-card{color:#d6dde6;--icon-ink:#0d1726;background:linear-gradient(#2f4a6a,#1f3149);border:1px solid #0d1726;border-radius:5px;width:30px;height:40px;padding:6px 4px;box-shadow:inset 0 0 0 2px #d4a73a8c,0 6px 14px #0000008c}.fly-card .dv.back{color:#d9c48f}.fly-card .dv.roadBuilding{color:#c99a5e}.fly-card .dv.victoryPoint{color:var(--brass-hi)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.drift{animation:none}}@media (width<=1180px){:root{--rail-w:16.5rem}}@container (width<=820px){.devhand,.hand-total{display:none}}@media (width<=900px){.home,.lobby-grid,.rules-grid{grid-template-columns:1fr}.game{grid-template:"stage"68vh"dock""rail"/1fr;height:auto;min-height:100dvh;overflow:visible}.corner-round{min-width:0}.pill{top:4rem}.dock{flex-wrap:wrap;position:sticky;bottom:0}.hand{flex-wrap:wrap}.buildbar{border-left:none;padding-left:0}.rail{border-left:none}.rail-body{height:22rem}.offers{width:min(17.5rem,100% - 1.6rem)}.trade-drawer{width:auto;margin:0;position:fixed;bottom:.5rem;left:.5rem;right:.5rem}}