@import "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#07141b;font-family:Noto Sans,Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.app-shell,.app-content{width:100%;height:100%}.app-content{opacity:0;transition:opacity .42s}.app-content.is-ready{opacity:1}.game-loader{z-index:1000;opacity:0;pointer-events:none;visibility:hidden;background-color:#061116;background-image:linear-gradient(#03090c80,#08191d33 50%,#03080ba8),url(/assets/ui/panel-texture.png);background-size:auto,512px 512px;justify-content:center;align-items:center;transition:opacity .42s,visibility 0s linear .42s;display:flex;position:fixed;inset:0;overflow:hidden}.game-loader:before{content:"";background:linear-gradient(90deg,#0000,#d8b84a6b,#0000);width:min(760px,86vw);height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 -158px #69c0b514,0 158px #69c0b514}.game-loader:after{content:"";background:linear-gradient(90deg,#0105078c,#0000 28% 72%,#0105078c);position:absolute;inset:0}.game-loader.is-visible{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.loader-content{z-index:1;flex-direction:column;align-items:center;min-width:min(360px,100vw - 40px);display:flex;position:relative}.loader-content strong{color:#f4e8bb;text-shadow:0 1px 2px #000,0 0 16px #dfbe4947;margin-top:20px;font-size:clamp(17px,1.05vw,20px);font-weight:600;position:relative}.loader-emblem{width:146px;height:146px;position:relative}.loader-energy,.loader-ink-ring,.loader-sigil{object-fit:contain;position:absolute}.loader-ink-ring{opacity:.76;width:136px;height:136px;animation:7s linear infinite loader-ink-turn;inset:5px}.loader-sigil{filter:saturate(.88)drop-shadow(0 0 14px #ffd0308c);width:98px;height:98px;animation:1.8s ease-in-out infinite loader-sigil-breathe;inset:24px}.loader-energy{pointer-events:none;border-radius:50%}.loader-energy-outer{border:1px solid #debe4d38;border-color:#efd56b #debe4d38 #6fd3c2b8;animation:2.8s linear infinite loader-spin;inset:0;box-shadow:0 0 24px #d8b84a21}.loader-energy-inner{border:1px solid #74d5c62e;border-color:#74d5c62e #74d5c6e6 #74d5c62e #ebcd61bf;animation:2s linear infinite loader-spin-reverse;inset:15px}.loader-caption{color:#c7d8d4a8;margin-top:5px;font-size:12px;font-weight:400;position:relative}.loader-progress{background:#010709b8;width:min(270px,70vw);height:13px;margin-top:20px;position:relative;overflow:hidden;-webkit-mask:url(/assets/ui/resource-strip.png) 50%/100% 100% no-repeat;mask:url(/assets/ui/resource-strip.png) 50%/100% 100% no-repeat}.loader-progress:before{content:"";background:#c4aa4b29;position:absolute;inset:5px 7px}.loader-progress i{background:linear-gradient(90deg,#0000,#f3d66c 45%,#8ee2d3 72%,#0000);width:42%;height:5px;animation:1.45s ease-in-out infinite loader-energy-flow;position:absolute;top:4px;left:-45%;box-shadow:0 0 8px #e8cb5c99}button,input{font:inherit}button{color:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #ffe582e6}.viewport{background:#07141b;width:100%;height:100%;position:relative;overflow:hidden}.stage{background:#0a161c;overflow:hidden}.territory-stage{width:100%;height:100%;position:absolute;inset:0}.detail-stage{transform-origin:50%;position:absolute;top:50%;left:50%}.territory-screen,.building-screen{width:100%;height:100%;animation:.42s ease-out both screen-in;position:relative;overflow:hidden}.territory-scroll{z-index:0;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:auto hidden}.territory-scroll::-webkit-scrollbar{display:none}.territory-scroll:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #debe4d7a}.territory-scrollbar{z-index:31;cursor:pointer;opacity:0;pointer-events:none;background:#040b0ebd;border:1px solid #debe4d73;border-radius:5px;width:clamp(170px,27vw,420px);height:9px;padding:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:12px;left:50%;transform:translate(-50%,8px);box-shadow:0 2px 8px #0000007a,inset 0 1px #ffffff14}.territory-scrollbar.is-visible{opacity:.82;pointer-events:auto;transform:translate(-50%)}.territory-scrollbar:hover{opacity:1}.territory-scrollbar>span{will-change:transform;background:linear-gradient(90deg,#8d7120,#f2d761 50%,#8d7120);border-radius:3px;min-width:32px;transition:width .18s;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 0 8px #eccf5c7a}.territory-scroll-content{width:max(100%, var(--territory-rendered-width));height:100%;position:relative}.territory-world{width:1936px;height:1080px;transform:translateY(-50%) scale(var(--territory-scale));transform-origin:0;backface-visibility:hidden;contain:layout paint;will-change:transform;position:absolute;top:50%;left:0}.territory-background,.territory-background img,.territory-vignette,.detail-backdrop,.detail-shade{width:100%;height:100%;position:absolute;inset:0}.territory-background img{object-fit:cover}.territory-base{z-index:0;animation:.9s cubic-bezier(.2,.7,.2,1) both landscape-in}.territory-light{z-index:1;opacity:.2;mix-blend-mode:screen}.territory-fog{z-index:2;opacity:.16;mix-blend-mode:screen}.territory-vignette{z-index:3;pointer-events:none;background:linear-gradient(#030a0c33,#0000 14% 83%,#02090b3b);box-shadow:inset 0 0 80px #0000002e}.resource-bar{z-index:30;grid-template-columns:repeat(8,1fr);height:clamp(36px,2.55vw,49px);display:grid;position:absolute;top:3px;left:16.875vw;right:9.95vw}.resource-slot{min-width:0;height:clamp(36px,2.55vw,49px);animation:.42s cubic-bezier(.2,.75,.25,1) both resource-in;position:relative}.resource-slot:nth-child(2){animation-delay:35ms}.resource-slot:nth-child(3){animation-delay:70ms}.resource-slot:nth-child(4){animation-delay:.105s}.resource-slot:nth-child(5){animation-delay:.14s}.resource-slot:nth-child(6){animation-delay:.175s}.resource-slot:nth-child(7){animation-delay:.21s}.resource-slot:nth-child(8){animation-delay:.245s}.resource-brush{background:#04090bd6;height:clamp(25px,1.56vw,30px);position:absolute;top:clamp(5px,.42vw,8px);left:clamp(18px,1.25vw,24px);right:2px;-webkit-mask:url(/assets/ui/resource-strip.png) 50%/100% 100% no-repeat;mask:url(/assets/ui/resource-strip.png) 50%/100% 100% no-repeat}.resource-icon{z-index:1;object-fit:contain;filter:drop-shadow(0 2px 2px #000);width:clamp(30px,2.34vw,45px);height:clamp(30px,2.34vw,45px);position:absolute;top:0;left:0}.resource-value{z-index:2;color:#fff;text-overflow:ellipsis;text-shadow:0 1px 3px #000;white-space:nowrap;min-width:0;font-size:clamp(10px,.625vw,12px);font-weight:500;line-height:17px;position:absolute;top:clamp(8px,.625vw,12px);left:clamp(34px,2.45vw,47px);right:4px;overflow:hidden}.round-control{z-index:70;cursor:pointer;background:0 0;border:0;width:clamp(44px,3.125vw,60px);height:clamp(44px,3.125vw,60px);padding:0;transition:filter .18s,left .24s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1);position:absolute}.round-control:hover{filter:brightness(1.2);transform:translateY(-1px)}.round-control:active{transform:translateY(1px)scale(.94)}.round-control-bg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:rotate(180deg)}.round-control-composite{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.round-control-icon{object-fit:cover;filter:drop-shadow(0 1px 2px #000);width:47%;height:50%;position:absolute;top:25%;left:25%}.round-control-icon.is-flipped{transform:scaleX(-1)}.menu-toggle{top:7px;left:12px}.menu-toggle.is-open{left:111px}.settings{top:7px;right:12px}.settings .round-control-icon{object-fit:contain;width:40%;height:40%;top:30%;left:30%}.map-building{--accent:#65e9ff;z-index:10;cursor:pointer;height:200px;animation:.6s cubic-bezier(.16,.85,.25,1) both marker-in;animation-delay:calc(var(--marker-index) * 38ms + .11s);background:0 0;border:0;padding:0;position:absolute}.map-building:hover,.map-building:focus-visible{z-index:20}.map-building-inner{display:block;position:absolute;inset:0}.building-beam{object-fit:contain;width:114px;height:149px;filter:drop-shadow(0 0 9px var(--accent));mix-blend-mode:screen;opacity:.88;transition:transform .22s,filter .22s;animation:3.2s ease-in-out infinite beam-breathe;position:absolute;top:0;left:calc(50% - 57px)}.map-building-badge{object-fit:contain;width:95px;height:95px;transition:filter .18s,transform .18s;position:absolute;top:89px;left:calc(50% - 47.5px)}.map-building:hover .map-building-badge,.map-building:focus-visible .map-building-badge{filter:brightness(1.2);transform:scale(1.08)}.map-building:hover .building-beam,.map-building:focus-visible .building-beam{filter:brightness(1.35) drop-shadow(0 0 13px var(--accent));transform:translateY(-5px)}.building-label{color:#fff;text-shadow:0 1px 5px #000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:51px;display:flex;position:absolute;top:149px;left:0}.building-label>img{opacity:.65;width:100%;height:100%;position:absolute;inset:0}.building-label strong,.building-label small{z-index:1;white-space:nowrap;line-height:18px;position:relative}.building-label strong{text-overflow:ellipsis;max-width:calc(100% - 10px);font-size:15px;font-weight:500;overflow:hidden}.building-label small{color:var(--accent);font-size:12px}.warehouse{z-index:32;background:linear-gradient(90deg,#111111f2,#111111ad),url(/assets/ui/panel-texture.png);border:1px solid #ffffff8c;border-radius:3px;width:clamp(216px,20.42vw,353px);transition:border-color .18s,filter .18s,transform .18s;position:absolute;bottom:10px;right:10px;box-shadow:inset 0 0 36px #0000008c}.warehouse:hover{filter:brightness(1.05);border-color:#ffd55bc7}.warehouse-header{color:#fff;cursor:pointer;background:0 0;border:0;align-items:center;gap:clamp(7px,.42vw,8px);width:100%;height:clamp(43px,3.02vw,52px);padding:0 clamp(10px,.78vw,15px) 0 clamp(8px,.52vw,10px);font-size:clamp(13px,.78vw,15px);display:flex}.warehouse-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.warehouse-collect{color:#ffc927;flex:0 0 clamp(91px,5.73vw,110px);place-items:center;width:clamp(91px,5.73vw,110px);height:clamp(25px,1.61vw,31px);margin-left:auto;font-size:clamp(12px,.73vw,14px);font-weight:500;display:grid;position:relative}.warehouse-collect>img{width:100%;height:100%;position:absolute;inset:0}.warehouse-collect>span{z-index:1;position:relative}.warehouse-chevron{flex:0 0 clamp(34px,2.08vw,40px);width:clamp(34px,2.08vw,40px);height:clamp(34px,2.08vw,40px);position:relative}.warehouse-chevron-bg,.warehouse-chevron-arrow{object-fit:contain;position:absolute}.warehouse-chevron-bg{opacity:.5;width:100%;height:100%;inset:0}.warehouse-chevron-arrow{width:45%;height:30%;transition:transform .18s;top:35%;left:27.5%}.warehouse.is-open .warehouse-chevron-arrow{transform:scaleY(-1)}.warehouse-resources{background:url(/assets/warehouse/panel.svg) 50%/100% 100% no-repeat;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;min-height:78px;padding:8px 14px 10px 15px;animation:.22s ease-out both warehouse-in;display:grid}.warehouse-resource{grid-template-columns:21px minmax(0,1fr);align-items:center;gap:15px;min-width:0;height:21px;margin:0;font-size:12px;display:grid;position:relative}.warehouse-resource:after{content:"";background:#d9d9d933;height:1px;position:absolute;bottom:0;left:29px;right:0}.warehouse-resource-icon{border:1px solid #ffde9933;border-radius:2px;place-items:center;width:21px;height:21px;display:grid;overflow:hidden;box-shadow:0 0 3px #ffde99}.warehouse-resource-icon img{object-fit:contain;width:21px;height:21px}.warehouse-resource b{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.warehouse-resource.is-stones b{color:#96aaff}.warehouse-resource.is-herbs b{color:#8dffb3}.warehouse-resource.is-qi b{color:#e0bdff}.warehouse-resource.is-ore b{color:#ff7889}@media (width<=1100px){.warehouse-title-extra{display:none}}.sidebar{z-index:60;width:104px;height:100%;animation:.32s cubic-bezier(.18,.8,.28,1) both sidebar-in;position:absolute;inset:0 auto 0 0;overflow:hidden}.sidebar-backdrop{object-fit:cover;opacity:.7;width:104px;height:100%;position:absolute;inset:0}.sidebar-items{grid-template-rows:repeat(13,minmax(0,1fr));display:grid;position:absolute;inset:5px 3px}.sidebar button{cursor:pointer;width:100px;height:100%;animation:.3s cubic-bezier(.2,.75,.25,1) both nav-item-in;animation-delay:calc(var(--nav-index) * 22ms + 80ms);background:0 0;border:0;padding:0;display:block;position:relative}.nav-button-bg{object-fit:contain;width:clamp(43px,5.2vh,52px);height:clamp(43px,5.2vh,52px);position:absolute;top:50%;left:25px;transform:translateY(-58%)}.nav-icon{object-fit:contain;width:clamp(34px,4.3vh,43px);height:clamp(34px,4.3vh,43px);transition:transform .12s,filter .12s;position:absolute;top:50%;left:30px;transform:translateY(-65%)}.nav-text-bg{width:58px;height:16px;position:absolute;top:50%;left:21px;transform:translateY(65%)}.sidebar button span{color:#090b0c;text-overflow:ellipsis;text-shadow:0 0 2px #fff,0 0 2px #fff;white-space:nowrap;font-size:12px;font-weight:700;line-height:16px;position:absolute;top:calc(50% + 9px);left:0;right:0;overflow:hidden}.sidebar button:hover .nav-icon,.sidebar button:focus-visible .nav-icon{filter:brightness(1.2);transform:translateY(-70%)scale(1.06)}.toast{z-index:100;color:#ffe68e;text-align:center;background:#0e1011eb;border:1px solid #ffd76573;border-radius:3px;min-width:300px;padding:12px 20px;font-size:14px;animation:.22s ease-out both toast-in;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.detail-backdrop{object-fit:cover;filter:brightness(.35)blur(8px);animation:.65s ease-out both detail-backdrop-in;transform:scale(1.045)}.detail-shade{z-index:1;background:linear-gradient(90deg,#000000ab 0,#0000007a 44%,#00000026 73%,#00000085 100%)}.building-visual{z-index:2;pointer-events:none;animation:.65s cubic-bezier(.16,.8,.28,1) both scene-in;position:absolute;inset:0}.building-art-viewport{clip-path:ellipse(43% 44% at 54%);width:894px;height:852px;position:absolute;top:114px;left:852px;overflow:hidden}.building-art{object-fit:fill;width:100%;max-width:none;height:100%;position:absolute;inset:0}.building-spirit-fields .building-art{width:132.13%;height:77.7%;top:7.86%;left:-27.25%}.building-alchemy .building-art{object-fit:cover}.building-frame,.building-frame-tint{width:1920px;height:1080px;position:absolute;inset:0}.building-frame{z-index:2;object-fit:fill}.building-frame-tint{z-index:3;background:var(--accent);mix-blend-mode:color;opacity:.72;-webkit-mask:url(/assets/buildings/patrons-mask.webp) 50%/100% 100% no-repeat;mask:url(/assets/buildings/patrons-mask.webp) 50%/100% 100% no-repeat}.detail-close{width:60px;height:60px;top:30px;right:33px}.detail-close .round-control-bg{width:60px;height:60px}.close-glyph{z-index:1;text-shadow:0 1px 4px #000;place-items:center;width:60px;height:60px;font-size:28px;line-height:1;display:grid;position:relative}.building-panel{--panel-scale:1;z-index:10;width:668px;transform:scale(var(--panel-scale));transform-origin:0 0;animation:.52s cubic-bezier(.16,.82,.28,1) 80ms both panel-in;position:absolute;top:231px;left:232px}.building-header{align-items:center;gap:17px;min-height:95px;display:flex}.building-badge{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 65%, #fff) 0, color-mix(in srgb, var(--accent) 55%, #071116) 42%, #02080a 74%);border:2px solid var(--accent-soft);width:95px;height:95px;box-shadow:0 0 15px var(--accent), inset 0 0 17px #000;border-radius:50%;flex:0 0 95px;place-items:center;display:grid;position:relative}.building-badge:after{border:1px solid color-mix(in srgb, var(--accent-soft) 75%, transparent);content:"";border-radius:50%;position:absolute;inset:7px}.building-badge img{z-index:1;object-fit:contain;filter:brightness(1.7)drop-shadow(0 0 5px #fff);width:52px;height:52px;position:relative}.building-badge.is-exported{box-shadow:none;background:0 0;border:0;overflow:hidden}.building-badge.is-exported:after{display:none}.building-badge.is-exported img{filter:none;width:95px;height:95px}.building-header h1{color:var(--accent-soft);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 65%, transparent);margin:0 0 4px;font-size:34px;font-weight:600;line-height:42px}.building-header p{color:#fff;text-shadow:0 0 2px #fff;margin:0;font-size:16px;font-weight:300}.panel-header{width:668px;height:53px;box-shadow:none;background:0 0;border:0;align-items:center;margin-top:33px;padding:0 38px 0 80px;display:flex;position:relative}.panel-header-bg{z-index:0;pointer-events:none;width:676px;height:61px;position:absolute;inset:-4px}.panel-header>strong,.panel-header-side,.panel-icon,.header-next-arrow{z-index:1}.panel-header:before{content:"";opacity:.3;background:linear-gradient(#0000,#ffc927 21% 78%,#0000);border-radius:10px;width:4px;height:95px;position:absolute;top:53px;left:42px}.panel-header>strong{font-size:17px;font-weight:500}.panel-icon{place-items:center;width:53px;height:53px;display:grid;position:absolute;top:0;left:18px;overflow:hidden}.panel-icon img{object-fit:contain;width:53px;height:53px}.header-next-arrow{object-fit:contain;width:33px;height:27px;position:absolute;top:13px;left:343px}.panel-header-side{align-items:center;margin-left:auto;display:flex}.time-tabs{border-radius:10px;grid-template-columns:repeat(3,1fr);width:291px;height:33px;display:grid;overflow:hidden}.time-tabs button{color:#fff;cursor:pointer;background:#000;border:1px solid #ffde9933;font-size:15px;font-weight:300;transition:background-color .16s,color .16s,filter .16s}.time-tabs button:hover{background:#ffde9929}.time-tabs button.active{background:#ffde994d}.detail-section .panel-header{margin-top:17px}.next-level-label{color:#8dffb3;font-size:17px;font-weight:500}.stats-section .panel-header-side{margin-left:0;position:absolute;left:400px}.stats-columns{background:linear-gradient(90deg,#0000007d,#0000003b);grid-template-columns:235px 88px 235px;width:668px;min-height:95px;padding:11px 30px 3px 80px;display:grid;position:relative}.stat-column p,.cost-list p{border-bottom:1px solid #d9d9d933;justify-content:space-between;align-items:center;min-height:27px;margin:0 0 12px;font-size:15px;display:flex}.stat-column span,.stat-column b{font-weight:400}.stat-column b{font-size:16px;font-weight:600}.stat-column.is-next,.stat-column.is-next b{color:#8dffb3}.stat-arrows{text-align:center;flex-direction:column;padding-top:1px;display:flex}.stat-arrows i{place-items:center;height:39px;font-style:normal;display:grid}.stat-arrows img{object-fit:contain;width:25px;height:20px}.cost-section .panel-header{margin-top:17px}.duration{font-size:14px;font-weight:400}.cost-list{background:linear-gradient(90deg,#0000007d,#0000003b);width:668px;min-height:78px;padding:10px 35px 1px 80px}.cost-list p{grid-template-columns:1fr auto 27px 17px;gap:5px;display:grid}.cost-list b{font-size:16px;font-weight:600}.cost-list img{object-fit:contain;width:27px;height:27px}.cost-ready{border:1px solid #d1ded97a;border-radius:2px;flex:0 0 17px;place-items:center;width:17px;height:15px;font-style:normal;display:grid}.cost-ready.is-ready{border:0}.cost-ready img{object-fit:contain;width:17px;height:15px}.detail-layout-1920 .building-alchemy .building-panel,.detail-layout-1920 .building-treasury .building-panel,.detail-layout-1920 .building-arena .building-panel{top:217px}.detail-layout-1920 .building-recruit .building-panel{top:222px}.detail-layout-1920 .building-tower .building-panel{top:144px}.upgrade-button{color:#211700;cursor:pointer;background:0 0;border:0;width:169px;height:54px;margin:21px auto 0;padding:0;transition:filter .16s,transform .16s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.upgrade-button img{width:169px;height:54px;position:absolute;inset:0}.upgrade-button span{z-index:1;font-size:18px;font-weight:500;position:relative}.upgrade-button:hover:not(:disabled) img{content:url(/assets/ui/button-gold-hover.svg)}.upgrade-button:hover:not(:disabled){filter:brightness(1.08)drop-shadow(0 0 10px #ffcf4452);transform:translateY(-2px)}.upgrade-button:active:not(:disabled) img{content:url(/assets/ui/button-gold-pressed.svg)}.upgrade-button:active:not(:disabled){transform:translateY(1px)scale(.98)}.upgrade-button:disabled{cursor:default;filter:grayscale(.8);opacity:.62}.market-offer{--offer-scale:1;z-index:9;border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);width:270px;transform:scale(var(--offer-scale));transform-origin:100% 100%;background:#000000b8;padding:16px;display:grid;position:absolute;bottom:135px;right:210px;box-shadow:0 15px 40px #0000008c}.detail-layout-1440 .building-art-viewport{width:745px;height:710px;top:95px;left:670px}.detail-layout-1440 .building-frame,.detail-layout-1440 .building-frame-tint{width:1600px;height:900px;left:-80px}.detail-layout-1440 .building-panel{--panel-scale:.898204;top:172px;left:140px}.detail-layout-1440 .detail-close{width:50px;height:50px;top:25px;right:25px}.detail-layout-1440 .detail-close .round-control-bg,.detail-layout-1440 .detail-close .close-glyph{width:50px;height:50px}.detail-layout-1440 .detail-close .close-glyph{font-size:24px}.detail-layout-1440 .market-offer{--offer-scale:.9;bottom:100px;right:90px}.detail-layout-1280 .building-art-viewport{width:662px;height:631px;top:84px;left:631px}.detail-layout-1280 .building-frame,.detail-layout-1280 .building-frame-tint{width:1422px;height:800px;left:-71px}.detail-layout-1280 .building-panel{--panel-scale:.8;top:145px;left:110px}.detail-layout-1280 .detail-close{width:50px;height:50px;top:25px;right:25px}.detail-layout-1280 .detail-close .round-control-bg,.detail-layout-1280 .detail-close .close-glyph{width:50px;height:50px}.detail-layout-1280 .detail-close .close-glyph{font-size:24px}.detail-layout-1280 .market-offer{--offer-scale:.82;bottom:80px;right:55px}.detail-layout-1024 .building-art-viewport{width:650px;height:619px;top:75px;left:433px}.detail-layout-1024 .building-frame,.detail-layout-1024 .building-frame-tint{width:1365px;height:768px;left:-171px}.detail-layout-1024 .building-panel{--panel-scale:.688623;top:171px;left:64px}.detail-layout-1024 .detail-close{width:45px;height:45px;top:20px;right:20px}.detail-layout-1024 .detail-close .round-control-bg,.detail-layout-1024 .detail-close .close-glyph{width:45px;height:45px}.detail-layout-1024 .detail-close .close-glyph{font-size:22px}.detail-layout-1024 .market-offer{--offer-scale:.7;bottom:65px;right:35px}.market-offer small{color:#aeb8b5}.market-offer strong{color:var(--accent-soft);margin:4px 0}.market-offer button{color:#ffc927;cursor:pointer;background:#18150d;border:1px solid #8e772f;height:31px;margin-top:10px}.detail-toast{bottom:35px}@keyframes screen-in{0%{opacity:0}to{opacity:1}}@keyframes landscape-in{0%{filter:brightness(.75);transform:scale(1.025)}to{filter:brightness();transform:scale(1)}}@keyframes resource-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes marker-in{0%{opacity:0;transform:translate(-50%,calc(18px - 50%))scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes aura-breathe{0%,to{opacity:.8}50%{opacity:1}}@keyframes beam-breathe{0%,to{opacity:.72}50%{opacity:.96}}@keyframes sidebar-in{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes nav-item-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes detail-backdrop-in{0%{filter:brightness(.18)blur(12px);transform:scale(1.08)}to{filter:brightness(.35)blur(8px);transform:scale(1.045)}}@keyframes scene-in{0%{opacity:0;transform:translate(35px)scale(1.025)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translateX(-24px) scale(var(--panel-scale))}to{opacity:1;transform:translateX(0) scale(var(--panel-scale))}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes warehouse-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-spin-reverse{to{transform:rotate(-360deg)}}@keyframes loader-ink-turn{to{transform:rotate(360deg)}}@keyframes loader-sigil-breathe{0%,to{filter:saturate(.8)drop-shadow(0 0 9px #ffd03066);transform:scale(.94)}50%{filter:saturate()drop-shadow(0 0 18px #ffd030b8);transform:scale(1.02)}}@keyframes loader-energy-flow{0%{transform:translate(0)}to{transform:translate(350%)}}@media (aspect-ratio<=16/10) and (width>=900px){.viewport{background:#03090c}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}