: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}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:100vh;margin:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;position:fixed;inset:0}input,textarea{-webkit-user-select:text;user-select:text}main{height:100dvh;height:min(var(--app-height,100dvh), 100dvh);padding:max(4px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom));overflow-y:auto}*{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:100vh}.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}.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}.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}.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{animation:none}}.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{flex-direction:column;gap:8px;display:flex}.color-picker{justify-content:center;gap:10px;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-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-tabs{border:1px solid var(--panel-edge);background:#ffffff09;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:4px;display:grid}.win-tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:7px 12px;font-weight:800}.win-tabs button[aria-selected=true]{background:var(--gold);color:#1c1305;box-shadow:0 2px 10px #f2c14e40}.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-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}