:root{--bg:#101722;--panel:#202b3a;--panel2:#2c394b;--line:#070b10;--text:#f7f1cf;--muted:#aab6c2;--accent:#f5d54a;--grass1:#4d9144;--grass2:#46863e;--blue:#3e82b5;--red:#b85b51}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--bg);background-size:16px 16px;color:var(--text);font-family:monospace;image-rendering:pixelated}button{font:inherit}.game-shell{width:min(1160px,100%);margin:auto;padding:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{margin:0;color:var(--accent);font-size:11px;letter-spacing:2px}h1{margin:0;font-size:clamp(28px,5vw,46px);text-shadow:3px 3px #000}h2{margin:0 0 6px;color:var(--accent);font-size:14px}.ghost-button,.tool,.next-year{border:3px solid var(--line);box-shadow:4px 4px #000;cursor:pointer}.ghost-button{background:var(--panel2);color:var(--text);padding:9px 12px}.status-panel{display:grid;grid-template-columns:repeat(4,1fr);margin:12px 0;background:var(--panel);border:4px solid var(--line);box-shadow:5px 5px #000}.status-panel div{padding:8px 11px;border-right:3px solid var(--line)}.status-panel div:last-child{border:0}.status-panel span{display:block;color:var(--muted);font-size:10px}.status-panel strong{font-size:clamp(15px,2.6vw,23px)}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.map-frame{position:relative;padding:6px;background:#080d13;border:4px solid var(--line);box-shadow:6px 6px #000;overflow:hidden}.map{display:grid;grid-template-columns:repeat(14,1fr);aspect-ratio:1;width:100%;background:var(--grass1);user-select:none;touch-action:none}.tile{position:relative;border:1px solid rgba(0,0,0,.16);padding:0;background:var(--grass1);color:#fff;min-width:0;overflow:hidden}.tile.alt{background:var(--grass2)}.tile.preview{box-shadow:inset 0 0 0 3px #fff5a8}.tile.range:after{content:"";position:absolute;inset:0;background:rgba(74,174,255,.24)}.tile.developable:after{content:"";position:absolute;inset:3px;border:2px dashed rgba(255,239,122,.8)}.tile.selected:after{content:"";position:absolute;inset:1px;border:3px solid #fff}.tile .sprite{position:absolute;inset:8%;display:block}.tile .label{position:relative;z-index:3;font-size:clamp(8px,1.25vw,14px);text-shadow:1px 1px #000}.tile .level{position:absolute;right:1px;bottom:0;z-index:4;font-size:7px;color:#ffe966}.tile.road,.tile.rail{background:#4f5962}.tile.road .sprite:before,.tile.road .sprite:after,.tile.rail .sprite:before,.tile.rail .sprite:after{content:"";position:absolute;background:#d8c64a}.tile.road.ns .sprite:before,.tile.road.n .sprite:before,.tile.road.s .sprite:before{width:18%;height:110%;left:41%;top:-5%}.tile.road.ew .sprite:before,.tile.road.e .sprite:before,.tile.road.w .sprite:before{height:18%;width:110%;top:41%;left:-5%}.tile.road.ne .sprite:before,.tile.road.nw .sprite:before,.tile.road.se .sprite:before,.tile.road.sw .sprite:before,.tile.road.cross .sprite:before,.tile.road.tee .sprite:before{width:18%;height:110%;left:41%;top:-5%}.tile.road.ne .sprite:after,.tile.road.nw .sprite:after,.tile.road.se .sprite:after,.tile.road.sw .sprite:after,.tile.road.cross .sprite:after,.tile.road.tee .sprite:after{height:18%;width:110%;top:41%;left:-5%}.tile.rail{background:#6b645e}.tile.rail .sprite:before{height:14%;width:110%;left:-5%;top:43%;background:#20252a}.tile.rail.ns .sprite:before{width:14%;height:110%;left:43%;top:-5%}.tile.rail .sprite:after{height:4%;width:110%;left:-5%;top:48%;background:#d8d1b8}.tile.rail.ns .sprite:after{width:4%;height:110%;left:48%;top:-5%}.tile.station{background:#9a6d46}.tile.power{background:#505a69}.tile.water{background:var(--blue)}.tile.park{background:#2f7537}.tile.house{background:#73a85e}.tile.shop{background:#b96d58}.tile.factory{background:#7d786e}.tile.apartment{background:#7684a2}.tile.tower{background:#526b8a}.float-message{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:20;background:rgba(5,9,14,.96);border:3px solid var(--accent);padding:7px 10px;opacity:0;pointer-events:none;white-space:nowrap}.float-message.show{opacity:1}.radial-menu{position:absolute;z-index:30;display:grid;grid-template-columns:repeat(4,48px);gap:4px;padding:6px;background:#101722;border:3px solid var(--accent);box-shadow:4px 4px #000;transform:translate(-50%,-110%)}.radial-menu[hidden]{display:none}.radial-menu button{width:48px;height:48px;background:var(--panel2);color:var(--text);border:2px solid var(--line);font-size:11px}.info-panel{display:grid;gap:10px;align-content:start}.info-panel>div{background:var(--panel);border:4px solid var(--line);box-shadow:4px 4px #000;padding:11px}.mode-line span,.mode-line small{display:block;color:var(--muted);font-size:10px}.mode-line strong{display:block;color:var(--accent);font-size:18px}.report-box p,.tile-info p{margin:0;font-size:12px;line-height:1.6}.next-year{width:100%;margin:14px 0 10px;background:var(--accent);color:#171717;padding:14px;font-weight:bold;font-size:18px}.tool-dock{position:sticky;bottom:0;z-index:15;display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:8px;background:rgba(16,23,34,.96);border:4px solid var(--line);box-shadow:0 -4px #000}.tool{display:grid;place-items:center;min-height:68px;background:var(--panel2);color:var(--text);padding:5px}.tool>span{font-size:18px;color:var(--accent)}.tool b{font-size:11px}.tool small{font-size:8px;color:var(--muted)}.tool.active{outline:3px solid var(--accent);background:#3a4c61}.tool.danger.active{outline-color:#ff7568}.tool-icon{position:relative;width:28px;height:20px}.road-icon:before{content:"";position:absolute;left:0;right:0;top:7px;height:7px;background:#687078;border-top:2px solid #d6c847;border-bottom:2px solid #d6c847}.rail-icon:before{content:"";position:absolute;left:0;right:0;top:5px;height:10px;border-top:3px solid #cfc8b4;border-bottom:3px solid #cfc8b4;background:#544f4b}@media(max-width:820px){.game-shell{padding:8px}.play-area{grid-template-columns:1fr}.info-panel{grid-template-columns:1fr 1fr}.mode-line{grid-column:1/-1}.tool-dock{grid-template-columns:repeat(7,minmax(64px,1fr));overflow-x:auto}.map-frame{padding:4px}}@media(max-width:520px){.topbar{align-items:flex-start}.status-panel{grid-template-columns:repeat(4,1fr)}.status-panel div{padding:6px 5px}.status-panel strong{font-size:13px}.status-panel span{font-size:8px}.info-panel{display:none}.next-year{position:sticky;bottom:83px;z-index:14;margin:8px 0}.tool-dock{margin:0 -8px -8px;border-left:0;border-right:0;border-bottom:0}.tool{min-height:64px}.tile .label{font-size:8px}}