:root{--text: #5c5348;--text-h: #1c1814;--text-muted: #7a7268;--bg: #f2ebe0;--bg-elevated: #faf6ef;--border: #d4cbc0;--code-bg: #e8dfd2;--panel-inset: rgba(28, 24, 20, .04);--accent: #a33228;--accent-hover: #8a2a22;--accent-bg: rgba(163, 50, 40, .12);--accent-border: rgba(163, 50, 40, .45);--safe: #1d6b4a;--social-bg: rgba(232, 223, 210, .65);--shadow: rgba(28, 24, 20, .08) 0 12px 28px -8px, rgba(28, 24, 20, .06) 0 4px 12px -4px;--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .45);--res-wood: #8b5a1a;--res-wood-bg: rgba(139, 90, 26, .26);--res-stone: #5c6670;--res-stone-bg: rgba(92, 102, 112, .26);--res-iron: #3d4a5c;--res-iron-bg: rgba(61, 74, 92, .28);--res-food: #2f6b4a;--res-food-bg: rgba(47, 107, 74, .26);--res-gold: #b8860b;--res-gold-bg: rgba(184, 134, 11, .28);--res-defense: #4a5a8a;--res-defense-bg: rgba(74, 90, 138, .26);--res-default: var(--text-h);--res-default-bg: rgba(28, 24, 20, .12);--sans: "DM Sans", system-ui, "Segoe UI", sans-serif;--heading: "Cinzel", "Palatino Linotype", Palatino, serif;--mono: ui-monospace, Consolas, monospace;--game-btn-url: url(/Button_3_2_1.png);--game-btn-slice: 48 187 48 187 fill;--auth-frame-url: url(/Full_Frame_s_simple.png);--auth-dock-lift: clamp(26px, 7.5vw, 44px);--action-card-bg: url(/Frame_m_back.png);--game-terrain-tile-url: url(/assets/plain_terrain/Image%20Sequence_001_0000.png);--game-terrain-tile-size: 200px;--game-terrain-tile-size-sm: 160px;--auth-switch-link: #0062c6;font:17px/150% var(--sans);letter-spacing:.02em;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}html{height:100%}body{margin:0;min-height:100%;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse 100% 70% at 50% -15%,rgba(163,50,40,.09),transparent 55%),repeating-linear-gradient(-12deg,transparent,transparent 11px,rgba(92,83,72,.03) 11px,rgba(92,83,72,.03) 12px),var(--bg)}@media (prefers-color-scheme: dark){:root{--text: #b8b0a5;--text-h: #f0ebe4;--text-muted: #8a8278;--bg: #121816;--bg-elevated: #171d1a;--border: #2a3330;--code-bg: #1a2220;--panel-inset: rgba(0, 0, 0, .25);--accent: #e07060;--accent-hover: #e8887a;--accent-bg: rgba(224, 112, 96, .15);--accent-border: rgba(224, 112, 96, .45);--safe: #5cb88a;--social-bg: rgba(26, 34, 32, .65);--shadow: rgba(0, 0, 0, .45) 0 16px 40px -12px, rgba(0, 0, 0, .3) 0 6px 16px -6px;--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--res-wood: #d4a574;--res-wood-bg: rgba(212, 165, 116, .26);--res-stone: #9ca8b0;--res-stone-bg: rgba(156, 168, 176, .24);--res-iron: #a8b4c4;--res-iron-bg: rgba(168, 180, 196, .24);--res-food: #6bcf9a;--res-food-bg: rgba(107, 207, 154, .24);--res-gold: #e8c547;--res-gold-bg: rgba(232, 197, 71, .26);--res-defense: #8a9fd4;--res-defense-bg: rgba(138, 159, 212, .26);--res-default: var(--text-h);--res-default-bg: rgba(255, 255, 255, .11)}body{background:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(224,112,96,.12),transparent 50%),repeating-linear-gradient(-12deg,transparent,transparent 11px,rgba(255,255,255,.02) 11px,rgba(255,255,255,.02) 12px),var(--bg)}#social .button-icon{filter:invert(1) brightness(2)}}#root{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;min-height:0;margin:0;text-align:center;box-sizing:border-box;background:var(--bg-elevated)}h1,h2{font-family:var(--heading);font-weight:600;color:var(--text-h);letter-spacing:.06em}h1{font-size:40px;letter-spacing:.08em;margin:28px 0}@media (max-width: 1024px){h1{font-size:28px;margin:20px 0}}h2{font-size:18px;line-height:130%;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px}@media (max-width: 1024px){h2{font-size:16px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.auth-screen{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0;min-height:100dvh;min-height:100svh;padding:max(20px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) max(22px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));box-sizing:border-box}.auth-stack{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:stretch}.game-screen-wrapper .auth-stack{padding-bottom:clamp(2rem,5vw,3rem)}.auth-stack .ws-connection-banner,.auth-stack .session-recovery-banner{margin:0 0 14px}.auth-loading{margin:0;font-size:17px;font-weight:500;letter-spacing:.06em;color:color-mix(in srgb,var(--bg-elevated) 88%,var(--text-h));text-shadow:0 1px 2px rgba(0,0,0,.35);animation:auth-loading-pulse 1.1s ease-in-out infinite}@keyframes auth-loading-pulse{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.auth-loading{animation:none}}.ws-connection-banner{align-self:stretch;margin:-8px -8px 16px;padding:12px 16px;border-radius:6px 14px;font-size:14px;line-height:1.45;text-align:center;color:#92400e;background:#f59e0b2e;border:1px solid rgba(217,119,6,.45)}.ws-connection-banner__code{font-family:ui-monospace,monospace;font-size:.88em}.game-screen>.ws-connection-banner{margin:0;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid rgba(217,119,6,.35)}.session-recovery-banner{align-self:stretch;margin:-8px -8px 16px;padding:12px 16px;border-radius:6px 14px;font-size:14px;line-height:1.45;text-align:center;color:#1e3a5f;background:#3b82f624;border:1px solid rgba(37,99,235,.35)}.game-screen>.session-recovery-banner{margin:0;border-radius:0;border-left:none;border-right:none;border-top:none;border-bottom:1px solid rgba(37,99,235,.28)}@media (prefers-color-scheme: dark){.session-recovery-banner{color:#bfdbfe;background:#2563eb2e;border-color:#60a5fa59}.game-screen>.session-recovery-banner{border-bottom-color:#60a5fa47}.ws-connection-banner{color:#fde68a;background:#b4530938;border-color:#fbbf2459}.game-screen>.ws-connection-banner{border-bottom-color:#fbbf2447}}.auth-card{width:100%;max-width:420px;min-height:min(520px,85dvh);padding:clamp(28px,7vw,44px) clamp(22px,5vw,38px) clamp(32px,8vw,48px);border:none;border-radius:0;background-color:#0a162b;background-image:var(--auth-frame-url);background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:0 24px 56px #0408128c;position:relative;overflow:visible}.game-screen-wrapper .auth-card{box-shadow:0 28px 64px #04081299}@media (prefers-color-scheme: dark){.auth-card{background-color:#070f1d;box-shadow:0 28px 64px #000000a6}.game-screen-wrapper .auth-card{box-shadow:0 32px 72px #000000b8}}.game-screen-wrapper .auth-card .auth-card__game-name{color:#c97d45;text-shadow:0 1px 2px rgba(0,0,0,.45)}.game-screen-wrapper .auth-card .auth-card__title{color:#f5f0e8;text-shadow:0 1px 3px rgba(0,0,0,.5)}.game-screen-wrapper .auth-card .auth-card__tagline{color:#e8e0d2e0}.game-screen-wrapper .auth-card .auth-field label{color:#fff5ebb8}.game-screen-wrapper .auth-card .auth-field input{background:#0812248c;border:1px solid rgba(201,125,69,.42);color:#f8f4ec;box-shadow:inset 0 2px 6px #00000059}.game-screen-wrapper .auth-card .auth-field input::placeholder{color:#e8e2d873}.game-screen-wrapper .auth-card .auth-field input:focus{outline:2px solid rgba(201,125,69,.65);outline-offset:2px;border-color:#c97d458c}.game-screen-wrapper .auth-card .auth-link{margin:12px 0 2.75rem;text-align:center;color:#e8e0d2e0}.game-screen-wrapper .auth-card .auth-form{padding-bottom:.5rem}.game-screen-wrapper .auth-card .auth-submit--dock{position:absolute;left:50%;bottom:0;width:min(88%,300px);margin-top:0;z-index:2;transform:translate(-50%,calc(50% - var(--auth-dock-lift) + 34%))}.game-screen-wrapper .auth-card .auth-submit--dock:hover:not(:disabled){transform:translate(-50%,calc(50% - var(--auth-dock-lift) + 34%))}.game-screen-wrapper .auth-card .auth-submit--dock:active:not(:disabled){transform:translate(-50%,calc(50% - var(--auth-dock-lift) + 34% + 1px))}.game-screen-wrapper .auth-card .auth-error{background:#b41e1e38;border-left-color:#f87171;color:#fecaca}@media (prefers-color-scheme: dark){.game-screen-wrapper .auth-card .auth-error{background:#7f1d1d59;color:#fecaca}}.auth-card__header{text-align:center;margin-bottom:22px;padding-bottom:2px}.auth-card__game-name{margin:0 0 10px;font-family:var(--heading);font-size:13px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 88%,var(--text-h))}.auth-card__title{margin:0 0 10px;font-family:var(--heading);font-size:clamp(22px,4.5vw,26px);font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--text-h)}.auth-card__tagline{font-size:14px;line-height:1.45;color:var(--text-muted);max-width:32em;margin:0 auto}.auth-card--logged-in{text-align:center}.auth-form h2,.auth-card h2{margin:0 0 24px;font-size:22px;font-family:var(--heading);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-h)}.auth-card .auth-form{margin-top:4px}.auth-error{margin:0 0 16px;padding:12px 14px;border-radius:6px;border-left:3px solid #b91c1c;background:#dc26261a;color:#991b1b;font-size:14px;text-align:left}@media (prefers-color-scheme: dark){.auth-error{color:#fecaca;border-left-color:#f87171}}.auth-field{margin-bottom:16px}.auth-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.auth-field input{width:100%;padding:11px 14px;font-size:16px;border:1px solid var(--border);border-radius:6px 12px;background:var(--bg);color:var(--text-h);box-sizing:border-box;box-shadow:inset 0 2px 4px var(--panel-inset)}.auth-field input:focus{outline:2px solid var(--accent);outline-offset:2px}.auth-field input:disabled{opacity:.7;cursor:not-allowed}.auth-submit{width:100%;margin-top:8px;padding:11px 16px;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f5f0e8;text-shadow:0 1px 2px rgba(0,0,0,.75);border-style:solid;border-color:transparent;border-width:12px 26px;border-image-source:var(--game-btn-url);border-image-slice:var(--game-btn-slice);border-image-width:12px 26px 12px 26px;border-image-repeat:stretch;background:none;cursor:pointer;box-shadow:none;transition:filter .2s,transform .15s}.auth-submit:hover:not(:disabled){filter:brightness(1.08)}.auth-submit:active:not(:disabled):not(.auth-submit--dock){transform:translateY(1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;filter:none}.auth-submit--secondary,.auth-logout{color:var(--text-h);text-shadow:none;margin-top:20px}.game-content .auth-logout{display:block;width:auto;max-width:220px;margin-left:auto;margin-right:auto}.auth-submit--secondary:hover:not(:disabled),.auth-logout:hover:not(:disabled){filter:brightness(1.06)}.auth-link{margin:20px 0 0;font-size:14px;color:var(--text)}.auth-link-btn{padding:8px 14px;font-size:inherit;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);text-shadow:0 1px 1px rgba(0,0,0,.25);border-style:solid;border-color:transparent;border-width:8px 18px;border-image-source:var(--game-btn-url);border-image-slice:var(--game-btn-slice);border-image-width:8px 18px 8px 18px;border-image-repeat:stretch;background:none;cursor:pointer;text-decoration:none}.auth-link-btn:hover{opacity:1;filter:brightness(1.06)}.auth-link-btn.auth-link-btn--text{padding:0;margin:0;font:inherit;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--auth-switch-link);text-shadow:none;vertical-align:baseline;border:none;border-image:none;border-image-source:none;background:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-link-btn.auth-link-btn--text:hover{opacity:.88;filter:none}.game-screen-wrapper .game-hud .buildings-section .buildings-section__gold-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;font:inherit;font-weight:600;font-size:14px;letter-spacing:normal;text-transform:none;color:#f5f0e8f5;text-shadow:none;border:none;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;text-decoration:underline;text-decoration-color:#f5f0e88c;text-underline-offset:3px;display:inline-flex;align-items:center;gap:.25em;text-align:left;line-height:1.35;max-width:100%}.game-screen-wrapper .game-hud .buildings-section .buildings-section__gold-link:hover:not(:disabled){opacity:1;color:#fff;text-decoration-color:#ffffffa6;filter:none}.game-screen-wrapper .game-hud .buildings-section .buildings-section__gold-link:disabled{opacity:.45;cursor:not-allowed;color:#f5f0e880}.game-screen-wrapper .game-hud .buildings-section .buildings-section__gold-link:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}.auth-welcome{margin:0;font-size:15px;color:var(--text-muted)}.auth-welcome strong{color:var(--text-h);font-weight:600}.auth-status{margin:0;text-align:center;color:var(--text)}.game-loading-screen{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding:max(24px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));box-sizing:border-box}.game-loading-card{width:min(420px,100%);padding:clamp(28px,7vw,42px) clamp(22px,6vw,36px);border-radius:6px 18px;border:1px solid rgba(201,125,69,.42);background:#081224d6;box-shadow:inset 0 1px #ffffff14,0 26px 64px #04081294;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-loading-card__eyebrow{margin:0 0 10px;font-family:var(--heading);font-size:13px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#c97d45}.game-loading-card__title{margin:0 0 22px;font-family:var(--heading);font-size:clamp(24px,7vw,34px);line-height:1.12;letter-spacing:.08em;text-transform:uppercase;color:#f5f0e8;text-shadow:0 2px 4px rgba(0,0,0,.55)}.game-loading-card__track{height:10px;overflow:hidden;border-radius:999px;background:#00000057;box-shadow:inset 0 1px 3px #0000007a,0 1px #ffffff14}.game-loading-card__fill{display:block;height:100%;min-width:10px;border-radius:inherit;background:linear-gradient(90deg,#c97d45,#f5c16d 52%,#8fd36f);box-shadow:0 0 18px #f5c16d7a;transition:width .2s ease}.game-loading-card__meta{margin:14px 0 0;font-size:14px;color:#e8e0d2d1}.offline-earnings-screen{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding:max(24px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));box-sizing:border-box}.offline-earnings-card{width:min(460px,100%);padding:clamp(28px,7vw,42px) clamp(22px,6vw,36px);border-radius:6px 18px;border:1px solid rgba(201,125,69,.42);background:#081224db;box-shadow:inset 0 1px #ffffff14,0 26px 64px #04081294;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.offline-earnings-card__eyebrow{margin:0 0 10px;font-family:var(--heading);font-size:13px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:#c97d45}.offline-earnings-card__title{margin:0 0 10px;font-family:var(--heading);font-size:clamp(23px,6.5vw,32px);line-height:1.12;letter-spacing:.08em;text-transform:uppercase;color:#f5f0e8;text-shadow:0 2px 4px rgba(0,0,0,.55)}.offline-earnings-card__since{margin:0 0 18px;font-size:14px;line-height:1.45;color:#e8e0d2d1}.offline-earnings-card__list{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}.offline-earnings-card__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:6px 14px;background:#00000038;box-shadow:inset 0 1px #ffffff0d}.offline-earnings-card__icon{width:26px;height:26px;object-fit:contain}.offline-earnings-card__amount{justify-self:start;font-family:var(--mono);font-size:18px;font-weight:800;color:#f5f0e8}.offline-earnings-card__name{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e8e0d2b8}.offline-earnings-card__continue{margin-top:0}.game-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1001;max-width:min(420px,calc(100% - 32px));padding:12px 18px;border-radius:6px 14px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--text-h);background:linear-gradient(165deg,var(--bg-elevated) 0%,var(--code-bg) 100%);border:1px solid var(--accent-border);box-shadow:var(--shadow);animation:game-toast-in .25s ease-out}@keyframes game-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-screen-wrapper{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;min-height:100dvh;position:relative;text-align:left;background:#2d4a28}.game-terrain-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.game-terrain-bg__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.game-terrain-bg__canvas{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.game-terrain-bg--auth .game-terrain-bg__img{object-position:48% 26%}.game-screen-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 120% 55% at 50% -5%,rgba(255,255,255,.45) 0%,transparent 42%),radial-gradient(ellipse 90% 50% at 50% 115%,rgba(20,40,10,.28) 0%,transparent 52%),radial-gradient(ellipse 130% 105% at 50% 50%,#0c180800 42%,#0c180824 68%,#08100661);pointer-events:none}.game-screen-wrapper:has(.game-terrain-bg--auth){background:#5a8ab8}.game-screen-wrapper:has(.game-terrain-bg--auth):after{background:radial-gradient(ellipse 110% 50% at 50% 0%,rgba(255,255,255,.28) 0%,transparent 48%),radial-gradient(ellipse 95% 52% at 50% 108%,rgba(18,42,28,.38) 0%,transparent 58%),linear-gradient(180deg,rgba(70,120,180,.14) 0%,transparent 42%)}.game-screen-wrapper>.game-screen{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:0;width:100%}@media (prefers-color-scheme: dark){.game-screen-wrapper{background:#1e2e1c}.game-screen-wrapper:after{background:radial-gradient(ellipse 120% 55% at 50% -5%,rgba(120,180,220,.12) 0%,transparent 40%),radial-gradient(ellipse 90% 50% at 50% 115%,rgba(0,0,0,.45) 0%,transparent 55%),radial-gradient(ellipse 130% 105% at 50% 50%,#0000 38%,#00000038 64%,#00000085)}.game-screen-wrapper:has(.game-terrain-bg--auth){background:#3a5580}.game-screen-wrapper:has(.game-terrain-bg--auth):after{background:radial-gradient(ellipse 110% 50% at 50% 0%,rgba(120,180,220,.12) 0%,transparent 44%),radial-gradient(ellipse 95% 52% at 50% 108%,rgba(0,0,0,.48) 0%,transparent 58%),linear-gradient(180deg,rgba(40,70,110,.22) 0%,transparent 42%)}}.game-screen{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;text-align:left}.game-ambient-toggle{position:fixed;bottom:max(14px,calc(12px + env(safe-area-inset-bottom,0px)));left:max(14px,calc(12px + env(safe-area-inset-left,0px)));z-index:8;box-sizing:border-box;width:44px;height:44px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:12px;background:color-mix(in srgb,var(--bg-elevated) 82%,rgba(20,36,22,.45));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-inset),0 4px 14px #14241c33;font-size:1.25rem;line-height:1;cursor:pointer;color:var(--text-h);opacity:.88;transition:opacity .15s ease,transform .12s ease}.game-ambient-toggle:hover{opacity:1}.game-ambient-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.game-ambient-toggle:active{transform:scale(.96)}.game-footer{flex-shrink:0;padding:8px 16px 14px;text-align:center}.game-screen-wrapper .game-footer{position:relative;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(250,246,239,.75) 40%,rgba(232,223,210,.88) 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (prefers-color-scheme: dark){.game-screen-wrapper .game-footer{background:linear-gradient(180deg,transparent 0%,rgba(18,24,22,.65) 45%,rgba(18,24,22,.85) 100%)}}.game-footer__link{font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-muted);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--text-muted) 35%,transparent)}.game-footer__link:hover{color:var(--text);border-bottom-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.resource-bar{flex-shrink:0;overflow:visible;padding:18px 20px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--code-bg) 30%,transparent),color-mix(in srgb,var(--code-bg) 22%,transparent));border-bottom:1px solid var(--border);box-shadow:inset 0 -1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (prefers-color-scheme: dark){.resource-bar{box-shadow:inset 0 -1px #ffffff0d}}.game-screen-wrapper .resource-bar{background:linear-gradient(180deg,#faf6ef42,#e8dfd233);border-bottom-color:#5c534847}@media (prefers-color-scheme: dark){.game-screen-wrapper .resource-bar{background:linear-gradient(180deg,#1a22203d,#171d1a2e);border-bottom-color:#ffffff0f}}.resource-bar__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;overflow:visible}.resource-bar__items{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:flex-start;flex:1 1 0;min-width:0;overflow:visible}.resource-bar__actions{display:inline-flex;align-items:center;gap:20px;flex-shrink:0;margin-left:auto}.resource-bar__shop{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 16px;font:inherit;color:var(--text-h);cursor:pointer;border:none;border-image:none;background:transparent;box-shadow:none;transition:filter .12s ease,transform .12s ease;animation:shop-attention-button 5s ease-in-out infinite}.resource-bar__shop:before,.resource-bar__shop:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:0;border-radius:999px;pointer-events:none;opacity:0}.resource-bar__shop:before{background:radial-gradient(circle,rgba(255,255,255,.96) 0%,rgba(255,233,102,.78) 24%,transparent 62%),conic-gradient(from 0deg,transparent,rgba(255,214,60,.95),transparent,rgba(255,255,255,.9),transparent);filter:blur(7px);animation:shop-attention-glow 5s ease-in-out infinite}.resource-bar__shop:after{top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:2;background:radial-gradient(circle at 12% 26%,#fff 0 5px,transparent 6px),radial-gradient(circle at 86% 12%,#ffe45c 0 5px,transparent 6px),radial-gradient(circle at 90% 76%,#fff 0 4px,transparent 5px),radial-gradient(circle at 20% 88%,#ffb900 0 4px,transparent 5px),radial-gradient(circle at 50% 2%,#fff7b8 0 3px,transparent 4px),radial-gradient(circle at 4% 62%,#ffef8a 0 3px,transparent 4px);filter:drop-shadow(0 0 8px rgba(255,201,25,1));animation:shop-attention-sparkles 5s ease-in-out infinite}.resource-bar__shop-icon{position:relative;z-index:1;animation:shop-attention-icon 5s ease-in-out infinite}.resource-bar__shop:hover{filter:brightness(1.06)}.resource-bar__shop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.resource-bar__shop-icon{flex-shrink:0}.resource-bar__shop-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@keyframes shop-attention-button{0%,38%,to{background:transparent;box-shadow:none;filter:none;transform:scale(1)}6%{background:radial-gradient(circle,rgba(255,238,90,.78) 0%,rgba(255,170,0,.32) 54%,transparent 76%);box-shadow:0 0 18px #ffd500f2,0 0 38px #ff9900bf,0 0 2px 4px #ffffffbf;filter:brightness(1.45) saturate(1.45);transform:scale(1.22) rotate(-5deg)}12%{transform:scale(1.12) rotate(5deg)}18%{background:radial-gradient(circle,rgba(255,238,90,.48) 0%,rgba(255,170,0,.22) 52%,transparent 74%);box-shadow:0 0 12px #ffd500bf,0 0 26px #ff990080;filter:brightness(1.22) saturate(1.25);transform:scale(1.04) rotate(0)}}@keyframes shop-attention-glow{0%,38%,to{opacity:0;transform:scale(.72) rotate(0)}6%{opacity:1;transform:scale(1.8) rotate(95deg)}18%{opacity:.3;transform:scale(2.15) rotate(180deg)}}@keyframes shop-attention-sparkles{0%,40%,to{opacity:0;transform:scale(.58) rotate(-16deg)}7%{opacity:1;transform:scale(1.36) rotate(16deg)}20%{opacity:0;transform:scale(1.85) rotate(34deg)}}@keyframes shop-attention-icon{0%,38%,to{filter:none;transform:scale(1)}6%{filter:brightness(2.25) saturate(1.8) drop-shadow(0 0 20px rgba(255,220,30,1)) drop-shadow(0 0 34px rgba(255,132,0,.95));transform:scale(1.36) rotate(-10deg)}12%{transform:scale(1.22) rotate(8deg)}20%{filter:brightness(1.45) saturate(1.35) drop-shadow(0 0 12px rgba(255,235,120,.9));transform:scale(1.08) rotate(0)}}@media (prefers-reduced-motion: reduce){.resource-bar__shop:before,.resource-bar__shop:after,.resource-bar__shop,.resource-bar__shop-icon{animation:none}}.resource-bar__map{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:12px 16px;font:inherit;color:var(--text-h);cursor:pointer;border:none;border-image:none;background:transparent;box-shadow:none;transition:filter .12s ease,transform .12s ease}.resource-bar__map:hover{filter:brightness(1.06)}.resource-bar__map:focus-visible{outline:2px solid #0d9488;outline-offset:2px}.resource-bar__map-icon{flex-shrink:0}.resource-bar__map-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.resource-bar__profile{display:inline-flex;align-items:center;gap:20px;flex-shrink:0;padding:12px 16px;font:inherit;color:var(--text-h);cursor:pointer;border:none;border-image:none;background:transparent;box-shadow:none;transition:filter .12s ease,transform .12s ease}.resource-bar__profile:hover{filter:brightness(1.06)}.resource-bar__profile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.resource-bar__profile-icon{flex-shrink:0}.resource-bar__profile-name{max-width:min(320px,36vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:28px;font-weight:600;letter-spacing:.04em}.resource-bar__item{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:8px 12px 8px 14px;border-radius:4px 12px;border:1px solid color-mix(in srgb,var(--item-accent, var(--text-h)) 32%,var(--border));border-left-width:4px;border-left-color:var(--item-accent, var(--text-h));background:var(--item-bg, var(--bg-elevated));box-shadow:var(--shadow-inset)}.resource-bar__item--wood{--item-accent: var(--res-wood);--item-bg: color-mix(in srgb, var(--res-wood) 12%, var(--bg-elevated))}.resource-bar__item--stone{--item-accent: var(--res-stone);--item-bg: color-mix(in srgb, var(--res-stone) 12%, var(--bg-elevated))}.resource-bar__item--iron{--item-accent: var(--res-iron);--item-bg: color-mix(in srgb, var(--res-iron) 12%, var(--bg-elevated))}.resource-bar__item--food{--item-accent: var(--res-food);--item-bg: color-mix(in srgb, var(--res-food) 12%, var(--bg-elevated))}.resource-bar__item--gold{--item-accent: var(--res-gold);--item-bg: color-mix(in srgb, var(--res-gold) 12%, var(--bg-elevated))}.resource-bar__item--clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.resource-bar__item--clickable:hover{transform:translateY(-1px);box-shadow:var(--shadow-inset),var(--shadow)}.resource-bar__item--clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.resource-bar__item.resource-bar__item-btn{font:inherit;font-family:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;gap:8px;padding:6px 8px;border:none;border-radius:0;border-image:none;background:transparent!important;box-shadow:none}.resource-bar__item--defense{--item-accent: var(--res-defense);--item-bg: color-mix(in srgb, var(--res-defense) 12%, var(--bg-elevated))}.resource-bar__item--bp{--item-accent: color-mix(in srgb, var(--accent) 70%, #57534e);--item-bg: color-mix(in srgb, var(--accent) 12%, var(--bg-elevated))}.resource-bar__bp-label{flex-shrink:0;font-size:16px;font-weight:800;letter-spacing:.12em;color:#f5f0e8b8;text-shadow:0 1px 2px rgba(0,0,0,.45);-webkit-user-select:none;user-select:none}.resource-bar__name{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.resource-bar__icon{flex-shrink:0;line-height:1;letter-spacing:0;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}.resource-bar__icon .game-icon{width:1.35rem;height:1.35rem}.resource-bar__actions .resource-bar__icon .game-icon{width:2rem;height:2rem}.game-icon{object-fit:contain;flex-shrink:0}.game-icon--inline{width:1.05rem;height:1.05rem;vertical-align:-.15em;display:inline-block}.game-icon--meta{width:1.1rem;height:1.1rem;vertical-align:-.2em;display:inline-block}.game-icon--troop-stat{width:1.1rem;height:1.1rem;vertical-align:-.18em;display:inline-block}.game-icon--bar-action{width:22px;height:22px;display:block;object-fit:contain}.resource-bar__actions .game-icon--bar-action{width:44px;height:44px}.resource-bar__amount-wrap{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;min-width:0}.resource-bar__amount{font-weight:700;font-family:var(--mono);font-size:15px;color:var(--text-h);font-variant-numeric:tabular-nums}.resource-bar__actions .resource-bar__amount{font-size:22px}.resource-bar__amount--full{color:#b91c1c}@media (prefers-color-scheme: dark){.resource-bar__amount--full{color:#f87171}}.resource-bar__delta{position:absolute;left:50%;bottom:calc(100% + 3px);z-index:2;transform:translate(-50%);padding:2px 7px;border-radius:6px;font-size:11px;font-weight:700;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #1c18142e;background:color-mix(in srgb,var(--bg-elevated) 94%,var(--text-h));border:1px solid color-mix(in srgb,var(--border) 70%,transparent);animation:resource-delta-pump 1.2s ease-out forwards}.resource-bar__delta--gain{color:var(--safe)}.resource-bar__delta--loss{color:#b91c1c}@media (prefers-color-scheme: dark){.resource-bar__delta--loss{color:#f87171}.resource-bar__delta{background:color-mix(in srgb,var(--code-bg) 92%,var(--text-h));border-color:color-mix(in srgb,var(--border) 85%,transparent);box-shadow:0 2px 10px #00000059}}@keyframes resource-delta-pump{0%{opacity:1;transform:translate(-50%) translateY(4px) scale(.92)}18%{opacity:1;transform:translate(-50%) translateY(0) scale(1.08)}40%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-6px) scale(.96)}}.resource-bar__loading{font-size:13px;font-style:italic;color:var(--text-muted)}.resource-bar__item-column{display:flex;flex-direction:column;gap:5px;min-width:0}.resource-bar__item-column:has(.resource-bar__tick-bar){gap:0;overflow:visible;border-radius:4px 12px}.resource-bar__item-column:has(.resource-bar__tick-bar) .resource-bar__item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.production-tick-bar{height:4px;border-radius:2px;overflow:hidden;background:color-mix(in srgb,var(--text-h) 12%,transparent)}.production-tick-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--safe) 75%,var(--accent)) 0%,var(--safe) 100%);transition:width .2s linear}@media (prefers-color-scheme: dark){.production-tick-bar{background:#ffffff1f}.production-tick-bar__fill{background:linear-gradient(90deg,color-mix(in srgb,var(--safe) 65%,var(--accent)) 0%,var(--safe) 100%)}}.production-tick-bar.resource-bar__tick-bar{width:100%;flex-shrink:0;margin-top:-1px;height:5px;border-radius:0 0 4px 12px;overflow:hidden;background:color-mix(in srgb,var(--text-h) 14%,transparent)}@media (prefers-color-scheme: dark){.production-tick-bar.resource-bar__tick-bar{background:#ffffff1f}}.game-main{flex:1;display:flex;align-items:stretch;justify-content:center;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:28px 14px 40px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(163,50,40,.06),transparent 60%),var(--bg-elevated)}.game-screen-wrapper .game-main{background:transparent;padding:4px 0 32px}.game-main__stack{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch}.game-main__viewport{position:relative;width:100%;max-width:none;margin:0;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"hud-tl village hud-tr" "hud-bl village hud-br";gap:4px 12px;align-items:start;align-content:start;justify-items:stretch;min-height:min(560px,calc(100dvh - 140px));padding:2px 0 10px}.game-hud{min-width:0;width:min(340px,calc(50vw - 40px));max-width:min(340px,92vw);box-sizing:border-box;z-index:2}@media (max-width: 720px){.game-hud{width:100%;max-width:none}}.game-hud--tl{grid-area:hud-tl;justify-self:start;padding-left:max(4px,env(safe-area-inset-left,0px))}.game-hud--tr{grid-area:hud-tr;justify-self:end;padding-right:max(4px,env(safe-area-inset-right,0px))}.game-hud--bl{grid-area:hud-bl;justify-self:start;padding-left:max(4px,env(safe-area-inset-left,0px))}.game-hud--br{grid-area:hud-br;justify-self:end;padding-right:max(4px,env(safe-area-inset-right,0px))}.game-village{grid-area:village;align-self:start;justify-self:center;width:100%;max-width:100%;min-width:0;min-height:0;z-index:1;margin-top:0;padding:0;box-sizing:border-box}.game-village__error{margin:0 0 8px;text-align:center}.game-village__empty{margin:0;padding:24px 16px;text-align:center;font-size:15px;color:var(--text-muted)}.game-village__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.14fr) minmax(0,.96fr);grid-template-rows:repeat(3,auto);row-gap:0;column-gap:clamp(4px,1.4vw,18px);width:100%;align-items:center;justify-items:center;padding:clamp(6px,2vw,20px);box-sizing:border-box}.game-village__grid--ten{grid-template-columns:repeat(4,minmax(92px,1fr));grid-template-rows:repeat(3,minmax(92px,auto));column-gap:clamp(8px,1.8vw,28px);row-gap:clamp(2px,.8vw,12px);align-items:center;padding:clamp(4px,1.2vw,14px) clamp(18px,3.4vw,46px)}.game-village__cell{position:relative;top:-6px;display:flex;align-items:center;justify-content:center;min-width:0;width:100%}.game-village__grid--ten>.game-village__cell{top:0;min-height:clamp(88px,13vw,148px);margin-top:0!important;transform:none}.game-village__grid--ten>.game-village__cell--slot-1{grid-column:1;grid-row:1;transform:translate(16px,10px) rotate(-1deg)}.game-village__grid--ten>.game-village__cell--slot-2{grid-column:2;grid-row:1;transform:translate(8px,-8px) rotate(.7deg)}.game-village__grid--ten>.game-village__cell--slot-3{grid-column:3;grid-row:1;transform:translate(-8px,-8px) rotate(.9deg)}.game-village__grid--ten>.game-village__cell--slot-4{grid-column:4;grid-row:1;transform:translate(-16px,10px) rotate(-.6deg)}.game-village__grid--ten>.game-village__cell--slot-5{grid-column:1;grid-row:2;transform:translate(20px,-4px) rotate(.45deg)}.game-village__grid--ten>.game-village__cell--slot-6{grid-column:2 / span 2;grid-row:2;transform:translateY(10px) rotate(-.2deg)}.game-village__grid--ten>.game-village__cell--slot-7{grid-column:4;grid-row:2;transform:translate(-20px,-4px) rotate(.85deg)}.game-village__grid--ten>.game-village__cell--slot-8{grid-column:1;grid-row:3;transform:translate(24px,-6px) rotate(-.55deg)}.game-village__grid--ten>.game-village__cell--slot-9{grid-column:2;grid-row:3;transform:translate(12px,8px) rotate(.5deg)}.game-village__grid--ten>.game-village__cell--slot-10{grid-column:3 / span 2;grid-row:3;transform:translate(-22px) rotate(-.8deg)}.game-village__grid--ten .village-node__icon{max-width:min(206px,21vw);max-height:min(160px,16vw)}.game-village__grid--ten .game-village__cell--center .village-node__icon{max-width:min(236px,24vw);max-height:min(184px,18vw)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(4),.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(5),.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(6){margin-top:clamp(5px,1.6vw,16px)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(7),.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(8),.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(9){margin-top:clamp(18px,4.5vw,42px)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(1){transform:translate(10px,6px) rotate(-1deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(2){transform:translate(-8px,-14px) rotate(.7deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(3){transform:translate(-12px,8px) rotate(.9deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(4){transform:translate(6px,-8px) rotate(-.6deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(5){transform:translate(-5px,10px) rotate(.45deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(6){transform:translate(14px,-6px) rotate(-.75deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(7){transform:translate(-6px,12px) rotate(.85deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(8){transform:translate(12px,-10px) rotate(-.55deg)}.game-village__grid:not(.game-village__grid--ten)>.game-village__cell:nth-child(9){transform:translate(-10px,-8px) rotate(.5deg)}.game-village__cell--center{min-height:0}.buildings-section--hud{margin:0;padding:12px 14px;width:100%;box-sizing:border-box}.buildings-section--hud .buildings-section__title{margin-bottom:10px;font-size:13px}.village-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0;padding:4px;border:none;background:transparent;box-shadow:none;border-radius:0;cursor:pointer;font:inherit;color:inherit;text-align:center;max-width:100%;-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.33,1,.68,1)}.village-node:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.village-node:is(:hover,:focus-visible){transform:scale(1.03)}.village-node--unbuilt{opacity:.94;transition:transform .22s cubic-bezier(.33,1,.68,1),opacity .2s ease}.village-node--unbuilt:is(:hover,:focus-visible){opacity:1}.village-node--queued{opacity:1}.village-node__icon-wrap{position:relative;display:inline-block;line-height:0}.village-node__icon{display:block;width:auto;height:auto;max-width:min(276px,34vw);max-height:min(216px,28vw);object-fit:contain;transition:filter .2s ease}.building-icon-fallback{display:grid;place-items:center;width:clamp(72px,12vw,122px);height:clamp(58px,9vw,96px);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));border-radius:18px 8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--code-bg) 84%,transparent)),color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:var(--shadow-inset),0 7px 18px #1c181429}.building-icon-fallback__initials{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--auth-switch-link) 88%,transparent);color:#f6faf8;font-family:var(--sans);font-size:14px;font-weight:900;letter-spacing:.04em;box-shadow:0 3px 10px #1c18142e}.village-node:is(:hover,:focus-visible) .village-node__icon{filter:brightness(1.1) saturate(1.08) drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 38%,transparent)) drop-shadow(0 2px 7px color-mix(in srgb,var(--accent) 22%,transparent))}.village-node--unbuilt .village-node__icon{filter:grayscale(1) saturate(.18) brightness(.86) opacity(.72)}.village-node--unbuilt:is(:hover,:focus-visible) .village-node__icon{filter:grayscale(.82) saturate(.35) brightness(.96) drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 30%,transparent))}.village-node--queued .village-node__icon{filter:grayscale(.72) saturate(.46) brightness(.96) drop-shadow(0 0 7px color-mix(in srgb,var(--auth-switch-link) 28%,transparent))}.village-node__tooltip{position:absolute;left:50%;top:50%;z-index:4;display:block;max-width:min(220px,46vw);padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:6px 12px;pointer-events:none;opacity:0;font-family:var(--sans);font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:color-mix(in srgb,var(--code-bg) 92%,rgba(255,255,255,.78));box-shadow:var(--shadow-inset),0 5px 16px #1c181424;transform:translate(-50%,calc(-50% + 7px)) scale(.96);transition:opacity .16s ease,transform .16s cubic-bezier(.33,1,.68,1)}.village-node:is(:hover,:focus-visible) .village-node__tooltip{opacity:1;transform:translate(-50%,-50%) scale(1)}@media (prefers-color-scheme: dark){.village-node:is(:hover,:focus-visible) .village-node__icon{filter:brightness(1.14) saturate(1.1) drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 42%,transparent)) drop-shadow(0 2px 8px color-mix(in srgb,var(--res-gold) 16%,transparent))}.village-node--unbuilt:is(:hover,:focus-visible) .village-node__icon{filter:grayscale(.82) saturate(.35) brightness(1) drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 34%,transparent))}.village-node__tooltip{background:color-mix(in srgb,var(--code-bg) 88%,rgba(0,0,0,.46));box-shadow:var(--shadow-inset),0 6px 18px #00000052}}@media (prefers-reduced-motion: reduce){.village-node{transition:none}.village-node:is(:hover,:focus-visible){transform:none}.village-node__icon{transition:filter .15s ease}.village-node__tooltip{transition:none}}.village-node__badge{position:absolute;top:50%;left:50%;right:auto;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(34px / 1.5);height:calc(34px / 1.5);margin:0;padding:0;pointer-events:none;background:color-mix(in srgb,var(--auth-switch-link) 90%,transparent);border:1px solid color-mix(in srgb,color-mix(in srgb,#fff 28%,var(--auth-switch-link)) 88%,transparent);border-radius:calc(4px / 1.5);box-shadow:0 calc(1px / 1.5) calc(2px / 1.5) #1c18141f,0 calc(2px / 1.5) 4px #1c18142e;transform:translate(-50%,-50%) rotate(45deg)}@media (prefers-color-scheme: dark){.village-node__badge{border-color:color-mix(in srgb,color-mix(in srgb,#fff 22%,var(--auth-switch-link)) 82%,transparent);box-shadow:0 calc(1px / 1.5) calc(2px / 1.5) #0006,0 2px calc(8px / 1.5) #00000052}}.village-node__badge-inner{display:block;font-family:var(--sans);font-size:8px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.03em;color:#f6faf8;text-shadow:0 calc(1px / 1.5) 0 color-mix(in srgb,var(--text-h) 35%,transparent);transform:rotate(-45deg)}.village-node__badge--queued{background:color-mix(in srgb,var(--res-gold) 76%,var(--auth-switch-link));border-color:color-mix(in srgb,#fff 24%,var(--res-gold));animation:village-queued-pulse 1.6s ease-in-out infinite}@keyframes village-queued-pulse{0%,to{box-shadow:0 calc(1px / 1.5) calc(2px / 1.5) #1c18141f,0 calc(2px / 1.5) 4px #1c18142e}50%{box-shadow:0 calc(1px / 1.5) calc(2px / 1.5) #1c18141f,0 0 8px color-mix(in srgb,var(--res-gold) 38%,transparent)}}.village-node__production-strip{display:block;box-sizing:border-box;width:max-content;max-width:100%;margin-top:2px;padding:3px 8px;border-radius:4px 10px;border:1px solid var(--border);font-family:var(--sans);font-size:9px;line-height:1.2;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;background:color-mix(in srgb,color-mix(in srgb,var(--code-bg) 94%,rgba(255,255,255,.35)) 75%,transparent);box-shadow:var(--shadow-inset),0 1px #ffffff42,0 4px 12px #1c181412}.village-node__production-strip .game-icon--inline{width:12px;height:12px;vertical-align:-.06em}@media (prefers-color-scheme: dark){.village-node__production-strip{background:color-mix(in srgb,color-mix(in srgb,var(--code-bg) 92%,rgba(0,0,0,.25)) 75%,transparent);box-shadow:var(--shadow-inset),0 1px #ffffff08,0 4px 14px #00000038}}.village-node__status{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-style:italic}@media (max-width: 720px){.game-main__viewport{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"hud-tl village hud-tr" "hud-bl village hud-br";min-height:0;gap:6px 8px}}@media (max-width: 520px){.game-screen-wrapper .resource-bar{padding:10px 12px 8px}.resource-bar__row{align-items:flex-start;gap:8px 10px}.resource-bar__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 8px;flex-basis:100%;order:1}.resource-bar__actions{width:100%;justify-content:space-between;gap:6px;margin-left:0;order:2}.resource-bar__item{width:100%;box-sizing:border-box;justify-content:center;gap:6px;padding:6px 8px}.resource-bar__amount{font-size:12px}.resource-bar__actions .resource-bar__amount{font-size:14px}.resource-bar__actions .resource-bar__item{width:auto;flex:0 0 auto;padding:4px 5px}.resource-bar__actions .resource-bar__item--bp{min-width:94px;justify-content:flex-start;gap:9px}.resource-bar__actions .resource-bar__item--bp .resource-bar__amount-wrap{flex-shrink:0}.resource-bar__actions .resource-bar__item--bp .resource-bar__amount{color:#f5f0e8f5}.resource-bar__bp-label{font-size:12px;letter-spacing:.04em;color:#f5f0e8b8;text-shadow:0 1px 2px rgba(0,0,0,.45)}.resource-bar__actions .resource-bar__icon .game-icon,.resource-bar__actions .game-icon--bar-action{width:30px;height:30px}.resource-bar__map,.resource-bar__shop,.resource-bar__profile{padding:4px 6px}.resource-bar__profile{gap:8px}.resource-bar__profile-name{max-width:9em;font-size:18px}.game-screen-wrapper .game-main{padding:0 0 28px}.game-main__viewport{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:"village village" "hud-tl hud-tr" "hud-bl hud-br";gap:8px;padding:0 10px 18px}.game-hud--tl,.game-hud--tr,.game-hud--bl,.game-hud--br{justify-self:stretch;padding-left:0;padding-right:0}.buildings-section--hud{padding:10px 12px}.buildings-section--hud .buildings-section__title{margin-bottom:7px;font-size:11px}.game-village{min-height:min(58dvh,520px);display:flex;align-items:center}.game-village__grid--ten{grid-template-columns:repeat(4,minmax(52px,1fr));grid-template-rows:repeat(3,minmax(58px,auto));column-gap:clamp(2px,1.4vw,7px);row-gap:clamp(1px,.8vw,5px);padding:10px 4px 6px}.game-village__grid--ten>.game-village__cell{min-height:clamp(54px,16vw,76px)}.game-village__grid--ten .village-node__icon{max-width:min(82px,20vw);max-height:min(64px,16vw)}.game-village__grid--ten .game-village__cell--center .village-node__icon{max-width:min(98px,24vw);max-height:min(76px,19vw)}.village-node{gap:3px;padding:2px}.village-node__production-strip{padding:2px 5px;font-size:7px}}@media (max-width: 360px){.game-main__viewport{grid-template-columns:1fr;grid-template-areas:"village" "hud-tl" "hud-tr" "hud-bl" "hud-br"}}.game-main__play{width:100%;max-width:min(1320px,100%);margin-left:auto;margin-right:auto;display:flex;flex-direction:row;align-items:flex-start;gap:16px;box-sizing:border-box}.game-main__column{flex:1;min-width:0;box-sizing:border-box}.game-main__column--buildings,.game-main__column--processes{flex:1 1 50%}.game-processes{display:flex;flex-direction:column;gap:14px}.game-processes__block{margin:0}.game-processes__block.buildings-section--queue{padding-bottom:22px}.game-processes__training-summary{margin:0 0 10px;font-size:14px;color:var(--text);line-height:1.45}.game-processes__training-summary strong{color:var(--text-h)}.game-processes__quick-training{display:flex;flex-direction:column;gap:12px}.game-processes__quick-training-actions{display:flex;flex-wrap:wrap;gap:8px}.game-processes__quick-training-btn{width:auto;min-width:118px;margin-top:0;padding:8px 12px;font-size:12px}.game-processes__quick-training-destination{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px}.barracks-panel__notice-link.game-processes__quick-training-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:2px;line-height:1;vertical-align:middle;white-space:nowrap}.game-processes__quick-training-icon{display:block;width:32px;height:32px;object-fit:contain}.game-processes__raid-target{margin:0 0 8px;font-size:14px;color:var(--text)}.game-processes__raid-target strong{color:var(--text-h)}.game-processes__raid-line{margin:0 0 6px;font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}.game-processes__raid-line strong{color:var(--text-h)}.game-processes__raid-meta{margin:0;font-size:13px;color:var(--text-muted)}.game-processes__raid-loot{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--border);font-size:14px;color:var(--text);line-height:1.5}.game-processes__raid-loot-label{font-weight:600;color:var(--text-h)}.game-processes__incoming-list{margin:0;padding:0;list-style:none}.game-processes__incoming{margin:0 0 12px;padding:12px 14px;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--code-bg) 92%,transparent)}.game-processes__incoming:last-child{margin-bottom:0}.game-processes__incoming-line{margin:0 0 6px;font-size:14px;color:var(--text)}.game-processes__incoming-eta{margin:0;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.game-processes__incoming-advice{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--text-muted)}.game-processes__incoming-wall-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:2px 4px 2px 2px;margin:0 2px;line-height:1;vertical-align:middle;white-space:nowrap;cursor:pointer;background:transparent;border:0}.game-processes__incoming-wall-button:focus-visible{outline:2px solid var(--auth-switch-link);outline-offset:2px}.game-processes__incoming-wall-icon{display:block;width:28px;height:28px;object-fit:contain}.game-processes__placeholder{font-style:italic}@media (max-width: 720px){.game-main__play{flex-direction:column;align-items:stretch}}.game-content{text-align:center;width:100%;max-width:560px;margin-left:auto;margin-right:auto}.buildings-section--my-buildings{width:100%;max-width:none;margin-left:0;margin-right:0;align-self:stretch;box-sizing:border-box}.buildings-section--my-buildings__inner{width:100%;max-width:none}.buildings-section{margin:20px 0;padding:18px 20px;border-radius:6px 16px;background:var(--code-bg);border:1px solid var(--border);text-align:left;box-shadow:var(--shadow-inset),0 1px #ffffff40}.game-screen-wrapper .buildings-section{background:color-mix(in srgb,var(--code-bg) 94%,rgba(255,255,255,.35));box-shadow:var(--shadow-inset),0 1px #ffffff59,0 8px 24px #1c18141f}.game-screen-wrapper .game-hud .buildings-section{background-color:#121a28;background-image:var(--action-card-bg);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(180,120,70,.38);box-shadow:inset 0 1px #ffffff0f,0 10px 28px #040a166b}.game-screen-wrapper .game-hud .buildings-section .buildings-section__title{color:#f5f0e8f5;text-shadow:0 1px 2px rgba(0,0,0,.45)}.game-screen-wrapper .game-hud .buildings-section .buildings-section__empty{color:#d2c8bce0}.game-screen-wrapper .game-hud .buildings-section .buildings-section__queue{color:#e4dcd0f2}.game-screen-wrapper .game-hud .buildings-section .buildings-section__queue strong{color:#f8f4ec}.game-screen-wrapper .game-hud .buildings-section .buildings-section__queue-insufficient .buildings-list__cost--insufficient{color:#fff}.game-screen-wrapper .game-hud .buildings-section .auth-error{background:#78141459;border-left-color:#f87171;color:#fecaca}.game-screen-wrapper .game-hud .buildings-section .game-processes__training-summary{color:#e4dcd0f2}.game-screen-wrapper .game-hud .buildings-section .game-processes__training-summary strong{color:#f5f0e8}.game-screen-wrapper .game-hud .buildings-section .game-processes__raid-target{color:#e4dcd0f2}.game-screen-wrapper .game-hud .buildings-section .game-processes__raid-target strong{color:#f5f0e8}.game-screen-wrapper .game-hud .buildings-section .game-processes__raid-line{color:#e4dcd0eb}.game-screen-wrapper .game-hud .buildings-section .game-processes__raid-line strong{color:#f5f0e8}.game-screen-wrapper .game-hud .buildings-section .game-processes__raid-meta{color:#c8c0b4d1}.game-screen-wrapper .game-hud .buildings-section .game-processes__raid-loot{border-top-color:#b4825059;color:#e4dcd0eb}.game-screen-wrapper .game-hud .buildings-section .game-processes__raid-loot-label{color:#e8c49a}.game-screen-wrapper .game-hud .buildings-section .game-processes__incoming{background:#060c166b;border-color:#a06e3c59}.game-screen-wrapper .game-hud .buildings-section .game-processes__incoming-line{color:#e4dcd0f2}.game-screen-wrapper .game-hud .buildings-section .game-processes__incoming-line strong{color:#f5f0e8}.game-screen-wrapper .game-hud .buildings-section .game-processes__incoming-eta{color:#c8c0b4e0}.game-screen-wrapper .game-hud .buildings-section .barracks-training-bar__header{color:#beb6aad9}.game-screen-wrapper .game-hud .buildings-section .barracks-training-bar__value{color:#ebe4daf2}.game-screen-wrapper .game-hud .buildings-section .barracks-training-bar__track{background:#00000059}.game-screen-wrapper .game-hud .buildings-section .barracks-panel__notice-link{color:#f5f0e8f5;text-decoration-color:#f5f0e88c}.game-screen-wrapper .game-hud .buildings-section .barracks-panel__notice-link:hover{color:#fff;text-decoration-color:#ffffffa6}.game-screen-wrapper .game-hud .buildings-section .barracks-panel__notice-link:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}.game-screen-wrapper .game-hud .buildings-section .game-processes__incoming-wall-button{color:#f5f0e8f5}.game-screen-wrapper .game-hud .buildings-section .game-processes__incoming-wall-button:hover{color:#fff}.game-screen-wrapper .game-hud .buildings-section .game-processes__incoming-wall-button:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}@media (prefers-color-scheme: dark){.buildings-section{box-shadow:var(--shadow-inset),0 1px #ffffff08}.game-screen-wrapper .buildings-section{background:color-mix(in srgb,var(--code-bg) 92%,rgba(0,0,0,.25));box-shadow:var(--shadow-inset),0 1px #ffffff0a,0 10px 28px #00000059}.game-screen-wrapper .game-hud .buildings-section{background-color:#0a121c;box-shadow:inset 0 1px #ffffff0a,0 12px 32px #00000080}}.buildings-section--queue{position:relative;border-left:4px solid var(--accent);overflow:hidden;padding-bottom:22px}.buildings-section__queue-progress{position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:0 0 5px 15px;background:color-mix(in srgb,var(--text-h) 10%,transparent);overflow:hidden}.buildings-section__queue-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 75%,var(--accent-hover)) 0%,var(--accent) 100%);transition:width .2s linear}.game-screen-wrapper .game-hud .buildings-section .buildings-section__queue-progress{background:color-mix(in srgb,var(--auth-switch-link) 22%,transparent)}.game-screen-wrapper .game-hud .buildings-section .buildings-section__queue-progress-fill{background:var(--auth-switch-link)}@media (prefers-color-scheme: dark){.buildings-section__queue-progress{background:#ffffff14}.buildings-section__queue-progress-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 85%,#fff) 0%,var(--accent) 100%)}.game-screen-wrapper .game-hud .buildings-section .buildings-section__queue-progress{background:color-mix(in srgb,var(--auth-switch-link) 18%,transparent)}.game-screen-wrapper .game-hud .buildings-section .buildings-section__queue-progress-fill{background:var(--auth-switch-link)}}.buildings-section__title{margin:0 0 14px;font-family:var(--heading);font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-h)}.buildings-section__queue{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}.buildings-section__queue-icon{width:40px;height:40px;flex-shrink:0;object-fit:contain}.buildings-section__queue-text{min-width:0;flex:1 1 auto}.buildings-section__queue strong{color:var(--text-h)}.buildings-section__empty{margin:0;font-size:14px;color:var(--text-muted)}.buildings-section__inline-map-button{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;margin:0 2px;padding:0;vertical-align:-.35em;cursor:pointer;background:transparent;border:0}.buildings-section__inline-map-button:focus-visible{outline:2px solid #0d9488;outline-offset:2px}.buildings-section__inline-map-button .game-icon--bar-action{width:1.35rem;height:1.35rem}.buildings-section__advice{display:grid;gap:4px}.buildings-section__advice-line{margin:0}.buildings-section__advice-link{vertical-align:-.25em}.buildings-section__advice-icon{width:1.4em;height:1.4em;flex-shrink:0;object-fit:contain}.buildings-list{margin:0;padding:0;list-style:none}.buildings-cards{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.buildings-cards--max-five{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width: 520px){.buildings-cards--max-five{grid-template-columns:repeat(3,minmax(0,1fr))}}.buildings-cards__cell{position:relative;width:100%;height:0;padding-bottom:100%;min-width:0;margin:0}.buildings-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;width:100%;height:100%;min-height:0;overflow:hidden;padding:8px 6px;border-radius:8px 14px;box-sizing:border-box;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-inset),0 2px 8px #1c18140f;text-align:center;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.buildings-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.buildings-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-color-scheme: dark){.buildings-card{box-shadow:var(--shadow-inset),0 2px 10px #0003}}.buildings-card__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;min-height:0;overflow:hidden}.buildings-card__icon{display:block;flex:0 0 auto;width:100%;max-width:92px;height:72px;max-height:72px;object-fit:contain;flex-shrink:0}.buildings-card__level-badge{position:absolute;top:4px;right:4px;z-index:2;display:flex;align-items:center;justify-content:center;width:calc(26px / 1.5);height:calc(26px / 1.5);margin:0;padding:0;pointer-events:none;background:var(--auth-switch-link);border:1px solid color-mix(in srgb,#fff 28%,var(--auth-switch-link));border-radius:2px;box-shadow:0 calc(1px / 1.5) 2px #1c18142e;transform:rotate(45deg);transform-origin:center}.buildings-card__level-badge-inner{display:block;font-family:var(--sans);font-size:calc(10px / 1.5);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.03em;color:#f6faf8;text-shadow:0 calc(1px / 1.5) 0 color-mix(in srgb,var(--text-h) 35%,transparent);transform:rotate(-45deg)}.buildings-card__status{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-style:italic}.buildings-card--unbuilt{background:color-mix(in srgb,var(--code-bg) 55%,var(--bg-elevated));border-style:dashed}.buildings-card--unbuilt:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.buildings-section__error{margin:0 0 14px;text-align:left}.buildings-card__production{display:block;margin-top:0;max-width:100%;font-size:9px;line-height:1.25;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--safe);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buildings-card__tick-bar{flex-shrink:0;align-self:stretch;width:calc(100% + 16px);margin:auto -8px 0;height:5px;border-radius:0 0 8px 14px;overflow:hidden;background:color-mix(in srgb,var(--text-h) 14%,transparent)}@media (prefers-color-scheme: dark){.buildings-card__tick-bar{background:#ffffff1f}}.buildings-card__barracks-bars{display:flex;flex-direction:column;flex-shrink:0;align-self:stretch;width:calc(100% + 16px);margin:auto -8px 0;height:10px;border-radius:0 0 8px 14px;overflow:hidden}.buildings-card__barracks-track{flex:1;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--text-h) 14%,transparent)}.buildings-card__barracks-track+.buildings-card__barracks-track{border-top:1px solid color-mix(in srgb,var(--bg-elevated) 65%,var(--border))}.buildings-card__barracks-fill{height:100%;transition:width .15s ease-out}.buildings-card__barracks-fill--batch{background:linear-gradient(90deg,color-mix(in srgb,var(--safe) 75%,var(--text-h)),var(--safe))}.buildings-card__barracks-fill--troop{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 65%,var(--text-h)),var(--accent))}@media (prefers-color-scheme: dark){.buildings-card__barracks-track{background:#ffffff1f}.buildings-card__barracks-track+.buildings-card__barracks-track{border-top-color:#00000059}}.building-modal__art{display:block;width:min(160px,55%);max-height:120px;margin:0 auto 10px;object-fit:contain}.building-modal__title{margin-bottom:4px}.building-modal__level{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--text-muted)}.building-modal__unbuilt-label{font-style:italic}.building-modal__production{margin:0 0 14px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--safe)}.building-modal__next-heading{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.building-modal__next-level-num{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--text)}.building-modal__next-production{margin:0 0 10px;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--safe)}.building-modal__requirements,.building-modal__costs{margin:0 0 12px}.building-modal__requirement-link{display:inline-flex;align-items:center;margin:0 2px;padding:3px 8px;vertical-align:baseline;border-style:solid;border-color:transparent;border-width:6px 14px;border-image-source:var(--game-btn-url);border-image-slice:var(--game-btn-slice);border-image-width:6px 14px 6px 14px;border-image-repeat:stretch;background:none;font:inherit;font-weight:700;color:var(--accent);cursor:pointer;text-decoration:none}.building-modal__requirement-link:hover{filter:brightness(1.08)}.building-modal__requirement-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.building-modal__duration-icon{display:inline;vertical-align:-.1em;font-size:1em}.building-modal__hint{margin:0 0 12px}.buildings-list__item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;font-size:14px;color:var(--text);border-bottom:1px solid var(--border)}.buildings-list__production{display:block;margin-top:4px;font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--safe)}.buildings-list__item:last-child{border-bottom:none}.buildings-list__item--buildable{display:flex;justify-content:space-between;align-items:center;gap:16px}.buildings-list__costs{display:block;margin-top:6px;font-size:12px;color:var(--text-muted);line-height:1.45}.buildings-list__cost--insufficient{color:#b91c1c;font-weight:600}@media (prefers-color-scheme: dark){.buildings-list__cost--insufficient{color:#f87171}}.buildings-list__build-btn{flex-shrink:0;width:auto;min-width:100px;margin-top:0;padding:9px 16px;font-size:12px}.resource-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#1c181473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.resource-modal{position:relative;width:100%;max-width:420px;padding:28px 26px 24px;border-radius:4px 16px;background:linear-gradient(165deg,var(--code-bg) 0%,color-mix(in srgb,var(--code-bg) 92%,var(--text-h)) 100%);border:1px solid var(--border);box-shadow:var(--shadow-inset),var(--shadow)}.resource-modal__close{position:absolute;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;border:none;border-radius:8px;color:var(--text-muted);background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease}.resource-modal__close:hover{color:var(--text-h);background:color-mix(in srgb,var(--text-h) 8%,transparent)}.resource-modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.resource-modal__title{margin:0 0 12px;padding-right:44px;font-size:20px;font-family:var(--heading);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-h)}.resource-modal__hint{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--text-muted)}.resource-modal__meta{margin:0 0 16px;font-size:13px;line-height:1.5;color:var(--text-muted)}.resource-modal__error{margin-bottom:12px}.resource-modal__max{display:inline-block;margin:0 0 16px;padding:7px 12px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--auth-switch-link);border-style:solid;border-color:transparent;border-width:8px 18px;border-image-source:var(--game-btn-url);border-image-slice:var(--game-btn-slice);border-image-width:8px 18px 8px 18px;border-image-repeat:stretch;background:none;cursor:pointer;text-decoration:none}.resource-modal__max:hover:not(:disabled){filter:brightness(1.08);color:color-mix(in srgb,#fff 22%,var(--auth-switch-link))}.resource-modal__max:disabled{opacity:.5;cursor:not-allowed;filter:none}.construction-complete-modal{text-align:center}.construction-complete-modal__art{display:block;width:min(132px,36vw);height:auto;max-height:112px;object-fit:contain;margin:2px auto 14px;filter:drop-shadow(0 10px 18px rgba(28,24,20,.2))}.construction-complete-modal__eyebrow{margin:0 0 8px;font-family:var(--heading);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.construction-complete-modal__title{padding-right:0;margin-bottom:8px}.construction-complete-modal__level{margin:0 0 18px;font-size:15px;color:var(--text-muted)}.construction-complete-modal__continue{margin-top:0}.account-modal{max-width:440px}.account-modal__title{margin-bottom:6px}.account-modal__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.account-modal__tab{min-width:0;padding:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-style:solid;border-color:transparent;border-width:8px 14px;border-image-source:var(--game-btn-url);border-image-slice:var(--game-btn-slice);border-image-width:8px 14px 8px 14px;border-image-repeat:stretch;background:none;cursor:pointer;transition:color .15s ease,filter .15s ease}.account-modal__tab:hover{color:var(--text-h);filter:brightness(1.06)}.account-modal__tab--active{color:var(--text-h);filter:brightness(1.1)}.account-modal__panel{text-align:left}.account-modal__panel--transactions{min-height:120px}.account-modal__msg{margin-bottom:12px}.account-modal__success{margin:0 0 12px;padding:10px 12px;border-radius:6px;font-size:14px;color:var(--safe);background:color-mix(in srgb,var(--safe) 12%,transparent);border:1px solid color-mix(in srgb,var(--safe) 35%,transparent)}.account-modal__tx-hint{margin-bottom:12px}.account-modal__tx-status,.account-modal__empty{margin:0;font-size:14px;color:var(--text-muted)}.account-modal__tx-list{margin:0;padding:0;list-style:none;max-height:min(280px,40vh);overflow-y:auto}.account-modal__tx-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.account-modal__tx-row:last-child{border-bottom:none}.account-modal__tx-amount{font-weight:600;color:var(--res-gold);font-variant-numeric:tabular-nums}.account-modal__tx-date{font-size:12px;color:var(--text-muted)}.account-modal__panel--account{text-align:left}.account-modal__account-logout{width:100%;margin-top:4px}.account-modal__danger{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.account-modal__danger-title{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-h)}.account-modal__danger-text{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--text-muted)}.account-modal__delete-btn{margin-top:8px;color:#b91c1c!important;text-shadow:none}.account-modal__delete-btn:hover:not(:disabled){filter:brightness(1.07)}@media (max-width: 520px){.resource-modal-backdrop{align-items:flex-start;padding:max(14px,env(safe-area-inset-top,0px)) 12px max(14px,env(safe-area-inset-bottom,0px));overflow-y:auto}.resource-modal{max-width:min(100%,420px);padding:20px 18px 18px}.resource-modal__close{top:10px;right:10px;width:34px;height:34px}.resource-modal__title{padding-right:38px;font-size:clamp(18px,6vw,24px);letter-spacing:.08em}.auth-submit{padding:8px 12px;font-size:clamp(12px,3.4vw,14px);letter-spacing:.045em;border-width:9px 18px;border-image-width:9px 18px 9px 18px}.account-modal{max-width:min(100%,440px)}.account-modal__tabs{gap:5px;margin-bottom:14px}.account-modal__tab{padding:4px;font-size:clamp(8px,2.45vw,10px);line-height:1.12;letter-spacing:.045em;border-width:6px 10px;border-image-width:6px 10px 6px 10px}}@media (prefers-color-scheme: dark){.account-modal__delete-btn{color:#f87171!important}.account-modal__delete-btn:hover:not(:disabled){filter:brightness(1.08)}}.resource-modal__actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.resource-modal__actions .auth-submit{margin-top:0}.shop-modal--wide{max-width:440px}.defense-bp-modal__total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;border-radius:6px 12px;border:1px solid var(--border);background:var(--bg-elevated)}.defense-bp-modal__total-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.defense-bp-modal__total-value{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-h)}.defense-bp-modal__table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:12px}.defense-bp-modal__table th{text-align:left;font-weight:600;padding:6px 12px 6px 0;color:var(--text-muted)}.defense-bp-modal__table td{text-align:right;font-variant-numeric:tabular-nums;padding:6px 0;color:var(--text-h)}.defense-bp-modal__table-sum th,.defense-bp-modal__table-sum td{border-top:1px solid var(--border);padding-top:10px;font-weight:700}.defense-bp-modal__note{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--text-muted)}.defense-bp-modal__actions{flex-direction:row;flex-wrap:wrap}.defense-bp-modal__actions .auth-submit{flex:1;min-width:120px}.shop-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}.shop-modal__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:12px 10px;border-style:solid;border-color:transparent;border-width:12px 22px;border-image-source:var(--game-btn-url);border-image-slice:var(--game-btn-slice);border-image-width:12px 22px 12px 22px;border-image-repeat:stretch;background:none;font:inherit;color:var(--text-h);cursor:pointer;box-shadow:inset 4px 0 0 var(--shop-accent, var(--res-default));transition:transform .12s ease,filter .12s ease}.shop-modal__btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.shop-modal__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shop-modal__btn--wood{--shop-accent: var(--res-wood);--shop-bg: var(--res-wood-bg)}.shop-modal__btn--stone{--shop-accent: var(--res-stone);--shop-bg: var(--res-stone-bg)}.shop-modal__btn--iron{--shop-accent: var(--res-iron);--shop-bg: var(--res-iron-bg)}.shop-modal__btn--food{--shop-accent: var(--res-food);--shop-bg: var(--res-food-bg)}.shop-modal__btn--gold{grid-column:1 / -1;--shop-accent: var(--res-gold);--shop-bg: var(--res-gold-bg);min-height:72px;flex-direction:row;justify-content:center;gap:10px}.shop-modal__btn-icon{line-height:1;display:inline-flex;align-items:center;justify-content:center}.shop-modal__btn-icon .game-icon{width:1.75rem;height:1.75rem}.shop-modal__btn-label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center}@media (prefers-color-scheme: dark){.shop-modal__btn{box-shadow:inset 4px 0 0 var(--shop-accent, var(--res-default))}}.buildings-section__queue-actions{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:10px}.buildings-section__queue-insufficient{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.buildings-section__insufficient-gold-icon{display:inline-block;vertical-align:-.15em;margin:0 .1em}.buildings-section__queue-buy-gold{width:auto;max-width:100%;margin-top:0;padding:8px 16px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-width:8px 18px;border-image-width:8px 18px 8px 18px}.buildings-section__queue-buy-gold .game-icon--inline{width:1.15em;height:1.15em;vertical-align:middle}.building-modal--wide{max-width:560px}.building-modal--barracks{width:min(94vw,860px);max-width:860px;max-height:min(88vh,820px);overflow-y:auto;overscroll-behavior:contain}.building-modal--barracks .building-modal__art{width:min(120px,34%);max-height:86px;margin-bottom:6px}.barracks-panel{display:grid;gap:14px;margin:0 0 16px;padding-top:10px;border-top:1px solid var(--border)}.barracks-panel__error{margin:8px 0;font-size:13px}.barracks-panel__meta{margin:10px 0 12px;font-size:13px;line-height:1.45;color:var(--text-muted)}.barracks-panel__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.barracks-panel__summary-card{min-width:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:4px 12px;background:color-mix(in srgb,var(--bg) 78%,transparent);color:var(--text-muted);font-size:12px;line-height:1.25}.barracks-panel__summary-card strong{display:block;margin:3px 0 1px;font-size:18px;line-height:1;color:var(--text-h)}.barracks-panel__summary-label{display:block;overflow:hidden;font-size:10px;font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--text-muted)}.barracks-panel__notice{position:relative;padding:14px 16px;border:1px solid rgba(224,112,96,.42);border-radius:4px 14px;background:#e070601a;color:var(--text);font-size:14px;line-height:1.5;box-shadow:inset 0 0 0 1px #e0706014}.barracks-panel__notice p{margin:6px 0 0}.barracks-panel__notice-label{display:inline-flex;align-items:center;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.barracks-panel__notice strong{color:var(--text-h)}.barracks-panel__notice-link{display:inline;padding:0;border:none;background:transparent;color:var(--auth-switch-link);cursor:pointer;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.barracks-panel__notice-link:hover{color:color-mix(in srgb,#fff 22%,var(--auth-switch-link))}.barracks-panel__notice-link:focus-visible{border-radius:2px;outline:2px solid var(--auth-switch-link);outline-offset:2px}.barracks-panel__active{margin:0 0 12px;padding:12px 14px;border-radius:6px;font-size:14px;line-height:1.4;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border))}.barracks-panel__active-title{margin:0 0 12px;font-size:13px;line-height:1.4;color:var(--text-muted)}.barracks-panel__active-title strong{color:var(--text-h)}.barracks-training-bar{margin-bottom:12px}.barracks-training-bar:last-child{margin-bottom:0}.barracks-training-bar__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.barracks-training-bar__value{font-weight:600;letter-spacing:.03em;text-transform:none;color:var(--text)}.barracks-training-bar__track{height:8px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--text-h) 12%,transparent)}.barracks-training-bar__fill{height:100%;border-radius:4px;transition:width .15s ease-out}.barracks-training-bar__fill--batch{background:linear-gradient(90deg,color-mix(in srgb,var(--safe) 75%,var(--text-h)),var(--safe))}.barracks-training-bar__fill--troop{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 65%,var(--text-h)),var(--accent))}.barracks-panel__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.barracks-panel__row{display:flex;flex-direction:column;min-height:190px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:4px 14px;background:color-mix(in srgb,var(--bg) 70%,transparent)}.barracks-panel__row--locked{opacity:.68;background:color-mix(in srgb,var(--bg) 52%,transparent)}.barracks-panel__row-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}.barracks-panel__name{font-weight:700;letter-spacing:.04em;color:var(--text-h)}.barracks-panel__locked{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.barracks-panel__locked-copy{margin:auto 0 0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);font-size:12px;line-height:1.45;color:var(--text-muted)}.barracks-panel__stats{margin:0 0 10px;font-size:12px;color:var(--text-muted);line-height:1.4}.barracks-panel__stat{cursor:help;border-bottom:1px dotted color-mix(in srgb,var(--text-muted) 45%,transparent);outline:none}.barracks-panel__stat:hover,.barracks-panel__stat:focus-visible{color:var(--text)}.barracks-panel__stat:focus-visible{border-radius:2px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.troop-stat-tooltip{position:fixed;z-index:10050;box-sizing:border-box;max-width:min(280px,calc(100vw - 24px));padding:10px 12px;transform:translate(-50%,calc(-100% - 10px));border-radius:6px;border:1px solid var(--border);background:linear-gradient(165deg,var(--code-bg) 0%,color-mix(in srgb,var(--code-bg) 92%,var(--text-h)) 100%);color:var(--text);font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1.45;text-align:left;box-shadow:var(--shadow-inset),var(--shadow);pointer-events:none}.barracks-panel__stat-icon{display:inline-flex;align-items:center;vertical-align:middle}.barracks-panel__stat-sep{cursor:default;border-bottom:none}.barracks-panel__section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.barracks-panel__section-head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-h)}.barracks-panel__section-head span{font-size:12px;color:var(--text-muted)}.barracks-panel__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:auto;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.barracks-panel__qty{display:flex;align-items:center;gap:8px;margin:0}.barracks-panel__qty-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.barracks-panel__qty input{width:72px;padding:6px 8px;font-size:14px;border:1px solid var(--border);border-radius:4px 10px;background:var(--bg);color:var(--text-h)}.barracks-panel__max-link{padding:0;border:none;background:transparent;color:var(--auth-switch-link);cursor:pointer;font:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:underline;text-underline-offset:2px}.barracks-panel__max-link:hover:not(:disabled){color:color-mix(in srgb,#fff 22%,var(--auth-switch-link))}.barracks-panel__max-link:focus-visible{border-radius:2px;outline:2px solid var(--auth-switch-link);outline-offset:2px}.barracks-panel__max-link:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.55;text-decoration:none}.barracks-panel__costs{margin-bottom:10px!important}.barracks-panel__train-btn{flex-shrink:0;width:auto;min-width:100px;margin-left:auto;margin-top:0;padding:8px 14px;font-size:12px}@media (max-width: 760px){.building-modal--barracks{width:min(96vw,560px)}.barracks-panel__summary,.barracks-panel__list{grid-template-columns:1fr}.barracks-panel__row{min-height:0}.barracks-panel__train-btn{margin-left:0}}.building-modal__barracks-next{margin:0 0 14px;padding:12px 14px;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,var(--text-h))}.building-modal__barracks-next-line{margin:0 0 8px;font-size:13px;line-height:1.45;color:var(--text)}.building-modal__barracks-next-line:last-child{margin-bottom:0}.garrison-panel{margin:0 0 16px;padding-top:4px;border-top:1px solid var(--border)}.garrison-panel__capacity{margin:10px 0 8px;font-size:14px;color:var(--text)}.garrison-panel__hint{margin:0 0 12px;padding:8px 0;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:4px 12px;background:transparent;font-size:13px;line-height:1.45;color:var(--text-muted)}.garrison-panel__link{display:inline;padding:0;border:none;background:transparent;color:var(--auth-switch-link);cursor:pointer;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.garrison-panel__link:hover{color:color-mix(in srgb,#fff 22%,var(--auth-switch-link))}.garrison-panel__link:focus-visible{border-radius:2px;outline:2px solid var(--auth-switch-link);outline-offset:2px}.garrison-panel__list{margin:0;padding:0 0 0 16px;font-size:14px;line-height:1.5;color:var(--text-muted)}.buildings-section--world-map{max-width:560px;margin-left:auto;margin-right:auto;align-self:center}.world-map-modal-backdrop{z-index:1002;padding:clamp(8px,2.5vmin,20px);align-items:stretch;justify-content:center}.world-map-modal.resource-modal{max-width:min(98vw,1280px);width:min(98vw,1280px);height:min(94vh,960px);max-height:min(94vh,960px);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:24px 22px 18px;box-sizing:border-box}.world-map-panel--modal{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;background:transparent;border:none;box-shadow:none}.world-map-panel--modal .world-map-panel__title{margin-top:0;margin-bottom:14px;padding-right:48px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 1px color-mix(in srgb,var(--text-h) 6%,transparent)}.world-map-panel__recenter{position:absolute;bottom:14px;right:14px;left:auto;z-index:3;box-sizing:border-box;width:42px;height:42px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--text-h);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 96%,#fff) 0%,var(--code-bg) 100%);border:1px solid color-mix(in srgb,var(--border) 85%,var(--text-h));border-radius:50%;box-shadow:0 1px color-mix(in srgb,var(--text-h) 12%,transparent),0 4px 14px #00000038;cursor:pointer;pointer-events:auto;transition:background .15s ease,box-shadow .15s ease,transform .12s ease}.world-map-panel__recenter:hover{background:color-mix(in srgb,var(--accent-bg) 35%,var(--code-bg));box-shadow:0 1px color-mix(in srgb,var(--text-h) 10%,transparent),0 5px 18px #00000042}.world-map-panel__recenter:active{transform:scale(.96)}.world-map-panel__recenter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-color-scheme: dark){.world-map-panel__recenter{background:linear-gradient(180deg,color-mix(in srgb,var(--code-bg) 88%,var(--text-h)) 0%,var(--code-bg) 100%);border-color:color-mix(in srgb,var(--border) 70%,transparent)}}.world-map-panel__canvas-wrap{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 0 12px}.world-map-panel__canvas-wrap--inline{border-radius:8px;overflow:hidden;background-color:#2d4a28;background-image:var(--game-terrain-tile-url);background-size:var(--game-terrain-tile-size-sm) auto;background-repeat:repeat;background-position:center}@media (prefers-color-scheme: dark){.world-map-panel__canvas-wrap--inline{background-color:#1e2e1c}}.world-map-panel__viewport{flex:1 1 auto;min-height:0;width:100%;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:10px;background-color:#2d4a28;background-image:var(--game-terrain-tile-url);background-size:var(--game-terrain-tile-size) auto;background-repeat:repeat;background-position:0 0}@media (prefers-color-scheme: dark){.world-map-panel__viewport{background-color:#1e2e1c}}.world-map-panel__viewport:active{cursor:grabbing}.world-map-panel__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 45%,rgba(45,90,55,.35)),inset 0 0 60px #00000059,inset 0 0 120px #0000001f}.world-map-panel__drag-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 14px;border-radius:999px;pointer-events:none;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text-h) 92%,#b8c9b0);background:linear-gradient(180deg,color-mix(in srgb,var(--code-bg) 78%,#1a2820),color-mix(in srgb,var(--code-bg) 92%,#0d1210));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));box-shadow:0 2px color-mix(in srgb,var(--text-h) 8%,transparent),0 8px 28px #00000059}.world-map-panel__drag-hint-icon{flex-shrink:0;color:#0d9488;opacity:.95}.world-map-panel__drag-hint-text{white-space:nowrap}@media (prefers-color-scheme: dark){.world-map-panel__drag-hint-icon{color:#5eead4}}.world-map-panel__map-layer{position:absolute;top:0;left:0;will-change:transform}.world-map-panel__canvas-wrap--fluid{width:100%;flex:1 1 auto;min-height:0;margin-bottom:0;align-items:center;justify-content:center;overflow:hidden}.world-map-panel__footer{flex-shrink:0;margin-top:0;padding-top:14px}.world-map-panel__footer-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px}.world-map-panel__chip{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:.03em;border-radius:6px}.world-map-panel__chip--dim{color:color-mix(in srgb,var(--text-muted) 92%,var(--accent));background:color-mix(in srgb,var(--text-h) 6%,transparent);border:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.world-map-panel__legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted)}.world-map-panel__legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #00000059}.world-map-panel__legend-dots{display:inline-flex;align-items:center;gap:4px}.world-map-panel__legend-dot--castle{width:11px;height:11px;border-radius:3px;background-size:cover;background-position:center;box-shadow:0 0 0 1px #0000004d}.world-map-panel__legend-dot--other{background:linear-gradient(160deg,#cbd5e1,#64748b)}.world-map-panel__legend-dot--camp{background:linear-gradient(160deg,#fca5a5,#b91c1c)}.world-map-panel__legend-route{display:inline-block;width:22px;height:0;border-top:1px dashed #6b7280}.world-map-panel__route-tooltip{position:absolute;z-index:4;transform:translate(-50%,calc(-100% - 14px));max-width:min(260px,calc(100% - 24px));padding:7px 10px;border:1px solid color-mix(in srgb,var(--border) 80%,var(--text-h));border-radius:8px;color:#f8fafc;background:#0f172ae6;box-shadow:0 8px 22px #00000047;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.02em;pointer-events:none;white-space:nowrap}.world-map-panel__canvas{display:block;border-radius:4px;border:1px solid color-mix(in srgb,var(--border) 70%,rgba(40,70,48,.5));box-shadow:var(--shadow-inset),0 1px color-mix(in srgb,var(--text-h) 5%,transparent);image-rendering:auto}.world-map-panel__canvas--zoomed{display:block;border-radius:4px}.world-map-panel__coords{margin:0;font-size:13px;line-height:1.45;color:var(--text-muted)}.world-map-panel__coords-label{font-weight:500;letter-spacing:.02em;color:color-mix(in srgb,var(--text-muted) 88%,var(--accent))}.world-map-panel__coords-value{display:inline-block;margin-left:4px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:12px;font-weight:600;color:var(--text-h);background:color-mix(in srgb,var(--text-h) 8%,transparent);border-radius:4px;border:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.attack-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1005;display:flex;align-items:center;justify-content:center;padding:24px;background:#1c181480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.attack-modal.resource-modal{max-width:min(96vw,440px);max-height:min(88vh,720px);overflow:auto}.attack-modal__header{margin-bottom:8px}.attack-modal__target{margin:0 0 8px;font-size:15px;line-height:1.45;color:var(--text)}.attack-modal__meta,.attack-modal__meta-row{margin:0 0 12px;font-size:13px;color:var(--text-muted)}.attack-modal__warn{margin:0 0 12px;font-size:14px;color:#b45309}.attack-modal__scouting{margin:0 0 16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--border) 74%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel) 78%,transparent)}.attack-modal__scout-btn{width:auto;min-width:132px}.attack-modal__scout-report{margin-top:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--bg) 62%,transparent);font-size:13px;color:var(--text)}.attack-modal__scout-report p{margin:0 0 6px}.attack-modal__scout-report p:last-child{margin-bottom:0}.attack-modal__troops-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.attack-modal__troops-header h3{margin:0;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.attack-modal__send-max{flex-shrink:0;font-size:13px}.attack-modal__max-btn{margin-left:2px;font-size:12px;font-weight:600;vertical-align:baseline}.attack-modal__max-btn:disabled,.attack-modal__send-max:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.attack-modal__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px}.attack-modal__row input{width:88px;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--code-bg);color:var(--text)}.attack-modal__empty{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.attack-modal__bp{margin:16px 0 0;font-size:14px;color:var(--text)}.attack-modal__bp-hint{font-size:12px;color:var(--text-muted)}.attack-modal__error{margin:12px 0 0;font-size:14px;color:#b91c1c}.attack-modal__footer{margin-top:20px;padding-top:4px}.battle-report-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;display:flex;align-items:center;justify-content:center;padding:24px;background:#0c0a0894;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.battle-report.resource-modal{max-width:min(94vw,460px)}.battle-report__eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.battle-report__title{margin-bottom:14px}.battle-report__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.battle-report__stats span{padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 72%,transparent);border-radius:12px;color:var(--text-muted);background:color-mix(in srgb,var(--panel) 76%,transparent)}.battle-report__stats strong{display:block;margin-top:2px;color:var(--text)}.battle-report__section{margin-top:14px}.battle-report__section h3{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.battle-report__list{margin:0;padding:0;list-style:none}.battle-report__list li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent);color:var(--text)}.battle-report__list li:last-child{border-bottom:none}.battle-report__empty,.battle-report__loot{margin:0;color:var(--text)}