@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-ext-wght-normal-tDTa1Fj6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-wght-normal-BFexNX-K.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f6efe3;--surface: #fffaf2;--text: #2b2118;--muted: #7a6a58;--border: #e3d5bf;--accent: #7a4b1e;--accent-text: #fffaf2;--speed: #8a3b12;--season: #1f5a6b;--danger: #a3261b;--warn-bg: #fdecd9;--bar-bg: #eadcc5;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #17120d;--surface: #221b14;--text: #f1e6d6;--muted: #b3a28c;--border: #3a2f23;--accent: #d39a5b;--accent-text: #1b140e;--speed: #e08a55;--season: #6fb6c9;--danger: #ff8a7a;--warn-bg: #3a2414;--bar-bg: #3a2f23;color-scheme:dark}}:root[data-theme=dark]{--bg: #17120d;--surface: #221b14;--text: #f1e6d6;--muted: #b3a28c;--border: #3a2f23;--accent: #d39a5b;--accent-text: #1b140e;--speed: #e08a55;--season: #6fb6c9;--danger: #ff8a7a;--warn-bg: #3a2414;--bar-bg: #3a2f23;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn Variable,Vazirmatn,Tahoma,sans-serif;line-height:1.6}.app{max-width:960px;margin:0 auto;padding:0 16px 32px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.topbar h1{margin:0;font-size:1.4rem;font-weight:800;color:var(--accent)}h2{margin:8px 0 12px}h3{margin:0;font-size:1.05rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.narrow{max-width:380px;margin:24px auto}form{display:flex;flex-direction:column;gap:10px}input{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:8px 14px;background:var(--surface);color:var(--text)}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.link{background:none;border:none;color:var(--accent);padding:4px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.world,.building{display:flex;flex-direction:column;gap:8px}.badge{font-size:.8rem;padding:2px 8px;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.badge.speed{color:var(--speed);border-color:var(--speed)}.badge.monthly{color:#6b2f8f;border-color:#6b2f8f}.badge.hourly{color:#2f7a3d;border-color:#2f7a3d}.badge.season{color:var(--season);border-color:var(--season)}.capacity .bar{height:8px;background:var(--bar-bg);border-radius:999px;overflow:hidden}.capacity .bar span{display:block;height:100%;background:var(--accent)}.muted{color:var(--muted);margin:0}.error{color:var(--danger)}.resource-bar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #3c230a14}.res{display:flex;align-items:center;gap:6px;min-width:0}.res>div{min-width:0;flex:1}.res .amount{display:block;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.res small{font-size:.72rem;white-space:nowrap}.res .fill{height:4px;background:var(--bar-bg);border-radius:999px;overflow:hidden;margin:2px 0}.res .fill span{display:block;height:100%;background:var(--accent)}.res.warn .amount{color:var(--danger)}@media (max-width: 560px){.resource-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.village-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}@media (max-width: 760px){.village-layout{grid-template-columns:minmax(0,1fr)}}.scene-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 16px #3c230a1f}.scene{display:block;width:100%;height:auto;font-family:Vazirmatn Variable,Vazirmatn,Tahoma,sans-serif;-webkit-user-select:none;user-select:none}.signboard-name{font-size:22px;font-weight:800;fill:#fff4dc;paint-order:stroke;stroke:#4a2f18;stroke-width:3px}.signboard-tile{font-size:14px;font-weight:700;fill:#f1d9ae}.scene-alert{position:absolute;top:8px;inset-inline:8px;padding:6px 10px;border-radius:8px;background:#a3261be6;color:#fff;font-size:.85rem;text-align:center}.slot{cursor:pointer;outline:none}.slot:hover>:not(.select-ring),.slot:focus-visible>:not(.select-ring){filter:brightness(1.08)}.slot:focus-visible .slot-label{text-decoration:underline}.ghost{opacity:.28;filter:grayscale(.7)}.plot{fill:#7a4b1e1f;stroke:#7a4b1e;stroke-width:2;stroke-dasharray:6 5}.plus-badge{fill:#7a4b1e;stroke:#fffaf2;stroke-width:2}.select-ring{fill:#ffd65c40;stroke:#e0a800;stroke-width:3;stroke-dasharray:10 6;animation:ring-spin 6s linear infinite}.slot-label{font-size:17px;font-weight:700;fill:#3a2614;paint-order:stroke;stroke:#fff6e4e6;stroke-width:5px;stroke-linejoin:round}.label-plate{fill:#fff6e4e0;stroke:#7a4b1e59;stroke-width:1}.level-badge{fill:#7a4b1e;stroke:#fff6e4;stroke-width:2.5}.level-num{font-size:15px;font-weight:800;fill:#fff6e4}.slot-timer{font-size:15px;font-weight:700;fill:#8a3b12;paint-order:stroke;stroke:#fff6e4e6;stroke-width:4px}.scaffold line{stroke:#8a5d33;stroke-width:3;opacity:.85}.hammer{transform-box:fill-box;transform-origin:bottom center;animation:hammer .9s ease-in-out infinite}.flag{transform-box:fill-box;transform-origin:left center;animation:flag 2.4s ease-in-out infinite}.palm{transform-box:fill-box}@keyframes ring-spin{to{stroke-dashoffset:-64}}@keyframes hammer{0%,to{rotate:0deg}50%{rotate:-35deg}}@keyframes flag{0%,to{transform:skewY(0)}50%{transform:skewY(-6deg)}}@media (prefers-reduced-motion: reduce){.select-ring,.hammer,.flag{animation:none}}.panel{display:flex;flex-direction:column;gap:10px}.building-panel{display:flex;flex-direction:column;gap:8px}.building-panel h4{margin:4px 0 0;font-size:.95rem}.queue-item{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--warn-bg);font-size:.9rem}.map-wrap{position:relative}.world-map{display:block;width:100%;aspect-ratio:1 / 1;max-height:72vh;border-radius:14px;border:1px solid var(--border);touch-action:none;cursor:grab}.world-map:active{cursor:grabbing}.map-village{cursor:pointer}.map-village .cell{fill:#fff6e459;stroke:#5a3c1e59;stroke-width:.04}.map-village:hover .cell{fill:#fff6e4bf}.map-village.mine .cell{fill:#2aa3a34d;stroke:#2aa3a3;stroke-width:.07}.map-village.protected .cell{fill:#4678c833;stroke:#4678c8;stroke-width:.06}.map-village.picked .cell{stroke:#e0a800;stroke-width:.1}.map-village .house rect{fill:#a8693a;stroke:#5a3b22;stroke-width:.15}.map-village .house .roof{fill:#7a4b1e}.map-village.mine .house rect{fill:#2aa3a3}.map-village.mine .house .roof{fill:#1d6f73}.heat-cell{cursor:zoom-in}.heat-cell:hover{stroke:#7a4b1e;stroke-width:.4}.heat-me circle{fill:#2aa3a34d;stroke:#1d6f73;stroke-width:.3}.heat-me .dot{fill:#2aa3a3}.map-legend{position:absolute;top:10px;inset-inline-start:10px;display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.8rem;color:var(--muted);background:color-mix(in srgb,var(--surface) 85%,transparent)}.map-legend i{width:70px;height:8px;border-radius:4px;background:linear-gradient(to left,#bd1b0fcc,#eec72b4d)}.map-controls{position:absolute;top:10px;inset-inline-end:10px;display:flex;flex-direction:column;gap:6px}.map-controls button{width:40px;height:40px;padding:0;font-size:1.2rem;font-weight:800}.map-village:focus{outline:none}.map-label{text-anchor:middle;font-weight:700;fill:#3b2614;stroke:#fff6e4e6;stroke-width:.12em;stroke-linejoin:round;paint-order:stroke;pointer-events:none;-webkit-user-select:none;user-select:none}.map-label.mine{fill:#145a5d}.map-info,.map-hint{position:absolute;inset-inline:10px;bottom:10px;font-size:.9rem}.map-info{max-height:60%;overflow:auto;margin:0;padding-inline-end:36px;box-shadow:0 4px 16px #00000040}.map-info-close{position:absolute;top:6px;inset-inline-end:8px;font-size:1rem}.map-info-title{font-size:1.05rem}.map-info-shield{margin:6px 0 0;color:#2d5aa0}.map-hint{padding:4px 10px;border-radius:999px;width:fit-content;max-width:calc(100% - 20px);background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--muted);font-size:.8rem;pointer-events:none}.cost li{display:inline-flex;align-items:center;gap:4px}.cost{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.9rem}.cost .short{color:var(--danger)}.alert{padding:8px 12px;border-radius:10px;margin-bottom:10px;font-size:.92rem}.alert.danger{background:var(--danger);color:#fff;font-weight:600}.alert.info{background:var(--warn-bg);border:1px solid var(--border)}.training,.troops{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:10px}.training h4,.troops h4{margin:0;font-size:.95rem}.unit-row{display:flex;gap:8px;align-items:flex-start}.unit-row.locked{opacity:.55}.unit-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cost.compact{font-size:.8rem;gap:2px 8px}.train-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.train-controls input,.attack-row input{width:72px;padding:6px 8px}.troop-list{display:flex;flex-wrap:wrap;gap:8px}.troop{display:inline-flex;align-items:center;gap:4px;font-weight:700}.queue-item.movement{align-items:center;border:1px solid var(--border)}.queue-item.movement .movement-text{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.queue-item.movement.outgoing{background:color-mix(in srgb,var(--danger) 14%,var(--surface));border-color:var(--danger)}.queue-item.movement.incoming{background:var(--danger);border-color:var(--danger);color:#fff}.queue-item.movement.incoming .muted{color:#ffffffd9}.queue-item.movement.returning{background:var(--surface)}.queue-item.movement.support_outgoing,.queue-item.movement.support_incoming,.queue-item.movement.support{background:color-mix(in srgb,var(--season) 12%,var(--surface));border-color:var(--season)}.movement-arrow{display:inline-block;width:22px;text-align:center;font-weight:800;color:var(--muted)}.damage{color:var(--danger);display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.9rem}.unit-ability{margin:0;font-size:.8rem;line-height:1.6;color:var(--accent);background:#7a4b1e14;border-radius:8px;padding:4px 8px}.loot{display:inline-flex;flex-wrap:wrap;gap:4px 10px;margin-inline-start:6px;align-items:center}.loot span{display:inline-flex;align-items:center;gap:3px}.attack-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attack-row{display:flex;align-items:center;gap:8px}.attack-row span{min-width:64px}button.danger{background:var(--danger);border-color:var(--danger);color:var(--accent-text)}.ok{color:#2f7a3d}.reports{display:flex;flex-direction:column;gap:10px}.report{display:flex;flex-direction:column;gap:6px;border-inline-start:4px solid var(--border)}.report-title{flex:1}.report.won{border-inline-start-color:#2f7a3d}.report.lost{border-inline-start-color:var(--danger)}.badge.win{color:#2f7a3d;border-color:#2f7a3d}.badge.loss{color:var(--danger);border-color:var(--danger)}.report-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side{display:flex;flex-direction:column;gap:4px}.side-row{display:flex;align-items:center;gap:6px;font-weight:700}.lost-count{color:var(--danger)}.badge.test{color:#6b3fa0;border-color:#6b3fa0}.world.upcoming{border-style:dashed}.world .starts{color:var(--accent);font-weight:600}.world-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.world-head h3{margin:0}.world .facts{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.9rem}.world .facts dt{color:var(--muted);white-space:nowrap}.world .facts dd{margin:0;min-width:0;text-align:left}.world>button{margin-top:auto}@media (max-width: 640px){.slot-tag{transform:scale(1.6)}}.map-village.site .cell{fill:#ffffffd9;stroke:#7864468c;stroke-width:.05}.map-village.site:hover .cell{fill:#fff}.map-village.site.held .cell{fill:#c832288c;stroke:#a3261b;stroke-width:.07}.map-village.site.held:hover .cell{fill:#c83228b3}.site-star{fill:#f2c230;stroke:#7a4e10;stroke-width:.03px;paint-order:stroke}.map-site-stock{margin:6px 0;font-size:.9rem}.village-name-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.village-name-btn:hover strong,.village-name-btn:focus-visible strong{text-decoration:underline dotted;text-underline-offset:4px}.signboard.editable{cursor:pointer}.signboard.editable:hover{filter:brightness(1.08)}.village-name-btn{min-width:0}.village-name-btn .rename{font-size:.95rem;color:var(--muted)}.map-info-icon{width:28px;height:28px;vertical-align:middle;margin-inline-end:4px}.map-site-beasts{margin:0 0 6px;font-size:.86rem;color:#8a4b12}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#17120d8c;animation:dialog-fade .15s ease-out}.dialog{width:min(400px,100%);padding:20px 20px 16px;border-radius:14px;border:1px solid var(--border);border-top:4px solid var(--accent);background:var(--surface);color:var(--text);box-shadow:0 18px 50px #00000059;animation:dialog-pop .18s ease-out}.dialog.danger{border-top-color:var(--danger)}.dialog h3{margin:0 0 8px;font-size:1.1rem}.dialog p{margin:0 0 14px;line-height:1.8;white-space:pre-line}.dialog input{width:100%;box-sizing:border-box;margin-bottom:14px}.dialog-actions{display:flex;flex-direction:row;gap:8px}.dialog-actions button{flex:1;padding:9px 12px}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}}@media (prefers-reduced-motion: reduce){.dialog-backdrop,.dialog{animation:none}}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,[role=button]{touch-action:manipulation}.app{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.pwa-offline{position:fixed;top:calc(env(safe-area-inset-top) + 6px);left:50%;transform:translate(-50%);z-index:1100;max-width:calc(100% - 32px);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700;color:#fff;background:var(--danger);box-shadow:0 4px 14px #00000040}.pwa-update{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 12px);left:50%;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 32px);padding:10px 14px;border-radius:14px;border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--surface);color:var(--text);box-shadow:0 10px 30px #0000004d;font-size:.9rem}.pwa-update button{padding:6px 12px}.install-btn{white-space:nowrap}.map-controls .map-go{font-size:1.15rem;font-weight:400}.map-go-label{display:none}@media (min-width: 900px){.map-controls .map-go{width:auto;display:flex;align-items:center;gap:6px;padding:0 10px}.map-go-label{display:inline;font-size:.82rem;font-weight:700}}@media (max-width: 380px){.map-controls{top:6px;inset-inline-end:6px;gap:5px}.map-controls button{width:36px;height:36px;font-size:1.05rem}}.topbar-fame{font-size:.85rem;color:var(--muted)}@media (max-width: 640px){.topbar-fame{order:3;flex-basis:100%}}.game{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);background:var(--bg);overflow:hidden}.game.loading{display:flex;align-items:center;justify-content:center}.hud{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.hud-title{display:flex;flex-direction:column;line-height:1.3;min-width:0}.hud-title strong{color:var(--accent)}.village-name{display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0}.village-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.village-name .link{padding:0 4px;font-size:.95rem}.village-name input{width:9.5em;padding:2px 6px;font:inherit;font-weight:700}.hud .tabs{flex:1;justify-content:center;margin:0}.hud .tabs button{padding:4px 12px}.hud .link{font-size:1.2rem}button.coins{background:#f7e3a3;border-color:#d4a72c;color:#5a3d06;font-weight:800;white-space:nowrap}button.coins .plus{display:inline-block;width:18px;height:18px;line-height:18px;border-radius:50%;background:#d4a72c;color:#fff;font-size:.85rem;text-align:center}.game .resource-bar{position:static;margin:4px 8px;padding:4px 8px;gap:4px 8px}.game .res .res-line{display:flex;align-items:baseline;gap:4px;line-height:1.15}.game .res .amount{display:inline}.game .res svg,.game .res img{width:22px;height:22px}.game .res .fill{height:3px;margin:1px 0 0}.res.full .amount{color:var(--danger)}.game .res .rate.up{color:#2f7a3d;font-weight:700}.game .res .rate.down{color:var(--danger);font-weight:700}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .game .res .rate.up{color:#6fcf7f}}.game .res .cap{margin-inline-start:-3px;font-size:.75rem;color:var(--muted)}.stage{position:relative;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f7cf98,#ecd4a3 30%,#e9d3a4)}.stage-scroll{background:var(--bg)}.coin-icon{vertical-align:-3px}.stage>.scene{width:100%;height:100%}.stage-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:12px}.stage-top{position:absolute;top:8px;bottom:8px;inset-inline:8px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none}.stage-top>*{pointer-events:auto}.build-queue{display:flex;flex-direction:column;gap:6px;max-width:320px;padding:8px;border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);font-size:.88rem}.queue-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.queue-chip{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:8px;background:var(--bg)}.queue-chip .row{flex-wrap:nowrap}.progress{height:4px;border-radius:999px;background:var(--bar-bg);overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transition:width 1s linear}button.instant{padding:2px 8px;font-size:.82rem;font-weight:800;background:#f7e3a3;border-color:#d4a72c;color:#5a3d06}.chip{padding:3px 10px;border-radius:999px;font-size:.82rem}.chip.gold{background:#f7e3a3;border-color:#d4a72c;color:#5a3d06}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.stage-alerts{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:340px;max-height:100%;overflow:visible}.stage-alerts>*{flex:none}.stage-top .build-queue{max-height:100%;overflow-y:auto}@media (max-height: 560px){.stage-alerts{gap:4px}.stage-alerts>*{padding-block:3px;font-size:.78rem}}.incoming{padding:8px 12px;border-radius:12px;background:var(--danger);color:#fff;animation:alarm 1.6s ease-out infinite;min-width:220px}.incoming-row{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.countdown{font-variant-numeric:tabular-nums;font-size:1.05rem}@keyframes alarm{0%{box-shadow:0 0 #a3261b8c}to{box-shadow:0 0 0 14px #a3261b00}}@media (prefers-reduced-motion: reduce){.incoming{animation:none}}.shield-chip,.warn-chip{padding:4px 10px;border-radius:999px;font-size:.82rem;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border)}.warn-chip{border-color:var(--danger);color:var(--danger)}.popup{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 24px));max-height:62%;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 28px #28160640;z-index:6}.popup h3{margin:0}.popup .desc{font-size:.88rem}.popup-action{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.popup-scroll{overflow:auto;display:flex;flex-direction:column;gap:6px}button.close{position:absolute;top:8px;inset-inline-end:8px;width:30px;height:30px;padding:0;border-radius:50%;z-index:2}button.secondary{border-color:var(--accent);color:var(--accent);font-weight:600}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);z-index:8}.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.sheet-head h2{margin:0;font-size:1.15rem}.sheet-head .close{position:static}.sheet-body{flex:1;overflow:auto;padding:12px 16px;display:flex;flex-direction:column;gap:16px}.sheet.barracks{background:color-mix(in srgb,var(--surface) 65%,var(--bg))}.unit-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.unit-row{display:grid;grid-template-columns:48px minmax(150px,1.2fr) auto minmax(150px,1fr) auto;align-items:center;gap:12px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.unit-row.locked{opacity:.6}.u-info{min-width:0}.u-info h3{margin:0;font-size:1rem}.u-info p{margin:2px 0 0;font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-stats{display:flex;gap:4px}.u-stat{display:flex;flex-direction:column;align-items:center;min-width:42px;padding:2px 4px;border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent);line-height:1.3}.u-stat small{font-size:.7rem;color:var(--muted)}.u-cost{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.86rem}.u-cost>span{display:inline-flex;align-items:center;gap:3px}.u-cost .short{color:#a3261b;font-weight:700}.u-order{display:grid;grid-template-columns:auto auto;grid-template-areas:"stepper train" "max train";align-items:center;gap:2px 8px}.u-order .stepper{grid-area:stepper;display:flex}.u-order .stepper button{width:30px;padding:4px 0}.u-order .count{width:58px;text-align:center;border-radius:0}.u-order .u-max{grid-area:max;font-size:.78rem;justify-self:center}.u-order .primary{grid-area:train;min-width:92px;align-self:stretch}.u-lock{margin:0;font-size:.88rem;font-weight:700;text-align:center}@media (max-width: 900px){.unit-row{grid-template-columns:48px 1fr;grid-template-areas:"icon info" "stats stats" "cost cost" "order order";gap:8px}.unit-row .u-order{grid-template-columns:auto 1fr auto;grid-template-areas:"stepper max train"}.unit-row>:first-child{grid-area:icon}.u-info{grid-area:info}.u-stats{grid-area:stats}.u-cost{grid-area:cost}.u-order,.u-lock{grid-area:order}}.market input[type=range]{width:100%;accent-color:var(--accent)}input.count{width:84px;padding:6px 8px}.training-queue{display:flex;flex-direction:column;gap:6px}.training-queue h3{margin:0 0 8px;font-size:1rem}.troop-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 12px;border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.troop-units,.powers,.troop-actions{display:flex;align-items:center;gap:10px}.troop-bar .troop{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.troop-bar .troop.none{opacity:.4}.power{display:inline-flex;align-items:baseline;gap:4px;padding:3px 10px;border-radius:999px;border:1px solid var(--border)}.power.attack b{color:var(--danger)}.power.defense b{color:#2f6fa8}.power small{color:#2f7a3d;font-weight:700}.power.upkeep b{color:sienna}.power.upkeep small{color:var(--muted);font-weight:400}.toast{position:absolute;bottom:14px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 14px;border-radius:10px;background:#2b2118;color:#fff6e4;z-index:20;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#140c0473;display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}.modal{position:relative;width:min(520px,100%);max-height:90dvh;overflow:auto;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.modal h2{margin:0}.packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.package{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:12px;border:1px solid #d4a72c;background:linear-gradient(180deg,#fff6d8,#f7e3a3);color:#5a3d06}.coin-stack{font-size:1.8rem}.package .price{margin-top:4px;font-weight:800}.market{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto}.market h3{margin:0 0 4px}.redistribute{display:flex;flex-direction:column;gap:6px;margin:8px 0}.redistribute label{display:flex;align-items:center;gap:8px}.resource-pick{display:flex;flex-wrap:wrap;gap:6px}.resource-pick .chip{display:inline-flex;align-items:center;gap:4px}.wall.unbuilt .wall-outline{stroke:#7a4b1e;stroke-width:4;stroke-dasharray:10 8;opacity:.55}.wall .select-ring{fill:#ffd65c2e}@media (max-width: 640px){.hud{flex-wrap:wrap;gap:6px}.hud .tabs{order:5;flex-basis:100%}.game .resource-bar{grid-template-columns:repeat(5,minmax(0,1fr));padding:4px;gap:2px}.game .res svg{width:20px;height:20px}.game .res .amount{font-size:.85rem}.game .res small{font-size:.62rem}.game .res .res-line{flex-wrap:wrap;column-gap:3px}.game .res .res-line .amount{flex-basis:100%}.game .res .cap{margin:0;font-size:.62rem}.stage-top{flex-direction:row}.build-queue{flex:1 1 auto;min-width:0;max-width:55%;padding:6px;font-size:.82rem}.queue-pass-text{display:none}.stage-alerts{max-width:60%}.troop-bar{gap:6px;padding:4px 8px}}.streak{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:8px 0}.streak-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:10px;border:1px solid var(--border);font-size:.8rem}.streak-day.got{background:var(--warn-bg);opacity:.75}.streak-day.next{border:2px solid #d4a72c;background:#fff6d8;color:#5a3d06}.quest{display:flex;flex-direction:column;gap:8px}.quest h3,.daily h3{margin:0;font-size:1rem}.quest.done{border-color:#2f7a3d}.quest.claimed{opacity:.6}.quests-btn{white-space:nowrap}.ranking{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.ranking table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}.ranking th,.ranking td{padding:8px 10px;text-align:start;border-bottom:1px solid var(--border)}.ranking tr.mine{background:var(--warn-bg);font-weight:700}.value-row{display:flex;flex-wrap:wrap;gap:6px}.value-row .chip{display:inline-flex;align-items:center;gap:4px}.not-started{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 26px;border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);box-shadow:0 8px 28px #28160640;text-align:center;z-index:4}.not-started .countdown{font-size:1.8rem;font-weight:800;color:var(--accent)}.popup>.row:first-of-type{padding-inline-end:36px}@media (max-width: 640px){.hud-title small,.quests-btn .label,.boost-btn .label,button.coins .plus{display:none}.hud .chip,.hud button.coins{padding:4px 8px}.hud .link{padding-inline:4px}.hud{row-gap:4px}.hud-title{flex:1}}.ban-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;gap:6px;max-width:min(520px,calc(100% - 32px));padding:18px 22px;border-radius:16px;text-align:center;background:color-mix(in srgb,var(--surface) 95%,transparent);border:2px solid var(--danger);box-shadow:0 8px 28px #2816064d}.ban-banner strong{color:var(--danger);font-size:1.1rem}.report.bounced{border-inline-start-color:var(--muted)}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#140c0499}.tour-spot{position:absolute;border-radius:12px;border:2px solid #d4a72c;box-shadow:0 0 0 9999px #140c0499;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;pointer-events:none}.tour-bubble{position:absolute;display:flex;flex-direction:column;gap:6px;padding:14px 16px;box-shadow:0 10px 30px #0000004d}.tour-bubble h3,.tour-bubble p{margin:0}.tour-bubble p{line-height:1.8}.tour-actions{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.tour-nav{display:flex;gap:8px}@media (prefers-reduced-motion: reduce){.tour-spot{transition:none}}.tour-head{display:flex;align-items:center;gap:10px}.tour-guide{width:56px;height:56px;flex:none;object-fit:contain}.tour-images{display:flex;justify-content:center;gap:6px;padding:4px 0}.tour-images img{width:52px;height:52px;object-fit:contain}.starve-chip{padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:700;color:#7a4e10;background:color-mix(in srgb,#f2c230 22%,var(--surface));border:1px solid #d4a72c}.starve-chip.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.sites-chip{padding:5px 12px;border-radius:12px;font:inherit;font-size:.84rem;font-weight:700;color:#2f5a1a;background:color-mix(in srgb,#8fae4a 20%,var(--surface));border:1px solid #8fae4a;cursor:pointer}.claim-pick{display:block;margin:6px 0;font-weight:700}.map-site-holder{margin:4px 0;font-size:.88rem;font-weight:700;color:#a3261b}.map-site-holder.mine{color:#1f7f8c}.map-site-holder.ally{color:#2f7a3d}.site-flag{fill:#fff;stroke:#5a1a12;stroke-width:.03px;paint-order:stroke}.site-flag.mine{fill:#5fe0f0}.site-flag.ally{fill:#8fe39a}.fortress-card h4{margin:12px 0 4px}.garrison-table{width:100%;border-collapse:collapse;font-size:.86rem}.garrison-table th,.garrison-table td{padding:3px 6px;text-align:right;border-bottom:1px solid var(--border, #d8c9a8)}.garrison-table tr.mine td{font-weight:700;color:#1f7f8c}.fortress-incoming{margin:0;padding-inline-start:18px;color:#a3261b}.fortress-alarm{color:#a3261b;font-weight:700}.claim-blocked{display:block;margin:6px 0;color:#8a5a12}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .sites-chip{color:#b7e39a;background:color-mix(in srgb,#8fae4a 22%,var(--surface))}:root:not([data-theme=light]) .starve-chip:not(.danger){color:#f2c76a}:root:not([data-theme=light]) .map-site-holder,:root:not([data-theme=light]) .fortress-incoming,:root:not([data-theme=light]) .fortress-alarm,:root:not([data-theme=light]) .fortress-counter{color:var(--danger)}:root:not([data-theme=light]) .map-site-holder.mine,:root:not([data-theme=light]) .garrison-table tr.mine td{color:#6fd0dd}:root:not([data-theme=light]) .map-site-holder.ally{color:#7fd18d}:root:not([data-theme=light]) .claim-blocked{color:#e8b765}}:root[data-theme=dark] .sites-chip{color:#b7e39a;background:color-mix(in srgb,#8fae4a 22%,var(--surface))}:root[data-theme=dark] .starve-chip:not(.danger){color:#f2c76a}:root[data-theme=dark] .map-site-holder,:root[data-theme=dark] .fortress-incoming,:root[data-theme=dark] .fortress-alarm,:root[data-theme=dark] .fortress-counter{color:var(--danger)}:root[data-theme=dark] .map-site-holder.mine,:root[data-theme=dark] .garrison-table tr.mine td{color:#6fd0dd}:root[data-theme=dark] .map-site-holder.ally{color:#7fd18d}:root[data-theme=dark] .claim-blocked{color:#e8b765}.wonder-badge circle{fill:#f2c230;stroke:#7a4e10;stroke-width:.03}.map-wonder{margin:4px 0;font-size:.88rem;font-weight:700;color:#8a5a12}.map-wonder.ours{color:#1f7f8c}.wonder-incoming{margin:8px 0;padding:8px 12px;border-radius:10px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid var(--danger)}.wonder-incoming ul{margin:4px 0 0;padding-inline-start:18px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .map-wonder{color:#f2c76a}:root:not([data-theme=light]) .map-wonder.ours{color:#6fd0dd}}:root[data-theme=dark] .map-wonder{color:#f2c76a}:root[data-theme=dark] .map-wonder.ours{color:#6fd0dd}.game{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game input,.game textarea,.game select{-webkit-user-select:text;user-select:text}.alert-tray{position:relative;display:flex;flex-direction:column;align-items:flex-end}.alert-icons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.alert-icon{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;height:44px;padding:2px 6px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 2px 6px #0000001f;color:var(--text);font:inherit;line-height:1.1;cursor:pointer}.alert-glyph{font-size:1.15rem}.alert-hint{font-size:.66rem;font-weight:700}.alert-label{display:none}.alert-count{position:absolute;top:-8px;left:50%;transform:translate(-50%);min-width:18px;height:18px;padding:0 4px;border-radius:999px;font-size:.68rem;font-weight:800;line-height:18px;color:var(--accent-text);background:var(--accent)}.alert-icon.warn{border-color:#d4a72c;background:color-mix(in srgb,#f2c230 20%,var(--surface))}.alert-icon.danger{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger);animation:alert-pulse 1.8s ease-in-out infinite}.alert-icon.open{outline:2px solid var(--accent);outline-offset:1px}@keyframes alert-pulse{0%,to{box-shadow:0 0 #a3261b73}50%{box-shadow:0 0 0 6px #a3261b00}}@media (prefers-reduced-motion: reduce){.alert-icon.danger{animation:none}}@media (min-width: 900px){.alert-icon{flex-direction:row;gap:6px;height:36px;padding:0 10px}.alert-label{display:inline;font-size:.8rem;font-weight:700}}.alert-pop{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:30;width:min(300px,calc(100vw - 32px));padding:10px 12px;border-radius:12px;border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--surface);color:var(--text);box-shadow:0 10px 30px #00000040;font-size:.88rem;-webkit-user-select:text;user-select:text}.alert-pop.warn{border-top-color:#d4a72c}.alert-pop.danger{border-top-color:var(--danger)}.alert-pop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.alert-pop p{margin:0 0 6px}.alert-pop .primary{width:100%;margin-top:6px;padding:6px}.alert-list{margin:0;padding-inline-start:18px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .alert-icon.warn{border-color:#a8842a}}@media (max-width: 640px){.hud .tabs{gap:4px}.hud .tabs button{flex:1 1 0;min-width:0;padding:4px 2px;font-size:.85rem;white-space:nowrap}}@media (max-width: 380px){.troop-units{gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.troop-units::-webkit-scrollbar{display:none}}.title-chip{display:inline-block;padding:0 8px;border-radius:999px;font-size:.78rem;font-weight:700;color:#5a3d06;background:color-mix(in srgb,#f2c230 28%,var(--surface));border:1px solid #d4a72c}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .title-chip{color:#ffe08a;background:color-mix(in srgb,#f2c230 22%,var(--surface));border-color:#b8901f}}:root[data-theme=dark] .title-chip{color:#ffe08a;background:color-mix(in srgb,#f2c230 22%,var(--surface));border-color:#b8901f}.crown{filter:drop-shadow(0 1px 1px rgb(0 0 0 / 30%))}.profile-fame{margin:4px 0 8px}.clan-card h4,.pacts-card h4{margin:10px 0 4px}.clan-members,.clan-trophies,.pact-list{margin:0;padding-inline-start:18px}.clan-members li.me{font-weight:700}.pact-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0}.pact-form{display:flex;flex-direction:row;gap:6px;margin-top:8px}.pact-form input{flex:1;min-width:0}.divs-row td{font-weight:700;color:var(--danger)}.chronicle{margin:8px 0;padding:8px 12px;border-inline-start:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface));font-size:.9rem;line-height:1.9}.chronicle p{margin:0}.league .hall-list li.mine{font-weight:700}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-hero{position:relative;background-color:#f2c48c;background-size:cover;background-position:center bottom;padding:32px 16px 48px;overflow:hidden}.landing-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.landing-hero-inner{position:relative;z-index:1;max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:center}.landing-copy h1{margin:0;font-size:clamp(2.4rem,7vw,4rem);font-weight:900;line-height:1.1;color:#4a2a10;text-shadow:0 2px 0 rgba(255,240,210,.7)}.landing-kicker{display:inline-block;margin:0 0 10px;padding:3px 12px;border-radius:999px;font-size:.85rem;font-weight:700;color:#fffaf2;background:#4a2a10b8}.landing-tagline{margin:12px 0 0;max-width:30ch;font-size:1.15rem;font-weight:600;color:#3b2614}.landing-art{position:relative;height:230px;margin-top:16px}.landing-arg{position:absolute;inset-inline-start:0;bottom:0;height:230px;width:auto;filter:drop-shadow(0 10px 14px rgba(60,30,10,.35))}.landing-champion{position:absolute;inset-inline-start:190px;bottom:10px;width:130px;height:130px;filter:drop-shadow(0 6px 10px rgba(60,30,10,.4))}.landing-login .card{margin:0;max-width:none;padding:20px;border-radius:16px;box-shadow:0 18px 40px #3c1e0a40}.landing-login h2{margin-top:0}.landing-rules-link{display:block;margin:12px auto 0;font-weight:700;color:#4a2a10}.landing-features{max-width:1040px;width:100%;margin:0 auto;padding:8px 16px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.landing-feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}.landing-feature img{width:84px;height:84px;object-fit:contain}.landing-feature h3{margin:6px 0 4px;color:var(--accent)}.landing-feature p{margin:0;font-size:.92rem;color:var(--muted)}.landing-journey,.landing-coins{max-width:1040px;width:100%;margin:0 auto;padding:8px 16px 24px}.landing-journey h2,.landing-coins h2{margin:0 0 12px;text-align:center;color:var(--accent)}.landing-journey ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:step}.landing-journey li{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 10px;text-align:center;counter-increment:step}.landing-journey li:before{content:counter(step,persian);position:absolute;top:8px;inset-inline-start:10px;font-size:.8rem;font-weight:700;color:var(--muted)}.landing-journey-icon{font-size:1.8rem}.landing-journey h3{margin:4px 0;font-size:1rem}.landing-journey p,.landing-coins p{margin:0;font-size:.88rem;color:var(--muted)}.landing-coins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-coins article{background:var(--surface);border:1px solid var(--border);border-inline-start:4px solid #d4a72c;border-radius:12px;padding:12px 14px}.landing-coins h3{margin:0 0 4px;font-size:1rem}@media (max-width: 900px){.landing-journey ol{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.landing-journey ol,.landing-coins-grid{grid-template-columns:1fr}}.landing-worlds{max-width:1040px;width:100%;margin:0 auto;padding:0 16px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.landing-world{border-radius:14px;padding:16px;border:1px solid var(--border);background:var(--surface);border-inline-start:5px solid var(--speed)}.landing-world.season{border-inline-start-color:var(--season)}.landing-world.monthly{border-inline-start-color:#6b2f8f}.landing-world.hourly{border-inline-start-color:#2f7a3d}.landing-world h3{margin:8px 0 2px;font-size:1.3rem}.landing-world p{margin:0;color:var(--muted)}.landing-footer{margin-top:auto;padding:16px;display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;align-items:center;font-size:.85rem;color:var(--muted);border-top:1px solid var(--border)}@media (max-width: 760px){.landing-hero{padding-top:20px}.landing-hero-inner{grid-template-columns:1fr;gap:12px}.landing-art,.landing-arg{height:150px}.landing-champion{inset-inline-start:125px;width:90px;height:90px}.landing-features,.landing-worlds{grid-template-columns:1fr 1fr}}.topbar-actions{display:flex;gap:14px}.rules-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.rules-head-actions{display:flex;align-items:center;gap:12px}.rules-toc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.rules-toc a{padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--accent);text-decoration:none;font-size:.88rem}.rules-section{margin-bottom:12px;scroll-margin-top:12px}.rules-section h3{color:var(--accent);margin-bottom:6px}.rules-section ul{margin:6px 0 0;padding-inline-start:20px}.rules-section li{margin-bottom:4px}.rules-table{width:100%;border-collapse:collapse;font-size:.9rem;display:block;overflow-x:auto}.rules-table th,.rules-table td{padding:6px 8px;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}.admin-search{flex-direction:row;gap:8px;margin:12px 0}.admin-search input{flex:1;min-width:0}.admin-account{margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.admin-ban-form{gap:8px}.admin-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-presets label{display:inline-flex;align-items:center;gap:6px}.admin-presets input{width:70px;padding:6px 8px}.admin-subtitle{margin:20px 0 8px}.admin-shared tr.suspect td{background:color-mix(in srgb,#c0392b 10%,transparent)}.admin-linked{display:block;text-align:start}.admin-bans tr.active td{background:color-mix(in srgb,var(--danger) 8%,transparent)}.name-picker{margin-bottom:14px;border:2px solid #d4a72c}.name-picker h3{margin-top:0}.name-picker-form{flex-direction:row;gap:8px}.name-picker-form input{flex:1;min-width:0}.me-line{margin:0 0 8px}.rules-images{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 8px}.rules-images img{width:64px;height:64px;object-fit:contain}.admin-reports tr.group-start td{border-top:2px solid var(--border)}.badge-count{display:inline-block;min-width:1.6em;padding:0 6px;border-radius:999px;background:#a3261b;color:#fff;font-size:.8rem;text-align:center}.admin-report-actions{display:flex;flex-wrap:wrap;gap:6px}.rules-section h4{margin:14px 0 6px;font-size:.98rem;color:var(--accent)}.rules-section ol{padding-inline-start:22px;line-height:1.9;list-style-type:persian}.rules-section .rules-table{margin:6px 0 10px}.login .captcha-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.login .captcha-row img{border-radius:8px;border:1px solid var(--border)}.login .captcha-row .link{font-size:1.3rem}.login-links{display:flex;justify-content:space-between;margin-top:8px}.password-field{position:relative;display:flex}.password-field input{flex:1;min-width:0;padding-right:44px}.password-field .password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--muted, #7a6a50)}.password-field .password-toggle:hover,.password-field .password-toggle[aria-pressed=true]{color:var(--text)}.password-field input::-ms-reveal,.password-field input::-ms-clear{display:none}.landing{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}.admin-tabs .badge-count{margin-inline-start:4px}.admin-file{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;border:2px solid var(--accent)}.admin-file h4,.admin-reports-tab h4{margin:10px 0 4px}.admin-coins-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.admin-coins-form input,.admin-coins-form select{flex:1 1 140px;min-width:0}.admin-list{margin:0;padding-inline-start:18px;font-size:.92em}.table-scroll{overflow-x:auto;max-width:100%}.ticket{margin-bottom:8px}.ticket-open{border-inline-start:4px solid var(--accent)}.ticket-answered{border-inline-start:4px solid var(--season)}.ticket-head{display:block;width:100%;text-align:start;color:var(--text)}.ticket-messages{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px}.ticket-messages li{padding:6px 10px;border-radius:8px;background:var(--bg);max-width:92%}.ticket-messages li.from-admin{background:var(--warn-bg);align-self:flex-end}.ticket-messages p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.ticket-answer,.support-form{display:flex;flex-direction:column;gap:6px}.ticket-answer textarea,.support-form textarea,.support-form input,.support-form select{width:100%;box-sizing:border-box;font:inherit}.support-page>.primary{margin:8px 0 12px}.shop-support{margin-top:6px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:8px 0}.stat-tile{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.stat-tile b{font-size:1.1em}.stat-tile.warn{border-color:var(--danger);background:var(--warn-bg)}.chart{margin:6px 0 10px;direction:ltr}.chart-svg{width:100%;display:block;background:var(--bg);border-radius:6px}.chart-axis{display:flex;font-size:.7em;color:var(--muted)}.chart-axis span{text-align:center;white-space:nowrap;overflow:visible}.chart-max,.chart-legend{direction:rtl;font-size:.8em}.chart-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle}.gauge{margin:6px 0}.gauge-head{display:flex;justify-content:space-between;gap:8px;font-size:.9em}.gauge-bar{height:10px;border-radius:5px;background:var(--bar-bg);overflow:hidden}.gauge-fill{height:100%;background:var(--season)}.gauge-fill.hot{background:var(--danger)}.payments-page{max-width:720px;margin:0 auto}.payment-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:6px}.payment-row>button{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"what price status" "when when when";gap:2px 12px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);text-align:start;text-decoration:none}.payment-row>button>span:nth-child(1){grid-area:what}.payment-row>button>span:nth-child(2){grid-area:price}.payment-row>button>span:nth-child(3){grid-area:status}.payment-row>button>small{grid-area:when}.payment-row.open>button{border-color:var(--accent)}.payment-status{font-weight:700;font-size:.85em;padding:0 8px;border-radius:999px;white-space:nowrap}.payment-status.paid{color:#1f6b33;background:color-mix(in srgb,#2f7a3d 15%,var(--surface))}.payment-status.pending{color:var(--accent);background:var(--warn-bg)}.payment-status.failed{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.receipt{margin:12px 0;border-top:4px solid var(--border)}.receipt.paid{border-top-color:#2f7a3d}.receipt.failed{border-top-color:var(--danger)}.receipt-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.receipt-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 16px;margin:10px 0}.receipt-lines div{display:flex;flex-direction:column;border-bottom:1px dashed var(--border);padding-bottom:4px}.receipt-lines dt{color:var(--muted);font-size:.85em}.receipt-lines dd{margin:0;font-weight:600;overflow-wrap:anywhere}.receipt-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .payment-status.paid{color:#8fd19e}}:root[data-theme=dark] .payment-status.paid{color:#8fd19e}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:absolute;inset:0 0 auto 0;margin:0;background:#fff;color:#000;border:1px solid #999}.receipt-actions{display:none}}.shop-soon{margin:12px 0;padding:12px;border-radius:10px;background:var(--warn-bg);border:1px solid var(--border)}.alliance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.alliance-none{grid-template-columns:minmax(0,1fr);max-width:620px}.alliance h3{margin:0 0 6px}.alliance-tag{color:var(--season);font-weight:800}.alliance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.alliance-desc{margin:8px 0;white-space:pre-wrap}.alliance-desc-edit textarea{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);resize:vertical}.alliance-create label{display:flex;flex-direction:column;gap:4px}.alliance-hint{font-size:.85rem;margin:10px 0 0}.row-actions{display:inline-flex;flex-wrap:wrap;gap:6px}.row-actions button{padding:4px 10px;font-size:.85rem}.danger-link{color:var(--danger)!important}.invite-list,.member-list{list-style:none;margin:0;padding:0}.invite-list li,.member-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.invite-list li>span:first-child,.member-name{flex:1;min-width:0}.member.me{background:color-mix(in srgb,var(--season) 8%,transparent);border-radius:8px;padding-inline:6px}.role-badge{font-size:.75rem;font-weight:700;padding:1px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.role-badge.leader{color:#9c7316;border-color:#d4a72c;background:color-mix(in srgb,#d4a72c 15%,transparent)}.role-badge.officer{color:var(--season);border-color:var(--season)}.alliance-chat{display:flex;flex-direction:column}.chat-list{height:min(52vh,420px);overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:6px 2px}.chat-msg{max-width:85%;align-self:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:5px 10px;display:flex;flex-direction:column}.chat-msg.mine{align-self:flex-end;background:color-mix(in srgb,var(--season) 14%,var(--surface))}.chat-author{font-size:.8rem;color:var(--accent)}.chat-body{white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg time{font-size:.7rem;align-self:flex-end}.chat-form{flex-direction:row;gap:6px;margin-top:8px}.chat-form input{flex:1;min-width:0}.map-village.ally .cell{fill:#2f7a3d40;stroke:#2f7a3d;stroke-width:.07}.map-village.ally .house rect{fill:#4f9a5c}.map-village.ally .house .roof,.map-label.ally{fill:#2f6b3a}.ally-note{color:#2f7a3d;font-weight:700}.map-invite{margin:6px 0}@media (max-width: 760px){.alliance{grid-template-columns:minmax(0,1fr)}}.map-village.closed .cell{fill:#7878784d;stroke:#777;stroke-dasharray:.15 .1;stroke-width:.06}.map-village.closed .house{opacity:.45}.closed-note{color:var(--danger);font-weight:700}.report-other{display:inline;padding:0;font:inherit;font-weight:800;text-decoration:underline dotted}.profile-card h3{margin:0 0 4px;font-size:1.2rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}.profile-stats div{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.profile-stats dt{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--muted)}.profile-stats dd{margin:0;font-size:1.2rem;font-weight:800}.raid-chip{padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:700;color:var(--text);background:color-mix(in srgb,#9b59b6 16%,var(--surface));border:1px solid #9b59b6}.raid-chip.danger{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface));animation:raid-pulse 1.6s ease-in-out infinite}@keyframes raid-pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 25%,transparent)}}@media (prefers-reduced-motion: reduce){.raid-chip.danger{animation:none}}.support-title{margin:12px 0 4px;font-size:.9rem;color:var(--season)}.queue-item.movement.support button{padding:3px 10px;font-size:.82rem}.div-figure{font-size:2rem;line-height:1.2}.loot.reward{color:#2f7a3d;font-weight:700}.fortress-chip{padding:4px 12px;border-radius:999px;font:inherit;font-size:.85rem;font-weight:700;color:var(--text);background:color-mix(in srgb,#6b2f8f 14%,var(--surface));border:1px solid #6b2f8f;cursor:pointer}.fortress-chip.mine{border-color:#2f7a3d;background:color-mix(in srgb,#2f7a3d 14%,var(--surface))}.map-village.fortress .cell{fill:#6b2f8f47;stroke:#6b2f8f;stroke-width:.03}.map-village.fortress.ally .cell,.map-village.fortress.mine .cell{stroke-width:.03}.map-village.fortress.ally .cell{fill:#2f7a3d4d;stroke:#2f7a3d}.fortress-icon path{fill:#4a2a5e;stroke:#24122f;stroke-width:.12}.fortress-icon .gate{fill:#e0a800}.alliance-lock{grid-column:1 / -1;margin:0;padding:8px 12px;border-radius:10px;border:1px dashed #6b2f8f;background:color-mix(in srgb,#6b2f8f 8%,var(--surface))}.alliance-lock.locked{border-style:solid;font-weight:700}.standings{display:flex;flex-direction:column;gap:12px}.standings h3{margin:0 0 6px}.fortress-card{border-inline-start:5px solid #6b2f8f}.table-scroll{overflow-x:auto}.fortress-line{color:#6b2f8f}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.badge-honor{padding:3px 10px;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid #d4a72c;background:color-mix(in srgb,#d4a72c 14%,var(--surface))}.my-badges{margin-bottom:12px}.my-badges h3{margin:0}.hall-world h4{margin:10px 0 4px;color:var(--accent)}.hall-list{list-style:none;margin:0;padding:0}.hall-list li{display:flex;align-items:center;gap:8px;padding:3px 0}.hall-list li>span:nth-child(2){flex:1}.hall-medal{width:1.6em;text-align:center}.arrival-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px}.arrival-pick input[type=time]{padding:4px 8px}.alliance-col{display:flex;flex-direction:column;gap:12px;min-width:0}.wonder-card{border-inline-start:5px solid #d4a72c}.wonder-progress{height:10px;border-radius:999px;background:var(--bar-bg);overflow:hidden;margin:6px 0}.wonder-progress span{display:block;height:100%;background:linear-gradient(to left,#d4a72c,#2aa3a3)}.wonder-build{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.wonder-build span{display:inline-flex;align-items:center;gap:3px}.trade-open{margin-top:8px}.trade-form{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.queue-item.movement.trade_outgoing,.queue-item.movement.trade_incoming{background:color-mix(in srgb,#d4a72c 14%,var(--surface));border-color:#d4a72c}.winner-banner{border:2px solid #d4a72c;background:color-mix(in srgb,#d4a72c 16%,var(--surface));text-align:center}.ended-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(480px,calc(100% - 32px));padding:18px 22px;border-radius:16px;text-align:center;background:color-mix(in srgb,var(--surface) 95%,transparent);border:2px solid #d4a72c;box-shadow:0 8px 28px #2816064d}.card.world.ended{opacity:.85;border-style:dashed}.boost-btn.on{border-color:#d4a72c;background:color-mix(in srgb,#d4a72c 22%,var(--surface));font-weight:700}.boost-chips{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 12px;border-radius:12px;font:inherit;font-size:.82rem;font-weight:700;color:var(--text);border:1px solid #d4a72c;background:color-mix(in srgb,#d4a72c 14%,var(--surface));cursor:pointer}.boost-chips>span{display:flex;align-items:center;gap:6px}.boost-chip-icon{width:1.4em;text-align:center}.boost-time{display:inline-block;min-width:5em;font-variant-numeric:tabular-nums;white-space:nowrap}.boost-balance{display:flex;align-items:center;gap:12px;font-weight:700}.boost-balance span{display:inline-flex;align-items:center;gap:4px}.boost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.boost-card{display:flex;flex-direction:column;gap:4px;text-align:center}.boost-card.running{border-color:#2f7a3d;box-shadow:inset 0 0 0 1px #2f7a3d}.boost-card h3,.boost-card p{margin:0}.boost-card button{margin-top:auto;display:inline-flex;justify-content:center;align-items:center;gap:4px}.boost-icon{font-size:2rem}.avatar{display:inline-block;flex:none;border-radius:50%;object-fit:cover;vertical-align:middle}.avatar-letter{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.me-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.avatar-open{display:inline-flex;align-items:center;gap:8px}.avatar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#140c048c}.avatar-picker{width:min(420px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.avatar-picker header{margin-bottom:10px}.avatar-picker h3{margin:0}.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;justify-items:center}.avatar-choice{padding:2px;border:3px solid transparent;border-radius:50%;background:none}.avatar-choice:hover{border-color:var(--border)}.avatar-choice.selected{border:3px solid #d4a72c}.profile-name{display:flex;align-items:center;gap:10px}.chat-author{display:inline-flex;align-items:center;gap:4px}.stage-fill,.stage-fill .map-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.stage-fill .world-map{width:100%;height:100%;aspect-ratio:auto;max-height:none;border:0;border-radius:0}.map-info{inset-inline:auto;inset-inline-start:10px;top:10px;bottom:10px;width:min(400px,calc(100% - 20px));max-height:none;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-bottom:0}@media (max-width: 700px){.map-info{inset-inline:0;top:auto;bottom:0;width:auto;max-height:72%;border-radius:16px 16px 0 0}}.attack-form{display:flex;flex-direction:column;gap:8px}.attack-quick{display:flex;align-items:center;gap:12px;font-size:.85rem}.attack-quick>span{flex:1}.attack-units{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.attack-unit{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border:1px solid var(--border);border-radius:10px;background:var(--bg);text-align:center;font-size:.82rem}.attack-unit.chosen{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.attack-unit-name{font-weight:700}.attack-unit input{width:100%;max-width:90px;padding:4px 6px;text-align:center}.attack-unit .link{padding:0;font-size:.78rem}.attack-actions{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 -14px;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface)}.attack-summary{display:flex;flex-direction:column;min-width:0;font-size:.85rem}.attack-actions .primary{flex:none;padding-inline:18px}.map-info>.attack-form{flex:1}.map-info .attack-actions{margin-top:auto}.avatar-picker{position:relative}.avatar-picker header .close{position:static}.report-open{margin-top:8px;color:var(--muted)}.report-form{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.report-form h4{margin:0}.report-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px}.report-form textarea{font:inherit;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical}.map-profile{display:inline-block;margin-top:4px}.fortress-counter{color:#a3261b}