:root{--empire-gold: #DAA520;--empire-gold-bright: #FFD700;--empire-brown: #8B4513;--empire-brown-dark: #3b2412;--empire-panel-bg: rgba(0, 0, 0, .85);--empire-border: #DAA520;--header-safe: 62px;--header-total-height: 72px;--z-game-ui: 6000;--z-village-modal-backdrop: 6510;--z-village-modal: 6520;--z-modal-backdrop: 11000;--z-modal: 11010;--z-modal-overlay-backdrop: 11100;--z-modal-overlay: 11110;--z-modal-stack-backdrop: 11200;--z-modal-stack: 11210;--z-modal-troops-backdrop: 11300;--z-modal-troops: 11310;--z-notifications: 12000;--z-loading: 12100}@media (max-width: 768px){:root{--header-safe: 52px;--header-total-height: 62px}}@media (max-width: 480px){:root{--header-safe: 48px;--header-total-height: 57px}}html,body,app-root{height:100%;margin:0;padding:0;background:linear-gradient(45deg,#2d1810cc,#1a0f08cc),url(/assets/desert.webp);background-size:cover;background-position:bottom;background-repeat:no-repeat;background-attachment:fixed;font-family:Cinzel,serif;color:var(--empire-gold-bright);overflow:hidden}.game-font{font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;letter-spacing:.2px;text-shadow:1px 1px 0px rgba(0,0,0,.8)}.game-font-small{font-family:Roboto,sans-serif;font-size:12px;line-height:1.3;letter-spacing:.1px;text-shadow:1px 1px 0px rgba(0,0,0,.8)}.game-font-title{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;letter-spacing:.3px;text-shadow:2px 2px 0px rgba(0,0,0,.8)}.game-brand-title{font-family:Orbitron,monospace;font-weight:700;font-size:16px;line-height:1.2;letter-spacing:1.5px;text-shadow:0 0 6px var(--empire-gold),0 0 12px var(--empire-gold),1px 1px 2px rgba(0,0,0,.9);color:#d4af37;text-transform:uppercase}.app-main{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}*{scrollbar-width:thin;scrollbar-color:rgba(201,168,76,.78) rgba(0,0,0,.32)}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:#00000047;border-radius:6px}*::-webkit-scrollbar-thumb{background:#c9a84cb8;border-radius:6px;border:1px solid rgba(20,16,10,.45)}*::-webkit-scrollbar-thumb:hover{background:#e8c547eb}*::-webkit-scrollbar-corner{background:transparent}.game-container,.game-canvas,.village-view{overflow:hidden}button{font-family:inherit}.empire-panel{background:var(--empire-panel-bg);border:2px solid var(--empire-border);border-radius:10px;box-shadow:0 6px 18px #0009}.empire-title{font-family:Uncial Antiqua,cursive;letter-spacing:1px;text-shadow:2px 2px 4px #000;color:var(--empire-gold-bright)}.resource-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000000bf;border:1px solid var(--empire-border);border-radius:16px}.chip-icon{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.game-modal-backdrop{position:fixed;inset:0;background:#000000a6;z-index:var(--z-modal-backdrop);pointer-events:auto;cursor:pointer}.game-modal-backdrop-overlay{z-index:var(--z-modal-overlay-backdrop)}.game-modal-panel{pointer-events:auto}.game-modal-close{box-sizing:border-box;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;border-radius:50%;border:2px solid #c9a84c;background:linear-gradient(180deg,#8b2020,#5a1010);color:#fff;font-size:16px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;z-index:5;box-shadow:0 2px 8px #0000008c;-webkit-tap-highlight-color:transparent}.game-modal-close:hover,.game-modal-close:focus-visible{filter:brightness(1.15);outline:none}@media (max-width: 768px){.game-modal-close,.quests-close,.rankings-close,.mail-close,.clan-close,.search-close,.ann-close,.war-reports-close,.pi-close,.village-modal-close,.modal-header .close,.modal-actions .close{position:absolute!important;top:8px!important;right:8px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50%!important;border:2px solid #e8c547!important;background:linear-gradient(180deg,#a02828,#5a1010)!important;color:#fff!important;font-size:18px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:20!important;box-shadow:0 3px 10px #000000a6!important}.quests-header,.rankings-header,.mail-header,.search-header,.ann-header,.war-reports-header,.village-modal-header,.modal-header{position:relative!important;padding-right:56px!important;flex-shrink:0!important;z-index:2}.modal-actions{padding-right:44px!important;position:relative;z-index:1}.clan-modal,.player-info-modal{position:fixed!important}.clan-close,.pi-close{top:10px!important;right:10px!important}.quests-modal,.rankings-modal,.mail-modal,.announcements-modal,.war-reports-modal,.clan-modal,.player-info-modal,.village-modal,.unit-upgrade-modal,.game-ui .modal,.march-modal{top:calc(var(--header-total-height) + 8px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;bottom:auto!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - var(--header-total-height) - var(--mobile-bottom-nav-height, 54px) - 20px)!important;z-index:var(--z-modal)!important}.search-modal{left:50%!important;right:auto!important;bottom:auto!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - var(--header-total-height) - var(--mobile-bottom-nav-height, 54px) - 20px)!important;z-index:var(--z-modal)!important}.game-modal-backdrop,.war-reports-backdrop,.mail-backdrop,.clan-backdrop,.player-info-backdrop,.village-modal-backdrop,.game-ui .modal-backdrop{z-index:var(--z-modal-backdrop)!important}.war-reports-modal{z-index:var(--z-modal-overlay)!important;height:calc(100dvh - var(--header-total-height) - var(--mobile-bottom-nav-height, 54px) - 20px)!important}.war-reports-backdrop{z-index:var(--z-modal-overlay-backdrop)!important}.mail-modal{z-index:var(--z-modal-stack)!important}.mail-backdrop{z-index:var(--z-modal-stack-backdrop)!important}.clan-modal,.player-info-modal{z-index:var(--z-modal-overlay)!important}.clan-backdrop,.player-info-backdrop{z-index:var(--z-modal-overlay-backdrop)!important}}