/* Town UI follows the supplied Flash-era gold/ink/parchment references. */
.in-city.game-shell{height:100svh;min-height:560px;background:#719343}.in-city .world-art,.in-city .scene-shade,.in-city .ambient-particles{display:none}.in-city .screen{padding:0;min-height:100%;height:100%}.in-city .topbar{height:47px;padding:7px 18px;background:linear-gradient(#493017,#2d1c11);border-bottom:2px solid #b88a32;z-index:5}.in-city .edition{font-size:12px;color:#f6d16c}.in-city .footer{height:30px;padding:3px 18px;background:#342310;color:#dcc490;font-size:11px;z-index:5}.in-city .footer .text-button{font-size:11px}.in-city .utility{width:30px;height:30px;background:#5a3a1d;border-color:#d6b85e}.interactive-city{position:absolute;inset:47px 0 30px;min-height:0;overflow:hidden;animation:none;color:#3c2611;font-family:Arial,'Microsoft YaHei',sans-serif}.city-scene{position:absolute;inset:0;background:#70934a;overflow:hidden}.city-map{width:100%;height:100%;display:block;touch-action:none;user-select:none}.city-ground{pointer-events:none}.building-light{opacity:0;pointer-events:none;filter:brightness(1.2) saturate(1.15);transition:opacity .15s}.building-hit{fill:transparent;stroke:none;pointer-events:all;cursor:pointer}.building-outline{fill:none;stroke:#ffed8a;stroke-width:3;stroke-linejoin:round;opacity:0;pointer-events:none;filter:url(#building-glow);transition:opacity .15s}.city-building{outline:none}.city-building:hover .building-light,.city-building:has(.building-hit:focus-visible) .building-light,.city-building.is-selected .building-light{opacity:1}.city-building:hover .building-outline,.city-building:has(.building-hit:focus-visible) .building-outline,.city-building.is-selected .building-outline{opacity:1}.building-name{opacity:0;pointer-events:none;transition:opacity .15s,translate .15s;translate:0 5px}.building-name rect{fill:#42270fed;stroke:#f1ca63;stroke-width:2}.building-name text{font-size:17px;fill:#fff1bd;font-weight:700;paint-order:stroke;stroke:#3a210c;stroke-width:.7}.city-building:hover .building-name,.city-building:has(.building-hit:focus-visible) .building-name,.city-building.is-selected .building-name{opacity:1;translate:0 0}.city-building.is-powered .building-light{opacity:.5}.city-building.is-powered:hover .building-light{opacity:1}.building-reward .building-outline{animation:building-reward .7s 2}.city-effects{pointer-events:none}.rune-aura,.beacon-glow,.watch-light{opacity:0;transition:opacity .3s}.rune-aura.is-lit{opacity:1;animation:rune-breathe 2.5s infinite alternate}.beacon-glow.is-lit{opacity:1;animation:fire-flicker 1.1s infinite alternate;transform-box:fill-box;transform-origin:center bottom}.watch-light.is-lit{opacity:.9;filter:drop-shadow(0 0 10px #ffeb6e)}
.town-header{position:absolute;top:12px;left:18px;right:18px;display:flex;gap:16px;align-items:flex-start;pointer-events:none}.town-header>*{pointer-events:auto}.town-identity{display:flex;align-items:center;gap:9px;border:3px double #ffe298;background:linear-gradient(100deg,#dfb758,#ac792b);box-shadow:0 0 0 2px #3b230d,0 3px 6px #1c2b1c66;padding:6px 22px 6px 6px;border-radius:8px}.town-seal{display:grid;place-items:center;background:radial-gradient(#fcf1c7,#dcc183);border:3px double #5d3e14;outline:2px solid #fbe3a1;border-radius:50%;width:47px;height:47px;font:bold 27px Georgia}.town-identity div{display:grid;grid-template-columns:auto auto;column-gap:8px}.town-identity small{font-size:11px;grid-column:1/-1}.town-identity strong{font-size:20px;line-height:1.2;text-shadow:0 1px #ffe7a5}.town-identity div>span{align-self:end;font-size:12px}.town-resources{display:flex;gap:0;background:#f4e7bded;border:3px double #9a6725;outline:1px solid #efd283;border-radius:5px;padding:7px 0;box-shadow:0 3px 6px #233b2255}.town-resources>span{display:flex;align-items:center;gap:7px;padding:0 12px;border-right:1px solid #c3a45d}.town-resources>span:last-child{border:0}.town-resources i{font-size:12px;font-style:normal;background:#dca83f;border:1px solid #976425;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.town-resources b{font-size:15px;min-width:20px}.town-header>[data-exit]{margin-left:auto}.town-small,.town-primary{border:2px solid #5c3616;outline:1px solid #ffdf85;box-shadow:inset 0 0 0 2px #eed18a,0 2px 0 #42270f;border-radius:6px;background:linear-gradient(#bc8b37,#725018);color:#fff0b2;text-shadow:1px 1px #342108;font-weight:700;font-size:14px;line-height:1.4;padding:9px 14px;transition:filter .15s,transform .15s}.town-small:hover,.town-primary:hover{filter:brightness(1.14);transform:translateY(-1px)}.town-primary{background:linear-gradient(#698e31,#2a531b);font-size:17px;padding:10px 22px}.town-primary:disabled{filter:grayscale(.6);opacity:.65;cursor:default;transform:none}.town-map-tools{position:absolute;top:93px;left:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.town-map-tools [data-visit-count]{color:#f3d16b;font-size:12px;margin-left:5px}.town-zoom{display:flex;background:#543516;border:2px solid #e5c270;border-radius:5px;box-shadow:0 2px 3px #25392566}.town-zoom button{min-width:36px;border:0;background:none;color:#ffedba;font-size:17px;padding:4px 8px}.town-zoom button+button{border-left:1px solid #e5c27077}.town-zoom button:hover{background:#88662e}.town-zoom [data-zoom=reset]{font-size:12px}.town-bottom{position:absolute;bottom:12px;left:18px;right:18px;display:flex;align-items:end;justify-content:space-between;gap:14px;pointer-events:none}.town-bottom p{background:#39270dd9;border:1px solid #cbad63;color:#f6e4ac;padding:7px 12px;font-size:13px;line-height:1.4;margin:0;border-radius:4px}.town-bottom p span{display:block;font-size:11px;color:#d6c593;margin-top:3px}.town-bottom>div{display:flex;gap:10px;align-items:center;pointer-events:auto}.town-directory{position:absolute;z-index:8;top:90px;bottom:76px;left:18px;width:265px;max-width:calc(100% - 36px);background:#f2e2b6;border:5px double #9b6b23;border-radius:8px;box-shadow:0 6px 24px #15160988;display:flex;flex-direction:column}.town-directory[hidden]{display:none}.directory-title{display:flex;justify-content:space-between;align-items:center;background:#563515;color:#ffe19d;padding:6px 13px;border-bottom:2px solid #d5af53}.directory-title strong{font-size:18px}.directory-title button{background:#9e2820;border:2px solid #e6c870;border-radius:50%;color:#ffeba7;width:27px;height:27px;line-height:20px;font-size:21px;padding:0}.town-directory>p{font-size:12px;margin:9px 12px;color:#81602c}.town-directory>div:last-child{overflow:auto;padding:0 9px 10px}.town-directory [data-select]{width:100%;display:grid;grid-template-columns:1fr auto 18px;gap:7px;align-items:center;border:1px solid #bd9656;border-radius:5px;background:#fff1cc;text-align:left;padding:9px;margin:5px 0;color:#4c2f15}.town-directory [data-select]:hover{background:#ffe5a0;border-color:#865316}.town-directory [data-select] span{font-size:14px;font-weight:bold}.town-directory small{font-size:11px;color:#96723d}.town-directory i{color:#477722;font-style:normal}
.town-dialog{padding:0;border:6px double #f4d986;border-radius:15px;width:min(570px,calc(100vw - 30px));max-height:calc(100svh - 40px);overflow:auto;background:#4b2c11;color:#4a2d12;box-shadow:0 0 0 3px #39200c,0 15px 65px #0009}.town-dialog::backdrop{background:#17211388}.town-dialog h2{margin:0;padding:12px 54px 14px;text-align:center;background:linear-gradient(#fae5aa,#e3b957);color:#ffdd73;text-shadow:2px 2px #391e08,-1px -1px #391e08,1px -1px #391e08,-1px 1px #391e08;-webkit-text-stroke:1px #4a280c;font-size:30px;line-height:1.2;border-bottom:3px solid #96702f}.town-dialog-close{position:absolute;z-index:2;right:9px;top:10px;border:3px solid #f6d578;background:radial-gradient(#c44130,#79190f);box-shadow:0 0 0 2px #4c2a0c;color:#ffe8a7;border-radius:50%;width:33px;height:33px;font:bold 27px/24px Arial;padding:0}.town-panel-body{margin:14px;padding:20px;background:linear-gradient(100deg,#f2e4bd,#faf0d0 45%,#efddb0);border:3px double #b08c46;box-shadow:inset 0 0 14px #b18a3b44}.building-preview{display:flex;align-items:center;gap:22px;border-bottom:1px solid #c9ad73;padding-bottom:12px}.building-preview svg{width:155px;height:140px;border:3px double #ba984d;border-radius:10px;box-shadow:0 2px 5px #55331744;background:#7a9e42}.building-preview>span{font-size:16px;font-weight:bold;line-height:1.6;flex:1}.building-description{font-size:15px;line-height:1.75;margin:15px 0}.town-panel-stats{display:flex;gap:15px;background:#e5c98c88;padding:8px 12px;font-size:13px}.town-panel-stats b{color:#28721a}.town-action-note{font-size:13px;color:#836126;min-height:21px;margin:10px 0 16px}.town-panel-actions{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.town-save-note{text-align:center;color:#957540;font-size:11px;margin:14px 0 0}.town-feedback{position:fixed;z-index:30;bottom:105px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#fff0bd;color:#3c661c;border:3px double #98722c;border-radius:7px;box-shadow:0 5px 18px #1c291e77;padding:10px 22px;font-size:17px;font-weight:bold;transition:.2s}.town-feedback.show{opacity:1;transform:translate(-50%,0)}.hero-codex-heading{display:flex;gap:15px;align-items:center}.hero-codex-heading>img{width:83px;height:83px;object-fit:contain}.hero-codex-heading strong{font-size:25px}.hero-codex-heading p{font-size:14px;margin:3px 0}.hero-codex-heading span{font-size:11px;color:#90713a}.hero-showcase{margin:12px 0;background:radial-gradient(ellipse at 50% 80%,#dcc084 0%,#f7e8c1 70%);border:2px solid #b69143;border-radius:7px}.hero-showcase canvas{width:100%;height:auto;display:block;max-height:250px;object-fit:contain}.hero-animation-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.hero-animation-tabs button{font-size:12px;padding:7px 10px}.hero-animation-tabs button[aria-pressed=true]{background:linear-gradient(#7f9c3c,#3c5e1e)}.hero-codex-skills{display:flex;justify-content:center;gap:28px;margin:18px 0}.hero-codex-skills>div{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:bold}.hero-codex-skills img{width:43px;height:43px;object-fit:contain}
@keyframes fire-flicker{from{opacity:.65;scale:.93 1}to{opacity:1;scale:1.06 .89}}@keyframes rune-breathe{from{opacity:.4}to{opacity:.9}}@keyframes building-reward{50%{stroke:#fff;stroke-width:6}}
@media(max-width:800px){.town-header{left:12px;right:12px;top:10px;gap:10px;flex-wrap:wrap}.town-identity{padding-right:12px}.town-identity strong{font-size:17px}.town-identity div>span{font-size:11px}.town-seal{width:39px;height:39px;font-size:24px}.town-resources{order:3;padding:4px 0}.town-resources>span{padding:0 9px;gap:4px}.town-resources b{font-size:13px}.town-map-tools{top:130px;left:12px}.town-small{font-size:12px;padding:8px 10px}.town-primary{font-size:15px;padding:9px 16px}.town-bottom{left:12px;right:12px;bottom:10px;align-items:flex-start;flex-direction:column}.town-bottom>div{align-self:flex-end}.town-bottom p{font-size:11px;padding:5px 8px}.town-bottom p span{display:none}.town-directory{top:126px;left:12px;bottom:100px}.city-scene{inset:60px 0 40px}.town-dialog h2{font-size:25px}.town-panel-body{padding:15px;margin:10px}.hero-codex-heading>img{width:66px;height:66px}.hero-showcase canvas{max-height:220px}}
@media(max-width:460px){.in-city.game-shell{min-height:560px}.town-resources{width:100%;justify-content:center}.town-resources>span{flex:1;justify-content:center;padding:0 5px}.town-header>[data-exit]{font-size:11px}.town-identity div>span{display:none}.town-map-tools{top:119px}.town-map-tools [data-directory]{font-size:12px}.town-bottom>div{width:100%;justify-content:space-between;gap:7px}.town-bottom [data-profile]{font-size:11px}.town-bottom p{align-self:center}.building-preview{gap:14px}.building-preview svg{width:126px;height:116px}.building-preview>span{font-size:14px}.town-panel-stats{gap:10px;font-size:12px}.town-dialog h2{font-size:23px;padding-inline:40px}.hero-codex-heading span{font-size:10px}.hero-codex-skills{gap:14px}.hero-codex-skills>div{flex-direction:column}.city-scene{inset:100px 0 42px}.town-directory{top:115px}.hero-animation-tabs button{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.rune-aura,.beacon-glow,.building-reward .building-outline{animation:none!important}.building-name,.building-light,.building-outline,.town-small,.town-primary{transition:none}}
/* Selection follows the ground parcel; roofs keep only their existing brightness feedback. */
.building-plot-hit{fill:transparent;pointer-events:all;cursor:pointer}.building-plot{fill:#ffe38a;fill-opacity:.16;stroke-width:2.5;stroke-linejoin:round;filter:none}.building-hit:focus{outline:none}
.city-building.is-lawn-hover .building-light,.city-building.is-lawn-hover .building-outline{opacity:1}.city-building.is-lawn-hover .building-name{opacity:1;translate:0 0}
.portrait-intro{margin:0 0 14px;text-align:center;color:#65431d}.portrait-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portrait-card{display:flex;flex-direction:column;gap:7px;align-items:center;padding:8px;background:#f7e5b9;border:1px solid #ae812e;border-radius:8px;color:#482c12;cursor:pointer;font:inherit}.portrait-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;image-rendering:auto}.portrait-card:hover{background:#ffe89d;border-color:#76500f}.portrait-card:focus-visible{outline:3px solid #856019;outline-offset:2px}.portrait-card strong{font-size:14px}.portrait-detail>img{display:block;width:min(100%,520px);height:auto;margin:0 auto;image-rendering:auto}.portrait-detail .town-panel-actions{flex-wrap:wrap}@media(max-width:460px){.portrait-gallery{gap:8px}.portrait-card{padding:4px;gap:4px}.portrait-card strong{font-size:11px}}