:root{--hexames-safe-top:0px;--hexames-safe-right:0px;--hexames-safe-bottom:0px;--hexames-safe-left:0px;--hexames-ime-bottom:0px;font-family:"IBM Plex Sans Arabic",Inter,system-ui,sans-serif;color:#e8e8e8;background:#111315;color-scheme:dark;--bg:#111315;--panel:#181a1c;--line:#2a2d30;--line2:#3b3f43;--gold:#c7a45a;--gold2:#e0c47e;--muted:#8e9499;--green:#72b48c;--red:#c96d75}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);overflow-x:hidden}body{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.38;cursor:not-allowed}#app{max-width:720px;margin:auto;padding:0 10px calc(64px + max(env(safe-area-inset-bottom,0px),var(--hexames-safe-bottom))) ;padding-left:max(10px,env(safe-area-inset-left,0px),var(--hexames-safe-left));padding-right:max(10px,env(safe-area-inset-right,0px),var(--hexames-safe-right))}.topbar{position:sticky;top:0;z-index:20;display:flex;gap:9px;align-items:center;padding:calc(9px + max(env(safe-area-inset-top,0px),var(--hexames-safe-top))) max(0px,env(safe-area-inset-right,0px),var(--hexames-safe-right)) 9px max(0px,env(safe-area-inset-left,0px),var(--hexames-safe-left));background:#111315;border-bottom:1px solid var(--line)}.brand{min-width:0;flex:1}.brand-line{font:700 8px Inter,sans-serif;letter-spacing:.12em;color:#747a7f}.brand-mark{color:var(--gold)}.topbar h1{margin:3px 0 0;font-size:18px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{display:block;color:var(--muted);font-size:9px;margin-top:2px}.level{display:flex;gap:5px;align-items:center;color:var(--gold2);font:700 12px Inter,sans-serif}.level span{font-size:8px;color:#70767b}.icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line2);border-radius:5px;background:transparent;color:#bfc4c8}.resource-bar{display:grid;grid-template-columns:repeat(5,1fr);background:#151719;border-bottom:1px solid var(--line)}.resource{padding:7px 3px;text-align:center;border-left:1px solid var(--line);font-size:8px;color:#7d8388}.resource:first-child{border-left:0}.resource i{color:var(--gold);margin-left:3px}.resource strong{font:700 10px Inter,sans-serif;color:#ddd}.resource .rate{display:block;color:var(--green);font-size:7px}.screen{padding-top:8px}.section{padding:11px 2px;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-head h2{margin:0;font-size:13px}.section-head>span{font-size:8px;color:var(--muted)}.section-title{display:flex;align-items:center;gap:7px}.section-title i{color:var(--gold);font-size:11px}.hero{padding:8px 2px 12px;border-bottom:1px solid var(--line)}.hero-title{display:flex;align-items:center;gap:10px}.crest{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line2);background:#191b1d;color:var(--gold2)}.hero-title strong{font-size:16px}.hero-title small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:11px;background:var(--line);border:1px solid var(--line)}.pill{background:#181a1c;padding:7px 4px;text-align:center;font-size:8px;color:#aeb3b7}.progress{height:3px;background:#292c2f;margin:10px 0 5px}.progress span{display:block;height:100%;background:var(--gold)}.progress-label{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}.progress-label b{font:600 8px Inter,sans-serif;color:#cfc3a1}.resource-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.resource-grid .resource{background:#181a1c}.rates,.indices{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.rate,.index,.stat{background:#181a1c;padding:9px;text-align:center}.rate i{font-size:11px;color:#999fA4}.rate small,.index small,.stat small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.rate b,.index b,.stat b{display:block;margin-top:2px;font:700 11px Inter,sans-serif;color:#ddd}.quick,.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.quick button,.action-grid button{border:0;background:#181a1c;min-height:46px;padding:9px;font-size:10px}.quick button{text-align:right}.quick i,.action-grid i{color:var(--gold);margin-left:6px}.building-list,.army-list,.job-list,.market-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.building,.army-row,.job,.market-row{border:0;background:#181a1c;padding:10px}.building{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.building-main{display:flex;gap:8px}.building-icon{display:grid;place-items:center;width:34px;height:34px;border-right:2px solid var(--gold);background:#1d2022;color:var(--gold)}.building-name{font-size:11px}.building-meta{font-size:8px;color:var(--muted);margin-top:2px;line-height:1.6}.building button,.army-row button,.gold-btn{border:1px solid #65532d;background:#211c11;color:var(--gold2);border-radius:4px;padding:7px 10px;font-size:9px}.action-grid button{display:flex;justify-content:center;align-items:center;gap:6px}.action-grid i{margin:0}.job{display:flex;justify-content:space-between;align-items:center}.job b{font-size:10px}.countdown{font:700 10px Inter,sans-serif;color:var(--gold2)}.army-total{display:flex;align-items:baseline;gap:9px;padding:4px 0 10px}.army-total .total-icon{color:var(--gold)}.army-total b{font:700 27px Inter,sans-serif}.army-total small{font-size:8px;color:var(--muted)}.army-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:10px}.market-row{width:100%;display:grid;grid-template-columns:1fr auto auto;gap:8px;text-align:right;font-size:9px}.market-row b{color:var(--gold2)}.market-row i{color:var(--gold)}.empty{text-align:center;padding:20px;color:var(--muted);font-size:10px}.danger-btn{width:100%;padding:10px;border:1px solid #63333a;background:#251719;color:#e99ba2;border-radius:4px;font-size:10px}.toast{position:fixed;left:max(10px,env(safe-area-inset-left,0px),var(--hexames-safe-left));right:max(10px,env(safe-area-inset-right,0px),var(--hexames-safe-right));bottom:calc(68px + max(env(safe-area-inset-bottom,0px),var(--hexames-safe-bottom)));z-index:30;padding:10px;background:#1d2022;border:1px solid var(--line2);text-align:center;font-size:10px}.toast.success{border-color:#466f58;color:#b7ddc3}.hidden{display:none!important}.bottom{position:fixed;bottom:0;left:0;right:0;margin:auto;max-width:720px;height:calc(61px + max(env(safe-area-inset-bottom,0px),var(--hexames-safe-bottom)));background:#151719;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:0 max(0px,env(safe-area-inset-right,0px),var(--hexames-safe-right)) max(env(safe-area-inset-bottom,0px),var(--hexames-safe-bottom)) max(0px,env(safe-area-inset-left,0px),var(--hexames-safe-left));z-index:25}.bottom button{border:0;border-left:1px solid var(--line);background:transparent;color:#70767b;font-size:8px}.bottom button:first-child{border-left:0}.bottom button i{display:block;font-size:13px;margin-bottom:4px}.bottom .active{color:var(--gold2);background:#1a1c1e}.bottom .active i{color:var(--gold)}@media(max-width:560px){#app{padding-left:max(7px,env(safe-area-inset-left,0px),var(--hexames-safe-left));padding-right:max(7px,env(safe-area-inset-right,0px),var(--hexames-safe-right))}.rates,.indices{grid-template-columns:repeat(2,1fr)}.resource strong{font-size:9px}}.building-card{width:100%;display:grid;grid-template-columns:74px 1fr 18px;align-items:center;gap:10px;text-align:right;border:0;border-bottom:1px solid var(--line);background:#181a1c;color:inherit;padding:8px}.building-card:last-child{border-bottom:0}.building-art{width:74px;height:74px;overflow:hidden;border:1px solid var(--line2);background:#151719}.building-art img{width:100%;height:100%;display:block}.building-arrow{font-size:22px;color:var(--gold);transform:translateY(-1px)}.req-ok{color:var(--green)!important}.req-bad{color:var(--red)!important}.building-detail-hero{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;padding:4px 0}.building-detail-hero img{width:132px;height:132px;border:1px solid var(--line2);background:#151719}.detail-kicker{font-size:8px;color:var(--gold);margin-bottom:4px}.building-detail-hero h2{margin:0;font-size:18px}.building-detail-hero p{font-size:9px;color:var(--muted);line-height:1.7}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.detail-stats>div{background:#181a1c;text-align:center;padding:11px 5px}.detail-stats small{display:block;color:var(--muted);font-size:8px}.detail-stats b{display:block;margin-top:4px;color:var(--gold2);font:700 12px Inter,sans-serif}.requirements{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.req-row{display:flex;justify-content:space-between;background:#181a1c;padding:9px;font-size:9px}.effect-copy{margin:0;color:#b9bec2;font-size:10px;line-height:1.9}.primary-action{width:100%;min-height:44px}.building{transition:background .15s,transform .15s}.building:active,.quick button:active,.action-grid button:active,.market-row:active{transform:translateY(1px);background:#202326}.toast{backdrop-filter:blur(6px)}@media(max-width:420px){.building-detail-hero{grid-template-columns:100px 1fr}.building-detail-hero img{width:100px;height:100px}.building-detail-hero h2{font-size:15px}.building-card{grid-template-columns:64px 1fr 14px}.building-art{width:64px;height:64px}}.live-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.live-job{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:#181a1c;padding:10px;font-size:9px;text-align:right}.live-job b{font:700 10px Inter,sans-serif;color:var(--gold2)}.live-dot{font-size:7px;color:var(--green);margin-left:6px;animation:livePulse 1.4s ease-in-out infinite}@keyframes livePulse{0%,100%{opacity:.35}50%{opacity:1}}
.image-credit{display:block;margin-top:8px;color:#8e949b;font-size:10px;line-height:1.4;text-decoration:none}.image-credit:hover{color:#c7a45a;text-decoration:underline}.building-art img,.building-detail-hero>img{width:100%;height:100%;object-fit:cover;display:block}.building-detail-hero>img{max-height:260px;border:1px solid #2a2d30}