:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:840px;margin:0 auto;padding:16px}h1{margin:0;font-size:22px}.version{font-weight:400;font-size:12px;opacity:.6}.city-form{display:flex;gap:8px}.city-form input{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:10px;font-size:14px}.city-form button{padding:10px 14px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:600;cursor:pointer}.city-form button:disabled{opacity:.6;cursor:not-allowed}.error{color:#cf1322}.muted{opacity:.7}.map-box{margin-top:16px}.map-title{margin-bottom:6px}.map-grid{display:grid;gap:0;-webkit-user-select:none;user-select:none;width:fit-content;background:#f5f5f5;padding:4px;border-radius:8px;box-shadow:inset 0 0 0 1px #0000000d}.tile{position:relative;width:24px;height:24px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000000f}.tile--land{background-color:#e8f5e9}.tile--forest{background-color:#c8e6c9}.tile--hill{background-color:#eceff1}.tile--water{background-color:#bbdefb}.tile--road{background-color:#e0e0e0}.tile.can-build{cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.tile.can-build:hover{transform:translateY(-1px)}.tile.can-build:focus{outline:none;box-shadow:0 0 0 2px #1890ff59}.tile.occupied{cursor:not-allowed}.tile .house-full{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;font-size:18px;line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.25)}.tile .house-full:before{content:"🏠"}.tile .house-full.house-full--sm{font-size:14px}.legend{margin-top:12px}.legend-title{font-weight:600;margin-bottom:6px}.legend-list{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.legend-item{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#f7f7f7}.tile--sm{width:16px;height:16px}.legend-label{min-width:64px}.badge{font-size:12px;line-height:1;padding:3px 8px;border-radius:9999px;-webkit-user-select:none;user-select:none}.badge.ok{background:#e6fffb;color:#096dd9}.badge.no{background:#fff1f0;color:#cf1322}.lvl-badge{position:absolute;top:-2px;left:-2px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:#000000b3;color:#fff;font-size:10px;line-height:14px;text-align:center;pointer-events:none;z-index:2}