/* Physical table presentation. Game state and action semantics live in engine.js. */
:root{--bg:#0c141c;--panel:#131e27;--panel2:#1b2832;--ink:#e9e5d9;--muted:#919da5;--gold:#d2af70;--line:#34404a;--teal:#85b8be}
body{background:#0c141c}button{border-radius:4px;background:#192630;border-color:#3c4850}button:hover:not(:disabled){background:#2b3540;border-color:#c1a570}.primary{background:#cfab6a;color:#111c25;border-color:#d8bb82}.primary:hover:not(:disabled){background:#e3c58e}.brand .title{font-family:var(--sans);font-size:23px;font-weight:700;letter-spacing:.5px;color:var(--gold)}.brand .title span{color:#7d745f;margin:0 5px}.brand small{letter-spacing:2.4px;font-size:8px}.brand img{width:36px;height:36px}.topbar{height:84px;padding:0 26px;background:#0f1922;gap:22px;border-bottom:1px solid #4a4638}.topbar .brand .title{font-size:21px}.topbar .brand small{font-size:8px}.topbar .brand img{width:32px;height:32px}.era-strip{gap:13px;margin-left:auto}.era-strip strong{font:17px var(--serif);white-space:nowrap}.era-strip .track{gap:4px}.track i{width:11px;background:#31414b}.track i.on{background:#bd9a5f}.top-controls{gap:6px}.top-controls button{padding:6px 9px;font-size:11px}.autosave{font-size:9px;margin-right:6px;color:#8f9b99}.table-view-tabs{display:flex;height:36px;border:1px solid #3d4548;border-radius:5px;padding:3px;gap:3px;background:#0b151e;flex-shrink:0}.table-view-tabs button{padding:2px 19px;border:0;color:#9ba5aa;background:none;font-size:12px}.table-view-tabs button.active{background:#34382e;color:#ddbd82;box-shadow:inset 0 0 0 1px #786a49}
.workspace.table-workspace{height:calc(100dvh - 248px);min-height:470px;display:grid;grid-template-columns:minmax(0,1fr) 350px;padding:18px 24px 0;gap:22px;background:radial-gradient(ellipse at 32% 40%,#17222b,#0c151e 75%)}.board-panel{border:1px solid #6b614b;background:linear-gradient(145deg,#14202a,#0e171f);box-shadow:0 8px 35px #0004;overflow:hidden}.board-toolbar{top:0;left:0;right:0;height:50px;padding:10px 16px;background:#111b24e8;border-bottom:1px solid #4e4c3f;align-items:center}.board-title{font:15px var(--serif);color:#d8c391;letter-spacing:1px}.board-sub{font-size:7px;letter-spacing:2px;margin-top:2px;color:#8a9296}.board-toolbar .small{padding:4px 8px;font-size:10px}.board-legend{display:flex;gap:14px;align-items:center;color:#9ba5aa;font-size:9px}.board-legend span{display:flex;align-items:center;gap:5px}.board-legend i{width:16px;border-top:2px solid #aabfc4}.board-legend i.rail{border-top-style:dashed}.map-scroll{padding:62px 12px 60px;scrollbar-color:#726449 #111a21}.map-wrap{min-width:530px;max-width:none;transition:width .15s}.physical-board{filter:drop-shadow(0 5px 18px #0009);border:1px solid #64563e}.physical-board .progress-number{font:8px Georgia,serif;fill:#c4bdad}.progress-marker text{font:8px var(--sans);fill:#15232a;font-weight:700}.atlas-heading{font:22px Georgia,serif;fill:#c7c1b3;letter-spacing:5px;text-shadow:0 2px 6px #000}.atlas-subheading{font:11px Georgia,serif;fill:#c6c0ab;letter-spacing:6px}.route-shadow{stroke:#101620;stroke-width:7;fill:none;opacity:.8}.route-ink{fill:none;stroke:#9bafb4;stroke-width:2.4;opacity:.85}.route-ink.rail{stroke:#c9b18c;stroke-dasharray:5 4;stroke-width:2.7}.physical-route.inactive{opacity:.3}.physical-route.owned .route-ink{stroke:var(--player);stroke-width:3.5;opacity:1}.physical-route .route-ink.hot{stroke:#ffe0a2;stroke-width:6;filter:drop-shadow(0 0 4px #e1ae66)}.physical-city{cursor:pointer}.settlement-shadow{fill:#040b1199}.settlement-frame{filter:drop-shadow(0 1px 2px #000)}.physical-city:hover .settlement-frame{stroke:#f2d098;stroke-width:2}.physical-city.selectable .settlement-frame{filter:drop-shadow(0 0 7px #e2b55b)}.physical-slot.hot{cursor:pointer;filter:drop-shadow(0 0 3px #e8bd65)}.physical-slot:hover>rect{stroke:#ffe2a7;stroke-width:2}.settlement-name{font-family:var(--sans);fill:#f3e5c4;letter-spacing:.8px;font-weight:600;text-shadow:0 1px 2px #000}.tile-roman{font:bold 9px Georgia;fill:#f3dba2;paint-order:stroke;stroke:#0b1019;stroke-width:2px}.merchant-city{font:13px var(--sans);fill:#18232b;font-weight:700;letter-spacing:1px}.merchant-bonus{font:10px var(--sans);fill:#e5d5ab;paint-order:stroke;stroke:#101923;stroke-width:3px}.board-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 15px;min-height:46px;background:#101a23f5;border-top:1px solid #4e4b3e}.board-bottom>span{font-size:10px;color:#9ca5aa}.resource-dock{display:flex;align-items:center;gap:17px}.dock-caption{font-size:9px;color:#a8a393;letter-spacing:1px}.dock-resource{display:flex;align-items:center;gap:5px}.dock-resource .industry-illustration{width:31px;height:31px}.dock-resource b{font:18px Georgia;color:#d5b375}.dock-resource small{display:block;font-size:8px;line-height:1.2;color:#9da8aa}.dock-note{font-size:8px;color:#73818a;line-height:1.6}
.table-rail{display:flex;flex-direction:column;min-height:0;min-width:0;border-top:1px solid #4b4d46}.rail-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 16px;border-bottom:1px solid #3b4245;flex-shrink:0}.rail-tabs button{padding:11px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:12px;color:#8c99a1}.rail-tabs button.active{color:#dfbf82;border-color:#c9a76c}.rail-content{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#4d5353 transparent;padding:0 2px 20px}.rail-turn-economy{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding:0 1px 12px;margin-bottom:17px;color:#8a9a9f}.rail-turn-economy b{font:16px Georgia;color:#d8cda9;margin-left:6px}.table-rail .eyebrow{font-size:9px;letter-spacing:2px}.table-rail .turn-heading{font-size:18px}.table-rail .turn-hint{font-size:11px;line-height:1.9}.table-rail .action-grid{margin-top:18px;gap:8px}.table-rail .action-button{min-height:65px;border-color:#424c4f;background:linear-gradient(140deg,#1d2a34,#15212b)}.table-rail .action-button:hover{border-color:#c5a86d;background:#303932}.table-rail .action-button strong{font-size:13px}.table-rail .action-button .num{color:#b79b68}.table-rail .action-button small{font-size:9px}.table-rail .action-button.wide{min-height:48px}.table-rail .log-section{margin-top:23px;padding-top:15px}.table-rail .log-list{max-height:190px;font-size:10px}.table-rail .choice-button{font-size:12px;background:#16232c}.table-rail .wizard-title{font-size:19px}.rail-bottom{display:flex;gap:8px;padding:14px 0;border-top:1px solid #3b4245}.rail-log{display:grid;gap:14px;font-size:11px;line-height:1.8}.log-entry{border-color:var(--player)}.log-entry small{color:#7f8e96}.ledger-heading{display:flex;align-items:center;justify-content:space-between;margin:2px 0 15px}.ledger-heading h2{font:23px var(--serif);color:#d3b57c;margin-top:4px}.industrialist-list{display:grid;gap:10px}.ledger-card{border:1px solid #37424b;border-left:3px solid var(--player);background:linear-gradient(125deg,#1d2832,#141e27);border-radius:5px;padding:13px 13px 0;position:relative}.ledger-card.current{border-color:#867854;background:linear-gradient(125deg,#2a302d,#15232b)}.ledger-card.first-place{border-color:#b5a16c;box-shadow:inset 0 0 0 1px #85734644}.ledger-top{display:flex;align-items:center;gap:9px}.industrial-avatar{display:inline-flex;width:36px;height:42px;flex-shrink:0;background:radial-gradient(circle at 40% 25%,#8b765c,#222c2e);border:1px solid var(--player);box-shadow:0 2px 5px #0006;overflow:hidden}.industrial-avatar svg{width:100%;height:100%}.ledger-rank{display:block;color:var(--player);font-size:9px;letter-spacing:.5px;margin-bottom:2px}.ledger-top strong{font-size:13px;font-weight:600;display:block}.ledger-top em{font-style:normal;font-size:8px;font-weight:400;margin-left:7px;padding:1px 3px;border:1px solid #56605e;color:#8b9aa1}.ledger-vp{margin-left:auto;font:700 32px/1 var(--sans);color:var(--player);text-align:right}.ledger-vp small{font:9px var(--sans);display:block;color:#a2adb0;margin-top:4px}.ledger-cash{display:flex;align-items:center;gap:10px;font-size:9px;color:#8f9ca4;padding:12px 0 9px}.ledger-cash b{color:#c7cdca;font-weight:500;margin-left:5px}.ledger-cash span:last-child{margin-left:auto}.era-breakdown{display:grid;grid-template-columns:1fr 1fr .7fr;gap:12px;border-top:1px solid #3c4548;padding:7px 0 10px}.era-breakdown>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px}.era-breakdown label{font-size:9px}.era-breakdown b{font-size:12px;font-weight:600;color:#dce0d8}.era-breakdown small{font-size:8px;grid-column:1/-1;color:#7f9099;white-space:nowrap}.ledger-mat-link{width:calc(100% + 26px);margin-left:-13px;border:0;border-top:1px solid #34414a;border-radius:0 0 4px 0;background:#101b2444;display:flex;justify-content:space-between;padding:6px 13px;font-size:9px;color:#9bacae}.ledger-mat-link:hover{color:#dfbe80}.ledger-note{font-size:10px;line-height:1.9;color:#7f8e96;border:1px solid #41453c;background:#b9a15c0a;border-radius:5px;padding:13px;margin-top:16px}
.hand-panel{height:164px;grid-template-columns:220px 1fr;background:#0f1922;border-top:1px solid #4b493c;margin:0 24px;box-shadow:0 -7px 25px #0002}.stock-summary{padding:12px;border-right:1px solid #3c4446}.stock-summary .section-label{font-size:9px;margin-bottom:9px}.stock-grid{gap:5px}.stock-item{padding:5px 6px;background:#1a2730;border-color:#3c484a}.stock-item b{font-size:10px}.stock-item small{font-size:8px}.hand-main{padding:10px 18px 9px}.hand-heading{font-size:10px;margin-bottom:5px}.hand-cards{gap:10px;padding:3px 2px 8px}.card{height:114px;width:120px;min-width:102px;max-width:140px;background:linear-gradient(145deg,#26383b,#131e28);border:1px solid #68746b;border-top:3px solid #91b2b0;box-shadow:0 3px 7px #0005;overflow:hidden;padding:9px 10px}.card.location{background:linear-gradient(135deg,#29403cdd,#131f29)}.card.industry{background:linear-gradient(135deg,#514332dd,#1d252b)}.card.wild{background:linear-gradient(135deg,#665839,#202b2c)}.card.unavailable{opacity:.9}.card:hover:not(:disabled){transform:translateY(-2px);border-color:#d0b178}.card .card-kind{font-size:7px;z-index:1}.card .card-name{font:13px var(--serif);z-index:1;max-width:90px;text-shadow:0 1px 3px #000}.card .card-bottom{font-size:7px;z-index:1;max-width:95px}.card.chosen{border-color:#e8c383;background:#514c32;box-shadow:0 0 0 1px #d7b572,0 4px 12px #0006}.card.chosen:after{z-index:3;right:7px;top:10px}.hand-art{position:absolute;width:60px;height:60px;right:-8px;bottom:5px;opacity:.4;filter:sepia(.15)}.hand-art .industry-illustration{width:100%;height:100%}.hand-hidden{height:110px;border-color:#36474f;color:#85979e;background:repeating-linear-gradient(45deg,#19273155,#19273155 5px,transparent 5px,transparent 10px)}
.personal-mat{min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#74664a #18242c;background:radial-gradient(ellipse at 10% 15%,#544a3633,transparent 60%),linear-gradient(140deg,#1b2630,#111c25);border:1px solid #796b4d;padding:25px 27px 20px;box-shadow:0 8px 35px #0004}.mat-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:19px;border-bottom:1px solid #5b5543}.mat-identity{display:flex;align-items:center;gap:15px}.mat-identity .industrial-avatar{width:53px;height:64px}.mat-identity h1{font:24px var(--serif);margin:3px 0;color:#e5d9b6}.mat-identity h1 span{font-size:15px;color:#a4aba8;margin-left:5px}.mat-identity p{font-size:10px;color:#89979c}.mat-switch{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:340px}.mat-switch button{font-size:10px;padding:5px 9px;color:#a6b1b1;background:#111d26}.mat-switch button.active{border-color:var(--player);color:var(--player)}.mat-economy{display:grid;grid-template-columns:repeat(5,1fr);padding:17px 0 20px;border-bottom:1px solid #5b5543}.mat-economy>div{padding:0 18px;border-right:1px solid #3c4547}.mat-economy>div:first-child{padding-left:0}.mat-economy>div:last-child{border:0}.mat-economy label{font-size:10px}.mat-economy b{font:31px/1.5 Georgia;color:#dfc08a;display:block}.mat-economy small{font-size:8px;color:#7e8f97}.mat-section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.mat-section-title h2{font:18px var(--serif);color:#ddc99f}.mat-section-title>span{font-size:9px;color:#b9ac88}.mat-section-title i{display:inline-block;width:7px;height:7px;background:#d7b575;margin-right:4px}.industry-lanes{display:grid;gap:11px}.industry-lane{display:flex;gap:13px;border:1px solid #4d4b40;background:linear-gradient(90deg,#54483125,#0e192266);padding:11px 12px;border-radius:3px;min-height:158px;position:relative}.industry-lane:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--player);opacity:.6}.lane-title{width:118px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;border-right:1px solid #494b43;padding-right:12px}.industry-illustration{width:58px;height:58px;filter:drop-shadow(0 3px 3px #0006)}.lane-title h3{font:16px var(--serif);color:#d7c9a4}.lane-title span{font-size:9px;color:#a39b85;display:block;margin-top:2px}.lane-details{border:0;padding:3px 0;background:none;font-size:8px;color:#798b94;margin-top:3px}.lane-tiles{display:flex;gap:9px;align-items:center;overflow:auto;padding:3px 3px 5px;scrollbar-width:thin}.reserve-tile{width:99px;min-width:99px;padding:0;border-radius:3px;border:1px solid #6d6855;background:linear-gradient(135deg,#33362f,#19232c);text-align:left;box-shadow:0 3px 5px #0004;position:relative;overflow:hidden;flex-shrink:0}.reserve-tile:hover:not(:disabled){transform:translateY(-2px);border-color:#e4bf7a;background:#3c3c2f}.reserve-tile.next{border:1px solid #e2bd7b;box-shadow:0 0 0 1px #c6a36355,0 0 14px #d2a95522}.reserve-tile.depleted{opacity:.3;filter:saturate(.2)}.reserve-tile.depleted:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 8px,#111b2455 8px,#111b2455 9px);pointer-events:none}.reserve-tile.era-locked:not(.depleted){filter:saturate(.5)}.tile-cap{display:flex;justify-content:space-between;align-items:center;padding:3px 7px;background:#0d1720bc;border-bottom:1px solid #6f6347}.tile-cap b{font:12px Georgia;color:#e9ce97}.tile-cap span{font-size:7px;color:#aaa88f}.reserve-tile.next .tile-cap{background:#a88a4b}.reserve-tile.next .tile-cap b,.reserve-tile.next .tile-cap span{color:#111f28;font-weight:700}.tile-paint{height:47px;display:flex;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#baab721c,transparent)}.tile-paint .industry-illustration{width:49px;height:49px}.no-develop{position:absolute;right:6px;bottom:2px;font-size:11px;color:#d9bb83}.tile-build-cost{display:flex;justify-content:space-between;align-items:center;padding:3px 6px;background:#0b151e66;border-top:1px solid #4a4c43}.tile-build-cost b{font:13px Georgia;color:#e1c78e}.tile-build-cost>span{font-size:7px;color:#c0b79b}.tile-rewards{display:flex;justify-content:space-between;padding:4px 6px;background:#bab391;color:#18252a;font-size:8px}.tile-rewards b{font-size:12px}.tile-rule{display:block;font-size:6.5px;padding:4px 4px;color:#afb2a0;text-align:center;white-space:nowrap}.mat-footer{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#7e9099;margin-top:18px;line-height:1.7}.dialog{background:linear-gradient(140deg,#24313a,#14212b);border-color:#8c7b55}.dialog .winner{background:#b09a5220;border-color:#a28c56}.dialog h2,.dialog h3{color:#d8bb82}
@media(min-width:1650px){.workspace.table-workspace{grid-template-columns:minmax(0,1fr) 370px;gap:25px;padding-left:32px;padding-right:32px}.hand-panel{margin-left:32px;margin-right:32px}.reserve-tile{width:108px;min-width:108px}.lane-title{width:133px}}
@media(max-width:1350px){.topbar{gap:14px;padding:0 20px}.topbar .brand .title{font-size:18px}.topbar .brand img{width:27px;height:27px}.topbar .brand small{font-size:6px}.table-view-tabs button{padding:2px 11px}.era-strip strong{font-size:15px}.era-strip .track,.autosave{display:none}.workspace.table-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:16px;padding-left:17px;padding-right:17px}.hand-panel{margin:0 17px}.board-legend span:last-child{display:none}.personal-mat{padding:18px}.mat-header{align-items:flex-start;flex-direction:column}.mat-switch{max-width:none}.mat-identity h1{font-size:22px}.lane-title{width:92px}.lane-title h3{font-size:14px}.lane-tiles{gap:7px}.reserve-tile{width:94px;min-width:94px}.industry-lane{gap:9px;padding:9px}.mat-economy>div{padding:0 12px}.dock-note{display:none}}
@media(max-width:1000px){.topbar{height:110px;flex-wrap:wrap;gap:8px;padding:12px 16px}.topbar .brand{margin-right:5px}.topbar .era-strip{margin-left:auto}.top-controls{margin-left:auto}.table-view-tabs{height:32px}.workspace.table-workspace{height:calc(100dvh - 274px);grid-template-columns:minmax(0,1fr) 280px;padding-top:12px;gap:12px}.map-wrap{min-width:500px}.board-toolbar{padding:8px}.board-legend{display:none}.board-bottom>span{display:none}.resource-dock{width:100%;justify-content:space-between}.dock-caption{display:block}.hand-panel{grid-template-columns:170px 1fr}.stock-grid{grid-template-columns:repeat(2,1fr)}.stock-summary{overflow:auto}.personal-mat{padding:15px}.mat-economy{grid-template-columns:repeat(3,1fr);row-gap:12px}.mat-economy>div{padding:0 10px}.mat-economy b{font-size:24px}.mat-economy>div:first-child{padding-left:10px}.mat-section-title>span{font-size:8px}.lane-title{width:76px}.industry-lane{min-height:151px}.mat-footer{flex-direction:column}.ledger-top strong{font-size:12px}.ledger-vp{font-size:28px}}
@media(max-width:720px){.topbar{height:auto;min-height:110px}.topbar .brand .title{font-size:17px}.topbar .brand small{display:block}.era-strip strong{font-size:14px}.era-strip .badge{display:none}.table-view-tabs{order:3;width:auto;flex:1}.table-view-tabs button{flex:1;padding:2px 9px}.top-controls{width:auto;order:4;gap:4px;margin-left:0}.top-controls::before{display:none}.top-controls button{font-size:9px;padding:5px 6px}.top-controls button:nth-child(3){display:block}.top-controls button[data-command="import"],.top-controls button[data-command="undo"]{display:none}.workspace.table-workspace{height:auto;display:flex;flex-direction:column;padding:12px 10px 0;gap:15px;min-height:0}.board-panel{height:72dvh;min-height:450px}.map-scroll{padding-top:58px;padding-bottom:60px}.map-wrap{min-width:500px;width:100%!important}.table-rail{max-height:650px}.rail-content{max-height:570px}.rail-tabs{margin-bottom:12px;gap:12px}.rail-turn-economy{margin-bottom:12px}.table-rail .action-grid{grid-template-columns:repeat(3,1fr)}.table-rail .action-button.wide{grid-column:auto}.ledger-card{padding-top:12px}.industrialist-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ledger-top{gap:6px}.ledger-top strong{font-size:10px}.ledger-top .industrial-avatar{width:27px;height:32px}.ledger-vp{font-size:23px}.ledger-rank{font-size:7px}.ledger-cash{gap:6px;font-size:8px}.ledger-cash span:last-child{display:none}.era-breakdown{gap:5px}.era-breakdown small{font-size:6px}.era-breakdown label{font-size:8px}.ledger-note{font-size:9px}.hand-panel{position:sticky;bottom:0;z-index:5;height:155px;min-height:155px;margin:12px 10px 0;display:block}.stock-summary{display:none}.hand-main{padding:9px 10px}.hand-heading{font-size:9px;gap:10px}.hand-heading>span:last-child{font-size:8px}.card{height:110px;min-width:97px}.hand-hidden{height:106px}.personal-mat{overflow:visible;padding:16px 13px}.mat-header{gap:15px}.mat-identity .industrial-avatar{width:40px;height:51px}.mat-identity{gap:10px}.mat-identity .eyebrow{font-size:7px}.mat-identity h1{font-size:20px}.mat-identity h1 span{font-size:12px}.mat-identity p{font-size:8px}.mat-switch{gap:4px}.mat-switch button{font-size:9px;padding:5px 7px}.mat-economy{grid-template-columns:repeat(3,1fr);padding-top:14px}.mat-economy small{font-size:7px}.mat-section-title{display:block}.mat-section-title>span{display:block;margin-top:6px;font-size:8px}.industry-lane{gap:8px;padding:8px;min-width:0}.lane-title{width:67px;padding-right:7px}.lane-title .industry-illustration{width:45px;height:45px}.lane-title h3{font-size:13px}.lane-title span{font-size:8px}.lane-tiles{min-width:0;gap:7px}.reserve-tile{width:89px;min-width:89px}.tile-rule{font-size:6px}.industry-lanes{gap:8px}.mat-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){.card:hover,.reserve-tile:hover{transform:none!important}}

/* Printed pieces: keep the complete face visible; dynamic values stay outside. */
.industry-illustration{object-fit:contain;border-radius:2px}
.tile-paint{height:auto;padding:5px}
.tile-paint .printed-tile{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:2px;box-shadow:0 2px 5px #0008}
.no-develop{right:8px;bottom:8px;background:#16202c;border-radius:50%;line-height:1}
.workspace.table-workspace{height:calc(100dvh - 288px)}
.hand-panel{height:204px}
.hand-main{min-width:0}
.hand-cards{gap:10px;align-items:flex-start;padding-bottom:6px}
.hand-cards .card{display:flex;flex-direction:column;justify-content:flex-start;width:105px;min-width:105px;max-width:105px;height:166px;padding:2px;border:1px solid #68746b;border-radius:5px;background:#14212a;flex-shrink:0;gap:0}
.card .card-face{display:block;position:relative;flex-shrink:0;width:100%;aspect-ratio:500/702;background-image:url('assets/components/cards-atlas.webp');background-size:700% 500%;background-repeat:no-repeat;border-radius:3px}
.card .card-caption{display:block;position:relative;width:100%;padding:4px 1px;font:9px/1.4 var(--sans);color:#e2d6b9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hand-cards .card.chosen{border-color:#f2ca7f;box-shadow:0 0 0 2px #dfb66c,0 4px 12px #0008;background:#514528}
.hand-cards .card.chosen:after{top:5px;right:5px;background:#d7b578;color:#15202a;border-radius:50%;text-shadow:none}
.hand-cards .card.unavailable{opacity:1}
.hand-hidden{height:149px;background:linear-gradient(#0f1922bb,#0f1922dd),url('assets/components/card-back.jpg') left center/105px 147px repeat-x;text-shadow:0 1px 3px #000}
.component-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.component-gallery figure{margin:0;padding:8px;background:#101923;border:1px solid #58604f;border-radius:4px}
.component-gallery figure>div{display:flex;gap:6px}
.component-gallery img{width:calc(50% - 3px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:3px}
.component-gallery figcaption{font-size:10px;color:#bfb18d;text-align:center;padding-top:6px}
@media(max-width:1000px){.workspace.table-workspace{height:calc(100dvh - 314px)}}
@media(max-width:720px){.workspace.table-workspace{height:auto}.hand-panel{height:197px;min-height:197px}.hand-cards .card{width:101px;min-width:101px;max-width:101px;height:160px}.hand-hidden{height:145px}.component-gallery{gap:8px}}
.tts-board{background:#10151e;aspect-ratio:1}
.tts-board .physical-city{outline:none}
.tts-board .tts-slot-hit{cursor:pointer;transition:stroke .12s,fill .12s}
.tts-board .physical-city:hover .tts-slot-hit{stroke:#d3bc8c;stroke-width:1.3}
.tts-board .physical-slot.hot .tts-slot-hit{fill:#ffd07516;filter:drop-shadow(0 0 3px #ffce72)}
.tts-board .physical-slot:focus .tts-slot-hit,.tts-board .physical-slot:hover .tts-slot-hit{stroke:#ffe0a0;stroke-width:3}
.tts-board .tts-tile-status{pointer-events:none}
.tts-board .tts-tile-status text{font:700 8px var(--sans);fill:#f5dfad}
.tts-city-label rect{fill:#162432ed;stroke:#b8a377;stroke-width:.5}
.tts-city-label text{font:600 9px var(--sans);fill:#eadbb8;letter-spacing:.1px}
.tts-board .physical-city:hover .tts-city-label rect,.tts-board .physical-city.selectable .tts-city-label rect{fill:#6a5733;stroke:#ffe2a5}
.tts-link-target{fill:#d8ab4c55;stroke:#ffe0a0;stroke-width:2;cursor:pointer;filter:drop-shadow(0 0 4px #eeb458)}
.tts-link-target:hover,.tts-link-target:focus{fill:#f3ca7299;stroke:#fff0ba;stroke-width:3}
.tts-link-plus{font:700 16px var(--sans);fill:#fff0c2;pointer-events:none}
.tts-board .progress-marker{pointer-events:none}
.spending-summary{padding:8px 12px}
.spending-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;color:#ddc18c;font-size:11px}
.spending-heading span{font-size:8px;color:#97a7aa}
.spending-players{display:grid;gap:3px}
.spending-player{display:flex;align-items:center;gap:7px;min-width:0;min-height:28px;padding:2px 6px;border:1px solid #35454c;border-left:3px solid var(--player);border-radius:3px;background:#17252e}
.spending-player.current{border-color:var(--player);background:#27342f}
.spending-order{font:12px Georgia;color:var(--player);flex-shrink:0;width:10px}
.spending-name{min-width:0;flex:1}
.spending-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.3}
.spending-name small{display:block;font-size:7px;color:#98a7a7;line-height:1.4}
.spending-amount{font:18px Georgia;color:#e9c98a;white-space:nowrap}
.spending-note{font-size:7px;line-height:1.5;color:#8f9fa3;margin:5px 0 2px}
.spending-mat-link{font-size:8px;color:#b7ad92;padding:1px 0;border:0;background:none}
.ledger-spending{display:flex;align-items:center;gap:10px;border-top:1px solid #3c4548;padding:7px 0;font-size:10px;color:#b7b39c}
.ledger-spending b{font:20px Georgia;color:#e7c484}
.ledger-spending small{margin-left:auto;font-size:9px;color:#95a2a4}
@media(max-width:850px) and (min-width:721px){.hand-panel{grid-template-columns:170px 1fr}.spending-summary{display:block;padding:8px}}
@media(max-width:720px){.hand-panel{height:269px;min-height:269px}.spending-summary{display:block;height:72px;padding:5px 10px;border-right:0;border-bottom:1px solid #3c4446;overflow:hidden}.round-spending{position:relative}.spending-heading{font-size:9px;margin-bottom:3px}.spending-heading span{font-size:7px}.spending-players{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px}.spending-player{min-width:113px;flex:1;gap:4px;min-height:30px;padding:2px 4px}.spending-name strong{font-size:9px}.spending-name small{font-size:7px}.spending-amount{font-size:17px}.spending-note,.spending-mat-link{display:none}}
.city-full-name{font-size:12px;color:#9fadb1;margin-top:-10px!important}
.city-capacity{padding:12px 14px;border:1px solid #6d6248;border-radius:4px;background:#c2a76812;color:#e6cca0;font-size:14px;margin:17px 0}
.city-capacity small{display:block;color:#a5b1b4;font-size:11px;line-height:1.8;margin-top:5px}
.city-slots{display:grid;gap:9px}
.city-slot-detail{padding:11px 14px;border:1px solid #43535b;border-radius:4px;background:#13212c}
.city-slot-detail>strong{display:block;color:#e4c98f;font-size:13px;font-weight:500}
.city-slot-detail>.muted{display:block;font-size:10px;margin-top:5px}
.city-slot-occupant{display:flex;gap:12px;align-items:center;margin-top:8px}
.city-slot-occupant img{width:63px;height:63px;border-radius:3px}
.city-slot-occupant p{font-size:11px;margin:0;line-height:1.8}
.city-slot-rule{font-size:11px!important;color:#a4b0ae;line-height:1.9}
.tts-city-label text{font-size:10px}
.tts-brewery-beer,.tts-beer-barrel{pointer-events:none;filter:drop-shadow(0 1px 1px #0009)}
.tts-deck-caption{font:11px var(--sans);fill:#dfc999;letter-spacing:1px}
.tts-deck-number{font:bold 32px Georgia;fill:#ffe1a0}
.tts-turn-token{pointer-events:none;filter:drop-shadow(0 2px 3px #0009)}
.tts-turn-token.current>circle{filter:drop-shadow(0 0 4px #efbb5b)}
.tts-turn-token text{font:9px var(--sans);fill:#f3deb2}
.tts-round-spending{pointer-events:none}
.tts-round-spending.current circle{stroke:#ffe0a0;stroke-width:2;filter:drop-shadow(0 0 3px #c59e5c77)}
.tts-spending-caption{font:8px var(--sans);fill:#c4b68f;letter-spacing:.5px}
.tts-spending-value{font:bold 25px Georgia;fill:#ffe0a0;paint-order:stroke;stroke:#101923;stroke-width:1px}
/* Clearer action and market hierarchy, with the physical board as the focus. */
.rail-tabs{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.rail-tabs button{padding:12px 0;font-weight:500;letter-spacing:1px}
.rail-tabs button.active{background:linear-gradient(0deg,#c7a25e18,transparent);border-radius:4px 4px 0 0}
.rail-turn-economy{padding:12px;border:1px solid #455052;background:linear-gradient(135deg,#26342f,#13232d);border-radius:5px;margin-bottom:19px}
.table-rail .turn-heading{font-size:24px;letter-spacing:.5px}
.table-rail .action-button{border-radius:6px;box-shadow:inset 0 1px 0 #c6b58409;transition:background .15s,border-color .15s,box-shadow .15s}
.table-rail .action-button:hover{box-shadow:inset 3px 0 0 #d3b176,0 3px 12px #0003}
.table-rail .action-button strong{font-size:14px;letter-spacing:.5px}
.table-rail .action-button small{line-height:1.7;color:#9faeb0}
.table-rail .action-button .num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #8b7b523f;border-radius:50%;font:11px Georgia;margin-right:8px}
.table-rail .action-count{border:1px solid #8f7b51;border-radius:5px;background:#b99a5812;padding:3px 9px;color:#e7cb91}
.table-rail .choice-button{padding:12px;border-color:#435359;border-radius:5px;line-height:1.7}
.table-rail .choice-button:hover{background:#333b30;border-color:#c8aa70}
.industrial-avatar img{width:100%;height:100%;object-fit:cover}
.merchant-art{display:block;width:43px;height:43px;flex-shrink:0;border-radius:4px;background-image:url('assets/components/merchants-atlas.jpg');background-size:300% 200%;background-repeat:no-repeat;border:1px solid #6f694e;box-shadow:0 2px 4px #0004}
.market-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0}
.market-summary>div{text-align:center;border:1px solid #4c5147;border-radius:5px;padding:8px 3px;background:linear-gradient(140deg,#393a2c,#18252d)}
.market-summary b{display:block;font:25px Georgia;color:#e4c384}
.market-summary span{font-size:8px;color:#b8b8a1}
.market-explainer{font-size:10px;line-height:1.9;color:#98a9ad;margin:11px 0}
.market-legacy{font-size:10px;line-height:1.8;padding:10px 12px;border:1px solid #aa8453;border-radius:5px;color:#e6c58b;background:#a879281a}
.merchant-cities{display:grid;gap:10px}
.merchant-city-card{display:block;width:100%;text-align:left;padding:11px 12px 0;background:linear-gradient(130deg,#203039,#15232c);border:1px solid #48554e;border-radius:6px;overflow:hidden}
.merchant-city-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.merchant-city-heading strong{font:16px var(--serif);color:#dfc38b}
.merchant-city-heading small{font-size:8px;color:#8ea3a6}
.merchant-entry{display:flex;align-items:center;gap:10px;margin:8px 0;min-width:0}
.merchant-entry>div{min-width:0}
.merchant-entry strong{font-size:11px;font-weight:500;color:#e1decc;line-height:1.6;display:block}
.merchant-entry small{display:block;font-size:9px;color:#b4b18f;margin-top:2px}
.merchant-entry.blank{opacity:.65}
.merchant-entry.blank .merchant-art{filter:saturate(.4)}
.merchant-city-bonus{display:block;font-size:8px;color:#b9ab84;border-top:1px solid #3c4949;background:#0c182344;margin:9px -12px 0;padding:6px 12px}
.merchant-city-card.inactive{opacity:.55;background:#14212a}
.merchant-closed{display:block;font-size:10px;color:#8b9ca2;padding:3px 0}
.merchant-dialog-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.merchant-dialog-tiles .merchant-entry{padding:10px;background:#101d27;border:1px solid #4c594f;border-radius:5px}
.merchant-dialog-tiles .merchant-art{width:63px;height:63px}
.market-dialog-intro{font-size:12px;color:#9daeb0;margin-top:12px}
.tts-merchant-city-hit{cursor:pointer}
.physical-merchant:hover .tts-city-label rect{fill:#6a5733;stroke:#ffe2a5}
.tts-merchant-target{fill:#f1c56822;stroke:#ffe099;stroke-width:3;cursor:pointer;filter:drop-shadow(0 0 3px #e6b45d)}
.tts-merchant-target:hover{fill:#f1c56855;stroke:#fff2c4}
.tts-merchant-inactive{font:9px var(--sans);fill:#929b99;paint-order:stroke;stroke:#111b25;stroke-width:3px;pointer-events:none}
.board-toolbar button[data-rail-tab]{color:#d7bc85;border-color:#635b42;font-size:9px}
@media(max-width:720px){.merchant-dialog-tiles{grid-template-columns:1fr}.table-rail .action-button strong{font-size:12px}.table-rail .action-button .num{width:18px;height:18px;margin-right:5px}.table-rail .turn-heading{font-size:22px}.market-summary span{font-size:9px}}
/* Player identity follows the color of that player's printed industries. */
.ledger-card{border-left-width:4px;background:linear-gradient(120deg,color-mix(in srgb,var(--player) 19%,#14212b),#131e27 85%)}
.ledger-card.current,.ledger-card.first-place{border-color:var(--player);background:linear-gradient(120deg,color-mix(in srgb,var(--player) 27%,#14212b),#14212b 85%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--player) 22%,transparent)}
.ledger-card .ledger-top strong,.ledger-card .ledger-spending b{color:var(--player)}
.personal-mat{border-color:var(--player);background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--player) 19%,transparent),transparent 65%),linear-gradient(140deg,#1b2630,#111c25)}
.mat-header{border-bottom-color:color-mix(in srgb,var(--player) 45%,#25343d)}
.mat-identity h1,.mat-economy b{color:var(--player)}
.player-color-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--player);margin:2px 0 5px}
.player-color-label i{width:7px;height:7px;display:inline-block;background:var(--player);border-radius:2px}
.mat-switch button.active{background:color-mix(in srgb,var(--player) 16%,#111d26);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--player) 25%,transparent)}
.industry-lane{background:linear-gradient(90deg,color-mix(in srgb,var(--player) 10%,#18232c),#0e192266)}
.reserve-tile.next{border-color:var(--player);box-shadow:0 0 0 1px color-mix(in srgb,var(--player) 35%,transparent),0 0 14px color-mix(in srgb,var(--player) 13%,transparent)}
.reserve-tile.next .tile-cap{background:var(--player)}
.spending-player.current{background:color-mix(in srgb,var(--player) 20%,#15232d)}
.tts-round-spending.current circle{stroke:var(--player);filter:drop-shadow(0 0 3px var(--player))}
.tts-turn-token.current>circle{filter:drop-shadow(0 0 4px var(--player))}
.tts-link-piece{filter:drop-shadow(0 2px 2px #000b);pointer-events:none}
.card-city-focus{fill:#67d4e516;stroke:#91e5ee;stroke-width:2.8;filter:drop-shadow(0 0 5px #56d8eb);pointer-events:none}
.tts-board .physical-city.card-focused .tts-city-label rect{fill:#1c5262;stroke:#a2eff5;stroke-width:1.5}
.tts-board .physical-city.card-focused .tts-city-label text{fill:#d9fbff;font-weight:700}
#industry-preview{position:fixed;z-index:80;width:296px;max-width:calc(100vw - 16px);pointer-events:none;filter:drop-shadow(0 10px 24px #0009)}
.industry-preview-card{padding:13px;border:1px solid var(--player);border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--player) 16%,#15232d),#111c26);box-shadow:inset 0 0 0 1px #ffffff08}
.preview-piece-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.preview-piece-heading strong{font:17px var(--serif);color:#eddbb5}
.preview-piece-heading>span{font-size:10px;color:var(--player);max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-piece-body{display:flex;gap:13px;align-items:center}
.preview-piece-body>img{width:124px;height:124px;border-radius:4px;box-shadow:0 3px 8px #0007}
.preview-piece-rewards{flex:1;display:grid;gap:6px}
.preview-piece-rewards>div{display:flex;align-items:center;gap:9px;padding-bottom:5px;border-bottom:1px solid #859b9c22}
.preview-piece-rewards b{font:24px/1 Georgia;color:var(--player);min-width:35px}
.preview-piece-rewards span{font-size:9px;line-height:1.5;color:#c9cec5}
.preview-piece-state{font-size:10px;color:#ddc58e;margin-top:11px}
.industry-preview-card>p{font-size:9px;line-height:1.7;color:#93a4aa;margin-top:7px;border-top:1px solid #61747844;padding-top:7px}
.physical-slot[data-industry-preview]:focus-visible .tts-slot-hit{stroke:#ffe1a2;stroke-width:3}
#action-feedback{position:fixed;z-index:40;bottom:218px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:min(660px,80vw);padding:12px 18px;border:1px solid var(--player);border-radius:7px;background:#14232bf2;box-shadow:0 8px 30px #0008;pointer-events:none}
#action-feedback[hidden]{display:none}
#action-feedback>img{width:35px;height:35px;border-radius:4px;border:1px solid var(--player)}
#action-feedback>div{min-width:0}
#action-feedback strong{display:block;color:var(--player);font-size:13px}
#action-feedback span{display:block;color:#d5d5c5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}
#action-feedback>b{font:24px Georgia;white-space:nowrap;margin-left:8px}
#action-feedback .gain{color:#a3e6c5}#action-feedback .loss{color:#f1c18c}
.action-changed{animation:action-glow 2.1s ease-out both}
.physical-slot.action-changed .tts-slot-hit{stroke:#fff0a4!important;stroke-width:4!important;fill:#ffe39716}
.physical-route.action-changed .tts-link-piece{filter:drop-shadow(0 0 5px #ffe58b)}
[data-player-cash].action-changed,[data-player-spent].action-changed,[data-player-income].action-changed,[data-player-vp].action-changed{position:relative;color:#fff1a1!important;border-radius:3px;background:#d6ae5a44}
[data-action-delta]:after{content:attr(data-action-delta);position:absolute;bottom:calc(100% + 2px);left:0;z-index:6;font:700 12px var(--sans);color:#bbf5d3;background:#10251fee;padding:1px 5px;border-radius:3px;white-space:nowrap;pointer-events:none}
.action-loss[data-action-delta]:after{color:#ffccaa;background:#30201aee}
@keyframes action-glow{0%,42%{filter:drop-shadow(0 0 8px #ffe399);background-color:#d7ae4933}24%,66%{filter:drop-shadow(0 0 3px #ffe39977)}100%{filter:none}}
@media(max-width:720px){#action-feedback{bottom:281px;max-width:94vw;padding:9px 12px;gap:8px}#action-feedback span{max-width:65vw;font-size:10px}#action-feedback>b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.action-changed{animation:none;filter:drop-shadow(0 0 3px #ffe399)}}

.ai-profile-guide{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 14px}

/* Era symbols sit beside the tile art, as on the printed player mat. */
.mat-era-guide{margin:-5px 0 12px;color:#a8b8bf;font-size:10px;line-height:1.7}
.tile-era{display:flex;align-items:center;justify-content:center;gap:5px;min-height:26px;padding:3px 4px;border-bottom:1px solid #56616a;font-size:10px;line-height:1.2;letter-spacing:.5px;background:#15232e}
.tile-era svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.tile-era.canal{color:#b7dfec;background:#193644;border-color:#527d90}
.tile-era.rail{color:#f0ce91;background:#3b3020;border-color:#91784d}
.tile-era.unrestricted{color:#81939d;font-size:9px;font-weight:400;letter-spacing:0}
.reserve-tile.era-locked:not(.depleted){filter:none;border-style:dashed;border-color:#85745d}
.reserve-tile.era-locked .printed-tile{filter:saturate(.45);opacity:.7}
.reserve-tile.era-locked .tile-rule{color:#f1cf9a;background:#483425;font-size:8px;font-weight:600}
.industry-preview-card .preview-era-rule{color:#e0c58f}
@media(max-width:720px){.mat-era-guide{font-size:9px}.tile-era{font-size:9px;gap:4px}.tile-era svg{width:17px;height:17px}}