:root{color-scheme:light;--bg: #efe4d1;--panel: rgba(255, 250, 242, .9);--panel-strong: #fffaf0;--panel-dark: rgba(63, 47, 35, .92);--stroke: rgba(93, 68, 42, .16);--text: #2b1f17;--muted: #72624f;--accent: #b85c38;--accent-dark: #8f3f21;--accent-soft: rgba(184, 92, 56, .14);--gold: #d29a2f;--shadow: 0 18px 42px rgba(92, 65, 37, .14);--shadow-soft: 0 12px 24px rgba(75, 51, 28, .08);--radius-xl: 30px;--radius-lg: 20px;--radius-md: 14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(214,154,47,.22),transparent 28%),radial-gradient(circle at bottom right,rgba(184,92,56,.16),transparent 25%),linear-gradient(180deg,#f7f0e3,#eadcc5)}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-fab:focus-visible,.invite-fab:focus-visible{outline-color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}.landing-shell,.room-shell{min-height:100vh;padding:24px}.landing-shell{display:grid;place-items:center}.table-shell{display:grid;gap:18px}.flight-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.flight-card{position:fixed;display:grid;place-items:center;padding:12px;border-radius:18px;background:linear-gradient(145deg,#fffaf1fa,#f1e1c7f2);border:1px solid rgba(93,68,42,.16);box-shadow:0 18px 34px #3f2a1538;font-weight:800;color:var(--accent-dark);transform-origin:center center;transition:transform .76s cubic-bezier(.18,.86,.2,1),opacity .76s ease;opacity:.72}.flight-draw{background:linear-gradient(145deg,#fff8ebfa,#eddfbff5)}.flight-play{background:linear-gradient(145deg,#ffefe7fa,#efd1bff5)}.flight-active{opacity:1}.hero-card,.panel{background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{width:min(760px,100%);padding:40px;border-radius:36px}.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--accent-dark)}h1,h2,h3{margin:0;font-family:Fraunces,serif}h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:.95}h2{font-size:clamp(1.35rem,2.3vw,1.85rem)}h3{font-size:1.12rem}.hero-copy,.muted-text,.log-list p,.winner-panel p,.waiting-panel p,.board-label{color:var(--muted)}.hero-copy{max-width:52ch;margin:18px 0 26px;font-size:1.02rem;line-height:1.6}.field{display:grid;gap:8px;margin-bottom:18px}.field span{font-weight:700}.option-card-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option-card{display:grid;gap:6px;text-align:left;padding:16px 18px;border-radius:18px;border:1px solid rgba(87,63,34,.14);background:#fff8ecd1;color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.option-card strong{font-size:1rem}.option-card span{font-weight:500;color:var(--muted);line-height:1.45}.option-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.option-card-active{border-color:#b85c386b;background:#b85c381f;box-shadow:0 12px 26px #b85c3824}input,select{width:100%;border:1px solid rgba(87,63,34,.18);border-radius:14px;background:#ffffffd1;padding:14px 16px}.hero-actions,.join-inline,.status-badges,.section-head,.action-grid,.resources-grid,.mini-stats,.hero-chip-group,.dice-hud{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.ghost-button,.ghost-link{border:none;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.primary-button{background:linear-gradient(135deg,var(--accent),#d3764e);color:#fff7ef;box-shadow:0 12px 28px #b85c3847}.secondary-tone{background:linear-gradient(135deg,#395f42,#50815c)}.ghost-button,.ghost-link{background:#fff8eceb;color:var(--text);border:1px solid rgba(87,63,34,.12);align-items:center;justify-content:space-between;gap:8px}.ghost-button{display:flex}.ghost-link{display:inline-flex;margin-top:10px}.build-cost{font-size:.82rem;opacity:.7;white-space:nowrap}.button-active{background:#b85c3824;border-color:#b85c3866}.primary-button:hover,.ghost-button:hover,.ghost-link:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.stack-pill:disabled{cursor:not-allowed;opacity:.55;transform:none}.trade-confirmed,.trade-confirmed:disabled{color:#4caf50!important;border-color:#4caf50!important;opacity:1!important}.error-text{color:#a12f2f}.error-toast-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;background:#7a1a1a;color:#ffe4e4;padding:12px 24px;border-radius:999px;font-weight:700;font-size:.9rem;max-width:calc(100vw - 40px);text-align:center;pointer-events:none;box-shadow:0 4px 16px #0006;border:1px solid rgba(255,120,120,.25);animation:error-toast-in .22s ease}@keyframes error-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.section-panel,.resources-panel,.actions-panel,.log-panel,.winner-panel,.waiting-panel,.control-panel,.hand-panel,.info-panel,.board-panel{border-radius:var(--radius-xl);padding:22px}.event-chip{background:#d29a2f29}.dice-summary-dock{position:fixed;right:24px;bottom:24px;z-index:22;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(93,68,42,.16);background:#fffaf2f5;box-shadow:var(--shadow-soft);color:var(--text);cursor:grab;-webkit-user-select:none;user-select:none}.dice-summary-dock:active{cursor:grabbing}.dice-summary-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#5d442a14;font-weight:700}.dice-summary-pip-chip,.dice-summary-event-chip{padding:4px;background:transparent}.dice-summary-event-chip{gap:6px}.dice-summary-event{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dice-summary-open{color:var(--accent-dark);font-weight:800}.dice-result-popup{display:grid;gap:18px;min-width:min(560px,92vw)}.event-dice-info{font-size:.82rem;color:var(--muted);text-align:left}.event-dice-info summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;font-weight:600}.event-dice-info summary::-webkit-details-marker{display:none}.event-dice-info ul{margin:6px 0 0;padding:0;list-style:none;line-height:1.8}.roll-summary{margin:0;font-weight:700;color:#fff0cf}.activity-toast{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:10px 14px;border-radius:999px;background:#fff6e61f;border:1px solid rgba(255,236,209,.16);font-weight:700;animation:toast-pop .22s ease}.activity-resource{color:#ffe6bd}.activity-draw{color:#fff0cf}.activity-phase{color:#ffe8d6}.dice-hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.die-card{display:grid;gap:6px;padding:16px 18px;border-radius:20px;background:#fff4e61a;border:1px solid rgba(255,236,209,.15);position:relative;overflow:hidden}.production-die-card:before,.event-card-banner:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(255,248,228,.35),transparent 58%);opacity:0;transform:scale(.6)}.die-card-rolling{animation:die-bounce .24s ease-in-out infinite alternate}.die-card-rolling:before{animation:die-glow .24s ease-in-out infinite alternate}.dice-hud-rolling .event-card-banner{animation-delay:.1s}.die-label{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.die-card strong{font-size:1.3rem}.die-value-stack{display:inline-flex;align-items:center;gap:10px}.event-card-banner strong{text-transform:capitalize}.build-chip{background:#d29a2f38}.status-badge,.mini-stat{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff8ecc7;border:1px solid rgba(87,63,34,.12);color:var(--muted)}.mini-stat.strong,.status-current-turn{color:var(--accent-dark);border-color:#b85c3840;background:#b85c381a}.vp-pill-button{cursor:pointer;font:inherit;letter-spacing:inherit;transition:filter .15s ease,transform .1s ease}.vp-pill-button:hover{filter:brightness(1.15);transform:scale(1.04)}.vp-pill-button:active{transform:scale(.97)}.status-badge.online{color:#2b6a41}.status-badge.offline{color:#9d4330}.table-layout{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr) minmax(290px,340px);gap:18px;align-items:start}.left-rail,.right-rail,.table-center{display:grid;gap:18px}.table-center{overflow-x:auto;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.compact-heading{margin-bottom:16px}.board-panel{background:linear-gradient(180deg,#fffcf7f2,#f8efe0f2)}.board-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.setting-toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,248,236,.35);background:#fff8ec14;color:#fff4e6;cursor:pointer;font-weight:700}.setting-toggle input{width:18px;height:18px;margin:0;accent-color:var(--gold)}.setting-toggle-active{border-color:#d29a2f8c;background:#d29a2f29}.settings-fab-wrapper{position:fixed;top:16px;right:16px;z-index:100;display:flex;align-items:center;gap:8px}.invite-fab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(93,68,42,.4);background:#221912d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff4e6;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:background .15s}.invite-fab:hover{background:#221912f2}.invite-fab:active{transform:scale(.96)}.settings-fab{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#221912d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff4e6;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:background .15s}.settings-fab:hover{background:#221912f2}.settings-dropdown{position:absolute;top:48px;right:0;background:#221912f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;box-shadow:0 4px 20px #0006;white-space:nowrap}.settings-info{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.settings-info .eyebrow{margin:0 0 6px;font-size:.7rem;opacity:.7}.event-dice-list{margin:0;padding:0;list-style:none;font-size:.8rem;color:#fff4e6cc;line-height:1.6}.update-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#221912f0;border:1px solid rgba(255,248,236,.14);color:#fff4e6}.update-banner .eyebrow,.update-banner strong{color:inherit}.board-label{margin:0 0 10px;font-size:.9rem}.board-wrap{overflow-x:auto;padding-bottom:4px}.principality-board{display:grid;gap:6px;min-width:min-content}.board-slot{min-height:110px;border-radius:var(--radius-md)}.region-slot{min-width:80px}.region-slot[data-region-highlighted=true]{outline:3px solid rgba(210,154,47,.55);outline-offset:3px;box-shadow:0 0 0 8px #d29a2f1f}.settlement-slot{min-width:80px}.road-slot{min-width:48px}.improvement-group{display:flex;gap:4px;min-width:80px}.improvement-slot{flex:1 1 0;min-width:36px;min-height:72px;border-radius:var(--radius-md)}.expansion-slot{min-width:80px}.expansion-marker{display:grid;place-items:center;font-weight:700;font-size:.82rem;color:var(--muted)}.slot-buildable{outline:3px solid rgba(210,154,47,.6);outline-offset:2px;cursor:pointer}.slot-buildable:hover{outline-color:var(--gold)}.region-empty{border-style:dashed;opacity:.4}.imp-empty{min-height:72px;border-style:dashed;opacity:.3}.slot-placeable .imp-available{opacity:1;border-color:var(--gold);background:#d29a2f1a;font-size:.7rem;color:var(--gold);display:flex;align-items:center;justify-content:center}.road-empty .empty-slot{min-height:56px;opacity:.3}.card,.empty-slot{width:100%;height:100%;min-height:110px;border-radius:var(--radius-md)}.improvement-slot .card,.improvement-slot .empty-slot{min-height:72px;font-size:.78rem}.road-slot .card,.road-slot .empty-slot{min-height:56px;font-size:.78rem}.region-slot .card{min-height:110px}.region-slot .region-card-overlay{inset:6px 6px auto}.region-slot .region-corner-badge{min-width:24px;height:24px;padding:0 6px}.region-slot .region-resource-badge{font-size:.9rem}.region-slot .region-pip-badge{padding:0}.card-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:linear-gradient(transparent,#000000b3);font-size:.65rem;font-weight:600;color:#fff;text-align:center;pointer-events:none;z-index:2;line-height:1.2}.region-card-overlay{position:absolute;inset:8px 8px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.region-corner-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 18px #1c120947;font-weight:800;line-height:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.region-resource-badge{font-size:1rem;color:#fff8ef}.region-pip-badge{background:none;color:#3a2a18;padding:0;border:none;border-radius:0;box-shadow:none;min-width:0;height:auto}.region-pip-badge .dice-face{display:block}.region-resource-brick{background:#7d412ad6}.region-resource-lumber{background:#1d4628d6}.region-resource-wool{background:#4d7c4dd6}.region-resource-grain{background:#aa7d1fd6}.region-resource-ore{background:#464e5cd6}.region-resource-gold{background:#9c6c0fe0}.board{display:grid;gap:10px}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#fff8f0;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff1f,var(--shadow-soft);overflow:hidden;cursor:pointer}.card:disabled,.card-disabled:not(.card-flip-inner){cursor:not-allowed;opacity:.52;filter:saturate(.72)}.card-flip-inner.card-disabled{cursor:not-allowed}.card-flip-inner.card-disabled .card-flip-front,.card-flip-inner.card-disabled .card-flip-back{opacity:.52;filter:saturate(.72)}.card-animate-in{animation:card-enter .7s cubic-bezier(.18,.86,.2,1);transform-origin:center bottom}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%,rgba(0,0,0,.18));pointer-events:none}.card-face{display:flex;flex:1;flex-direction:column;justify-content:space-between}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-face svg,.card-image svg{display:block}.card-region{background:linear-gradient(150deg,#50815c,#355741)}.card-road{background:linear-gradient(150deg,#8f5a2d,#6d411e)}.card-settlement,.card-city{background:linear-gradient(150deg,#6e4a72,#4f3355)}.card-knight,.card-fleet,.card-building,.card-event,.card-action{background:linear-gradient(150deg,#b85c38,#7f351b)}.card-yellow{background:linear-gradient(150deg,#c8922a,#8f6318)}.card-red{background:linear-gradient(150deg,#b04040,#7a2424)}.card-green{background:linear-gradient(150deg,#4e8c3a,#2d5220)}.empty-slot{border:1px dashed rgba(87,63,34,.22);background:#fff9ef7a}.resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.resource-panel-spotlight .resources-panel{animation:panel-flash 1s ease}.resource-pill{display:flex;justify-content:space-between;align-items:center;border-radius:14px;padding:10px 12px;background:#fff8eceb;border:1px solid rgba(87,63,34,.08)}.resource-pill-label{display:inline-flex;align-items:center;gap:8px}.resource-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#ffffff6b;font-size:.95rem;line-height:1}.resource-brick{background:#d08b5426}.resource-lumber{background:#5e936426}.resource-wool{background:#7cb97c29}.resource-grain{background:#d8b24d2e}.resource-ore{background:#7d859429}.resource-gold{background:#dbb33f33}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid-strong{margin-bottom:16px;grid-template-columns:1fr}.trade-controls,.stack-list,.hand-list,.log-list{display:grid;gap:10px}.trade-collapsible{border:1px solid rgba(87,63,34,.12);border-radius:16px;padding:14px 16px;background:#fff8ec99;margin-top:10px}.trade-collapsible[open]>.trade-summary{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(87,63,34,.08)}.trade-summary{cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;font-weight:700;display:flex;align-items:center;justify-content:space-between}.trade-summary::-webkit-details-marker{display:none}.trade-summary:after{content:"▸";font-size:.85em;opacity:.5;transition:transform .15s ease}.trade-collapsible[open]>.trade-summary:after{transform:rotate(90deg)}.manual-dice-panel,.manual-dice-grid{display:grid;gap:10px}.manual-dice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-bank-list{display:grid;gap:10px}.setup-bank-list-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-bank-card{width:100%}.region-setup-drop{min-height:110px;display:grid;place-items:center;text-align:center;border-style:dashed}.betaald-zoeken-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.paid-search-payment{display:grid;gap:10px;margin-bottom:12px}.paid-search-region-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.paid-search-region-pill{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;border:1px solid rgba(87,63,34,.1);background:#fff8eceb;color:var(--text);text-align:left;cursor:pointer}.paid-search-region-pill-active{border-color:#b85c386b;background:#b85c381f;box-shadow:0 10px 22px #b85c3824}.paid-search-region-pill:disabled{opacity:.55;cursor:not-allowed}.player-trade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.player-trade-col-header{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 2px 2px}.player-trade-grid input[type=number]{width:100%;padding:4px;text-align:center}.trade-proposal-panel{padding:10px 12px;margin-top:8px;background:#d29a2f1a;border:1px solid rgba(210,154,47,.3);border-radius:12px;display:grid;gap:6px}.choice-required-panel{background:#b85c381f;border-color:#b85c3873;box-shadow:0 0 0 3px #b85c381a}.choice-section{display:grid;gap:10px;margin-top:8px}.hand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,168px));gap:10px;justify-content:center;align-items:start}.choice-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.draft-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,168px));gap:10px;justify-content:center;align-items:start}.selectable-card{border-radius:18px;transition:transform .15s ease,box-shadow .15s ease,outline-color .15s ease}.selectable-card-active{outline:3px solid rgba(184,92,56,.58);outline-offset:2px;box-shadow:0 16px 28px #b85c382e}.stack-pill{display:flex;justify-content:space-between;align-items:center;border-radius:16px;padding:12px 14px;background:#fff8eceb;border:1px solid rgba(87,63,34,.1);cursor:pointer;text-align:left}.hand-list-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.hand-list-exchange{grid-template-columns:1fr}.hand-card{min-height:168px}.draft-choice-card{width:168px;height:168px;min-height:168px;max-height:168px;justify-self:center;align-self:start}.draft-choice-card.card-flip-container{width:168px;height:168px;min-height:168px;max-height:168px}.draft-choice-card .card-flip-inner{height:168px;min-height:168px;max-height:168px}.choice-preview-card{width:100%;max-width:168px;aspect-ratio:1;height:auto;min-height:unset;max-height:unset;justify-self:stretch;align-self:start}.choice-preview-card.card-flip-container{width:100%;max-width:168px;aspect-ratio:1;height:auto;min-height:unset;max-height:unset}.choice-preview-card .card-flip-inner{height:100%;min-height:unset;max-height:unset}.hand-card.choice-preview-card.card-flip-container{width:100%;max-width:168px;aspect-ratio:1;height:auto;min-height:unset;max-height:unset}.hand-card.choice-preview-card .card-flip-inner{height:100%;min-height:unset;max-height:unset}.hand-card.card-flip-container{width:100%;min-height:168px}.hand-card .card-flip-inner{min-height:168px}.draw-banner{margin:0 0 12px;padding:10px 12px;border-radius:14px;background:#d29a2f2e;color:var(--accent-dark);font-weight:700}.log-list-rich{max-height:420px;overflow:auto;padding-right:6px;display:flex;flex-direction:column}.log-list-rich p{margin:0;padding:12px 14px;border-radius:14px;background:#fff8ecc2;border:1px solid rgba(87,63,34,.08)}.log-turn-group{display:grid;gap:8px}.log-turn-heading{position:sticky;top:0;z-index:1;padding:8px 10px;border-radius:12px;background:#5d442a1a;color:var(--accent-dark);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.log-entry-new{animation:log-flash 1.8s ease-out}@keyframes log-flash{0%{background:#d29a2f73}to{background:#fff8ecc2}}.board-empty-panel{min-height:220px;display:grid;align-content:center}.compact-field{max-width:320px}@media(max-width:1240px){.table-layout{grid-template-columns:1fr}.left-rail,.right-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.topbar-rich,.board-panel-head{align-items:flex-start;flex-direction:column}.topbar-right,.topbar-actions,.update-banner{width:100%;justify-content:flex-start}.left-rail,.right-rail,.hand-list-rich,.dice-hud{grid-template-columns:1fr}.dice-summary-dock{left:16px;right:16px;bottom:16px;width:auto;justify-content:center;flex-wrap:wrap}}@media(max-width:720px){.landing-shell,.room-shell{padding:16px}.hero-card,.topbar,.section-panel,.resources-panel,.actions-panel,.log-panel,.winner-panel,.waiting-panel,.control-panel,.hand-panel,.info-panel,.board-panel{padding:18px;border-radius:22px}.action-grid,.resources-grid,.option-card-row,.manual-dice-grid,.choice-card-grid,.paid-search-region-list,.setup-bank-list-inline{grid-template-columns:1fr}.trade-proposal-panel{gap:10px;padding:14px;border-radius:18px}.stack-list,.hand-grid,.draft-choice-grid{grid-template-columns:1fr}.draft-choice-card,.choice-preview-card,.draft-choice-card.card-flip-container,.choice-preview-card.card-flip-container,.hand-card.choice-preview-card.card-flip-container{width:100%;max-width:320px}.update-banner{left:16px;right:16px;bottom:16px;flex-direction:column;align-items:stretch}.topbar-actions{flex-direction:column;align-items:stretch}.setting-toggle{justify-content:center}.region-slot,.settlement-slot{min-width:60px}.road-slot{min-width:36px}.improvement-group{min-width:60px}.board-slot{min-height:88px}.region-setup-drop{min-height:88px;font-size:.72rem}.board-wrap:after{content:"";display:block;height:1px}.paid-search-steps{flex-direction:column;align-items:flex-start;gap:4px}.paid-search-step-arrow{display:none}.dice-summary-dock{left:16px;right:16px;bottom:76px;width:auto;justify-content:center;flex-wrap:wrap}.update-banner{bottom:76px}.room-shell.table-shell{height:100dvh;min-height:100dvh;overflow:hidden;padding:0;display:flex;flex-direction:column}.table-layout{flex:1;min-height:0;overflow:hidden;display:block;position:relative}.left-rail,.table-center,.right-rail{display:none}.left-rail.mobile-active,.table-center.mobile-active,.right-rail.mobile-active{display:block;position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 88px}.right-rail.mobile-tab-hand .info-panel,.right-rail.mobile-tab-log .hand-panel{display:none}}@keyframes die-bounce{0%{transform:translateY(0) rotate(-2deg) scale(1)}to{transform:translateY(-6px) rotate(2deg) scale(1.03)}}@keyframes die-glow{0%{opacity:.15;transform:scale(.7) rotate(0)}to{opacity:.8;transform:scale(1) rotate(10deg)}}@keyframes panel-flash{0%{box-shadow:0 0 #d29a2f8c}to{box-shadow:0 0 0 18px #d29a2f00}}@keyframes card-enter{0%{opacity:0;transform:translateY(26px) scale(.84) rotate(-6deg);filter:saturate(.6) brightness(1.15)}45%{opacity:1;transform:translateY(-10px) scale(1.04) rotate(2deg);filter:saturate(1.1) brightness(1.04)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:saturate(1) brightness(1)}}@keyframes toast-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card-flip-container{perspective:600px;display:block;width:100%;height:100%}.card-flip-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;cursor:pointer;border:none;background:none;padding:0}.card-flip-container:hover .card-flip-inner{transform:rotateY(180deg)}.card-flip-front,.card-flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);overflow:hidden}.card-flip-front{z-index:2}.card-flip-back{transform:rotateY(180deg);z-index:1}.card-back-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;height:100%;text-align:center}.card-back-name{font-weight:700;font-size:.75rem;line-height:1.2}.card-back-desc{font-size:.6rem;opacity:.85;margin:0;line-height:1.2}.card-back-cost{display:flex;flex-direction:column;gap:1px}.card-back-cost-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-weight:600}.card-back-cost-item{font-size:.65rem;font-weight:500}.card-back-vp{font-size:.7rem;font-weight:700;margin-top:2px}@keyframes card-place-burst{0%{transform:scale(1.3);opacity:.6;filter:brightness(1.6)}50%{transform:scale(1.05);opacity:1;filter:brightness(1.2)}to{transform:scale(1);opacity:1;filter:brightness(1)}}.card-just-placed{animation:card-place-burst .5s ease-out}@keyframes turn-flash{0%{background-color:#d29a2f26}to{background-color:transparent}}@keyframes resource-shimmer{0%{box-shadow:0 0 #ffd70080}50%{box-shadow:0 0 12px 4px #ffd7004d}to{box-shadow:0 0 #ffd70000}}.resource-gained{animation:resource-shimmer .8s ease-out}.dice-roll-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#140e088c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-fade-in .2s ease-out;pointer-events:none}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.dice-roll-pair{display:flex;gap:32px;align-items:center}.dice-roll-die{display:flex;flex-direction:column;align-items:center;gap:8px}.dice-roll-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#fff8e6b3;font-weight:600}.dice-roll-meaning{font-size:.95rem;color:#fff2df;text-transform:capitalize}.dice-rolling-face{animation:dice-tumble .15s ease-in-out infinite alternate}@keyframes dice-tumble{0%{transform:rotate(-8deg) scale(1)}to{transform:rotate(8deg) scale(1.06)}}.event-die-face{display:block}.die-value-row{display:flex;align-items:center;gap:8px}.action-card-overlay{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:#140e08b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:action-overlay-in .3s cubic-bezier(.18,.86,.2,1);cursor:pointer}@keyframes action-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.action-card-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:12px;animation:action-card-slam .5s cubic-bezier(.18,.86,.2,1)}@keyframes action-card-slam{0%{opacity:0;transform:scale(2.5) rotate(-5deg);filter:brightness(2)}40%{opacity:1;transform:scale(.95) rotate(1deg);filter:brightness(1.3)}60%{transform:scale(1.05) rotate(-.5deg);filter:brightness(1)}to{transform:scale(1) rotate(0);filter:brightness(1)}}.action-card-overlay-who{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:#fff8e6b3;font-weight:600;margin:0}.action-card-overlay-card{width:160px;height:220px}.action-target-overlay-inner{width:min(520px,calc(100vw - 32px));padding:20px;border-radius:22px;background:#22170ef0;border:1px solid rgba(255,248,230,.12)}.action-target-list{width:100%;display:grid;gap:10px}.action-card-overlay-card .card{width:100%;height:100%;min-height:unset;box-shadow:0 0 60px #ffb4504d,0 24px 48px #0006}.action-card-overlay-name{font-size:1.4rem;font-weight:800;color:#fff8f0;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.5)}.action-card-overlay-desc{font-size:.9rem;color:#fff8e6cc;margin:0;max-width:320px;text-align:center;line-height:1.4}@keyframes hand-card-slide-in{0%{opacity:0;transform:translateY(40px) scale(.8) rotate(-3deg);filter:brightness(1.5)}50%{opacity:1;transform:translateY(-4px) scale(1.04) rotate(.5deg);filter:brightness(1.15)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:brightness(1)}}.hand-card-enter{animation:hand-card-slide-in .6s cubic-bezier(.18,.86,.2,1)}.hand-card-scout-hint{animation:scout-hint-flash 2.2s cubic-bezier(.4,0,.6,1);position:relative;z-index:1}@keyframes scout-hint-flash{0%{outline:3px solid transparent;outline-offset:2px;box-shadow:none}12%{outline:3px solid rgba(210,154,47,.9);outline-offset:3px;box-shadow:0 0 0 8px #d29a2f40,0 0 20px #d29a2f66}30%{outline:3px solid rgba(210,154,47,.5);outline-offset:2px;box-shadow:0 0 0 4px #d29a2f1a}50%{outline:3px solid rgba(210,154,47,.9);outline-offset:3px;box-shadow:0 0 0 8px #d29a2f40,0 0 20px #d29a2f66}70%{outline:3px solid rgba(210,154,47,.5);outline-offset:2px;box-shadow:0 0 0 4px #d29a2f1a}88%{outline:3px solid rgba(210,154,47,.9);outline-offset:3px;box-shadow:0 0 0 8px #d29a2f40,0 0 20px #d29a2f66}to{outline:3px solid transparent;outline-offset:2px;box-shadow:none}}.token-strength{color:#7a2a2a;border-color:#7a2a2a4d;background:#7a2a2a1a;font-weight:700}.token-trade{color:#7a5a10;border-color:#d29a2f66;background:#d29a2f24;font-weight:700}.opponent-thinking{display:flex;align-items:center;gap:8px}.opponent-thinking-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:thinking-pulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes thinking-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.setup-card-selected{outline:3px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 8px #d29a2f2e}.setup-tap-hint{text-align:center;font-weight:600;padding:8px 10px;border-radius:12px;background:#d29a2f1f;border:1px solid rgba(210,154,47,.3);color:var(--accent-dark)}.paid-search-steps{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.78rem;margin-bottom:10px}.paid-search-step{padding:4px 10px;border-radius:999px;border:1px solid rgba(87,63,34,.14);background:#fff8ecb3;color:var(--muted);font-weight:600}.paid-search-step-active{border-color:#b85c386b;background:#b85c381a;color:var(--accent-dark)}.paid-search-step-done{border-color:#38823859;background:#3882381a;color:#2b6a41}.paid-search-step-arrow{color:var(--muted);font-size:.9rem}.game-over-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:game-over-in .6s cubic-bezier(.18,.86,.2,1)}.game-over-overlay.game-over-win{background:#0a1e0ad9}.game-over-overlay.game-over-lose{background:#1e0a0ad9}@keyframes game-over-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.game-over-inner{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:game-over-card-in .6s cubic-bezier(.18,.86,.2,1);padding:48px 64px;border-radius:var(--radius-xl)}.game-over-win .game-over-inner{background:#1e501e99;border:1px solid rgba(80,180,80,.3)}.game-over-lose .game-over-inner{background:#50141499;border:1px solid rgba(180,60,60,.3)}@keyframes game-over-card-in{0%{opacity:0;transform:scale(.8) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.game-over-eyebrow{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.game-over-headline{font-size:3rem;font-weight:800;line-height:1}.game-over-win .game-over-headline{color:#8fd88f}.game-over-lose .game-over-headline{color:#d88f8f}.game-over-sub{color:var(--muted);font-size:1rem;margin-top:4px}.vp-breakdown-inner{padding:28px 32px;border-radius:22px;background:#22170ef5;border:1px solid rgba(255,248,230,.14);box-shadow:0 24px 64px #0009;min-width:280px;max-width:min(680px,calc(100vw - 32px));width:max-content}.vp-breakdown-columns{display:flex;gap:36px;align-items:flex-start;margin-top:16px}.vp-breakdown-col{flex:1;min-width:180px}.vp-breakdown-col-title{font-weight:700;font-size:.95rem;color:#ffd699f2;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,248,230,.12)}.vp-breakdown-table{width:100%;border-collapse:collapse;font-size:.88rem}.vp-breakdown-table td{padding:5px 0;border-bottom:1px solid rgba(255,248,230,.07);color:#fff8e6a6}.vp-breakdown-table td:first-child{padding-right:28px}.vp-breakdown-score{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:#fff8e6eb!important}.vp-breakdown-total-row td{padding-top:10px;border-bottom:none!important;font-weight:700;font-size:1rem;color:#fff8f0!important}.leave-confirm-overlay{cursor:default}.leave-confirm-dialog{background:var(--panel-strong);border-radius:16px;padding:24px 24px 20px;max-width:320px;width:calc(100% - 40px);display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 48px #2b1f173d;animation:action-card-slam .35s cubic-bezier(.18,.86,.2,1)}.leave-confirm-title{font-size:1.1rem;font-weight:800;color:var(--text);margin:0}.leave-confirm-body{font-size:.9rem;color:var(--muted);margin:0;line-height:1.5}.leave-confirm-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.leave-confirm-actions .primary-button{width:100%}.leave-confirm-leave-btn{width:100%;padding:10px 16px;border-radius:8px;border:1px solid var(--stroke);background:transparent;color:var(--muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.leave-confirm-leave-btn:hover{background:#5d442a14;color:var(--text)}.mobile-tab-bar{flex-shrink:0;display:flex;align-items:stretch;height:60px;background:var(--panel-strong);border-top:1px solid var(--stroke);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-tab-btn{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.01em;color:var(--muted);transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent;padding:0;gap:0}.mobile-tab-btn-active{color:var(--accent-dark);background:var(--accent-soft)}.mobile-tab-badge{position:absolute;top:8px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--panel-strong)}.hero-ref-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:4px}.hero-ref-link{font-size:.82rem;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--stroke);padding-bottom:1px;transition:color .15s,border-color .15s}.hero-ref-link:hover{color:var(--accent);border-color:var(--accent)}.settings-ref-links{display:flex;gap:6px;margin-top:6px}.settings-ref-link{flex:1;text-align:center;text-decoration:none;font-size:.8rem}.ref-page-shell{min-height:100vh;padding:32px 20px 64px;display:flex;justify-content:center}.ref-page-inner{width:100%;max-width:780px;display:flex;flex-direction:column;gap:28px}.ref-page-nav{display:flex;gap:10px;align-items:center}.ref-back-btn{margin-right:auto}.ref-page-header{padding:4px 0}.ref-page-header h1{font-size:clamp(1.4rem,4vw,2rem);font-weight:800;margin:4px 0 0;color:var(--text);line-height:1.2}.ref-header-sub{color:var(--muted);font-size:.95rem;margin:6px 0 0}.ref-toc{padding:20px 24px}.ref-toc-list{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.ref-toc-list a{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s}.ref-toc-list a:hover{opacity:.75}.ref-section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:24px}.ref-section h2{font-size:1.35rem;font-weight:800;margin:0;padding-bottom:10px;border-bottom:2px solid var(--stroke);color:var(--text)}.ref-section h3{font-size:1.05rem;font-weight:700;margin:8px 0 0;color:var(--text)}.ref-section h4{font-size:.95rem;font-weight:700;margin:6px 0 0;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}.ref-section p{margin:0;color:var(--text);font-size:.92rem;line-height:1.65}.ref-list{margin:4px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:.91rem;line-height:1.65;color:var(--text)}.ref-list-alpha{list-style-type:lower-alpha;padding-left:20px;margin-top:6px}.ref-bullet-list{list-style-type:disc}.ref-note{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:10px 14px;font-size:.88rem!important;color:var(--accent-dark)!important}.ref-events{display:flex;flex-direction:column;gap:10px}.ref-event-card{display:flex;gap:14px;align-items:flex-start;background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:14px 16px}.ref-event-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.ref-event-card strong{display:block;font-size:.95rem;font-weight:700;margin-bottom:4px}.ref-event-card p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.55}.ref-subsections{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ref-subsection{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:16px}.ref-subsection h3{margin:0 0 8px;font-size:.92rem}.ref-subsection p{font-size:.87rem;color:var(--muted);line-height:1.55}.ref-build-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.ref-build-rule{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:14px 16px}.ref-build-rule strong{display:block;font-size:.9rem;font-weight:700;margin-bottom:6px}.ref-build-rule p{font-size:.85rem;color:var(--muted);line-height:1.55;margin:0}.ref-page-footer-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--stroke);margin-top:8px}.ref-tabs{display:flex;gap:6px;flex-wrap:wrap}.ref-tab{padding:7px 14px;border-radius:20px;border:1.5px solid var(--stroke);background:var(--panel);cursor:pointer;font-size:.82rem;font-weight:700;color:var(--muted);transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.ref-tab:hover{color:var(--text);border-color:#5d442a59}.ref-tab-active{color:var(--panel-strong)!important;border-color:transparent!important}.ref-tab-yellow.ref-tab-active{background:#c8972a}.ref-tab-red.ref-tab-active{background:#b04040}.ref-tab-green.ref-tab-active{background:#4e8c3a}.ref-tab-neutral.ref-tab-active{background:var(--accent)}.ref-tab-event.ref-tab-active{background:#6a5cc8}.ref-card-panel{padding:22px 24px;display:flex;flex-direction:column;gap:18px}.ref-category-intro{color:var(--muted);font-size:.9rem;line-height:1.6;border-left:3px solid var(--stroke);padding-left:14px;margin:0}.ref-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.ref-card{background:var(--panel-strong);border:1.5px solid var(--stroke);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s}.ref-card:hover{box-shadow:var(--shadow-soft)}.card-badge-yellow{border-left:4px solid #c8972a}.card-badge-red{border-left:4px solid #b04040}.card-badge-green{border-left:4px solid #4e8c3a}.card-badge-neutral{border-left:4px solid var(--accent)}.card-badge-event{border-left:4px solid #6a5cc8}.ref-card-header{display:flex;align-items:baseline;gap:8px}.ref-card-count{font-size:.78rem;font-weight:700;color:var(--muted);background:#5d442a1a;border-radius:10px;padding:1px 7px;flex-shrink:0}.ref-card-name{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.3}.ref-card-desc{font-size:.85rem;color:var(--muted);line-height:1.55;margin:0}.ref-card-meta{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:8px;border-top:1px solid var(--stroke);font-size:.82rem}.ref-card-cost,.ref-card-gains{color:var(--text)}.ref-meta-label{font-weight:700;color:var(--muted)}.ref-card-total{text-align:right;font-size:.82rem;color:var(--muted);margin:0;padding-top:4px;border-top:1px solid var(--stroke)}.ref-card-with-art{flex-direction:row;gap:12px;align-items:flex-start}.ref-card-art-preview{flex-shrink:0;width:66px;aspect-ratio:5 / 7;align-self:flex-start;cursor:default!important}.ref-card-art-preview svg,.ref-card-art-preview img{width:100%;height:100%;display:block;object-fit:cover}.ref-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}@media(max-width:600px){.ref-page-shell{padding:20px 14px 48px}.ref-subsections,.ref-build-rules,.ref-card-grid{grid-template-columns:1fr}.ref-tabs{gap:5px}.ref-tab{font-size:.75rem;padding:6px 10px}}