.lobby-panel{padding:var(--s-4);background:var(--parchment-warm);border-radius:var(--r-2);box-shadow:0 0 0 1px var(--hairline),0 4px 10px #28190814;margin-bottom:var(--s-3)}.lobby-input{flex:1;padding:8px 12px;font-size:16px;font-family:var(--font-body);background:var(--parchment);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-1)}.lobby-label{font-size:14px;color:var(--ink-soft);font-family:var(--font-ui);letter-spacing:.04em}.lobby-panel--row{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}.lobby-panel--invite{background:var(--parchment);border:2px solid var(--accent)}.lobby-input--sm{font-size:14px;padding:6px 10px}.lobby-meta{font-size:12px;color:var(--ink-soft)}.lobby-hint{font-size:11px;color:var(--ink-soft);font-style:italic}.lobby-btn-sm{font-size:12px;padding:4px 10px}.lobby-name{font-family:var(--font-display);font-size:16px}.lobby-error{font-size:12px;color:var(--accent-deep)}.lobby-audio-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;background:var(--parchment);border:1px solid var(--hairline);border-radius:var(--r-1)}:root{--parchment: #f1e6c8;--parchment-warm: #ead8b0;--parchment-deep: #d8c290;--paper-bg: #d4c08a;--ink: #2a1f0f;--ink-soft: #6e5b3e;--ink-quiet: #9c8a6b;--hairline: #c9b58c;--accent: #b34c1f;--accent-soft: rgba(179, 76, 31, .14);--accent-deep: #862f12;--status-good: #3a7a3a;--status-bad: #b34c1f;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 20px;--s-5: 32px;--s-6: 48px;--s-7: 64px;--r-1: 4px;--r-2: 8px;--r-3: 12px;--font-display-grand: "Fraunces", serif;--font-display: "Fraunces", serif;--font-body: "Fraunces", serif;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--terrain-forest: #2f9d35;--terrain-forest-deep: #18681a;--terrain-hills: #d8541b;--terrain-hills-deep: #8a3008;--terrain-pasture: #b5d840;--terrain-pasture-deep: #7da316;--terrain-fields: #eab308;--terrain-fields-deep: #a16207;--terrain-mountains: #7c6e62;--terrain-mountains-deep: #2c241e;--terrain-desert: #f0d68c;--terrain-desert-deep: #c08c30;--terrain-sea: #3da4d2;--terrain-sea-deep: #155b86;--terrain-gold: #f59e0b;--token-bg: #fbf3df;--token-bg-deep: #e8d6a8;--token-hot: #b32a2a;--player-crimson: #a44455;--player-crimson-deep: #803340;--player-cobalt: #3a5d8c;--player-cobalt-deep: #2b466b;--player-bone: #d4c089;--player-bone-deep: #9a8956;--player-ember: #c46728;--player-ember-deep: #934712;--player-moss: #4f7548;--player-moss-deep: #3a5734;--player-saffron: #c89a3a;--player-saffron-deep: #97712a;--player-indigo: #5a3f7a;--player-indigo-deep: #402958;--player-walnut: #76502c;--player-walnut-deep: #533619;--track-science: #3d7a4a;--track-politics: #2a5a9c;--track-commerce: #c89220;font-variation-settings:"opsz" 14,"SOFT" 30,"wght" 420}.t-display,h2{font-family:var(--font-display);font-variation-settings:"opsz" 96,"SOFT" 40,"wght" 600;letter-spacing:-.005em}.t-display-grand,h1{font-family:var(--font-display-grand);font-variation-settings:"opsz" 144,"SOFT" 50,"wght" 700;letter-spacing:-.012em}.t-smallcaps{font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.06em;font-variation-settings:"opsz" 16,"SOFT" 30,"wght" 600}.t-eyebrow{font-family:var(--font-ui);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-quiet)}.hit-vertex circle:nth-of-type(2){transition:r .12s ease-out,fill .12s ease-out}.hit-vertex:hover circle:nth-of-type(2){fill:var(--accent)}.hit-vertex:hover circle:nth-of-type(1){opacity:.35}.hit-edge rect:nth-of-type(1){transition:opacity .12s ease-out,fill .12s ease-out}.hit-edge:hover rect:nth-of-type(1){opacity:.42;fill:var(--accent)}.hit-hex circle:nth-of-type(1){transition:opacity .12s ease-out,fill .12s ease-out}.hit-hex:hover circle:nth-of-type(1){opacity:.42;fill:var(--accent)}@keyframes piecePulse{0%,to{opacity:.18}50%{opacity:.78}}.preview-piece{animation:piecePulse 3s ease-in-out infinite;cursor:pointer;transition:opacity 80ms ease-out}.preview-piece:hover{animation:none;opacity:1}@keyframes redDotPulse{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.1);opacity:1}}.upgrade-marker{animation:redDotPulse 1.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box;cursor:pointer}.upgrade-marker:hover{animation:none;transform:scale(1.15)}@keyframes affordancePulse{0%,to{opacity:.65}50%{opacity:1}}.affordance-marker{animation:affordancePulse 1.8s ease-in-out infinite;cursor:pointer}.affordance-marker:hover{animation:none;opacity:1}@keyframes pieceAppear{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.board-piece{filter:drop-shadow(1.5px 0 0 #ffffff) drop-shadow(-1.5px 0 0 #ffffff) drop-shadow(0 1.5px 0 #ffffff) drop-shadow(0 -1.5px 0 #ffffff) drop-shadow(1.1px 1.1px 0 #ffffff) drop-shadow(-1.1px 1.1px 0 #ffffff) drop-shadow(1.1px -1.1px 0 #ffffff) drop-shadow(-1.1px -1.1px 0 #ffffff) drop-shadow(0 3px 4px rgba(0,0,0,.5));animation:pieceAppear .26s ease-out;transform-origin:center;transform-box:fill-box}@keyframes metroToastIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes activePulse{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 14px var(--active-glow, rgba(44, 31, 16, .6)))}}.player-card-active{animation:activePulse 2.2s ease-in-out infinite}@keyframes metroPulse{0%,to{box-shadow:0 0 #b43c1e73,0 2px 8px #b43c1e66;transform:scale(1)}50%{box-shadow:0 0 0 8px #b43c1e00,0 2px 10px #b43c1e8c;transform:scale(1.03)}}.active-turn-pulse{animation:metroPulse 1.4s ease-in-out infinite;transform-origin:center}@keyframes winShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.win-banner{background:linear-gradient(90deg,#2c1f10,#5b4022,#d8b04a,#5b4022,#2c1f10);background-size:300% 100%;animation:winShimmer 4s ease-in-out infinite}@keyframes diceRoll{0%{transform:translateY(-30px) rotate(-180deg) scale(.6);opacity:0}35%{transform:translateY(0) rotate(60deg) scale(1.1);opacity:1}60%{transform:translateY(-4px) rotate(-30deg) scale(.95)}85%{transform:translateY(0) rotate(8deg) scale(1.02)}to{transform:translateY(0) rotate(0) scale(1)}}.dice-display .die{display:inline-block;animation:diceRoll .7s cubic-bezier(.2,.7,.3,1.2) both;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dice-display .die-red{animation-delay:80ms}.dice-display .die-event{animation-delay:.16s}.game{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:var(--left-col, 280px) minmax(0,1fr) 320px;grid-template-areas:"left   board  right";overflow:hidden;gap:6px;padding:4px 12px 6px;box-sizing:border-box;transition:grid-template-columns .2s ease}.game.left-collapsed{--left-col: 40px}@media (max-width: 1023px){.game{grid-template-columns:0 minmax(0,1fr) 0;grid-template-areas:"board  board  board"}.game .left-col,.game .right-col{display:none}}.top-bar{grid-area:top;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 14px;background:var(--parchment-deep);border-radius:8px;min-height:50px;font-family:var(--font-ui);font-size:14px}.top-bar>.sep{width:1px;align-self:stretch;background:var(--hairline);margin:6px 2px}.left-col{grid-area:left;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}.left-col-toggle{background:var(--parchment-deep);border:1px solid var(--hairline);border-radius:6px;padding:6px 8px;font-family:var(--font-ui);font-size:12px;cursor:pointer;letter-spacing:1px}.board-col{grid-area:board;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.board-col>svg,.board-col>div{max-width:100%;max-height:100%}.right-col{grid-area:right;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.board-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin:0;padding:0;align-items:start}.board-main{min-width:0}.board-rail{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 24px);overflow-y:auto;padding-right:4px}.rail-section{background:var(--parchment-deep);border-radius:6px;padding:12px}.rail-section h3{margin:0 0 8px;font-family:var(--font-display);font-size:18px;letter-spacing:3px;color:var(--ink-soft);font-weight:400}.rail-resizer{cursor:col-resize;position:relative;background:transparent}.rail-resizer:before{content:"";position:absolute;top:0;right:50%;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--ink-soft);opacity:.18;transition:opacity .12s}.rail-resizer:hover:before{opacity:.55}@media (max-width: 1023px){.rail-resizer{display:none}.board-shell{grid-template-columns:1fr!important}.board-rail{position:static;max-height:none;overflow:visible}}@media (max-width: 600px){.board-shell{padding:8px 8px 24px;gap:12px}.board-rail{gap:10px}.rail-section{padding:10px 11px}.rail-section h3{font-size:15px;letter-spacing:2px;margin-bottom:6px}.player-card-active,.player-card-root{padding:9px 11px!important}.board-main>header>h1{font-size:22px!important}}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmRise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c1f1073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;display:flex;align-items:center;justify-content:center;animation:confirmFadeIn .14s ease-out}.confirm-dialog{background:var(--parchment);color:var(--ink);border:2px solid var(--ink);border-radius:10px;box-shadow:0 18px 48px #00000073;padding:22px 26px 20px;min-width:320px;max-width:460px;animation:confirmRise .18s cubic-bezier(.2,.7,.3,1.05);position:relative}.confirm-dialog:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:.8px dashed var(--ink-soft);border-radius:6px;opacity:.55;pointer-events:none}.confirm-dialog h2{margin:0 0 4px;font-family:var(--font-display);font-size:22px;letter-spacing:3px;color:var(--ink)}.confirm-dialog .confirm-rule{height:1px;background:var(--ink-soft);opacity:.4;margin:8px 0 12px}.confirm-dialog .confirm-body{font-family:var(--font-body);font-size:16px;font-style:italic;color:var(--ink-soft);margin-bottom:12px}.confirm-dialog .confirm-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1.8px;color:var(--ink-soft);text-transform:uppercase;margin-bottom:6px}.confirm-dialog .confirm-section{margin-bottom:12px}.confirm-dialog .confirm-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.confirm-dialog .confirm-btn-primary{background:var(--ink);color:var(--parchment);border:1px solid var(--ink);padding:8px 22px;font-family:var(--font-display);font-size:16px;letter-spacing:2px;border-radius:6px;cursor:pointer}.confirm-dialog .confirm-btn-primary:hover{background:var(--ink-soft)}.confirm-dialog .confirm-btn-cancel{background:transparent;color:var(--ink);border:1px dashed var(--ink-soft);padding:8px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;border-radius:6px;cursor:pointer}.confirm-dialog .confirm-btn-cancel:hover{border-color:var(--ink);color:var(--ink-soft)}.hex-tooltip{position:fixed;pointer-events:none;z-index:50;padding:6px 10px;background:var(--ink);color:var(--parchment);border-radius:4px;font-size:12px;font-family:var(--font-mono);letter-spacing:1.5px;white-space:nowrap;box-shadow:0 3px 8px #00000059}.hex-production-bloom{transform-box:fill-box;transform-origin:center;animation:hexBloom 1.6s ease-out forwards}@keyframes hexBloom{0%{transform:scale(.6);opacity:0}20%{transform:scale(1);opacity:.95}to{transform:scale(1.4);opacity:0}}.board-change-pulse{transform-box:fill-box;transform-origin:center;animation:boardPulseBuild 6s ease-out forwards;opacity:0}@keyframes boardPulseBuild{0%{transform:scale(.55);opacity:0;stroke-width:5}10%{transform:scale(1.05);opacity:1;stroke-width:4}30%{transform:scale(1.15);opacity:.85;stroke-width:3.5}60%{transform:scale(1.3);opacity:.55;stroke-width:3}to{transform:scale(1.55);opacity:0;stroke-width:2}}.board-change-pulse--destroy{animation:boardPulseDestroy 6s ease-out forwards}@keyframes boardPulseDestroy{0%{transform:scale(1.5);opacity:0;stroke-width:6}10%{transform:scale(1.05);opacity:1;stroke-width:5}35%{transform:scale(.95);opacity:.85;stroke-width:4}65%{transform:scale(.8);opacity:.5;stroke-width:3}to{transform:scale(.5);opacity:0;stroke-width:2}}.production-flash-card{animation:prodFlashCard 6s ease-out forwards;opacity:0}@keyframes prodFlashCard{0%{opacity:0;transform:translateY(18px) scale(.85)}8%{opacity:1;transform:translateY(0) scale(1.05)}16%{transform:translateY(-2px) scale(1)}85%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-14px)}}.hex-production-bloom--mine{animation:hexBloomMine 2s ease-out forwards}.hex-production-bloom--mine-fill{animation:hexBloomMineFill 2s ease-out forwards}@keyframes hexBloomMine{0%{transform:scale(.55);opacity:0}18%{transform:scale(1.05);opacity:1}55%{transform:scale(1.18);opacity:.85}to{transform:scale(1.55);opacity:0}}@keyframes hexBloomMineFill{0%{opacity:0}18%{opacity:.32}55%{opacity:.18}to{opacity:0}}.bot-thinking-dots{display:inline-block;letter-spacing:1px}.bot-thinking-dots span{animation:botDotBlink 1.2s infinite;opacity:.2}.bot-thinking-dots span:nth-child(2){animation-delay:.2s}.bot-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes botDotBlink{0%,60%,to{opacity:.2}30%{opacity:1}}.theme-wood .board-col,.theme-steampunk .board-col{background:transparent;box-shadow:none;transition:background-color .3s ease,background-image .3s ease}:root{font-family:var(--font-body);font-size:17px;line-height:1.5;color:var(--ink);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:var(--s-4);min-height:100vh;background-color:var(--paper-bg);background-image:repeating-linear-gradient(115deg,transparent 0 13px,rgba(120,90,50,.04) 13px 14px),radial-gradient(circle at 30% 20%,rgba(255,240,200,.7),transparent 60%),radial-gradient(circle at 70% 80%,rgba(140,100,50,.18),transparent 70%);background-attachment:fixed}h1{font-family:var(--font-display-grand);font-variation-settings:"opsz" 144,"SOFT" 50,"wght" 700;font-weight:400;letter-spacing:-.012em;margin:0 0 var(--s-2)}h2{font-family:var(--font-display);font-variation-settings:"opsz" 96,"SOFT" 40,"wght" 600;letter-spacing:-.005em;margin:0}h3{font-family:var(--font-display);font-variation-settings:"opsz" 32,"SOFT" 30,"wght" 600;margin:0}p{margin:var(--s-1) 0}button{font-family:var(--font-ui);font-size:14px;font-weight:600;letter-spacing:.01em;padding:8px 16px;background:var(--parchment-warm);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--r-1);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease}button:hover{background:var(--parchment-deep);border-color:var(--ink-soft)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{background:var(--parchment-warm);border-color:var(--hairline)}