:root{--ink:#3b291c;--ink-soft:#6c5540;--parchment:#ead7a8;--parchment-deep:#c6a86a;--wood:#6f4228;--wood-dark:#3c291d;--red:#b64835;--gold:#d39b32;--green:#4f6d3d;--line:#4b301d4d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#243528;font-family:Georgia,Times New Roman,serif;overflow:hidden}button{font:inherit}.game-shell{background:radial-gradient(circle at 20% 0,#e2be6529,#0000 34%),#243528;grid-template-columns:minmax(0,1fr) 356px;min-height:100vh;display:grid}.world-pane{min-width:0;position:relative;overflow:hidden}.world-pane:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #121b13a6}.game-canvas{position:absolute;inset:0}.game-canvas canvas{width:100%;height:100%;display:block}.brand{z-index:3;color:#fff3cf;pointer-events:none;background:linear-gradient(145deg,#482f1eeb,#302118e6);border:2px solid #ebcd8980;border-radius:5px 18px;padding:14px 18px 16px;position:absolute;top:24px;left:28px;box-shadow:0 8px 25px #16120d59,inset 0 0 18px #ffd88514}.eyebrow{color:#e9b84c;letter-spacing:.18em;text-transform:uppercase;margin:0 0 5px;font-family:Segoe UI,sans-serif;font-size:10px;font-weight:800}.brand h1{text-shadow:0 3px 10px #24190f;margin:0;font-size:clamp(25px,3vw,44px);font-weight:500;line-height:.9}.status-strip{z-index:3;pointer-events:none;flex-wrap:wrap;gap:7px;display:flex;position:absolute;bottom:24px;left:28px}.status-chip{color:#f6e6bd;background:#3a271ae0;border:1px solid #eccc876b;border-radius:4px 11px;padding:8px 11px;font-family:Segoe UI,sans-serif;font-size:11px;box-shadow:0 5px 16px #00000038}.status-chip strong{color:#ffd66d}.status-chip.alert strong{color:#ff8f72}.side-panel{z-index:4;border-left:8px solid var(--wood);scrollbar-color:var(--wood) var(--parchment);background:linear-gradient(#f1ddb1f5,#dec289f7),repeating-linear-gradient(4deg,#0000 0 9px,#52361f0a 10px);height:100vh;padding:18px 20px 32px;position:relative;overflow-y:auto;box-shadow:-18px 0 55px #0000004d,inset 2px 0 #d7b973}.panel-head{border:2px solid var(--line);background:#fff5d252;border-radius:5px 14px;grid-template-columns:46px 1fr auto;align-items:center;gap:11px;padding:10px;display:grid}.crest{color:#ffe1a0;background:var(--red);border:2px solid #8b4a32;border-radius:50% 50% 44% 44%;place-items:center;width:42px;height:42px;font-size:21px;display:grid;box-shadow:inset 0 0 0 3px #ffe29e2e}.crest svg{width:25px;height:25px}.live{color:#456537;letter-spacing:.13em;text-transform:uppercase;font-family:Segoe UI,sans-serif;font-size:10px;font-weight:800;display:block}.live:before{content:"";background:#5b873d;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 2px #53773a2e}.tick{color:var(--ink-soft);margin-top:3px;font-family:Segoe UI,sans-serif;font-size:10px;display:block}.section{border-bottom:2px solid #5b39202e;padding:19px 0}.section:last-child{border-bottom:0}.section-title{color:#4a2e1d;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:19px;font-weight:700;display:flex}.section-title small{color:#8a6c4c;letter-spacing:.1em;text-transform:uppercase;font-family:Segoe UI,sans-serif;font-size:9px;font-weight:700}.game-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.game-controls button{min-height:35px;color:var(--ink);cursor:pointer;background:linear-gradient(#f7e8bd,#d8bd82);border:1px solid #5b381f52;border-radius:4px 10px;padding:6px 8px;font-family:Segoe UI,sans-serif;font-size:10px;font-weight:700;box-shadow:inset 0 1px #ffffff80}.game-controls button:hover{background:linear-gradient(#fff0c8,#ddc187);border-color:#9b5b35}.minimap{cursor:crosshair;background:#243a38;border:2px solid #4d301c8c;border-radius:5px 14px;width:100%;height:auto;display:block;box-shadow:inset 0 0 18px #00000047,0 3px 8px #462b1929}.minimap-legend{color:#765b3e;gap:12px;margin:8px 0 0;font-family:Segoe UI,sans-serif;font-size:9px;display:flex}.minimap-legend span{align-items:center;gap:4px;display:inline-flex}.minimap-legend i{width:10px;height:5px;display:inline-block}.legend-territory{background:#e0ac31bf}.legend-road{background:#5b351d}.legend-problem{background:#d83c32;border-radius:50%}.tool-group{margin:0 0 13px}.tool-group h3{color:#7e5d3c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-family:Segoe UI,sans-serif;font-size:9px;font-weight:800}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.tool{text-align:left;min-height:51px;color:var(--ink);cursor:pointer;background:linear-gradient(#f7e8bd,#d8bd82);border:1px solid #5b381f52;border-radius:4px 10px;grid-template-columns:29px minmax(0,1fr);align-items:center;padding:7px 8px;transition:all .14s;display:grid;box-shadow:inset 0 1px #ffffff80,0 2px 3px #482e1c1a}.tool:hover{border-color:#9b5b35;transform:translateY(-1px)}.tool.active{color:#fff1c9;background:linear-gradient(#b85a40,#8e3f30);border-color:#6d3527;box-shadow:inset 0 0 0 2px #ffde912b,0 3px 7px #47231938}.tool-icon{text-align:center;font-size:21px}.tool-copy{min-width:0}.tool-name{font-family:Segoe UI,sans-serif;font-size:11px;font-weight:800;display:block}.tool-meta{color:#806548;text-overflow:ellipsis;white-space:nowrap;font-family:Segoe UI,sans-serif;font-size:9px;display:block;overflow:hidden}.tool.active .tool-meta{color:#f2cfa0}.hint{color:#705638;margin:10px 0 0;font-family:Segoe UI,sans-serif;font-size:10px;line-height:1.45}.danger{color:#8f3328;border-left:3px solid var(--red);background:#b3423114;padding:7px 9px}.road-preview-status{background:#fff2cc66;border:1px solid #5b381f52;border-radius:4px 10px;grid-template-columns:1fr auto auto;align-items:center;gap:5px 10px;margin-top:9px;padding:8px 9px;font-family:Segoe UI,sans-serif;font-size:9px;display:grid}.road-preview-status strong{font-size:10px}.road-preview-status span{color:#76583b}.road-preview-status small{grid-column:1/-1;line-height:1.35}.road-preview-status.valid{border-left:4px solid #658448}.road-preview-status.valid strong{color:#496534}.road-preview-status.invalid{border-left:4px solid var(--red)}.road-preview-status.invalid strong,.road-preview-status.invalid small{color:#91382d}.network-issues{gap:6px;display:grid}.network-ok{color:#4e6b3e;margin:0;font-family:Segoe UI,sans-serif;font-size:10px}.network-issue{background:#ffefc26b;border-left:3px solid #d7a132;gap:2px;padding:7px 8px;font-family:Segoe UI,sans-serif;font-size:9px;display:grid}.network-issue.critical{border-left-color:var(--red);background:#b7483314}.network-issue strong{color:#745331;text-transform:uppercase;font-size:9px}.network-issue.critical strong{color:#91382d}.network-issue span{color:#725b43;line-height:1.35}.inspector{background:#fff4d240;border:1px solid #5b381f47;border-radius:5px 14px;margin:0 -5px;padding:15px 12px}.inspector-stats{grid-template-columns:1fr auto;align-items:center;gap:7px 10px;font-family:Segoe UI,sans-serif;font-size:10px;display:grid}.inspector-stats>span{color:#765a3d}.inspector-stats>strong{color:#4b3423}.warehouse-policies h3{color:#765737;letter-spacing:.08em;text-transform:uppercase;margin:13px 0 7px;font-family:Segoe UI,sans-serif;font-size:9px}.warehouse-policy{border-bottom:1px dotted #52341e38;grid-template-columns:minmax(0,1fr) 24px 67px;align-items:center;gap:6px;padding:4px 0;font-family:Segoe UI,sans-serif;font-size:9px;display:grid}.warehouse-policy button{cursor:pointer;border:1px solid #5b381f4d;border-radius:4px;padding:3px 4px;font-size:8px}.warehouse-policy button.accepting{color:#456537;background:#e5e6b8}.warehouse-policy button.rejecting{color:#92382e;background:#edc2ad}.building-flow,.flag-inspector{color:#6f563c;margin-top:10px;font-family:Segoe UI,sans-serif;font-size:9px}.building-flow p,.flag-inspector p{margin:4px 0}.flag-inspector div{border-bottom:1px dotted #52341e38;justify-content:space-between;gap:6px;padding:4px 0;display:flex}.road-upgrade{color:#fff0c8;cursor:pointer;background:linear-gradient(#ae573e,#87402f);border:1px solid #6f3828;border-radius:4px 10px;width:100%;margin-top:10px;padding:7px 9px;font-family:Segoe UI,sans-serif;font-size:9px;font-weight:700}.inventory{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;display:grid}.inventory-row{border-bottom:1px dotted #52341e38;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:4px 0;display:grid}.resource-icon{text-align:center}.resource-icon,.warehouse-policy span,.priority-row>span{align-items:center;gap:5px;display:inline-flex}.tool-icon svg{width:23px;height:23px}.inventory-label{color:#6d5339;text-overflow:ellipsis;white-space:nowrap;font-family:Segoe UI,sans-serif;font-size:10px;overflow:hidden}.inventory-value{color:#3d2a1b;font-family:ui-monospace,monospace;font-size:11px;font-weight:800}.priority-list{gap:3px;display:grid}.priority-row{color:#5c432d;border-bottom:1px dotted #52341e2e;justify-content:space-between;align-items:center;min-height:28px;font-family:Segoe UI,sans-serif;font-size:10px;display:flex}.priority-controls{text-align:center;grid-template-columns:22px 22px 22px;align-items:center;display:inline-grid}.priority-controls button{color:#fff0c8;background:var(--wood);cursor:pointer;border:1px solid #633c25;border-radius:4px;width:20px;height:20px;padding:0}.priority-controls strong{color:#8f3e2e}.event-log{gap:7px;display:grid}.event{color:#705538;background:#fff5d542;border-left:3px solid #70874e;padding:5px 7px 5px 10px;font-family:Segoe UI,sans-serif;font-size:10px;line-height:1.4}.event-construction{border-left-color:#bd7a35}.event-territory{border-left-color:#b74734}.state-mark{color:#563b268c;margin:12px 0 0;font-family:ui-monospace,monospace;font-size:9px}.main-menu-overlay{z-index:100;background:linear-gradient(#1a2d23d1,#0f1d17eb),radial-gradient(circle at 30% 20%,#6f8954,#24362c 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.confirm-overlay{z-index:120;background:#141c16b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-card{color:#533820;background:#ead7a8;border:2px solid #77452d;border-radius:10px 22px;width:min(420px,100%);padding:24px;box-shadow:0 18px 55px #00000073}.confirm-card h2{margin-top:0}.confirm-card p{font:12px/1.55 Segoe UI,sans-serif}.main-menu-card{color:#4a321f;background:linear-gradient(135deg,#f4e9bd,#d6bd7e);border:3px solid #6e4428;border-radius:16px 34px;width:min(620px,100%);padding:34px;box-shadow:0 28px 70px #00000075,inset 0 0 0 2px #fff1bd}.main-menu-card h1{color:#54321e;margin:4px 0 10px;font:700 42px/1 Georgia,serif}.menu-story{color:#6d5438;max-width:54ch;font:14px/1.55 Segoe UI,sans-serif}.main-menu-card label{color:#704d2f;letter-spacing:.08em;text-transform:uppercase;gap:6px;margin-top:15px;font:700 11px/1 Segoe UI,sans-serif;display:grid}.main-menu-card select{color:#49311e;background:#fff6d4;border:1px solid #9d7a48;border-radius:7px;width:100%;padding:10px 12px;font:600 13px Segoe UI,sans-serif}.main-menu-card input[type=range],.compact-settings input[type=range]{accent-color:#9b4b35;width:100%}.media-settings{align-items:end}.menu-settings{grid-template-columns:1fr 1fr;gap:12px;display:grid}.main-menu-card .menu-check{text-transform:none;align-items:center;gap:8px;display:flex}.network-lobby{background:#fff6d480;border:1px solid #9d7a48;border-radius:10px 20px;gap:10px;margin-top:18px;padding:14px;display:grid}.network-lobby-head,.network-join-row{align-items:center;gap:8px;display:flex}.network-lobby-head{justify-content:space-between}.network-lobby-head>div{gap:3px;display:grid}.network-lobby button{color:#fff1c8;cursor:pointer;background:linear-gradient(#8d6841,#66472e);border:1px solid #653924;border-radius:6px 12px;padding:8px 11px;font:700 10px Segoe UI,sans-serif}.network-lobby button:disabled{cursor:wait;opacity:.55}.network-join-row input{color:#49311e;text-transform:uppercase;background:#fff6d4;border:1px solid #9d7a48;border-radius:7px;flex:1;min-width:0;padding:9px 11px;font:700 12px Segoe UI,sans-serif}.network-room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:118px;display:grid;overflow:auto}.network-room-list>span{color:#725b43;font:11px/1.4 Segoe UI,sans-serif}.network-room-list button{text-align:left;gap:3px;display:grid}.network-room-list button span{color:#e7d4a7;font-weight:500}.network-log{color:#725b43;font:10px/1.4 ui-monospace,monospace}.network-log summary{cursor:pointer;font-weight:700}.network-log p{margin:4px 0 0}.menu-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.menu-actions button,.time-controls button,.panel-menu-button{color:#fff1c8;cursor:pointer;background:linear-gradient(#a6553d,#7a392c);border:1px solid #653924;border-radius:6px 12px;padding:9px 13px;font:700 10px Segoe UI,sans-serif}.panel-menu-button{margin-left:auto}.time-controls{grid-template-columns:1fr repeat(3,44px);gap:5px;margin:8px 0 12px;display:grid}.time-controls button[aria-pressed=true]{color:#49311e;background:#f1d884}.objective-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.objective-list li{color:#7b674e;background:#fffada59;border-left:3px solid #a49373;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 9px;font:9px/1.35 Segoe UI,sans-serif;display:grid}.objective-list li strong{color:#5d472f}.objective-list li span{grid-column:1/-1}.objective-list li small{grid-area:1/2}.objective-list li.active{background:#f1dba1;border-left-color:#b85138}.objective-list li.completed{opacity:.72;border-left-color:#66824c}.scenario-notifications p{color:#65492f;background:#fff6cf73;margin:6px 0 0;padding:5px 7px;font:9px/1.4 Segoe UI,sans-serif}.scenario-notifications .success{border-left:3px solid #66824c}.scenario-notifications .warning{border-left:3px solid #b64837}.end-stats{background:#fff8d87a;grid-template-columns:1fr auto;gap:7px 20px;margin-top:18px;padding:14px;font:12px Segoe UI,sans-serif;display:grid}.production-chart{background:#4a321f14;border-bottom:2px solid #765235;align-items:end;gap:3px;height:120px;margin-top:16px;padding:10px;display:flex}.production-chart i{background:linear-gradient(#d6a741,#8a6331);flex:1;min-width:3px;max-width:18px}.compact-settings{gap:7px;display:grid}.compact-settings label{color:#644a32;grid-template-columns:65px 1fr;align-items:center;gap:8px;font:9px Segoe UI,sans-serif;display:grid}.demolish-button{color:#7e3027;cursor:pointer;background:#ffe6ca7a;border:1px solid #a55a45;border-radius:5px;width:100%;margin-top:10px;padding:7px;font:700 9px Segoe UI,sans-serif}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=900px){body{overflow:auto}.game-shell{grid-template-rows:68vh auto;grid-template-columns:1fr}.side-panel{border-left:0;border-top:8px solid var(--wood);height:auto}.brand h1{font-size:28px}}@media (width<=520px){.brand{top:12px;left:12px}.status-strip{bottom:12px;left:12px}.side-panel{padding:14px}.inventory{grid-template-columns:1fr}.main-menu-card{padding:22px}.main-menu-card h1{font-size:32px}.menu-settings{grid-template-columns:1fr}.network-lobby-head,.network-join-row{flex-direction:column;align-items:stretch}.network-lobby-head button,.network-join-row button,.network-join-row input{width:100%}.network-room-list{grid-template-columns:1fr}}