/* Reference-style Turkish city home. Live controls sit above the artwork. */
.game-app #game>header.reference-top{height:calc(48px + env(safe-area-inset-top));display:grid;grid-template-columns:1.05fr 1.1fr 1.1fr 34px;gap:5px;padding:env(safe-area-inset-top) 5px 0;background:repeating-linear-gradient(175deg,#6a482d 0,#735033 8px,#50331f 10px,#805b39 18px);border-bottom:3px solid #a98a56;box-shadow:inset 0 0 0 1px #241e17}.reference-top button{position:relative;min-width:0;height:35px;min-height:35px;margin:5px 0;border:2px solid #a98b5f;border-radius:3px;background:linear-gradient(#f1ecdf,#e0d2b5);box-shadow:inset 0 0 0 1px #faf4d8,0 1px 2px #1c160e;color:#4b3927;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;white-space:nowrap}.reference-top .diamond-tool{justify-content:space-between;background:linear-gradient(#e0f4f5,#ccdde4)}.diamond-tool .gem-symbol{font-size:23px}.diamond-tool b{color:#2984b6;font-size:23px}.reference-tool>span{font-size:21px;line-height:24px;color:#836947}.reference-tool>b{font-size:11px;font-weight:700}.reference-top .reference-settings{font-size:22px;padding:0}.reference-badge{position:absolute;right:-4px;top:-6px;background:#c83232;color:#fff;border:1px solid #f8c9b4;box-shadow:0 1px 2px #452e1f;border-radius:100%;min-width:15px;height:15px;font-size:9px;font-style:normal;display:grid;place-items:center}.reference-badge[hidden]{display:none}.game-app #resources{top:calc(48px + env(safe-area-inset-top));background:linear-gradient(#ece9dc,#d6d1bd);border:1px solid #ad9f7c;box-shadow:inset 0 0 0 1px #f4eddb}.game-app .resource-strip button{min-height:34px;height:34px;padding:2px 1px;background:transparent;border-radius:0;color:#413926;font-size:12px;gap:3px}.game-app .resource-strip button>span{font-size:22px}.game-app #game.city-home>.title-bar{display:none}.game-app #game.city-home>main{padding:0 0 calc(67px + env(safe-area-inset-bottom));background:#6f7750}.reference-city{position:relative;width:100%;height:auto;aspect-ratio:2 / 3;overflow:hidden;isolation:isolate;border-left:2px solid #817451;border-right:2px solid #817451}.reference-terrain{position:absolute;inset:0;background:#8e8e60 url('/assets/home-city.webp') center/contain no-repeat;z-index:0}.city-hitboxes{position:absolute;inset:0;z-index:1}.city-building-hit{position:absolute;transform:translate(-50%,-50%);background:transparent!important;border:0!important;border-radius:0;padding:0;min-height:0;box-shadow:none!important;display:flex;align-items:flex-end;justify-content:center;color:#fff}.city-building-hit>span{display:block;padding:3px 6px;background:#282b1eb8;border:1px solid #ddcf9b77;border-radius:3px;font:700 10px Georgia,serif;color:#fbf0d1;line-height:13px;text-shadow:0 1px #201b13;white-space:nowrap;max-width:100%}.city-building-hit span>b{display:inline-block;border-radius:50%;font:10px Arial;background:#272b20;padding:1px 3px;margin-left:3px;color:#ffdf80}.city-building-hit small{display:block;font-size:9px}.city-building-hit:hover,.city-building-hit:active{background:transparent!important;outline:none}.city-building-hit:focus{outline:none}.city-building-hit:focus-visible>span{text-decoration:underline;text-decoration-thickness:2px}.city-side-tools{position:absolute;left:7px;top:12px;z-index:3;display:grid;gap:13px;width:49px}.city-side-tools button{border:0;background:transparent!important;box-shadow:none!important;color:#faf5d3;padding:0;min-height:57px;text-align:center;display:grid;justify-items:center;gap:0}.city-side-tools strong{font:700 11px Georgia,serif;text-shadow:0 1px 2px #27291b,1px 0 2px #27291b}.side-art{position:relative;display:grid;place-items:center;width:42px;height:42px;border:2px solid #bea261;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7e4ae,#bd904c);box-shadow:0 2px 4px #1d251980,inset 0 0 0 1px #f8eec9;font-size:29px}.side-art.shop-art{border-radius:6px 6px 15px 15px;color:#73522c;font-size:24px;background:linear-gradient(#faf0da,#c7ae72)}.shop-art:before{content:'';position:absolute;left:-3px;right:-3px;top:0;height:17px;border:1px solid #685b30;border-radius:13px 13px 5px 5px;background:repeating-linear-gradient(90deg,#af2425 0 9px,#f8f1df 9px 18px);box-shadow:0 2px 2px #37251577}.city-player-name{position:absolute;right:7px;top:7px;z-index:2;background:#252b1bb0;color:#fff0be;padding:4px 8px;border-radius:3px;font:11px Georgia,serif;text-shadow:0 1px #24241d;max-width:65%;overflow:hidden;text-overflow:ellipsis}.city-player-name .marshal{font-size:8px}.city-player-name .marshal-logo{height:17px;width:17px}.city-shield{position:absolute;right:5px;bottom:37px;z-index:4;display:flex;align-items:center;gap:8px;background:#263323d9;color:#ecf2cf;border:1px solid #b5ac73;padding:2px 5px;border-radius:0;font-size:11px;min-height:25px}.city-shield>span{font-size:22px;line-height:22px}.city-shield>b{font-size:10px}.city-news-ticker{position:absolute;bottom:0;left:0;right:0;z-index:4;width:100%;min-height:30px;height:30px;display:flex;align-items:center;gap:6px;border-radius:0;background:#25331cf2;border:1px solid #a6a270;color:#f4edc3;padding:3px 6px;text-align:left;box-shadow:none}.city-news-ticker>span{font-size:8px;color:#eac878;border-right:1px solid #817b57;padding-right:6px}.city-news-ticker>strong{font:10px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.city-news-ticker>b{font-size:18px;color:#e9c05b}.game-app #game.city-home>#nav{background:linear-gradient(#ded8c0,#b9b196);border:3px ridge #756b51;padding:2px 3px calc(2px + env(safe-area-inset-bottom));gap:0;box-shadow:0 -2px 5px #30271977}.game-app #game.city-home>#nav button{border-right:1px solid #978f70;border-radius:0;min-height:56px;color:#574d35;background:transparent;gap:0}.game-app #game.city-home>#nav button:last-child{border-right:0}.game-app #game.city-home>#nav button.active{background:linear-gradient(#dac995,#bc9c57);color:#503a21;box-shadow:inset 0 0 0 1px #f2ddb0}.game-app #game.city-home>#nav .nav-icon{font-size:23px;color:#8b6933;text-shadow:0 1px #fff7d1}.game-app #game.city-home>#nav button>span:last-child{font:700 10px Georgia,serif}@media(max-width:360px){.reference-top .reference-tool>b{font-size:10px}.reference-top button{gap:2px}.reference-city{min-height:0}.city-side-tools{left:4px;width:44px}.side-art{width:37px;height:37px}.city-building-hit>span{padding:2px 3px;font-size:9px}.game-app .resource-strip button{font-size:10px}}
.diamond-tool #diamonds{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px}@media(max-width:360px){.diamond-tool .gem-symbol{font-size:20px}.diamond-tool>b{font-size:18px}.reference-top .diamond-tool{padding:0 2px;gap:2px}}