:root{--bg-primary: #f6efdf;--bg-secondary: #f1e6cf;--bg-tertiary: #ead9b8;--bg-elevated: #fff7ea;--bg-hover: #e6d3ad;--border-color: rgba(43, 33, 24, .14);--border-highlight: rgba(43, 33, 24, .22);--border-focus: #b58a4a;--text-primary: #221b15;--text-secondary: #4f4337;--text-muted: #7a6a5a;--gold: #b58a4a;--gold-dim: #8f6b38;--gold-bright: #d2a85f;--gold-glow: rgba(181, 138, 74, .28);--wax: #7f2b26;--wax-dim: #5f201c;--wax-glow: rgba(127, 43, 38, .18);--green: #2f6b4f;--green-dim: #255642;--green-glow: rgba(47, 107, 79, .18);--red: #8c2f2b;--red-dim: #6e2522;--red-glow: rgba(140, 47, 43, .18);--blue: #2c4f7a;--blue-dim: #233f61;--blue-glow: rgba(44, 79, 122, .18);--orange: #a86a2a;--orange-dim: #875423;--orange-glow: rgba(168, 106, 42, .18);--purple: #6a3a7a;--purple-dim: #532d61;--font-serif: "Crimson Pro", ui-serif, Georgia, "Times New Roman", Times, serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm: 0 1px 2px rgba(23, 18, 13, .1);--shadow-md: 0 8px 18px rgba(23, 18, 13, .12);--shadow-lg: 0 20px 35px rgba(23, 18, 13, .14);--shadow-glow-gold: 0 0 20px var(--gold-glow);--shadow-glow-green: 0 0 20px var(--green-glow);--shadow-glow-red: 0 0 20px var(--red-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;font-family:var(--font-sans);line-height:1.45;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(1200px 600px at 15% 0%,rgba(181,138,74,.08),transparent 60%),radial-gradient(900px 500px at 85% 10%,rgba(127,43,38,.06),transparent 60%),linear-gradient(180deg,var(--bg-primary),var(--bg-secondary))}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:4px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--bg-tertiary) 0%,var(--bg-primary) 70%)}.login-particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;filter:blur(1px)}.login-container{position:relative;z-index:1;max-width:420px;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-crown{position:relative;display:inline-block;margin-bottom:1rem}.crown-icon{color:var(--gold);filter:drop-shadow(0 0 10px var(--gold-glow))}.crown-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);border-radius:50%;pointer-events:none}.login-title{font-size:3rem;font-weight:700;color:var(--gold);letter-spacing:.2em;margin:0 0 .5rem;text-shadow:0 0 30px var(--gold-glow)}.login-subtitle{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em}.login-subtitle svg{color:var(--gold-dim)}.login-panel{background:var(--bg-secondary);border:1px solid var(--border-color);overflow:hidden}.login-panel-header{background:var(--bg-tertiary);padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.login-panel-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.login-panel-content{padding:1.5rem}.login-field{margin-bottom:1.5rem}.login-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.login-input{width:100%;padding:.75rem 1rem;font-size:1rem;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-fast)}.login-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.login-input::placeholder{color:var(--text-muted)}.login-button{width:100%;padding:.875rem 1.5rem;font-size:.875rem}.login-error{margin-top:1rem;padding:.75rem 1rem;background:#ff44441a;border:1px solid var(--red-dim);color:var(--red);font-size:.75rem}.login-features{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.login-feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted)}.login-feature-icon{font-size:1.5rem;filter:grayscale(.3)}.app{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.header-title-group{display:flex;flex-direction:column}.header-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:.02em;font-family:var(--font-serif)}.header-subtitle{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em}.header-stats{display:flex;align-items:center;gap:1.5rem}.header-stat{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px;transition:background var(--transition-fast);cursor:default}.header-stat:hover{background:var(--bg-tertiary)}.header-stat-icon{color:var(--text-muted)}.header-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-stat-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:.75rem}.header-icon-btn--menu{display:none}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.header-icon-btn:hover{background:var(--bg-tertiary);border-color:var(--border-highlight);color:var(--text-primary)}.header-player{display:flex;align-items:center;gap:.6rem;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border-color)}.header-player-meta{display:flex;flex-direction:column;align-items:flex-end}.header-player-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.header-player-name{font-size:.8rem;color:var(--wax);font-weight:700;font-family:var(--font-serif)}.crest{display:block;filter:drop-shadow(0 2px 6px rgba(23,18,13,.18))}.crest--header,.crest--player{border-radius:999px}.main{flex:1;display:grid;grid-template-columns:280px 1fr 320px;gap:1px;background:var(--border-color)}.sidebar{background:var(--bg-secondary);overflow-y:auto;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);-webkit-overflow-scrolling:touch}.content{background:var(--bg-primary);overflow-y:auto;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);padding:1rem;-webkit-overflow-scrolling:touch}.panel-right{background:var(--bg-secondary);overflow-y:auto;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.sidebar-section{border-bottom:1px solid var(--border-color)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary)}.sidebar-section-title{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.sidebar-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-add-btn:hover{background:var(--gold-dim);border-color:var(--gold);color:var(--bg-primary)}.sidebar-add-btn--disabled{opacity:.55;cursor:not-allowed}.sidebar-add-btn--disabled:hover{background:var(--bg-elevated);border-color:var(--border-color);color:var(--text-secondary)}.sidebar-lock-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--text-muted)}.sidebar-locked{padding:1rem;display:flex;gap:.5rem;align-items:flex-start;color:var(--text-muted);font-size:.75rem}.sidebar-locked-icon{color:var(--text-muted);margin-top:.1rem}.sidebar-locked-title{font-size:.75rem;color:var(--text-secondary)}.sidebar-locked-subtitle{margin-top:.1rem;font-size:.7rem}.right-panel-locked{padding:.75rem .25rem;color:var(--text-muted);font-size:.75rem;line-height:1.35}.city-list{padding:.5rem 0}.city-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;background:transparent;border:none;border-left:2px solid transparent;text-align:left;font:inherit;color:inherit;transition:all var(--transition-fast)}.city-item:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.city-item:hover{background:var(--bg-tertiary)}.city-item.active{background:var(--bg-tertiary);border-left-color:var(--gold)}.city-item-content{flex:1;min-width:0}.city-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.city-item-icon{color:var(--gold-dim)}.city-item.active .city-item-icon{color:var(--gold)}.city-item-name{font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-item-stats{display:flex;gap:1rem}.city-item-stat{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--text-muted)}.city-item-chevron{color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.city-item:hover .city-item-chevron,.city-item.active .city-item-chevron{opacity:1}.sidebar-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.75rem}.sidebar-empty-icon{margin-bottom:.75rem;opacity:.3}.market-list{padding:.5rem 0}.market-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 1rem;font-size:.75rem;transition:background var(--transition-fast);border:none;background:transparent;text-align:left;color:inherit}.market-item--clickable{cursor:pointer}.market-item--clickable:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.market-item-name{color:var(--text-secondary)}.market-item-price{display:flex;align-items:center;gap:.5rem}.market-trend.up{color:var(--green)}.market-trend.down{color:var(--red)}.right-panel-section{border-bottom:1px solid var(--border-color)}.right-panel-header{padding:.5rem .75rem;background:var(--bg-tertiary)}.right-panel-title{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.market-table{max-height:300px;overflow-y:auto}.market-table-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.4rem .75rem;border:none;border-bottom:1px solid var(--border-color);font-size:.7rem;background:transparent;text-align:left;color:inherit}.market-table-row--clickable{cursor:pointer}.market-table-row--clickable:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.market-table-row:last-child{border-bottom:none}.market-table-name{color:var(--text-secondary)}.market-table-price{font-weight:500}.economy-stats{padding:.75rem}.economy-stat{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.7rem}.economy-stat-label{color:var(--text-muted)}.economy-stat-value{font-weight:500}.right-panel-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--border-color);text-align:center}.version-info{font-size:.6rem;color:var(--text-muted);letter-spacing:.05em}.player-info{font-size:.65rem;color:var(--text-secondary);margin-top:.25rem}.panel{background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:1rem;overflow:hidden}.panel-header{background:var(--bg-tertiary);padding:.5rem .75rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.panel-header.clickable{cursor:pointer;transition:background var(--transition-fast)}.panel-header.clickable:hover{background:var(--bg-elevated)}.panel-header.clickable:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.panel-header-left{display:flex;align-items:center;gap:.75rem}.panel-header-right{display:flex;align-items:center;gap:.5rem}.panel-title{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.panel-badge{font-size:.6rem;padding:.15rem .5rem;border-radius:2px;background:var(--bg-elevated);color:var(--text-muted)}.panel-collapse-icon{color:var(--text-muted);display:flex}.panel-content{padding:.75rem}.panel-content.no-padding{padding:0}.panel-subtle{font-size:.75rem;color:var(--text-muted)}.panel-hint{margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.court-actions{display:grid;gap:.6rem}.court-action{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;background:#ffffff8c;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all var(--transition-fast)}.court-action:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-highlight)}.court-action:disabled{opacity:.6;cursor:not-allowed}.court-action-title{font-weight:700;color:var(--text-primary);font-family:var(--font-serif)}.court-action-meta{font-size:.85rem;color:var(--wax);font-weight:700}.chronicle{display:flex;flex-direction:column;gap:.75rem}.chronicle-item{padding:.75rem .85rem;background:#ffffff8c;border:1px solid var(--border-color);border-radius:12px}.chronicle-message{color:var(--text-primary);line-height:1.4}.chronicle-meta{margin-top:.35rem;font-size:.75rem;color:var(--text-muted)}.card{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.75rem;margin-bottom:.5rem;transition:all var(--transition-fast)}.card:hover{border-color:var(--border-highlight)}.card-title{font-size:.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.stat-card{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.875rem;transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold-dim),transparent);opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover{border-color:var(--border-highlight)}.stat-card:hover:before{opacity:1}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.stat-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-icon{color:var(--text-muted)}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.2}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.65rem;margin-top:.5rem}.stat-sparkline{display:flex;align-items:flex-end;gap:2px;height:24px;margin-top:.5rem}.stat-sparkline .sparkline-bar{flex:1;min-width:2px;max-width:4px;background:var(--gold-dim);border-radius:1px}.resource-card{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.875rem;transition:all var(--transition-fast)}.resource-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md)}.resource-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.resource-card-icon{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.resource-card-title{flex:1;min-width:0}.resource-card-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary)}.resource-card-category{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.resource-card-trend{display:flex;align-items:center;gap:.25rem;font-size:.7rem;padding:.25rem .5rem;border-radius:4px}.resource-card-trend.up{color:var(--green);background:var(--green-glow)}.resource-card-trend.down{color:var(--red);background:var(--red-glow)}.resource-card-stats{display:flex;gap:1rem;margin-bottom:.75rem}.resource-card-stat{flex:1}.stat-mini{display:flex;flex-direction:column;gap:.125rem}.stat-mini svg{color:var(--text-muted)}.stat-mini-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.stat-mini-value{font-size:.875rem;font-weight:500}.resource-card-sparkline{margin-bottom:.75rem;padding:.5rem;background:var(--bg-elevated);border-radius:4px}.resource-card-footer{display:flex;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-color)}.resource-card-price,.resource-card-value{display:flex;flex-direction:column}.price-label,.value-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.price-value,.value-amount{font-size:1rem;font-weight:600}.resource-card-actions{display:flex;gap:.5rem;margin-top:.75rem}.resource-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.resource-btn.buy:hover{background:var(--green-glow);border-color:var(--green);color:var(--green)}.resource-btn.sell:hover{background:var(--red-glow);border-color:var(--red);color:var(--red)}.resource-list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;cursor:pointer}.resource-list-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.resource-list-name{flex:1;font-size:.75rem}.resource-list-qty{font-size:.7rem;color:var(--text-secondary)}.resource-list-price{font-size:.75rem;font-weight:500}.resource-list-trend{font-size:.6rem}.resource-list-trend.up{color:var(--green)}.resource-list-trend.down{color:var(--red)}.building-card{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.875rem;transition:all var(--transition-fast)}.building-card:hover{border-color:var(--border-highlight)}.building-card.building-constructing{border-left:3px solid var(--orange)}.building-card.building-paused{opacity:.7}.building-card.building-damaged{border-left:3px solid var(--red)}.building-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.building-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.building-info{flex:1;min-width:0}.building-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary)}.building-meta{display:flex;align-items:center;gap:.75rem;margin-top:.25rem}.building-category{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.building-status{display:flex;align-items:center;gap:.25rem;font-size:.6rem;text-transform:uppercase}.building-progress{margin-bottom:.75rem}.building-progress .progress-label{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-muted);margin-bottom:.25rem}.building-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.building-stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.building-stat-value{font-weight:600}.building-stat-label{font-size:.65rem;color:var(--text-muted)}.building-efficiency{font-size:.8rem;font-weight:600;color:var(--text-primary)}.building-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.building-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.building-action-btn:hover{background:var(--bg-hover);border-color:var(--border-highlight);color:var(--text-primary)}.building-action-btn.danger:hover{background:var(--red-glow);border-color:var(--red);color:var(--red)}.population-card{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:.875rem;transition:all var(--transition-fast);cursor:default}.population-card.clickable{cursor:pointer}.population-card.clickable:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.population-card.clickable:hover{border-color:var(--border-highlight)}.population-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.population-icon{width:44px;height:44px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--bg-elevated)}.population-title{flex:1}.population-class{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.population-count{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.population-gauges{display:flex;justify-content:space-around;margin-bottom:.75rem}.population-gauge{display:flex;flex-direction:column;align-items:center;gap:.25rem}.gauge-info{display:flex;align-items:center;gap:.25rem;font-size:.7rem}.population-employment{padding-top:.75rem;border-top:1px solid var(--border-color)}.employment-bar{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.employment-fill{height:100%;background:var(--green);border-radius:3px}.employment-stats{display:flex;justify-content:space-between}.employment-stat{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-secondary)}.population-summary{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:1rem}.summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.summary-stat{display:flex;align-items:center;gap:.75rem}.summary-stat svg{color:var(--text-muted)}.summary-stat-content{flex:1}.summary-stat-label{display:block;font-size:.6rem;color:var(--text-muted);text-transform:uppercase}.summary-stat-value{font-size:.875rem;font-weight:600}.summary-stat-pct{font-size:.7rem;color:var(--text-muted);margin-left:.25rem}.unemployment-warning{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);font-size:.7rem}.warning-hint{color:var(--text-muted)}.data-table-wrapper{overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:520px){.data-table--resource-ledger th:nth-child(2),.data-table--resource-ledger td:nth-child(2),.data-table--resource-ledger th:nth-child(3),.data-table--resource-ledger td:nth-child(3),.data-table--resource-ledger th:nth-child(6),.data-table--resource-ledger td:nth-child(6),.data-table--resource-ledger th:nth-child(7),.data-table--resource-ledger td:nth-child(7){display:none}}.data-table{width:100%;border-collapse:collapse;font-size:.75rem}.data-table th{text-align:left;padding:.5rem;background:var(--bg-tertiary);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1}.data-table th.sortable{cursor:pointer;transition:background var(--transition-fast)}.data-table th.sortable:hover{background:var(--bg-elevated)}.data-table th .th-content{display:flex;align-items:center;gap:.5rem}.sort-icon{color:var(--text-muted);opacity:.5}.sort-icon.active{color:var(--gold);opacity:1}.data-table th.left{text-align:left}.data-table th.center{text-align:center}.data-table th.right{text-align:right}.data-table td{padding:.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table td.left{text-align:left}.data-table td.center{text-align:center}.data-table td.right{text-align:right}.data-table tr{transition:background var(--transition-fast)}.data-table tr:hover td{background:var(--bg-tertiary)}.data-table tr.clickable{cursor:pointer}.data-table-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.75rem}.resource-cell{display:flex;align-items:center;gap:.5rem}.resource-icon{width:20px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;background:var(--bg-elevated);color:var(--text-muted)}.resource-icon.raw{background:#2d4a2d;color:#8fbc8f}.resource-icon.processed{background:#4a3d2d;color:#daa520}.resource-icon.luxury{background:#4a2d4a;color:orchid}.resource-icon.military{background:#4a2d2d;color:#cd5c5c}.resource-icon.currency{background:#4a4a2d;color:gold}.sparkline-wrapper{display:flex;align-items:center;gap:.5rem}.sparkline-change{font-size:.65rem;font-weight:500}.sparkline-change.positive{color:var(--green)}.sparkline-change.negative{color:var(--red)}.sparkline-empty{color:var(--text-muted);font-size:.7rem}.bar-sparkline{display:flex;align-items:flex-end;gap:2px}.bar-sparkline-bar{border-radius:1px}.gauge-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.gauge{transform:rotate(-90deg)}.gauge-content{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center}.gauge-value{font-size:.75rem;font-weight:600}.gauge-label{font-size:.5rem;color:var(--text-muted);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{background:var(--bg-elevated);border-color:var(--border-highlight);color:var(--text-primary)}.btn-primary{background:var(--gold-dim);border-color:var(--gold);color:var(--bg-primary)}.btn-primary:not(:disabled):hover{background:var(--gold);box-shadow:var(--shadow-glow-gold)}.btn-danger{border-color:var(--red-dim);color:var(--red)}.btn-danger:not(:disabled):hover{background:var(--red-dim);color:var(--text-primary)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:not(:disabled):hover{background:var(--bg-tertiary);border-color:var(--border-color)}.btn-small{padding:.25rem .5rem;font-size:.65rem}.btn-medium{padding:.5rem 1rem;font-size:.75rem}.btn-large{padding:.75rem 1.5rem;font-size:.875rem}.btn-spinner{display:flex;align-items:center}.btn-icon{display:flex}.btn-group{display:flex;gap:.5rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn:not(:disabled):hover{background:var(--bg-elevated);border-color:var(--border-highlight);color:var(--text-primary)}.icon-btn-ghost{background:transparent;border-color:transparent}.icon-btn-small{padding:.25rem}.icon-btn-large{padding:.75rem}.market-modal-stats{display:flex;flex-wrap:wrap;gap:.75rem}.market-modal-stat{font-size:.85rem;color:var(--text-secondary)}.market-modal-label{color:var(--text-muted)}.market-modal-value{color:var(--text-primary);font-weight:650}@media(max-width:520px){.market-modal-stats{flex-direction:column;gap:.35rem}}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;background:var(--bg-secondary);border:1px solid var(--border-color);width:100%;max-height:90vh;max-height:calc(100dvh - 2rem);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-small{max-width:400px}.modal-medium{max-width:560px}.modal-large{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.modal-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.25rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}@media(max-width:520px){.modal-wrapper{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.modal-body{padding:.9rem}}.modal-footer{padding:.75rem 1rem;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-message{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.5}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:1000;padding:.5rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);font-size:.7rem;white-space:nowrap;box-shadow:var(--shadow-md)}.tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--bg-elevated);border:1px solid var(--border-color);transform:rotate(45deg)}.tooltip-arrow-top{bottom:-5px;left:50%;margin-left:-4px;border-top:none;border-left:none}.tooltip-arrow-bottom{top:-5px;left:50%;margin-left:-4px;border-bottom:none;border-right:none}.tooltip-arrow-left{right:-5px;top:50%;margin-top:-4px;border-bottom:none;border-left:none}.tooltip-arrow-right{left:-5px;top:50%;margin-top:-4px;border-top:none;border-right:none}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-muted);font-size:.6rem;cursor:help}.toast-container{position:fixed;top:calc(env(safe-area-inset-top,0px) + 4.25rem);right:1rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem;max-width:min(420px,calc(100vw - 2rem));pointer-events:none}.toast{pointer-events:auto}.toast{position:relative;display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);overflow:hidden}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-warning{border-left:3px solid var(--orange)}.toast-info{border-left:3px solid var(--blue)}.toast-icon{display:flex;flex-shrink:0}.toast-success .toast-icon{color:var(--green)}.toast-error .toast-icon{color:var(--red)}.toast-warning .toast-icon{color:var(--orange)}.toast-info .toast-icon{color:var(--blue)}.toast-content{flex:1;min-width:0}.toast-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.toast-message{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.toast-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--text-muted);transform-origin:left}.toast-success .toast-progress{background:var(--green)}.toast-error .toast-progress{background:var(--red)}.toast-warning .toast-progress{background:var(--orange)}.toast-info .toast-progress{background:var(--blue)}input,select,textarea{font-family:var(--font-mono);font-size:.8rem;padding:.5rem .75rem;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);outline:none;transition:all var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}input::placeholder{color:var(--text-muted)}.form-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.form-input{width:100%}.form-hint{font-size:.7rem;color:var(--text-muted);margin-top:.5rem}.alert{padding:.625rem .875rem;border-left:3px solid;margin-bottom:.75rem;font-size:.75rem;display:flex;align-items:center;gap:.5rem}.alert-message{flex:1;min-width:10rem}.alert-actions{margin-left:auto;display:inline-flex;align-items:center}.alert-info{background:#4488ff1a;border-color:var(--blue);color:var(--blue)}.alert-warning{background:#ff99001a;border-color:var(--orange);color:var(--orange)}.alert-critical{background:#ff44441a;border-color:var(--red);color:var(--red)}.tag{display:inline-flex;align-items:center;font-size:.6rem;padding:.2rem .5rem;border-radius:2px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.tag-default{background:var(--bg-elevated);color:var(--text-muted)}.tag-raw{background:#2d4a2d;color:#8fbc8f}.tag-processed{background:#4a3d2d;color:#daa520}.tag-luxury{background:#4a2d4a;color:orchid}.tag-military{background:#4a2d2d;color:#cd5c5c}.tag-currency{background:#4a4a2d;color:gold}.tag-production{background:#2d3d4a;color:#87ceeb}.tag-processing{background:#4a3d2d;color:#ffcc80}.tag-housing{background:#3d4a2d;color:#98fb98}.tag-trade{background:#ffd7002e;color:gold}.tag-infrastructure{background:#4a4a3d;color:khaki}.tag-other{background:#ffffff14;color:var(--text-secondary)}.tag-active{background:#00ff8826;color:var(--green)}.tag-constructing{background:#ff990026;color:var(--orange)}.tag-paused{background:#f0e68c26;color:khaki}.tag-damaged{background:#ff444426;color:var(--red)}.tag-destroyed{background:#8c8c8c2e;color:var(--text-secondary);text-decoration:line-through}.tag-buy{background:#00ff8826;color:var(--green)}.tag-sell{background:#ff444426;color:var(--red)}.number{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.value-positive{color:var(--green)}.value-negative{color:var(--red)}.value-neutral{color:var(--text-secondary)}.value-gold{color:var(--gold)}.progress-bar{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:3px;transition:width .3s ease}.progress-fill.positive{background:var(--green)}.progress-fill.negative{background:var(--red)}.progress-fill.warning{background:var(--orange)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted)}.spinner{display:inline-block;font-size:1.5rem;line-height:1;animation:spin 1.1s linear infinite;transform-origin:50% 50%}@media(prefers-reduced-motion:reduce){.loading-spinner,.spinner{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-state-text{font-size:.85rem;max-width:280px;margin:0 auto}.nav-list{list-style:none;margin:0;padding:0}.nav-item{padding:.6rem 1rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;border-left:2px solid transparent;transition:all var(--transition-fast)}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);border-left-color:var(--gold);color:var(--gold)}.nav-section{padding:.5rem 1rem;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}@media(max-width:1200px){.main{grid-template-columns:240px 1fr}.panel-right{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main{grid-template-columns:1fr}.sidebar,.header-stats,.header-player{display:none}.header-icon-btn--menu{display:flex}.header-icon-btn{width:40px;height:40px}.content{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.login-title{font-size:2.4rem}.login-features{flex-wrap:wrap;gap:1rem}}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:240;background:#221b1559;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex}.mobile-drawer{width:min(88vw,360px);height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg);padding-bottom:env(safe-area-inset-bottom,0px)}@media(max-width:768px){.sidebar.sidebar--drawer{display:block;width:100%;max-height:100vh}}.container{max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2rem;margin-bottom:1rem;font-weight:600;color:var(--gold)}.status{background:var(--bg-tertiary);padding:1rem;border-radius:4px;margin-top:1rem;border:1px solid var(--border-color)}.error{color:var(--red);background:#ff44441a;padding:1rem;border-radius:4px;border:1px solid var(--red-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-right{animation:slideRight .3s ease-out}.while-away-panel .panel-content{padding-top:.5rem}.while-away-receipt{display:grid;gap:.75rem;margin-top:.75rem}.while-away-city{width:100%;padding:.75rem .85rem;background:#ffffff8c;border:1px solid var(--border-color);border-radius:12px}.while-away-city-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.while-away-city-name{font-weight:600;color:var(--text-primary)}.while-away-metrics{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.35rem}.while-away-metric{font-size:.85rem}