:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1620;--bg-deep:#0a0e12;--panel:#16202b;--panel-2:#102031;--panel-edge:#243343;--ink:#e8edf2;--muted:#9fb0c0;--accent:#2e6fa8;--accent-hi:#3a86c9;--ghost:#1c2937;--ghost-edge:#34506b;--gold:#f2c14e;--good:#3f9d57;color:var(--ink);font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}body{background-color:#0000;background-image:radial-gradient(1200px 600px at 50% -10%,#1b3247 0%,#1b324700 60%),linear-gradient(#0f1620 0%,#0b121a 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:0;margin:0}html,body{min-height:100%}:is(html:has(.game-view),body:has(.game-view)){overscroll-behavior:none;height:100%;overflow:hidden}body:has(.game-view){position:fixed;inset:0}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}input,textarea{-webkit-user-select:text;user-select:text}main{min-height:100dvh;min-height:min(var(--app-height,100dvh), 100dvh);padding:max(4px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom));overflow:visible}.lobby:has(input:focus){margin-bottom:max(45dvh,280px)}.lobby input{scroll-margin-block:18dvh}*{touch-action:manipulation}:focus:not(:focus-visible){outline:none}.tab-content,.log-rail{scrollbar-width:thin;scrollbar-color:var(--ghost-edge) transparent}button{font:inherit;border:1px solid var(--ghost-edge);background:var(--ghost);color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 12px;font-weight:600;transition:background .12s,transform 40ms,border-color .12s}button:hover:not(:disabled){background:#243648}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}.btn-primary,.action-bar button,.start-screen>button{background:var(--accent);color:#fff;border:none}.btn-primary:hover:not(:disabled),.action-bar button:hover:not(:disabled),.start-screen>button:hover:not(:disabled){background:var(--accent-hi)}.icon{vertical-align:-.15em;flex:none}.res-icon,.btn-icon{font-size:16px}.build-controls button,.resource-choices button{align-items:center;gap:6px;display:inline-flex}.dev-modal-icon{vertical-align:-.22em;font-size:22px}.chips span{align-items:center;gap:3px;display:inline-flex}.chip-icon{font-size:.95rem}.host-crown{font-size:16px}.dice-icon{font-size:1em}.hex-icon{filter:drop-shadow(0 0 .7px #000000d9)drop-shadow(0 0 .7px #000000b3)}main{min-height:0}.start-screen{background:var(--panel);border:1px solid var(--panel-edge);border-radius:16px;flex-direction:column;gap:10px;max-width:420px;margin:8vh auto 16px;padding:30px 24px;display:flex;box-shadow:0 16px 50px #00000073}.start-screen h1{text-align:center;color:var(--gold);letter-spacing:.01em;margin:0 0 6px}@media (height<=760px){.start-screen{gap:8px;margin-top:8px;padding:16px}.start-screen h1{margin-bottom:2px;font-size:1.45rem}}.start-screen .player-row{align-items:center;gap:8px;display:flex}.start-screen .swatch{border:1px solid #ffffff4d;border-radius:5px;width:18px;height:18px}.start-screen input{background:var(--panel-2);border:1px solid var(--panel-edge);color:var(--ink);border-radius:7px;flex:1;padding:7px 9px}.start-screen fieldset{border:1px solid var(--panel-edge);border-radius:8px;margin:4px 0}.start-screen legend{color:var(--muted);padding:0 6px}.start-screen>button{padding:10px}.join-hint{color:var(--muted);text-align:center;margin:0}.start-screen .join-online{gap:8px;margin:0;display:flex}.start-screen .join-online input{flex:1;min-width:0}.start-screen .join-online .btn-primary{padding:7px 16px}.start-screen .hotseat-resume,.start-screen .hotseat-new{flex-direction:column;gap:10px;display:flex}.start-screen .hotseat-resume{border-bottom:1px solid var(--panel-edge);padding-bottom:14px}.start-screen .hotseat-resume button,.start-screen .hotseat-new>button{padding:10px}.start-screen .hotseat-new h2{color:var(--muted);margin:0;font-size:1rem;font-weight:600}.hotseat-warning{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.start-screen>.back-link,.start-screen>.back-link:hover:not(:disabled){color:var(--muted);background:0 0;border:none}.start-screen>.back-link:hover:not(:disabled){color:var(--ink)}.board-mode-picker{margin:4px 0;position:relative}.board-mode-trigger{text-align:left;background:var(--panel-2);border-color:var(--panel-edge);justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:8px 12px;display:flex}.board-mode-trigger span:first-child{flex-direction:column;gap:2px;display:flex}.board-mode-trigger small{color:var(--muted);font-weight:500}.board-mode-trigger strong{color:var(--ink);font-size:1rem}.board-mode-chevron{color:var(--gold);font-size:1.1rem}.board-mode-menu{background:var(--bg-deep);border:1px solid var(--panel-edge);border-radius:10px;gap:7px;margin-top:7px;padding:7px;display:grid}.board-mode-option{text-align:left;background:var(--panel-2);flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 11px;display:flex}.board-mode-option strong{color:var(--ink)}.board-mode-option span{color:var(--muted);font-size:.84rem;font-weight:400;line-height:1.35}.board-mode-option.selected{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}.game-view{height:100dvh;height:var(--app-height,100dvh);max-width:1100px;padding:calc(6px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));flex-direction:column;gap:6px;margin:0 auto;display:flex;overflow:hidden}.board-stage{position:absolute;inset:0}.board{filter:drop-shadow(0 8px 22px #00000080);touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.board:active{cursor:grabbing}.board-controls{flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.board-controls button{background:#16202be0;border-radius:9px;width:36px;height:36px;padding:0;font-size:19px;line-height:1}.board--robber-placement{filter:drop-shadow(0 0 18px #f2c14e61)drop-shadow(0 8px 22px #00000080)}.board--robber-placement [data-hex-slot]{fill:var(--gold);fill-opacity:.28;stroke:#fff3c4;stroke-width:3px}.board--robber-placement [data-hex-slot][data-selected=true]{fill-opacity:.5;stroke:none}.hex-select-dash{animation:.9s linear infinite hex-dash}@keyframes hex-dash{to{stroke-dashoffset:-19px}}@media (prefers-reduced-motion:reduce){.hex-select-dash{animation:none}}.board--robber-selected [data-hex-slot]:not([data-selected=true]){fill-opacity:.08;stroke-opacity:.32}.board--placement-selected .legal-placement-slot{opacity:.22}.pending-building{animation:.85s linear infinite placement-dash}@keyframes placement-dash{to{stroke-dashoffset:-24px}}.top-hud{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));align-items:start;gap:6px;display:grid}.opponent{background:var(--panel);border:1px solid var(--panel-edge);border-left:4px solid var(--seat-color,var(--panel-edge));border-radius:9px;flex-direction:column;gap:3px;padding:4px 7px 5px 8px;display:flex}.opponent[data-active=true]{border-color:var(--gold);border-left-color:var(--seat-color,var(--gold));box-shadow:0 0 0 2px #f2c14e47}.opp-top{align-items:center;gap:6px;display:flex}.opponent .swatch{border:1px solid #ffffff59;border-radius:4px;flex:none;width:11px;height:11px}.opp-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.vp-pill{background:var(--gold);color:#1a1300;border-radius:7px;flex:none;align-items:baseline;gap:3px;padding:0 6px;font-size:12px;font-weight:800;display:inline-flex}.vp-label{font-size:8px;font-weight:800}.opp-stats{flex-wrap:wrap;gap:8px;display:flex}.opp-stat{color:var(--muted);align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.opp-stat .icon{font-size:12px}.opp-stat.is-award{color:#1a1300;background:var(--gold);border-radius:6px;padding:0 5px}.board-zone{flex:1 1 0;min-height:0;position:relative}.board-zone .robber-placement-banner,.board-zone .setup-placement-banner,.board-zone .dev-placement-banner{z-index:10;position:absolute;top:0;left:0;right:0}.control-dock{z-index:10;flex-direction:column;justify-content:flex-end;gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.control-dock,.control-dock .action-bar,.control-dock .build-controls,.control-dock .sheet-peek{pointer-events:none}.control-dock button,.control-dock .action-confirm,.control-dock .waiting-banner{pointer-events:auto}.control-dock button:disabled{opacity:1;background:var(--panel);border:1px solid var(--panel-edge);color:#5f7183}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.dice-summary{background:var(--panel);border:1px solid var(--panel-edge);border-radius:9px;flex-direction:row;justify-content:center;place-self:stretch start;align-items:center;gap:8px;padding:4px 10px;display:flex;box-shadow:0 2px 8px #00000040}.dice-readout{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800;line-height:1}.dice-readout[data-rolled=true]{color:var(--gold);font-size:15px}.dice-faces{gap:5px;display:flex}.die{background:linear-gradient(150deg,#fbf7ee 0%,#ddd6c4 100%);border-radius:7px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:25px;height:25px;padding:3px;display:grid;box-shadow:inset 0 0 0 1px #0000002e,0 2px 5px #00000073}.die .pip{justify-content:center;align-items:center;display:flex}.die .pip--on:after{content:"";background:#1c2027;border-radius:50%;width:4px;height:4px;box-shadow:inset 0 0 1px #0009}.die--placeholder{opacity:.35}.die--rolling{animation:.6s ease-in-out die-tumble}@keyframes die-tumble{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-20deg)translateY(-7px)scale(1.08)}50%{transform:rotate(16deg)translateY(0)scale(1.05)}75%{transform:rotate(-8deg)translateY(-3px)scale(1.02)}to{transform:rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.die--rolling{animation:none}}.robber-placement-banner,.setup-placement-banner,.dev-placement-banner{border:2px solid var(--gold);color:#fff8dc;text-align:center;background:linear-gradient(135deg,#4b1f1f 0%,#7b3a21 55%,#8a6420 100%);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:7px 10px;display:flex;box-shadow:0 0 0 4px #f2c14e29,0 8px 24px #00000059}.setup-placement-banner{background:linear-gradient(135deg,#173049 0%,#1f4f72 55%,#306f87 100%)}.dev-placement-banner{background:linear-gradient(135deg,#241a2e 0%,#45305c 55%,#6b4a8a 100%)}.robber-placement-banner strong,.setup-placement-banner strong,.dev-placement-banner strong{color:#fff;text-transform:uppercase;letter-spacing:.04em}.robber-placement-banner span,.setup-placement-banner span,.dev-placement-banner span{color:#ffe9a8}.action-confirm{background:var(--panel);border:2px solid var(--gold);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #00000059}.action-confirm p{color:#ffe9a8;text-align:center;flex:100%;margin:0;font-weight:700}.placement-confirm{gap:7px;width:min(100%,390px);margin:0 auto;padding:7px 9px}.placement-confirm p{text-align:left;flex:auto}.placement-confirm button{padding:7px 11px}.action-confirm button:not(.btn-primary){background:var(--ghost);border:1px solid var(--ghost-edge)}.action-confirm button:not(.btn-primary):hover:not(:disabled){background:#243648}.bottom-sheet{background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px 14px 0 0;flex:none;padding:8px 10px;position:relative;box-shadow:0 -6px 22px #00000059}.sheet-bar{flex:none;align-items:stretch;gap:4px;display:flex}.tabs{flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.tabs [role=tab]{white-space:nowrap;padding:6px 9px}.sheet-toggle{color:var(--muted);background:0 0;border:none;padding:2px 10px;font-size:15px;line-height:1}.sheet-panel{background:var(--panel);border:1px solid var(--panel-edge);z-index:15;border-bottom:none;border-radius:14px 14px 0 0;flex-direction:column;margin-bottom:-1px;padding:0 10px 10px;animation:.16s ease-out sheet-rise;display:flex;position:absolute;bottom:100%;left:-1px;right:-1px;box-shadow:0 -10px 28px #00000073}@keyframes sheet-rise{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sheet-panel{animation:none}}@media (width<=899.98px){.bottom-sheet:not(.bottom-sheet--collapsed){border-top-color:#0000;border-radius:0}.bottom-sheet:not(.bottom-sheet--collapsed) .sheet-panel{box-shadow:0 -10px 28px #00000073, inset 0 -1px 0 var(--panel-edge)}}.sheet-grip{cursor:ns-resize;touch-action:none;flex:none;justify-content:center;align-items:center;height:20px;display:flex}.sheet-grip:before{content:"";background:var(--ghost-edge);border-radius:2px;width:44px;height:4px}.tab-content{flex:1 1 0;min-height:0;overflow-y:auto}.sheet-peek{border:1px solid var(--panel-edge);background:#16202beb;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 auto;padding:4px 10px;display:flex;box-shadow:0 4px 14px #00000059}.peek-stat{color:#1b2027;border:1px solid #0000002e;border-radius:7px;align-items:center;gap:4px;padding:1px 6px;font-size:12px;font-weight:800;display:inline-flex}.peek-stat .res-icon{filter:drop-shadow(0 0 .7px #000000d9)drop-shadow(0 0 .7px #0009);font-size:14px}.peek-stat[data-res=wood]{background:#5bbf6e}.peek-stat[data-res=brick]{background:#df7b50}.peek-stat[data-res=sheep]{background:#bfe487}.peek-stat[data-res=wheat]{background:#f7d873}.peek-stat[data-res=ore]{background:#b3c0cb}.peek-stat--dev{color:var(--ink);background:#241a2e;border-color:#5a3f70}.peek-vp{background:var(--gold);color:#1a1300;border-radius:7px;padding:0 6px;font-size:12px;font-weight:800}.tabs [role=tab]{color:var(--muted);background:0 0;border:none;border-radius:8px 8px 0 0;font-weight:700}.tabs [role=tab][aria-selected=true]{background:var(--panel-2);color:var(--gold);box-shadow:0 -2px 0 var(--gold) inset}.hand-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hand-head h2{margin:0;font-size:16px;line-height:1}.hand-awards{align-items:center;gap:5px;display:inline-flex}.award-pill{color:#1a1300;background:linear-gradient(#f4ca62 0%,#dca82f 100%);border:1px solid #1a13002e;border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:12px;font-weight:900;line-height:1.25;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.award-icon{font-size:14px}.dev-card-section{margin-top:8px}.dev-card-section h3{color:var(--muted);margin:4px 0;font-size:13px}.resources,.dev-cards{flex-wrap:wrap;gap:7px;margin:6px 0;padding:0;list-style:none;display:flex}.res-chip{color:#1b2027;border:1px solid #0000002e;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;font-weight:800;display:inline-flex;position:relative}.res-chip .res-icon{filter:drop-shadow(0 0 .7px #000000d9)drop-shadow(0 0 .7px #0009);font-size:18px}.res-tile{border:1px solid #00000038;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.res-tile svg{filter:drop-shadow(0 0 .7px #000000d9)drop-shadow(0 0 .7px #0009);width:15px;height:15px}.res-chip[data-res=wood],.res-tile[data-res=wood]{background:#5bbf6e}.res-chip[data-res=brick],.res-tile[data-res=brick]{background:#df7b50}.res-chip[data-res=sheep],.res-tile[data-res=sheep]{background:#bfe487}.res-chip[data-res=wheat],.res-tile[data-res=wheat]{background:#f7d873}.res-chip[data-res=ore],.res-tile[data-res=ore]{background:#b3c0cb}.dev-cards .dev-card{display:flex}.dev-card-tile{text-align:left;width:165px;color:var(--ink);background:#241a2e;border:1px solid #5a3f70;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.dev-card-head{align-items:center;gap:6px;display:flex}.dev-card-icon{font-size:18px;line-height:1}.dev-card-name{font-weight:700}.dev-card-desc{color:var(--muted);font-size:.74rem;font-weight:400;line-height:1.25}button.dev-card-tile{cursor:pointer}button.dev-card-tile:hover:not(:disabled){background:#2e2238;border-color:#7a5993}.dev-card--blocked .dev-card-tile{color:var(--muted);opacity:.62;background:#20252b;border-color:#3a444f}.dev-card--active .dev-card-tile{box-shadow:inset 0 0 0 1px #f2c14e38}.dev-card--played .dev-card-tile{width:auto;color:var(--muted);opacity:.8;background:#171d23;border-color:#33404c}.dev-card--played .dev-card-name{text-decoration:line-through}.resource-choices{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;display:flex}.cost-reference{margin-top:10px}.cost-reference h3{color:var(--muted);margin:6px 0 4px;font-size:14px}.cost-reference ul{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.cost-reference li{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:8px;flex-direction:column;gap:5px;padding:6px 9px;display:flex}.cost-label{font-size:13px;font-weight:700}.cost-tiles{flex-wrap:wrap;gap:4px;display:flex}.res-chip--gain{animation:1.5s ease-out gain-flash}.opp-stat--gain{animation:1.5s ease-out gain-color}.gain-float{color:#fff;text-shadow:0 1px 2px #000000d9;pointer-events:none;font-size:12px;font-weight:900;animation:1.5s ease-out forwards gain-rise;position:absolute;top:-8px;right:-2px}@keyframes gain-flash{0%{box-shadow:0 0 #fff0}18%{transform:scale(1.13);box-shadow:0 0 0 3px #ffffffe6}to{transform:scale(1);box-shadow:0 0 #fff0}}@keyframes gain-color{0%,to{color:var(--muted)}20%{color:var(--gold)}}@keyframes gain-rise{0%{opacity:0;transform:translateY(5px)}20%{opacity:1}to{opacity:0;transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.res-chip--gain,.opp-stat--gain,.gain-float{animation:none}}.trade-panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 4px;font-size:12px}.trade-panel .res-icon{vertical-align:-.2em;font-size:17px}.trade-modes{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:3px;display:grid}.trade-modes [role=tab]{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:6px;font-weight:700}.trade-modes [role=tab][aria-selected=true]{background:var(--accent);color:#fff}.propose-grid{grid-template-columns:1fr auto auto;align-items:center;gap:6px 10px;display:grid}.propose-grid .col-h{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.propose-grid .col-h:first-child{text-align:left}.propose-grid .res-own{align-items:center;gap:6px;font-weight:800;display:inline-flex}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper button{padding:2px 9px;font-size:15px;line-height:1}.stepper-n{text-align:center;min-width:1.1em;font-weight:800}.trade-summary{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;margin:10px 0;padding:7px 10px;display:flex}.trade-summary .arrow{color:var(--gold);font-weight:800}.res-list{flex-wrap:wrap;gap:8px;display:inline-flex}.res-mini{align-items:center;gap:3px;font-weight:800;display:inline-flex}.res-none{color:var(--muted);font-style:italic}.bank-h{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 4px;font-size:12px}.res-pick{flex-wrap:wrap;gap:6px;display:flex}.res-pick button{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:9px;align-items:center;gap:3px;padding:6px 9px;display:inline-flex}.res-pick button.picked{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.res-pick .ratio{color:var(--muted);font-size:11px;font-weight:800}.bank .btn-primary,.propose .btn-primary{align-items:center;gap:5px;margin-top:12px;display:inline-flex}.open-offers ul{margin:0;padding:0;list-style:none}.open-offers li{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:6px 0;padding:8px 10px;display:flex}.offer-desc{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.offer-actions{gap:6px;display:inline-flex}.trade-empty{color:var(--muted);text-align:center;margin:8px 0}.log-rail{margin:0;padding:0;font-size:13px;list-style:none}.log-rail li{border-left:2px solid var(--panel-edge);color:var(--muted);margin:3px 0;padding:3px 0 3px 8px;line-height:1.35}.log-rail li[data-log-type=roll]{color:var(--ink)}.log-rail li[data-log-type=win]{color:var(--gold);border-left-color:var(--gold);font-weight:700}.log-rail li[data-log-type=proposeTrade],.log-rail li[data-log-type=acceptTrade]{color:var(--gold);border-left-color:var(--gold)}.pass-device,.discard-modal,.robber-victims,.dev-modal,.setup-confirm{background:var(--panel);border:1px solid var(--panel-edge);z-index:20;text-align:center;border-radius:16px;width:min(92vw,420px);height:fit-content;max-height:80vh;margin:auto;padding:22px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 20px 60px #0009}.discard-modal{text-align:left;border-color:#f2c14e9e;width:min(94vw,460px);max-height:min(72vh,520px);margin:0;padding:14px;inset:auto auto 14px 50%;transform:translate(-50%);box-shadow:0 12px 36px #00000094,0 0 0 3px #f2c14e1f}.discard-modal--collapsed{width:min(94vw,350px);max-height:none;padding:12px}.discard-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.discard-head strong{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-size:13px;display:block}.discard-head p{color:var(--ink);margin:3px 0 0;line-height:1.35}.discard-minimize{flex:none;padding:5px 9px;font-size:12px}.discard-lock-note{color:#ffe9a8;background:#f2c14e1a;border:1px solid #f2c14e47;border-radius:9px;margin:10px 0;padding:7px 9px;font-size:12px;line-height:1.35}.discard-progress,.discard-collapsed-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.discard-progress{margin-bottom:8px}.discard-progress span:last-child{color:var(--gold)}.discard-list{flex-direction:column;gap:6px;display:flex}.discard-row{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin:0;padding:6px 8px;display:grid}.discard-resource{text-transform:capitalize;align-items:center;gap:7px;font-weight:800;display:inline-flex}.discard-count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.discard-submit{justify-content:center;width:100%;margin-top:10px}.robber-victims button{margin:4px}.dev-modal h2{margin:0 0 4px}.dev-modal-desc{color:var(--muted);margin:0 0 10px;line-height:1.35}.dev-modal-step{margin:0 0 4px;font-weight:700}.resource-choices button.picked{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.dev-picks{justify-content:center;gap:8px;min-height:36px;margin:4px 0 2px;display:flex}.dev-pick{background:var(--panel-2);border:1px solid var(--gold);border-radius:9px;align-items:center;gap:5px;padding:5px 10px;font-weight:700;display:inline-flex}.dev-pick--empty{color:var(--muted);border:1px dashed var(--ghost-edge);border-radius:9px;align-items:center;padding:5px 16px;display:inline-flex}.dev-modal-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}.dev-modal-actions button{flex:1 1 0;max-width:180px}.pending-road{animation:.8s linear infinite road-dash}@keyframes road-dash{to{stroke-dashoffset:-17px}}@media (prefers-reduced-motion:reduce){.pending-road,.pending-building{animation:none}}.settings-panel{flex-direction:column;gap:10px;max-width:680px;margin:0 auto;padding-bottom:12px;display:flex}.settings-header{padding:2px 2px 4px}.settings-header h2{color:var(--gold);margin:0;font-size:1.15rem}.settings-header p{color:var(--muted);margin:4px 0 0;font-size:.86rem}.settings-card,.settings-accordion{border:1px solid var(--panel-edge);background:#102031b8;border-radius:12px;overflow:hidden}.settings-card{padding:13px}.settings-card-heading h3{margin:0;font-size:.98rem}.settings-card-heading p{color:var(--muted);margin:3px 0 10px;font-size:.82rem}.settings-note{color:var(--muted);margin:8px 0 0;font-size:.86rem;line-height:1.4}.settings-toggle{text-align:left;align-items:center;gap:12px;width:100%;min-height:48px;padding:9px 11px;display:flex}.settings-toggle-copy{flex-direction:column;flex:1;gap:2px;display:flex}.settings-toggle-copy strong{font-size:.9rem}.settings-toggle-copy small{color:var(--muted);font-size:.76rem}.settings-switch{background:#34495c;border-radius:999px;flex:none;width:38px;height:22px;transition:background .14s;position:relative}.settings-switch span{background:var(--ink);border-radius:50%;width:16px;height:16px;transition:transform .14s;position:absolute;top:3px;left:3px}.settings-toggle[aria-pressed=true] .settings-switch{background:var(--good)}.settings-toggle[aria-pressed=true] .settings-switch span{transform:translate(16px)}.settings-accordion-head{text-align:left;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.settings-accordion-head:hover:not(:disabled){background:#ffffff0a}.settings-accordion-head>span:first-child{flex-direction:column;flex:1;gap:3px;display:flex}.settings-accordion-head strong{font-size:.94rem}.settings-accordion-head small{color:var(--muted);font-size:.78rem}.settings-chevron{color:var(--gold);font-size:1.15rem;transition:transform .14s;transform:rotate(-90deg)}.settings-accordion.open .settings-chevron{transform:rotate(0)}.settings-accordion-body{border-top:1px solid #6f8fa638;padding:0 13px 14px}.rulebook{color:var(--ink);font-size:.84rem;line-height:1.45}.rulebook-goal{border-left:3px solid var(--gold);background:#f2c14e14;margin:12px 0;padding:9px 10px}.rulebook section+section{margin-top:15px}.rulebook h3{color:var(--gold);margin:0 0 5px;font-size:.9rem}.rulebook p{margin:5px 0}.rulebook ol,.rulebook ul{margin:5px 0;padding-left:20px}.rulebook li+li{margin-top:5px}.rulebook-costs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0;display:grid}.rulebook-costs>div{background:#ffffff0b;border-radius:7px;padding:7px 8px}.rulebook-costs dt{font-weight:700}.rulebook-costs dd{color:var(--muted);margin:2px 0 0}.host-links .host-link-row{align-items:center;gap:10px;margin:6px 0;display:flex}.host-links .host-link-row .who{text-align:left;flex:1;font-weight:600}.host-links-hint{color:var(--muted);margin:10px 0 6px;font-size:.85rem}.lobby-code{text-align:center;color:var(--muted);margin:0}.lobby-code strong{color:var(--gold);letter-spacing:.08em}.lobby-slots{flex-direction:column;gap:8px;margin:6px 0;padding:0;list-style:none;display:flex}.lobby-slots li{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:8px 12px;display:flex}.lobby-slots .swatch{border:1px solid #ffffff4d;border-radius:5px;flex:none;width:16px;height:16px}.lobby-slots .lobby-name{flex:1;font-weight:600}.lobby-slots .you{color:var(--muted);font-weight:400}.lobby-slots .lobby-open{color:var(--muted);font-style:italic}.lobby-join{border:1px solid var(--panel-edge);background:#102031b8;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.lobby-join-heading h2{color:var(--gold);margin:0;font-size:1.05rem}.lobby-join-heading p{color:var(--muted);margin:4px 0 0;font-size:.86rem;line-height:1.35}.lobby-field{flex-direction:column;gap:5px;display:flex}.lobby-field>span,.color-fieldset legend{color:var(--ink);font-size:.82rem;font-weight:650}.color-fieldset{border:0;margin:0;padding:0}.color-fieldset legend{margin-bottom:7px;padding:0}.color-picker{justify-content:flex-start;gap:12px;display:flex}.color-dot{border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0}.color-dot.selected{border-color:var(--gold);box-shadow:0 0 0 2px #f2c14e59}.color-dot:disabled{opacity:.25}.lobby-join-actions{gap:8px;display:flex}.lobby-join-actions .btn-primary{flex:1}.lobby-wait{text-align:center;color:var(--muted)}.order-reveal{background:var(--panel);border:1px solid var(--panel-edge);z-index:25;text-align:center;border-radius:16px;width:min(92vw,420px);height:fit-content;max-height:80vh;margin:auto;padding:22px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 20px 60px #0009}.order-reveal h2{color:var(--gold);margin:0 0 12px}.order-reveal ul{flex-direction:column;gap:6px;margin:0 0 10px;padding:0;list-style:none;display:flex}.order-reveal li{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:10px;align-items:center;gap:10px;padding:7px 12px;animation:.4s ease-out both roll-in;display:flex}.order-reveal .swatch{border:1px solid #ffffff4d;border-radius:4px;flex:none;width:14px;height:14px}.order-reveal .who{text-align:left;flex:1;font-weight:600}.order-reveal .dice strong{color:var(--gold)}.order-reveal .tiebreak{color:var(--muted);margin:6px 0 4px;font-style:italic}.order-reveal .order-result{margin:12px 0;animation:.4s ease-out both roll-in}.order-reveal .order-result strong{color:var(--gold)}.order-reveal .order-sequence{color:var(--muted);margin-top:2px;font-size:.85rem;display:block}@keyframes roll-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.win-backdrop{z-index:30;background:#05080ca6;position:fixed;inset:0}.win-screen{background:var(--panel);border:1px solid var(--gold);z-index:31;text-align:center;border-radius:16px;width:min(94vw,520px);height:fit-content;max-height:88vh;margin:auto;padding:46px 20px 20px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 20px 60px #0009}.win-banners{pointer-events:none;justify-content:space-evenly;display:flex;position:absolute;top:0;left:14px;right:14px}.pennant{background:var(--banner,var(--gold));clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);border:1px solid #ffffff2e;border-top:none;width:26px;height:46px;animation:.5s ease-out both pennant-drop}.pennant:nth-child(2n){filter:brightness(.82);height:36px}@keyframes pennant-drop{0%{transform:translateY(-110%)}to{transform:translateY(0)}}.crown{filter:drop-shadow(0 2px 10px #f2c14e73);width:62px;margin:6px auto 0;animation:.6s ease-out both crown-rise;display:block}@keyframes crown-rise{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:none}}.win-screen h2{color:var(--gold);margin:8px 0 2px;font-size:1.55rem}.win-sub{color:var(--muted);margin:0 0 12px}.win-section-picker{text-align:left;margin:0 0 12px;position:relative}.win-section-picker__label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px 3px;font-size:.7rem;font-weight:800;display:block}.win-section-trigger{width:100%;color:var(--ink);text-align:left;background:linear-gradient(#33424ff5,#1a2734f5);border:1px solid #f2c14eb3;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex;box-shadow:inset 0 1px #ffffff12,0 4px 14px #00000040}.win-section-trigger>span:first-child,.win-section-menu button>span:first-child{flex-direction:column;gap:2px;display:flex}.win-section-trigger strong,.win-section-menu strong{font-size:.86rem}.win-section-trigger small,.win-section-menu small{color:var(--muted);font-size:.69rem;font-weight:500}.win-section-chevron{color:var(--gold);font-size:1.25rem;transition:transform .14s;transform:rotate(0)}.win-section-trigger[aria-expanded=true] .win-section-chevron{transform:rotate(180deg)}.win-section-menu{z-index:5;border:1px solid var(--gold);background:#172838;border-radius:12px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 14px 30px #0000008c}.win-section-menu button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.win-section-menu button:hover,.win-section-menu button[aria-selected=true]{background:#f2c14e1c}.win-section-menu button[aria-selected=true] strong,.win-section-check{color:var(--gold)}.win-section-check{font-size:1rem;font-weight:900}.standings{text-align:left;flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.standings li{background:var(--panel-2);border:1px solid var(--panel-edge);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.standings li.is-winner{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.standings .rank{color:var(--muted);text-align:center;min-width:1.1em;font-weight:700}.standings li.is-winner .rank{color:var(--gold)}.standings .swatch{border:1px solid #ffffff4d;border-radius:4px;flex:none;width:14px;height:14px}.standings .who{flex-direction:column;flex:1;min-width:0;display:flex}.standings .court-title{color:var(--muted);font-size:.82rem}.standings .tally{text-align:right;flex:none}.standings .vp{color:var(--gold);display:block}.standings .chips{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:7px;font-size:.74rem;display:flex}.win-dice-stats{border:1px solid var(--panel-edge);text-align:left;background:#ffffff09;border-radius:12px;margin:0 0 16px;padding:10px 12px 12px}.win-dice-stats__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.win-dice-stats__header h3{color:var(--gold);margin:0;font-size:.95rem}.win-dice-stats__header span{color:var(--muted);font-size:.78rem}.win-dice-stats__grid{grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;display:grid}.win-dice-stat{background:var(--panel-2);border:1px solid var(--panel-edge);text-align:center;border-radius:8px;min-width:0;padding:5px 3px;position:relative;overflow:hidden}.win-dice-stat:before{content:"";height:var(--fill,0%);pointer-events:none;background:linear-gradient(#f2c14e24 0%,#f2c14e6b 100%);position:absolute;bottom:0;left:0;right:0}.win-dice-stat>*{position:relative}.win-dice-stat strong{color:var(--ink);font-size:.78rem;display:block}.win-dice-stat span{color:var(--gold);font-size:.92rem;font-weight:800;display:block}.win-dice-stat small{color:var(--muted);font-size:.62rem}.win-resource-history{border:1px solid var(--panel-edge);text-align:left;background:#ffffff09;border-radius:12px;margin:0 0 16px;padding:10px 12px 9px}.win-resource-history__header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.win-resource-history__header h3{color:var(--gold);margin:0;font-size:.95rem}.win-resource-history__header span{color:var(--muted);text-align:right;font-size:.72rem}.win-resource-history>svg{width:100%;height:auto;display:block;overflow:visible}.resource-grid-line line{stroke:#ffffff17;stroke-width:1px}.resource-zero-line line{stroke:#f2c14e66;stroke-width:1.25px;stroke-dasharray:4 4}.resource-grid-line text,.resource-zero-line text,.resource-axis-label{fill:var(--muted);text-anchor:end;font-size:9px}.resource-axis{stroke:#ffffff38;stroke-width:1px}.resource-history-line{fill:none;stroke:var(--player-color);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 1px 1px #000000bf)}.resource-history-legend{flex-wrap:wrap;gap:6px 12px;margin:3px 0 0;padding:0;font-size:.72rem;list-style:none;display:flex}.resource-history-legend li{align-items:center;gap:5px;min-width:90px;display:flex}.resource-legend-line{flex:none;width:18px;height:8px;overflow:visible}.resource-history-legend strong{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto}.win-resource-history>p{color:var(--muted);margin:7px 0 0;font-size:.67rem}.win-other-stats{border:1px solid var(--panel-edge);text-align:left;background:#ffffff09;border-radius:12px;margin:0 0 16px;padding:10px 12px 12px}.win-other-stats__header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.win-other-stats__header h3{color:var(--gold);margin:0;font-size:.95rem}.win-other-stats__header span{color:var(--muted);font-size:.78rem}.win-other-stats__scroll{overflow-x:auto}.win-other-stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.75rem}.win-other-stats th,.win-other-stats td{border-bottom:1px solid var(--panel-edge);text-align:center;white-space:nowrap;padding:7px 8px}.win-other-stats thead th{color:var(--muted);font-size:.68rem}.win-other-stats th:first-child{z-index:1;background:var(--panel);text-align:left;position:sticky;left:0}.win-other-stats tbody th{color:var(--ink);align-items:center;gap:6px;display:flex}.win-other-stats .swatch{border-radius:3px;flex:none;width:10px;height:10px}.win-other-stats tbody tr:last-child th,.win-other-stats tbody tr:last-child td{border-bottom:0}.win-actions{justify-content:center;gap:10px;display:flex}.results-pill{z-index:30;border-color:var(--gold);color:var(--gold);border-radius:999px;position:fixed;bottom:14px;right:14px}.toast{color:#fff;z-index:30;background:#7a2d2d;border:1px solid #a84545;border-radius:10px;padding:10px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.seat-links{gap:.5rem;padding:0;list-style:none;display:grid}.seat-links li{align-items:center;gap:.5rem;display:flex}.seat-links input{background:var(--panel-2);border:1px solid var(--panel-edge);color:var(--ink);border-radius:6px;flex:1;padding:5px 7px;font-family:ui-monospace,monospace}.waiting-banner{background:var(--panel);border:1px solid var(--panel-edge);color:var(--muted);border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:.6rem 1rem;font-size:1.02rem;display:flex}.waiting-banner strong{color:var(--gold)}@media (width>=900px){.game-view{grid-template:"opponents opponents""board sheet"minmax(0,1fr)/1fr 320px;align-items:stretch;display:grid}.top-hud{grid-area:opponents}.board-zone{grid-area:board}.bottom-sheet{border-radius:14px;flex-direction:column;grid-area:sheet;min-height:0;display:flex}.sheet-panel{min-height:0;box-shadow:none;z-index:auto;border:none;border-radius:0;flex:1 1 0;margin-bottom:0;padding:0;position:static;height:auto!important}.sheet-toggle,.sheet-grip,.sheet-peek{display:none}.sheet-bar{border-bottom:1px solid var(--panel-edge);margin-bottom:8px}}.build-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.build-controls .build-prompt{color:var(--gold);font-weight:700}