:root{color:#f3ead5;font-synthesis:none;--font-large:16px;--font-medium:14px;--font-small:12px;font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-size:var(--font-medium);background:#101c1e}*{box-sizing:border-box}body{background:#101c1e;min-width:320px;margin:0}button{font:inherit}.app-shell{width:100%;min-height:100svh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);grid-template-rows:auto auto auto auto;gap:0;display:grid}.resource-panel,.hand-panel{background:#17282b;border-block:1px solid #315054}h2,p{margin:0}h2{font-size:var(--font-large)}.month{color:#f0cf81;font-weight:700;font-size:var(--font-medium)}.resource-panel{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 12px;padding:8px 12px;font-weight:650;display:flex}#resources{font-size:var(--font-medium)}.subtle{color:#9ab7b2;font-size:var(--font-small);font-weight:500}.contract-progress{color:#f0cf81;font-size:var(--font-small);border-top:1px solid #315054;flex-basis:100%;padding-top:5px}.board-shell{background:#101c1e;border-block:1px solid #315054;height:clamp(300px,48svh,420px);position:relative;overflow:hidden}#board{touch-action:none;width:100%;height:100%}.city-canvas{width:100%;height:100%;display:block}.building-inspector{z-index:1;color:#f7f0df;pointer-events:none;background:#101c1ee0;border-top:1px solid #f0cf81;grid-template-columns:auto 1fr;gap:2px 8px;padding:6px 9px;display:grid;position:absolute;bottom:0;left:0;right:0}.building-inspector strong{color:#f0cf81;font-size:var(--font-large)}.building-inspector span{color:#bed7c8;font-size:var(--font-small);align-self:center}.building-inspector p{color:#d5e4d7;font-size:var(--font-small);grid-column:1/-1;line-height:1.35}.actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:6px 4px;display:grid}.actions button{color:#112021;min-height:34px;font-size:var(--font-small);white-space:nowrap;border:0;border-radius:0;padding:0 4px;font-weight:750}.primary{background:#e3be6b}.secondary{background:#97c5b6}.tertiary{background:#8ba0a0}.actions button:disabled{opacity:.44}.hand-panel{padding:10px 8px max(12px, env(safe-area-inset-bottom))}.section-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title span{color:#a3c9bb;font-size:var(--font-small)}.card-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.blueprint-card{text-align:left;color:#f7f0df;background:#20363a;border:1px solid #46666a;border-radius:0;flex-direction:column;min-height:110px;padding:9px;display:flex}.blueprint-card.selected{border-color:#f0cf81;outline:3px solid #f0cf81}.blueprint-card:active{transform:translateY(1px)}.card-header,.card-details{justify-content:space-between;align-items:center;gap:6px;display:flex}.card-header{min-height:19px}.card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-large);font-weight:750;overflow:hidden}.card-kind{color:#bed7c8;font-size:var(--font-small);flex:none}.card-details{min-height:14px;margin-top:3px}.shape{flex:none;gap:2px;display:grid}.shape-cell{border:1px solid #66817b;border-radius:0;width:7px;height:7px}.shape-cell.filled{background:#f0cf81;border-color:#f0cf81}.card-meta,.card-description{display:block}.card-meta{color:#f0cf81;font-size:var(--font-small)}.card-description{color:#bbcfcc;font-size:var(--font-small);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:auto;margin-top:5px;line-height:1.35;display:-webkit-box;overflow:hidden}.kind-home{border-color:#aa8952}.kind-industry{border-color:#9d634d}.kind-commerce{border-color:#956184}.kind-public{border-color:#6687c4}.archive-notice{color:#221b10;font-size:var(--font-medium);background:#f0cf81;border-radius:0;grid-column:1/-1;padding:9px;font-weight:700}