:root{--ui-viewport-top:0px}body,html{max-width:100%;overflow-x:clip}.game-shell .game-grid.game-grid>.city-stage{justify-self:stretch!important;min-width:0!important;width:100%!important}@media (max-width:1439px){.game-shell .game-grid.game-grid:not(.view-arena){grid-template-columns:minmax(0,100%)!important;width:100%!important}.game-shell .game-grid.game-grid:not(.view-arena)>.city-stage{bottom:0!important;grid-column:1!important;justify-self:stretch!important;left:0!important;max-width:none!important;min-width:0!important;position:absolute!important;right:0!important;top:0!important;width:auto!important}.game-shell .profile-screen{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;touch-action:pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch}}@media (max-width:720px),(orientation:landscape) and (max-width:950px) and (max-height:520px){.game-shell .game-grid.game-grid:has(>.city-stage.active-city){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;height:calc(100dvh - var(--header-height))!important;max-height:calc(100dvh - var(--header-height))!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none!important;scroll-padding:0!important;touch-action:manipulation!important}.game-shell .game-grid.game-grid:has(>.city-stage.active-city):after{content:none!important;display:none!important;height:0!important}.game-shell .game-grid.game-grid>.city-stage.active-city{grid-column:1!important;grid-row:1!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}.game-shell .city-stage.active-city.city-layered .city-scene-viewport{bottom:0!important}.game-shell .game-grid.view-city>.game-navigation{-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);background:linear-gradient(180deg,rgba(83,193,195,.1),transparent 9px),linear-gradient(0deg,rgba(5,8,7,.91),rgba(13,18,15,.76))!important}}@media (max-width:720px) and (orientation:portrait){.game-shell .city-stage.active-city.city-layered .city-scene-viewport{bottom:0!important;top:84px!important}}@media (orientation:landscape) and (max-width:950px) and (max-height:520px){.game-shell .city-stage.active-city.city-layered .city-scene-viewport{bottom:0!important;top:48px!important}}@media (max-width:1100px),(orientation:landscape) and (max-width:1180px) and (max-height:820px){.game-shell .city-stage.active-city .city-bottom-hud{overflow:visible!important}.game-shell.chat-surface-open .city-stage.active-city .city-bottom-hud{z-index:350!important}.game-shell.chat-surface-open .mobile-agenda-trigger{opacity:0!important;pointer-events:none!important;visibility:hidden!important}.game-shell .city-stage.active-city .city-bottom-hud .chat-panel.open{bottom:auto!important;display:flex!important;flex-direction:column!important;height:calc(var(--ui-height, 100dvh) - var(--header-height) - var(--game-nav-dock-height) - 14px - env(safe-area-inset-bottom))!important;left:8px!important;max-height:none!important;max-width:none!important;min-height:0!important;overflow:hidden!important;position:fixed!important;right:auto!important;top:calc(var(--ui-viewport-top, 0px) + var(--header-height) + 6px)!important;transform:none!important;width:calc(100vw - 16px)!important;z-index:360!important}.game-shell .chat-panel.open .chat-channel-tabs,.game-shell .chat-panel.open .chat-composer,.game-shell .chat-panel.open .chat-player-finder,.game-shell .chat-panel.open .chat-toggle,.game-shell .chat-panel.open .chat-world-notice{flex:0 0 auto!important}.game-shell .chat-panel.open .chat-messages{flex:1 1 0!important;height:0!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important}.game-shell .city-stage.active-city .city-bottom-hud .chat-panel.open form.chat-composer{flex-basis:auto!important;height:auto!important;min-height:0!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.game-shell .chat-panel.open .chat-composer input,.game-shell .chat-player-finder input{font-size:16px!important}.game-shell .chat-panel.open .chat-mention-menu{bottom:calc(100% + 6px)!important;max-height:min(180px,34dvh)!important;overflow-y:auto!important;top:auto!important}.game-shell .chat-recent-peers{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-height:86px!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:none!important;white-space:normal!important}.game-shell .chat-recent-peers::-webkit-scrollbar{display:none!important}.game-shell .chat-recent-peers>small{flex:0 0 100%!important}.game-shell .chat-recent-peers>button{flex:0 1 auto!important;max-width:100%!important;min-height:34px!important;overflow:hidden!important;text-overflow:ellipsis!important}.game-shell:has(.chat-composer input:focus) .game-navigation{opacity:0!important;pointer-events:none!important;transform:translateY(100%)!important;visibility:hidden!important}.game-shell:has(.chat-composer input:focus) .city-stage.active-city .city-bottom-hud .chat-panel.open{height:calc(var(--ui-height, 100dvh) - var(--header-height) - 12px)!important}}@media (min-width:721px) and (max-width:1100px){.game-shell .city-stage.active-city .city-bottom-hud .chat-panel.closed{bottom:calc(var(--game-nav-dock-height) + 10px + env(safe-area-inset-bottom))!important;display:block!important;left:12px!important;max-width:min(290px,calc(100vw - 24px))!important;position:fixed!important;right:auto!important;width:min(290px,calc(100vw - 24px))!important;z-index:190!important}}@media (max-width:720px){.game-shell .city-stage.active-city .city-bottom-hud .chat-panel.closed{bottom:calc(var(--game-nav-dock-height) + 10px + env(safe-area-inset-bottom))!important;display:block!important;left:0!important;max-width:min(230px,72vw)!important;position:absolute!important;right:auto!important;width:min(230px,72vw)!important}}@media (orientation:landscape) and (max-width:950px) and (max-height:520px){.game-shell .chat-panel.open .chat-toggle{height:36px!important;min-height:36px!important}.game-shell .chat-panel.open .chat-channel-tabs,.game-shell .chat-panel.open .chat-channel-tabs>button{min-height:32px!important}.game-shell .chat-panel.open .chat-channel-tabs{flex-basis:32px!important}.game-shell .chat-panel.open .chat-messages{padding-block:6px!important}.game-shell .chat-panel.open .chat-composer{padding-block:5px!important}.game-shell .chat-panel.open .chat-composer .chat-send-button,.game-shell .chat-panel.open .chat-composer input{height:38px!important;min-height:38px!important}}@media (max-width:720px){body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){font-size:16px!important}.entry-portal :is(input:not([type=checkbox]),select,textarea){font-size:16px!important}.game-shell .activity-panel.mobile-open{max-width:100%!important;overflow-x:hidden!important}.game-shell .activity-panel.mobile-open>*,.game-shell .game-view:not(.arena-view){max-width:100%!important;min-width:0!important}.game-shell .game-view:not(.arena-view){overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none!important}.game-shell .world-screen .world-toolbar{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;touch-action:pan-x!important;white-space:nowrap!important}.game-shell .world-screen .world-toolbar::-webkit-scrollbar{display:none!important}.game-shell .alliance-directory-layout{display:flex!important;flex-direction:column!important;gap:10px!important;inset:auto!important;margin:10px 10px 24px!important;max-width:calc(100% - 20px)!important;position:static!important;width:auto!important}.game-shell .alliance-banner-directory,.game-shell .alliance-create-card{min-width:0!important;overflow:visible!important;width:100%!important}.game-shell .alliance-banner-directory>header{align-items:stretch!important;flex-direction:column!important;gap:10px!important;height:auto!important;padding:13px!important}.game-shell .alliance-banner-directory>header label{min-width:0!important;width:100%!important}.game-shell .alliance-banner-list{display:grid!important;gap:9px!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;padding:9px!important}.game-shell .alliance-banner-list>article{align-items:start!important;gap:10px!important;grid-template-columns:48px minmax(0,1fr)!important;min-height:0!important;padding:11px!important}.game-shell .alliance-banner-list>article>.banner-mini-crest{grid-column:1!important;grid-row:1!important}.game-shell .alliance-banner-list>article>div:not(.alliance-banner-actions){display:block!important;grid-column:2!important;min-width:0!important}.game-shell .alliance-banner-list h2,.game-shell .alliance-banner-list p{overflow-wrap:anywhere!important}.game-shell .alliance-banner-list dl{display:grid!important;gap:5px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:8px!important;width:100%!important}.game-shell .alliance-banner-list dl span{min-width:0!important}.game-shell .alliance-banner-actions{display:grid!important;gap:7px!important;grid-column:1/-1!important;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)!important;width:100%!important}.game-shell .alliance-banner-actions>button{min-height:42px!important;min-width:0!important;overflow-wrap:anywhere!important;padding:7px 8px!important;width:100%!important}.game-shell .alliance-invitation-inbox{padding:12px!important}.game-shell .alliance-invitation-list,.game-shell .alliance-invitation-list>article{grid-template-columns:minmax(0,1fr)!important}.game-shell .alliance-invitation-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.game-shell .alliance-create-card{padding:18px 14px!important}.game-shell .alliance-action-form{grid-template-columns:minmax(0,1fr)!important}.game-shell .alliance-action-form :is(input,select,button){min-height:42px!important;width:100%!important}.game-shell .live-alliance-card{min-height:0!important}.game-shell .alliance-level-benefits{gap:5px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.game-shell .alliance-level-benefits>span{gap:5px!important;padding:7px 5px!important}.game-shell .alliance-level-benefits small{letter-spacing:.06em!important}.game-shell .army-modal-backdrop,.game-shell .modal-backdrop{align-items:center!important}.game-shell .army-modal-backdrop>*,.game-shell .modal-backdrop>*{border-radius:14px!important;height:auto!important;max-height:calc(100% - 12px)!important;min-height:0!important}}@media (max-width:360px){.portal-screen-landing .portal-store-badges{gap:8px!important;width:100%!important}.portal-screen-landing .portal-store-badges :is(a,button){flex:0 1 calc(50% - 4px)!important;min-width:0!important;width:calc(50% - 4px)!important}.portal-screen-landing .portal-store-badges>img{flex:0 1 calc(50% - 4px)!important;height:auto!important;min-width:0!important;width:calc(50% - 4px)!important}.portal-screen-landing .portal-store-badges :is(a,button) img{height:auto!important;max-width:100%!important;width:100%!important}.quadrant-map{height:auto!important;min-height:430px!important}.quadrant-map>button{gap:5px!important;grid-template-columns:30px minmax(0,1fr)!important;padding:13px 8px!important}.quadrant-map>button>i{height:30px!important;width:30px!important}.quadrant-map button b{font-size:13px!important}.quadrant-center-seal{height:48px!important;width:48px!important}.quadrant-center-seal span{height:39px!important;width:39px!important}}@media (max-width:640px){.portal-season-rankings>header{align-items:stretch!important;flex-direction:column!important;gap:10px!important;height:auto!important;padding:14px!important}.portal-season-rankings>header nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;width:100%!important}.portal-season-rankings>header nav button{min-width:0!important;padding-inline:3px!important}}@media (prefers-reduced-motion:reduce){.game-shell .chat-panel,.game-shell .chat-panel *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media (min-width:721px) and (max-width:1100px){.game-shell .city-stage.active-city{--compact-city-edge:12px;--compact-city-card:clamp(220px,28vw,268px);--compact-city-top-lane:206px}.game-shell .city-stage.active-city.city-layered .city-scene-viewport{bottom:112px!important;top:var(--compact-city-top-lane)!important}.game-shell .game-grid.view-city .mobile-agenda-trigger{height:42px!important;max-width:calc(50% - 20px)!important;right:var(--compact-city-edge)!important;top:10px!important;width:var(--compact-city-card)!important}.game-shell .game-grid.view-city .city-title{left:var(--compact-city-edge)!important;max-width:calc(50% - 20px)!important;overflow:hidden!important;padding:10px 12px!important;right:auto!important;top:10px!important;width:var(--compact-city-card)!important}.game-shell .game-grid.view-city .city-title>:is(strong,small){max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.game-shell .game-grid.view-city .time-control{top:84px!important}.game-shell .game-grid.view-city .city-settlement-integrity,.game-shell .game-grid.view-city .time-control{left:var(--compact-city-edge)!important;min-width:0!important;right:auto!important;width:var(--compact-city-card)!important}.game-shell .game-grid.view-city .city-settlement-integrity{max-width:calc(50% - 20px)!important;top:144px!important}.game-shell .game-grid.view-city .city-right-stack{display:grid!important;gap:8px!important;left:auto!important;max-width:calc(50% - 20px)!important;right:var(--compact-city-edge)!important;top:60px!important;width:var(--compact-city-card)!important}.game-shell .game-grid.view-city .city-command-scores,.game-shell .game-grid.view-city .village-progress,.game-shell .game-grid.view-city .village-progress.collapsed{left:auto!important;max-width:100%!important;min-width:0!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.game-shell .game-grid.view-city .village-progress.open{max-height:min(62dvh,520px)!important;overflow-x:hidden!important;overflow-y:auto!important}.game-shell .game-grid.view-city .city-command-scores{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)) auto!important}.game-shell .city-stage.active-city .city-bottom-hud{align-items:end!important;bottom:10px!important;display:grid!important;gap:10px!important;grid-template-columns:minmax(190px,220px) minmax(0,1fr)!important;left:var(--compact-city-edge)!important;right:var(--compact-city-edge)!important;width:auto!important}.game-shell .city-stage.active-city .city-bottom-hud>.build-dock{display:none!important}.game-shell .city-stage.active-city .city-bottom-hud .chat-panel.closed{bottom:auto!important;grid-column:1!important;left:auto!important;max-width:100%!important;position:relative!important;right:auto!important;width:100%!important}.game-shell .city-stage.active-city .city-bottom-hud .city-garrison-stack{bottom:auto!important;grid-column:2!important;left:auto!important;margin:0!important;max-width:100%!important;min-width:0!important;position:relative!important;right:auto!important;transform:none!important;width:100%!important}.game-shell .city-stage.active-city .city-garrison{grid-template-columns:104px minmax(0,1fr) 36px!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;width:100%!important}.game-shell .city-stage.active-city .city-garrison-roster{grid-auto-columns:minmax(112px,1fr)!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important}.game-shell .city-stage.active-city .city-garrison-roster::-webkit-scrollbar{display:none!important}.game-shell .city-stage.active-city .city-garrison-unit{min-width:0!important}.game-shell .city-stage.active-city .city-garrison-quick-actions button:not(.city-garrison-expand),.game-shell .city-stage.active-city .city-garrison-unit:nth-of-type(n+4){display:none!important}.game-shell .city-stage.active-city .city-garrison-quick-actions{grid-auto-columns:36px!important}}@media (min-width:721px) and (max-width:860px){.game-shell .city-stage.active-city{--compact-city-card:min(252px,calc(50% - 18px))}.game-shell .city-stage.active-city .city-bottom-hud{grid-template-columns:minmax(160px,196px) minmax(0,1fr)!important}.game-shell .city-stage.active-city .city-garrison{grid-template-columns:82px minmax(0,1fr) 34px!important}.game-shell .city-stage.active-city .city-garrison-unit:nth-of-type(n+3){display:none!important}}@media (max-width:720px){.game-shell :is(.profile-command-layout,.market-command-layout,.alliance-directory-layout,.alliance-dashboard,.army-command-layout,.character-layout,.settings-shell,.admin-panel-grid,.defence-command-layout,.village-management-grid,.village-transfer-resource-grid){grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important}.game-shell :is(article,aside,section,form,fieldset,header,footer,nav,dl,div){min-width:0}.game-shell :is(.profile-identity-card,.profile-season-card,.friend-referral-card,.market-merchant-card,.market-rules-card,.alliance-management-card,.live-alliance-card,.selected-unit-panel,.dialogue-card,.settings-legal-card){max-width:100%!important;overflow-wrap:anywhere!important;width:100%!important}.game-shell :is(.modal-backdrop,.army-modal-backdrop)>*{max-width:calc(100vw - 12px)!important;width:calc(100vw - 12px)!important}.game-shell :is(button,input,select,textarea){max-width:100%}}