.artwork-sprite{pointer-events:none;background-repeat:no-repeat;flex-shrink:0;display:block}.artwork-sprite--building{background-size:400% 400%;width:172px;height:129px}.artwork-sprite--island{background-size:300% 200%;width:200px;height:140px}.building-details{font-family:Arial,sans-serif;font-size:14px}.building-overview{background:radial-gradient(at 15%,#c5bb8055,#0000 45%);border-bottom:1px solid #c6a76e;grid-template-columns:148px 1fr;align-items:center;gap:20px;min-height:128px;padding:0 12px 12px;display:grid}.building-overview__art{object-fit:contain;width:148px;height:116px}.building-overview__eyebrow{color:#8b6536;margin-bottom:7px;font-size:12px}.building-overview h2{color:#603c1b;margin-bottom:9px;font:700 25px Georgia,serif}.building-overview p{color:#715638;max-width:420px;line-height:1.6}.building-details__columns{grid-template-columns:205px minmax(0,1fr);align-items:start;gap:18px;margin-top:14px;display:grid}.building-section-title{color:#654321;text-align:center;background:linear-gradient(#f8e8c1,#d8b478);border-bottom:1px solid #b58e50;margin:0;padding:7px 12px;font:700 14px Georgia,serif}.building-upgrade{background:#fff8dc99;border:1px solid #bd9b5f;padding-bottom:12px;box-shadow:inset 0 0 0 2px #fff3cd}.building-upgrade__level{color:#8a5a2f;justify-content:center;align-items:center;gap:15px;padding:12px 8px;display:flex}.building-upgrade__level strong{font:700 38px/1 Georgia,serif}.building-upgrade__caption{text-align:center;background:#ead09844;border-block:1px solid #d3b47977;padding:8px;font-size:12px}.building-upgrade__costs{padding:10px 14px}.building-upgrade__costs>div{justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.building-upgrade__costs dt{text-transform:capitalize;align-items:center;gap:6px;font-size:12px;display:flex}.building-upgrade__costs dd{font-variant-numeric:tabular-nums;font-weight:700}.building-upgrade__costs [data-missing=true] dd{color:#af2f1d}.building-upgrade__time{color:#82643b;justify-content:space-between;margin:0 14px 14px;font-size:12px;display:flex}.building-action{color:#593513;background:linear-gradient(#fff0c2,#cba462);border:1px solid #956b30;border-radius:2px;width:calc(100% - 24px);margin:8px 12px 0;padding:8px 9px;font:700 13px/1.4 Arial,sans-serif;display:block;box-shadow:inset 0 0 0 1px #fff2cc99,0 1px 2px #51310d33}.building-action--primary{color:#fff5cf;text-shadow:0 1px #354615;background:linear-gradient(#91a74c,#486124);border-color:#4d641f}.building-action--danger{color:#9c2b1f}.building-action:disabled{opacity:.55;cursor:default;filter:saturate(.35)}.building-action:not(:disabled):hover{filter:brightness(1.08)}.building-action:focus-visible{outline-offset:2px;outline:2px solid #853923}.building-upgrade__notice,.building-upgrade__error{color:#806444;margin:10px 12px 0;font-size:12px;line-height:1.5}.building-upgrade__error{color:#ac3022}.building-upgrade__demolish{text-align:center;border-top:1px solid #c9aa6e66;margin-top:14px;padding-top:12px}.building-upgrade__demolish p{color:#8c4730;padding:0 12px;font-size:12px;line-height:1.5}.building-upgrade__text-button{color:#916441;background:0 0;border:0;padding:4px;font:12px Arial,sans-serif;text-decoration:underline}.building-upgrade__text-button:disabled{opacity:.5;cursor:default}.building-details__stats{background:#fff8de77;border:1px solid #c5a367;min-width:0;padding:0 12px 16px}.building-details__stats>.building-section-title{margin:0 -12px}.building-details__training{border-top:1px solid #c5a367;margin-top:20px;padding-top:14px}.building-details__unbuilt{color:#826443;padding-top:16px;line-height:1.6}@media (width<=760px){.building-overview{grid-template-columns:100px 1fr;gap:12px;min-height:120px;padding:0 0 12px}.building-overview__art{width:100px;height:100px}.building-overview h2{font-size:21px}.building-overview p{font-size:13px}.building-details__columns{grid-template-columns:minmax(0,1fr);gap:14px}.building-upgrade__level{padding:12px}}.community-panel{color:#674c2c;padding:18px;font:13px/1.5 Segoe UI,sans-serif}.community-panel h3{font-family:Georgia,serif;font-size:20px;font-weight:400}.community-panel button{color:#6b4d27;cursor:pointer;background:linear-gradient(#fef4db,#dfc99b);border:1px solid #b39964;border-radius:3px;padding:8px 12px}.community-panel button:disabled{opacity:.5;cursor:default}.community-panel button:focus-visible,.community-panel input:focus-visible,.community-panel textarea:focus-visible,.community-panel select:focus-visible{outline-offset:2px;outline:2px solid #93723b}.community-panel label{gap:7px;margin:18px 0;display:grid}.community-panel input,.community-panel select,.community-panel textarea{box-sizing:border-box;color:#624729;width:100%;font:inherit;background:#fff8e8;border:1px solid #bfa77a;border-radius:3px;padding:10px}.community-panel textarea{resize:vertical}.community-panel small{color:#9b8057;font-size:11px}.community-message{background:#fff4dc99;border:1px solid #d6c097;border-radius:4px;margin:15px 0;padding:16px}.community-message.staff{background:#e6ecd599}.community-message small{display:block}.community-message p{white-space:pre-wrap;overflow-wrap:anywhere}.community-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.community-panel .community-ticket{text-align:left;width:100%;margin:12px 0;padding:14px;display:block}.community-ticket small{margin-top:5px;display:block}.community-error{color:#a45135;background:#f7e3ca;border:1px solid #c3986f;padding:10px}.demo-accounts{color:#342b21}.demo-account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.demo-account{text-align:left;color:inherit;background:#fffaf0;border:1px solid #d0c0a3;flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s;display:flex}.demo-account:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 16px 32px #3c2e1717}.demo-account:focus-visible{outline-offset:4px;outline:3px solid #956526}.demo-account:disabled{opacity:.65;cursor:wait}.demo-account-art{background-position:50%;background-size:cover;width:100%;height:190px;display:block}.demo-account-art>span{color:#f7e5bc;background:#152b2ad9;margin:14px;padding:9px 12px;font-family:Georgia,serif;display:inline-block}.demo-account-body{flex-direction:column;flex:1;padding:25px;display:flex}.demo-account-city{letter-spacing:.13em;text-transform:uppercase;color:#7a684b;font-size:12px;font-weight:700}.demo-account-body>strong{margin:11px 0;font:400 29px/1.3 Georgia,serif}.demo-account-description{color:#685c4d;font-size:16px;line-height:1.7}.demo-account-action{color:#92552c;justify-content:space-between;gap:12px;margin-top:auto;padding-top:25px;font-size:14px;font-weight:700;display:flex}.demo-footnote{text-align:center;color:#74664f;margin:22px 0 0;font-size:14px;line-height:1.7}.demo-error,.demo-state{padding:14px;font-size:16px;line-height:1.6}.demo-error{color:#9c2f1b}.demo-state button{color:inherit;background:0 0;border:0;text-decoration:underline}.demo-accounts--compact .demo-account-grid{flex-direction:column;gap:10px;display:flex}.demo-accounts--compact .demo-account{grid-template-columns:96px 1fr;display:grid}.demo-accounts--compact .demo-account-art{height:100%;min-height:105px}.demo-accounts--compact .demo-account-art>span{margin:9px;padding:5px 8px}.demo-accounts--compact .demo-account-body{padding:13px 16px}.demo-accounts--compact .demo-account-body>strong{margin:5px 0;font-size:23px}.demo-accounts--compact .demo-account-description{display:none}.demo-accounts--compact .demo-account-action{padding-top:8px;font-size:14px}.demo-accounts--compact .demo-footnote{text-align:left;margin-top:14px;font-size:13px}.auth-card.auth-card--demo{width:min(960px,100%)}.auth-demo-layout{text-align:left;grid-template-columns:1fr 1.15fr;gap:40px;display:grid}.auth-demo-layout h2{margin:0 0 18px;font:25px Georgia,serif}.auth-demo-login{padding:20px 0}.auth-demo-options{border-left:1px solid #c5ae87;padding-left:36px}.auth-demo-home{text-align:center;margin:20px 0 0;font-size:14px;text-decoration:underline;display:block}@media (width<=700px){.demo-account-grid{grid-template-columns:1fr}.demo-account-art{height:180px}.auth-demo-layout{grid-template-columns:1fr;gap:24px}.auth-demo-options{border-top:1px solid #c5ae87;border-left:0;padding:24px 0 0}.auth-demo-login{padding:0}}.city-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#4a8d90;position:absolute;inset:0;overflow:clip}.city-viewport[data-dragging=true]{cursor:grabbing}.city-stage{transform-origin:0 0;will-change:transform;width:1920px;height:1200px;position:absolute}.city-ground{pointer-events:none;position:absolute;inset:0}.city-ground img{width:1920px;max-width:none;height:1200px}.city-building{cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;overflow:visible}.city-building__art{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:filter .14s}.city-building[data-empty=true] .city-building__art{width:129px;height:78px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.city-building[data-empty=true][data-coastal=true] .city-building__art{opacity:.48;filter:saturate(.5);width:100%;height:100%;bottom:0}.city-building:hover .city-building__art,.city-building:focus-visible .city-building__art,.city-building[data-selected=true] .city-building__art{filter:brightness(1.12)drop-shadow(0 0 3px #ffec75)drop-shadow(0 0 5px #ffe990)}.city-building:focus-visible{outline-offset:-12px;outline:2px solid #fff1b2}.city-building__label,.city-building__level{white-space:nowrap;pointer-events:none;transform:translateX(-50%) scale(var(--label-scale,1));border:1px solid #735026;font:700 12px/1.3 Arial,sans-serif;position:absolute;left:50%;box-shadow:0 2px 3px #29170066,inset 0 0 0 1px #fff6d299}.city-building__label{color:#52300d;opacity:0;transform-origin:bottom;background:linear-gradient(#fff4cf,#e7ca89);padding:5px 10px;transition:opacity .12s;top:-6px}.city-building:hover .city-building__label,.city-building:focus-visible .city-building__label,.city-building[data-selected=true] .city-building__label,[data-show-names=true] .city-building__label{opacity:1}.city-building__level{color:#fff0b9;transform-origin:top;text-shadow:0 1px #421d0b;background:linear-gradient(#a14925,#66220e);min-width:25px;padding:2px 6px;bottom:9px}.city-building__level[data-building=true]{background:linear-gradient(#869d3f,#3e551c)}.city-building[data-empty=true] .city-building__level{color:#582d11;text-shadow:none;background:linear-gradient(#f3dfa5,#bda368)}.city-building[data-readonly=true]{cursor:default}.city-controls{z-index:10;cursor:default;background:linear-gradient(#f9e9ba,#d9ba73);border:2px solid #79521f;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:28px;right:68px;box-shadow:inset 0 0 0 1px #fff1c3,0 3px 8px #281a0966}.city-controls button{color:#583b1a;background:0 0;border:1px solid #0000;min-width:32px;height:30px;padding:0 7px;font:700 12px Arial,sans-serif}.city-controls button:hover,.city-controls button[aria-pressed=true]{background:#c19b5266;border-color:#947035}.city-controls button:focus-visible{outline-offset:1px;outline:2px solid #7f2319}.city-controls__divider{border-left:1px solid #a88040;height:22px;margin:0 3px}.city-loading{color:#573911;background:#f5e6bc;border:2px solid #9b702a;padding:18px 26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=760px){.city-controls{bottom:18px;right:8px}.city-controls button{min-width:28px;padding:0 5px}}@media (prefers-reduced-motion:reduce){.city-building__art,.city-building__label{transition:none}}.map-screen,.map-viewport{position:absolute;inset:0;overflow:clip}.map-screen{background:#249fc0 url(/art/aegean/ocean.png) 0 0/512px 512px}.map-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.map-viewport[data-dragging=true]{cursor:grabbing}.world-viewport,.island-viewport{background:#249fc0 url(/art/aegean/ocean.png) 0 0/512px 512px}.map-stage{transform-origin:0 0;will-change:transform;position:absolute}.island-ground{pointer-events:none;width:1386px;max-width:none;height:924px;position:absolute;inset:0}.island-city,.island-feature,.world-island{cursor:pointer;touch-action:none;background:0 0;border:0;border-radius:0;padding:0;position:absolute;overflow:visible}.island-city{width:70px;height:90px}.island-city__sprite{pointer-events:none;width:84px;height:63px;display:block}.island-city>.island-city__sprite{position:absolute;top:0;left:0}.island-city__flag{pointer-events:none;border-left:2px solid #685338;width:26px;height:15px;position:absolute;top:3px;left:2px}.island-city__name,.island-feature__name{transform:translateX(-50%) scale(var(--label-scale,1));transform-origin:top;white-space:nowrap;color:#654123;pointer-events:none;background:linear-gradient(#fff4cf,#e7cb90);border:1px solid #b99755;padding:0 9px;font:12px/21px Arial,sans-serif;position:absolute;top:70px;left:50%;box-shadow:0 2px 2px #4b35183d}.island-city__name:before,.island-city__name:after{content:"";background:linear-gradient(90deg,#ab843c,#fff6d2,#be9452);border:1px solid #b08e4c;border-radius:3px;width:5px;position:absolute;top:-2px;bottom:-2px}.island-city__name:before{left:-4px}.island-city__name:after{right:-4px}.island-city[data-own=true] .island-city__name{color:#1554a1;font-weight:700}.island-city[data-empty=true] .island-city__name,.map-viewport[data-show-names=false] .island-city__name{opacity:0}.island-city:hover .island-city__name,.island-city:focus-visible .island-city__name,.island-city[data-selected=true] .island-city__name{opacity:1}.island-city:hover .island-city__sprite,.island-city:focus-visible .island-city__sprite,.island-city[data-selected=true] .island-city__sprite,.island-feature:hover .island-feature__art,.island-feature:focus-visible .island-feature__art{filter:brightness(1.1)drop-shadow(0 0 3px #fff08b)drop-shadow(0 0 5px #ffec9a)}.island-city:focus-visible,.island-feature:focus-visible,.world-island:focus-visible{outline-offset:4px;outline:2px solid #ffe8a4}.island-feature{width:125px;height:105px}.island-feature__art{pointer-events:none;width:125px;height:94px;margin:auto;display:block}.island-feature--wood{width:125px;top:318px;left:912px}.island-feature--luxury{top:349px;left:389px}.island-feature__name{top:100%}.island-feature__name b{color:#8b2b16;margin-left:6px;display:inline-block}.island-agora{pointer-events:none;width:100px;height:85px;position:absolute;top:506px;left:600px}.island-monument{pointer-events:none;width:112px;height:84px;position:absolute;top:443px;left:711px}.world-island{width:130px;height:100px}.world-island__land{pointer-events:none;width:228px;max-width:none;height:152px;position:absolute;top:-33px;left:-49px}.world-island__resource{pointer-events:none;background:#fff0c8;border-radius:50%;width:26px;height:24px;padding:1px;position:absolute;top:53px;left:79px;box-shadow:0 1px 3px #28536188}.world-island__flag{pointer-events:none;border-left:2px solid #6c5032;width:24px;height:37px;position:absolute;top:6px;left:29px}.world-island__count{color:#624826;pointer-events:none;background:#fff7cd;min-width:23px;padding:1px 4px;font:12px/15px Arial,sans-serif;position:absolute;top:82px;left:52px;box-shadow:0 1px 1px #3a58364d}.world-island__name{color:#fff4cb;text-shadow:0 1px 2px #073d69,0 0 3px #073d69;opacity:0;pointer-events:none;font:700 12px Arial,sans-serif;position:absolute;top:102px;left:50%;transform:translate(-50%)}.world-island:hover,.world-island:focus-visible,.world-island[data-selected=true]{z-index:2}.world-island:hover .world-island__land,.world-island:focus-visible .world-island__land,.world-island[data-selected=true] .world-island__land{filter:brightness(1.08)drop-shadow(0 0 4px #ffed93)}.world-island:hover .world-island__name,.world-island:focus-visible .world-island__name,.world-island[data-selected=true] .world-island__name,[data-show-names=true] .world-island__name{opacity:1}.map-caption{color:#ffe5a4;cursor:default;background:linear-gradient(#ae351d,#742416);border:2px solid #ad7630;padding:5px 14px;font:12px Arial,sans-serif;position:absolute;top:169px;left:155px;box-shadow:inset 0 0 0 1px #d29643,0 2px 4px #15354166}.map-caption span{color:#f1d8a0}.map-navigation{z-index:12;cursor:default;grid-template-columns:1fr 104px 1fr;align-items:end;gap:15px;width:min(560px,100% - 16px);display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.map-coordinate-form{grid-area:1/1;justify-self:end}.map-compass{grid-area:1/2}.map-zoom{grid-area:1/3;justify-self:start}.map-coordinate-form,.map-zoom{color:#62431d;white-space:nowrap;background:linear-gradient(#fbecc7,#d9bc7e);border:2px solid #a57835;align-items:center;gap:5px;margin-bottom:15px;padding:5px;font:12px Arial,sans-serif;display:flex;box-shadow:inset 0 0 0 1px #fff4c4,0 2px 4px #17476566}.map-coordinate-form label{align-items:center;gap:3px;display:flex}.map-coordinate-form input{color:#583b1c;text-align:center;background:#fff7dc;border:1px solid #b8985f;width:39px;height:24px;padding:1px 3px}.map-coordinate-form button,.map-zoom button{color:#65401d;cursor:pointer;background:linear-gradient(#fff1c6,#cda35d);border:1px solid #9c793a;min-height:26px;padding:3px 6px;font-weight:700}.map-zoom button[aria-pressed=true]{background:#c69f5e}.map-coordinate-error{color:#8f2c19;white-space:normal;background:#fff0cc;border:1px solid #a15a36;min-width:190px;padding:8px;position:absolute;bottom:65px;left:0}.map-compass{background:radial-gradient(circle,#296891 0 26%,#cf9938 28% 32%,#fff1a6 33% 35%,#c89632 36% 43%,#f5d174 44% 63%,#916022 65% 69%,#f1ce77 71%);border:3px solid #785424;border-radius:50%;flex-shrink:0;width:104px;height:104px;position:relative;box-shadow:0 2px 5px #27434688,inset 0 0 0 2px #f9e4a1}.map-compass button{color:#83551e;text-shadow:0 1px #fff2b7;cursor:pointer;background:0 0;border:0;width:25px;height:25px;padding:0;font-size:21px;position:absolute}.map-compass button:hover{color:#fff4c6;filter:drop-shadow(0 1px 2px #774319)}.map-compass__north{top:1px;left:37px}.map-compass__south{bottom:1px;left:37px}.map-compass__west{top:37px;left:1px}.map-compass__east{top:37px;right:1px}.map-compass button.map-compass__center{color:#fff0a9;text-shadow:0 2px 3px #172f47;width:39px;height:39px;font-size:28px;top:29px;left:29px}.map-selection{z-index:16;cursor:default;color:#664b28;background:linear-gradient(100deg,#e6cea0,#fff0cc 15%,#f5e4bd 75%,#ddc38d);border:3px solid #a67e3e;width:245px;max-height:calc(100% - 335px);font:12px/1.4 Arial,sans-serif;position:absolute;top:200px;left:65px;overflow:auto;box-shadow:inset 0 0 0 1px #fff4d0,0 4px 12px #12354177}.map-selection header{background:linear-gradient(#f5e3b6,#d0ad6f);border-bottom:1px solid #ad8a4d;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.map-selection h2{color:#72461e;overflow-wrap:anywhere;margin:0;font:700 14px Georgia,serif}.map-selection header button{color:#ffe6ac;cursor:pointer;background:linear-gradient(#be6642,#80351d);border:1px solid #97703e;flex-shrink:0;width:24px;padding:0;font:700 18px/22px Arial}.map-selection__body{padding:10px}.map-selection dl{margin:0 0 10px}.map-selection dl>div{border-bottom:1px solid #c1a26b66;justify-content:space-between;gap:10px;padding:6px 0;display:flex}.map-selection dt{align-items:center;display:flex}.map-selection dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.map-selection__island{place-items:center;height:94px;margin-top:-10px;display:grid}.map-selection__island .artwork-sprite{width:150px;height:100px}.map-selection__city{background:radial-gradient(#b4b66e55,#0000 70%);place-items:center;min-height:80px;display:grid}.map-resource-icon{width:24px;height:20px}.map-own-note{color:#295b84;margin:8px 0}.map-action{color:#69441f;cursor:pointer;background:linear-gradient(#fff0c8,#dfc28a);border:1px solid #a8854b;width:100%;margin:5px 0 0;padding:7px 8px;font:700 12px Arial;display:block;box-shadow:inset 0 0 0 1px #fff0c2}.map-action--primary{background:linear-gradient(#f2d79a,#c49b51)}.map-action--danger{color:#8c2a1a}.map-action:disabled{opacity:.5;cursor:default}.map-action:hover:not(:disabled){filter:brightness(1.08)}.map-navigation button:focus-visible,.map-selection button:focus-visible{outline-offset:2px;outline:2px solid #863620}.map-status{color:#684822;background:#f8e6ba;border:2px solid #a88246;padding:16px 24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=760px){.map-caption{font-size:11px;top:100px;left:55px}.map-navigation{grid-template-columns:1fr 80px 1fr;gap:5px;width:calc(100% - 16px);bottom:19px}.map-compass{width:80px;height:80px}.map-compass__north,.map-compass__south{left:25px}.map-compass__west,.map-compass__east{top:25px}.map-compass button.map-compass__center{top:17px;left:17px}.map-coordinate-form,.map-zoom{gap:2px;margin-bottom:7px;padding:3px;font-size:10px}.map-coordinate-form input{width:29px}.map-coordinate-form button,.map-zoom button{padding:3px 4px}.map-zoom span{display:none}.map-selection{width:230px;max-height:calc(100% - 280px);top:auto;bottom:112px;left:55px}}.island-city__flag:after,.world-island__flag:after{content:"";clip-path:polygon(0 0,100% 15%,80% 55%,100% 100%,0 85%);background:#af4835;width:20px;height:12px;position:absolute;top:0;left:0}.island-city[data-own=true] .island-city__flag:after,.world-island__flag:after{background:#236ec6}.island-city[data-empty=true] .island-city__flag:after{background:#e5c784}.island-viewport{background-blend-mode:multiply;background-color:#5087b3}.island-ground{-webkit-mask-image:linear-gradient(#0000,#000 2% 98%,#0000),linear-gradient(90deg,#0000,#000 2% 98%,#0000);mask-image:linear-gradient(#0000,#000 2% 98%,#0000),linear-gradient(90deg,#0000,#000 2% 98%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.landing{--ink:#252d29;--muted:#6f7063;--paper:#f6f2e8;--gold:#deb779;--sea:#182e2d;color:var(--ink);background:var(--paper);font-family:Lato,system-ui,sans-serif;line-height:1.6}.landing a,.landing button{-webkit-tap-highlight-color:transparent}.landing a:focus-visible,.landing summary:focus-visible{outline-offset:6px;outline:3px solid #c9944a}.landing-skip{z-index:10;background:var(--paper);padding:12px 20px;position:fixed;top:-100px;left:20px}.landing-skip:focus{top:15px}.landing-hero{isolation:isolate;color:#fff9e8;background:var(--sea);flex-direction:column;min-height:min(900px,max(760px,96svh));display:flex;position:relative}.landing-hero-art{object-fit:cover;object-position:65% 55%;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.landing-hero:before{content:"";z-index:-2;background:linear-gradient(90deg,#102423e8 0%,#102423b5 39%,#10242315 100%),linear-gradient(#10242363,#0000 65%,#102423e6);position:absolute;inset:0}.landing-nav{border-bottom:1px solid #fff4d730;justify-content:space-between;align-items:center;gap:24px;margin:0 5.5%;padding:28px 0;display:flex}.landing-brand{letter-spacing:.1em;align-items:center;gap:14px;font-family:Cinzel,Georgia,serif;font-size:25px;display:flex}.landing-seal{outline-offset:4px;color:#e9c98b;border:1px solid #dfc28a;border-radius:50%;outline:1px solid #dfc28a55;place-items:center;width:42px;height:42px;font:26px Georgia,serif;display:grid}.landing-nav nav{gap:32px;font-size:14px;display:flex}.landing-nav nav a{color:#fff4d7d1}.landing-nav nav a:hover{color:#ffe4a8}.landing-login{white-space:nowrap;border:1px solid #e6c79470;padding:10px 20px;font-size:14px}.landing-login span{margin-left:15px}.landing-hero-copy{max-width:790px;margin:auto 8%;padding:70px 0 80px}.landing-eyebrow{letter-spacing:.19em;color:#92704b;font-size:12px;font-weight:700;line-height:1.8}.landing-hero .landing-eyebrow{color:#e5c28a;align-items:center;gap:13px;margin-bottom:26px;display:flex}.landing-hero .landing-eyebrow>span{background:#e5c28a;width:27px;height:1px}.landing h1,.landing h2,.landing h3{font-family:Georgia,Times New Roman,serif;font-weight:400}.landing h1{letter-spacing:-.055em;margin-bottom:30px;font-size:clamp(52px,6.5vw,96px);line-height:1.09}.landing em{font-weight:400}.landing-hero h1 em{color:#e5c28a}.landing-hero-copy>p:not(.landing-eyebrow){color:#e2e6da;max-width:475px;font-size:18px;line-height:1.8}.landing-actions{flex-wrap:wrap;align-items:center;gap:32px;margin-top:36px;display:flex}.landing-button{color:#1b2925;background:#c99558;border:1px solid #dbaf74;justify-content:space-between;align-items:center;gap:35px;padding:17px 27px;font-size:15px;font-weight:700;transition:background .18s,transform .18s;display:inline-flex}.landing-button:hover{background:#e0b87d;transform:translateY(-2px)}.landing-text-link{color:#efe6d4;border-bottom:1px solid #fff4d766;padding:9px 0;font-size:14px}.landing-text-link>span{margin-left:16px}.landing-hero-note{color:#ced4c5;margin-top:18px;font-size:12px;display:block}.landing-hero-bottom{border-top:1px solid #fff4d730;justify-content:space-between;align-items:center;gap:20px;margin:0 5.5%;padding:24px 0;display:flex}.landing-hero-bottom>span{letter-spacing:.2em;color:#e3c795;font-size:11px}.landing-hero-bottom>div{align-items:center;gap:28px;font:italic 19px Georgia,serif;display:flex}.landing-hero-bottom i{background:#d9b677;width:4px;height:4px;transform:rotate(45deg)}.landing-hero-bottom>a{font-size:24px}.landing-section{max-width:1440px;margin:auto;padding:105px 8%;scroll-margin-top:30px}.landing-section-heading{justify-content:space-between;align-items:end;gap:60px;margin-bottom:46px;display:flex}.landing h2{letter-spacing:-.04em;margin-top:17px;font-size:clamp(36px,4vw,57px);line-height:1.15}.landing h2 em{color:#8f704b}.landing-section-heading>p{max-width:345px;color:var(--muted);font-size:16px;line-height:1.9}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;display:grid}.landing-feature-image{height:235px;margin-bottom:27px;position:relative;overflow:hidden}.landing-feature-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.landing-feature:hover img{transform:scale(1.04)}.landing-feature-image>span{background:var(--paper);color:#8f704b;padding:12px 20px;font:italic 24px Georgia,serif;position:absolute;bottom:0;left:0}.landing-feature h3{letter-spacing:-.02em;margin:12px 0;font-size:26px;line-height:1.3}.landing-feature>p:last-child{color:var(--muted);font-size:16px;line-height:1.9}.landing-demo{border-top:1px solid #d9d0be}.landing-council{background:var(--sea);color:#f0e8d7;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:100px max(8%,50vw - 600px);scroll-margin-top:0;display:grid}.landing-council .landing-eyebrow{color:#c8a573}.landing-council h2{margin-bottom:25px;font-size:clamp(45px,4.5vw,65px)}.landing-council h2 em{color:#d4b27d}.landing-council-copy>p:not(.landing-eyebrow){color:#c1cdc3;margin-bottom:28px;font-size:16px;line-height:1.9}.landing-council-copy>small{color:#b5c3b7;max-width:320px;margin-top:18px;font-size:12px;line-height:1.7;display:block}.landing-council-ledger{color:#3f3a2b;outline-offset:7px;background:#ece2ce;border:1px solid #a39573;outline:1px solid #d9c59866;padding:35px;transform:rotate(2deg);box-shadow:20px 25px #0d211e66}.landing-ledger-caption{letter-spacing:.19em;font-size:11px;font-weight:700}.landing-ledger-title{justify-content:space-between;align-items:center;gap:25px;margin:25px 0;font:31px/1.3 Georgia,serif;display:flex}.landing-ledger-title .landing-seal{color:#8f704b;border-color:#8f704b;flex-shrink:0}.landing-council-ledger ul{list-style:none}.landing-council-ledger li{border-top:1px solid #cfc0a4;align-items:center;gap:20px;padding:18px 0;font-size:15px;display:flex}.landing-council-ledger li>span{color:#8f704b;font:italic 18px Georgia,serif}.landing-council-ledger li>b{margin-left:auto;font-weight:400}.landing-council-ledger>p{color:#796b53;margin-top:17px;font-size:12px}.landing-faq{grid-template-columns:.9fr 1.1fr;gap:10%;display:grid}.landing-faq details{border-bottom:1px solid #d7cdbb;padding:22px 0}.landing-faq details:first-child{padding-top:0}.landing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-size:17px;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";color:#94764f;font-size:24px}.landing-faq details[open] summary:after{content:"−"}.landing-faq details p{color:var(--muted);margin-top:15px;font-size:16px;line-height:1.9}.landing-final{text-align:center;background:#e9e2d3;padding:75px 24px 85px}.landing-final h2{margin:15px 0 30px}.landing-footer{border-top:1px solid #d1c7b5;justify-content:space-between;align-items:center;gap:25px;padding:40px 6%;display:flex}.landing-footer .landing-brand{font-size:21px;display:block}.landing-footer .landing-brand span{letter-spacing:.13em;margin-top:6px;font:10px Lato,sans-serif;display:block}.landing-footer>p{color:var(--muted);font-size:13px}.landing-footer>div{gap:24px;font-size:13px;display:flex}@media (width>=1600px){.landing-hero-copy{margin-left:max(8%,50vw - 600px)}}@media (width<=1000px){.landing-nav nav{gap:18px}.landing-section{padding:75px 6%}.landing-section-heading{gap:35px}.landing-council{gap:7%;padding:75px 6%}.landing-council-ledger{padding:23px}.landing-ledger-title{font-size:25px}.landing-feature-grid{gap:22px}.landing-feature-image{height:180px}}@media (width<=700px){.landing-nav{padding:23px 0}.landing-brand{font-size:21px}.landing-nav nav{display:none}.landing-login{padding:9px 12px;font-size:13px}.landing-seal{width:32px;height:32px;font-size:23px}.landing-hero{min-height:750px}.landing-hero-art{object-position:63% center}.landing-hero:before{background:linear-gradient(90deg,#102423e3,#10242380),linear-gradient(#0000 30%,#102423e3)}.landing-hero-copy{margin:auto 6%;padding:60px 0}.landing h1{font-size:clamp(46px,9.5vw,65px)}.landing-hero .landing-eyebrow{letter-spacing:.13em;gap:7px;font-size:10px}.landing-hero-copy>p:not(.landing-eyebrow){font-size:16px}.landing-actions{gap:20px}.landing-button{gap:25px;padding:15px 20px}.landing-hero-bottom>span{display:none}.landing-hero-bottom>div{gap:24px}.landing-section{padding:60px 6%}.landing-section-heading{margin-bottom:32px;display:block}.landing-section-heading>p{max-width:none;margin-top:23px}.landing-feature-grid{grid-template-columns:1fr;gap:38px}.landing-feature-image{height:230px}.landing-feature h3{font-size:27px}.landing-council{grid-template-columns:1fr;gap:55px;padding:65px 8%}.landing-council-ledger{margin:0 7px;transform:rotate(0)}.landing-faq{grid-template-columns:1fr;gap:38px}.landing-footer{flex-wrap:wrap}.landing-footer>p{order:3;width:100%}.landing-footer>div{gap:14px}}@media (prefers-reduced-motion:reduce){.landing *,.demo-account{transition:none!important}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;font-family:Lato,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}*{scrollbar-width:thin;scrollbar-color:#8c6a2f #00000040}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#00000040}::-webkit-scrollbar-thumb{background:linear-gradient(#b8923a,#8c6a2f);border:1px solid #1c1304;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#f0d080,#b8923a)}::selection{background:#f0d08066}.gold-glow{box-shadow:0 0 0 1px #b8923a,0 0 8px #f0d0808c}.game-shell{--parchment:#f3e3b7;--parchment-light:#fff5d4;--ink:#3b260f;--bronze:#8b5a1e;--bronze-dark:#4c2d0d;--gold:#d8ad4e;--gold-light:#f6dc8d;--red:#8f2317;--wood:#39220c;--hud-scale:1;color:var(--ink);background:#183a54;overflow:hidden}.game-hud{z-index:20;pointer-events:none;filter:drop-shadow(0 2px 2px #180d0361);font-family:Lato,system-ui,sans-serif;font-size:12px;position:absolute;inset:0}.hud-frame{color:var(--ink);border:1px solid var(--bronze-dark);position:relative;box-shadow:0 3px 8px #22110373,inset 0 0 0 1px #ffefb1bf,inset 0 0 0 3px #97631e59}.hud-frame:after{pointer-events:none;content:"";border:1px solid #74451247;position:absolute;inset:3px}.hud-frame--parchment{background:repeating-linear-gradient(0deg, #7b572309 0 1px, transparent 1px 4px), linear-gradient(160deg, var(--parchment-light), var(--parchment) 58%, #dfc681)}.hud-frame--wood{color:#f9e8b2;background:repeating-linear-gradient(90deg, #ffde8b09 0 1px, transparent 1px 5px), linear-gradient(180deg, #573414, var(--wood) 62%, #231205)}.hud-top-nav{pointer-events:auto;color:#573714;background:linear-gradient(90deg,#0000,#fff6cff5 8%,#f1dea6fa 92%,#0000),repeating-linear-gradient(90deg,#704c1814 0 1px,#0000 1px 4px);border-bottom:2px solid #b48839;justify-content:center;align-items:center;gap:2px;height:27px;padding:0 14px;display:flex;position:absolute;top:0;left:210px;right:338px;box-shadow:0 2px 3px #37200738}.hud-top-nav button,.hud-top-nav a{height:24px;color:inherit;white-space:nowrap;background:0 0;border:0;padding:0 8px;font-family:Georgia,serif;font-size:10px}.hud-top-nav button:hover,.hud-top-nav a:hover{color:#9d2919;text-decoration:underline}.hud-top-nav__realm{color:#447a22;font-weight:700}.hud-top-nav__clock{color:#75542a;font-variant-numeric:tabular-nums;margin-left:auto;font-size:9px}.hud-command-cluster{transform:scale(var(--hud-scale));transform-origin:0 0;pointer-events:auto;grid-template-columns:112px 520px;align-items:start;gap:5px;display:grid;position:absolute;top:8px;left:7px}.hud-command-stack{gap:4px;padding-top:23px;display:grid}.hud-shop{width:112px;overflow:hidden}.hud-shop__title{width:100%;color:var(--gold-light);text-transform:uppercase;text-shadow:0 1px #3a0c08;background:linear-gradient(#b52118,#71170f 65%,#4e100a);border:0;border-bottom:1px solid #57240f;padding:5px 0 4px;font:700 12px/1 Georgia,serif}.hud-shop__row{font-variant-numeric:tabular-nums;border-bottom:1px solid #6d451340;grid-template-columns:26px 1fr;align-items:center;min-height:29px;padding:3px 7px;font-weight:700;display:grid}.hud-shop__row:last-child{border-bottom:0}.hud-shop__icon{color:#a47625;place-items:center;display:grid}.hud-resource-bar{grid-template-columns:118px 1fr;min-height:54px;display:grid}.hud-city-switcher{z-index:2;background:linear-gradient(#ffffff57,#c1933c29);border-right:1px solid #af843a;position:relative}.hud-city-switcher__button{color:#4a2e0d;text-transform:uppercase;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;min-height:53px;padding:6px 9px;font:700 13px/1.05 Georgia,serif;display:flex}.hud-city-switcher__menu{border:1px solid var(--bronze-dark);background:#f4e3b8;min-width:170px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 1px);left:-1px;box-shadow:0 5px 12px #23120480}.hud-city-switcher__menu button{color:#4a2e0d;text-align:left;background:0 0;border:0;border-bottom:1px solid #74481433;width:100%;padding:7px 9px;font:12px Georgia,serif}.hud-city-switcher__menu button:hover,.hud-city-switcher__menu button[data-active=true]{color:#8c2015;background:#b27e2526}.hud-resources{grid-template-columns:repeat(5,minmax(56px,1fr));align-items:stretch;display:grid}.hud-resource{font-variant-numeric:tabular-nums;border-right:1px solid #8b5b1a4d;justify-content:center;align-items:center;gap:3px;min-width:0;padding:5px 3px;display:flex;position:relative}.hud-resource:last-child{border-right:0}.hud-resource__icon{color:#9c6d1d;filter:drop-shadow(0 1px #fff8cbcc);display:grid}.hud-resource__amount{color:#3b2811;text-overflow:ellipsis;font-size:11px;font-weight:700;display:block;overflow:hidden}.hud-resource__rate{color:#3b8126;font-size:8px;display:block}.hud-view-switcher{grid-template-columns:repeat(3,1fr);height:47px;display:grid;overflow:hidden}.hud-view-switcher button{color:#5d3a12;background:0 0;border:0;border-right:1px solid #74481447;justify-content:center;align-items:center;gap:7px;font:700 10px Georgia,serif;display:flex}.hud-view-switcher button:last-child{border-right:0}.hud-view-switcher button:hover,.hud-view-switcher button[data-active=true]{color:#8f2518;background:#be892c2e}.hud-breadcrumb{color:#ffe9a5;text-transform:uppercase;background:linear-gradient(#9f2618,#6d170e);border:1px solid #50270b;justify-self:start;align-items:center;gap:6px;min-width:270px;padding:4px 12px;font:10px Georgia,serif;display:inline-flex;box-shadow:inset 0 0 0 1px #ffd8676b,0 2px 4px #220f036b}.hud-breadcrumb__separator{color:#e5b652}.hud-advisors{pointer-events:auto;background:repeating-linear-gradient(90deg,#d7bf80 0 4px,#f7e8b3 4px 8px),#ead69d;border:2px solid #6f4218;border-top:7px solid #a76322;width:286px;height:108px;padding:3px 5px 0;position:absolute;top:9px;right:8px;box-shadow:0 3px 7px #22100273,inset 0 0 0 2px #f9e9af}.hud-advisors__portrait{object-fit:fill;object-position:center bottom;pointer-events:none;width:270px;height:84px;position:absolute;top:1px;left:7px}.hud-advisors__actions{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.hud-advisors__actions button{color:#4f2d0d;text-shadow:0 1px #fff3c9;background:0 0;border:0;border-right:1px solid #6d401047;padding:79px 1px 3px;font:700 9px Georgia,serif;position:relative}.hud-advisors__actions button:last-child{border-right:0}.hud-advisors__actions button:hover{color:#941f16;background:linear-gradient(#ffffff1a,#f6c95e42)}.hud-rail{pointer-events:auto;scrollbar-width:none;flex-direction:column;gap:4px;display:flex;position:absolute;top:153px;bottom:49px;overflow-y:auto}.hud-rail::-webkit-scrollbar{display:none}.hud-rail--left{left:7px}.hud-rail--right{right:7px}.hud-rail__items{flex-direction:column;gap:4px;display:flex}.hud-rail__divider{background:linear-gradient(90deg,#0000,#d4a84b,#0000);height:2px;margin:1px 4px}.hud-button{color:#edd381;background:linear-gradient(#ffdb7614,#00000038),repeating-linear-gradient(90deg,#543312 0 3px,#40250b 3px 6px);border:1px solid #5b330e;place-items:center;width:46px;min-width:46px;height:46px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #d0a14242,0 2px 3px #1e0d0266}.hud-button:hover:not(:disabled),.hud-button[data-active=true]{color:#fff2b9;background:linear-gradient(#ffe18738,#702c0a40),repeating-linear-gradient(90deg,#6c4218 0 3px,#4b2b0d 3px 6px);border-color:#d4ab51}.hud-button:disabled{opacity:.48;cursor:default}.hud-button__icon{place-items:center;display:grid}.hud-button__label{z-index:5;color:#4b2c0f;opacity:0;pointer-events:none;white-space:nowrap;background:#f5e5b8;border:1px solid #8e6229;padding:4px 7px;font:10px Georgia,serif;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:calc(100% + 8px);transform:translate(4px,-50%);box-shadow:0 2px 5px #26140461}.hud-rail--right .hud-button__label{left:auto;right:calc(100% + 8px)}.hud-button:hover .hud-button__label,.hud-button:focus-visible .hud-button__label{opacity:1;transform:translateY(-50%)}.hud-bottom-dock{pointer-events:auto;width:154px;height:92px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hud-bottom-dock:before{content:"";background:radial-gradient(circle at center, transparent 0 29%, #48270ab8 30% 33%, transparent 34%), conic-gradient(from -30deg, #e7cf82 0 31%, #9c6b27 31% 34%, #d9b961 34% 65%, #83531c 65% 68%, #efd994 68% 100%);border:3px solid #6b3b11;border-radius:50%;width:112px;height:112px;position:absolute;bottom:-19px;left:50%;transform:translate(-50%);box-shadow:0 -3px 9px #301a056b,inset 0 0 0 3px #fff0ba9e,inset 0 0 14px #5029077a}.hud-bottom-dock:after{content:"";background:radial-gradient(circle at 38% 32%,#b1dfe6d1 0 8%,#0000 9%),radial-gradient(at 40% 55%,#69926a 0 16%,#0000 17%),radial-gradient(at 66% 38%,#789f6f 0 13%,#0000 14%),radial-gradient(circle at 42% 36%,#4c89a8,#1f536f 62%,#17384c);border:2px solid #6f491a;border-radius:50%;width:45px;height:45px;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 3px #e1c46894,0 2px 4px #200e0280}.hud-bottom-dock button{z-index:2;color:#5a3510;filter:drop-shadow(0 1px #ffedaed1);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute}.hud-bottom-dock button:first-child{top:8px;left:60px}.hud-bottom-dock button:nth-child(2){bottom:13px;right:19px}.hud-bottom-dock button:nth-child(3){bottom:13px;left:19px}.hud-bottom-dock button:hover,.hud-bottom-dock button[data-active=true]{color:#fff3ba;filter:brightness(1.12);background:radial-gradient(circle,#3d7190,#173c57);border-color:#754613;box-shadow:inset 0 0 0 2px #ebce73ad}.shell-right-panel{z-index:30;width:min(720px,100vw - 350px);max-width:none;color:var(--ink);background:repeating-linear-gradient(0deg,#734d1c08 0 1px,#0000 1px 4px),linear-gradient(160deg,#fff3ca,#f0dfae 64%,#dbc17b);border:2px solid #754616;flex-direction:column;transition:transform .22s,opacity .15s;display:flex;position:absolute;inset:156px auto 66px 50%;box-shadow:0 8px 20px #1f0f0385,inset 0 0 0 3px #fff6ccb8}.shell-right-panel:after{z-index:-1;pointer-events:none;content:"";border:1px solid #7e4e1657;position:absolute;inset:5px}.shell-right-panel[data-open=false]{opacity:0;pointer-events:none;transform:translate(22%)scale(.98)}.shell-right-panel[data-open=true]{opacity:1;transform:translate(-30%)}.shell-right-panel__header{color:#5a3611;background:linear-gradient(#f7e6b7,#d6b866);border-bottom:1px solid #9e702f;justify-content:space-between;align-items:center;min-height:37px;padding:7px 10px 7px 44px;display:flex;box-shadow:inset 0 -2px #70420f29}.shell-right-panel__header:before{content:"";clip-path:polygon(50% 0,100% 20%,88% 100%,12% 100%,0 20%);background:linear-gradient(160deg,#b8812f,#6b3b12);border:1px solid #744211;width:31px;height:40px;position:absolute;top:-9px;left:8px}.shell-right-panel__title{text-align:center;text-transform:uppercase;font:700 14px Georgia,serif}.shell-right-panel__close{color:#5e3710;background:#ead399;border:1px solid #916124;place-items:center;width:22px;height:22px;display:grid}.shell-right-panel__close:focus-visible{outline-offset:2px;outline:2px solid #8f2317}.shell-right-panel__body{flex:1;padding:13px 15px;overflow:auto}@media (prefers-reduced-motion:reduce){.shell-right-panel{transition:none}}.auth-screen{background:linear-gradient(90deg,#112633c2,#0f2f4140 52%,#112633b8),url(/art/scenes/mediterranean-island.webp) 50%/cover no-repeat;place-items:center;min-height:100vh;padding:24px;font-family:Lato,system-ui,sans-serif;display:grid}.auth-card{color:#3b260f;background:repeating-linear-gradient(0deg,#754c1709 0 1px,#0000 1px 4px),linear-gradient(160deg,#fff6d3f7,#ebd397f7);border:2px solid #6c3f13;border-radius:3px;width:min(390px,100%);padding:42px 34px 31px;position:relative;box-shadow:0 12px 32px #130a028a,inset 0 0 0 4px #fff3c3b3}.auth-card:before,.auth-card:after{content:"";border-top:1px solid #8455197a;border-bottom:1px solid #8455193d;height:5px;position:absolute;left:12px;right:12px}.auth-card:before{top:12px}.auth-card:after{bottom:12px}.auth-card__crest{color:#ffe8a5;background:radial-gradient(circle at 36% 30%,#bd3421,#73160f 70%);border:2px solid #d3a248;border-radius:50%;place-items:center;width:48px;height:48px;margin:-69px auto 12px;font:700 16px Cinzel,serif;display:grid;box-shadow:0 4px 8px #230e026b,inset 0 0 0 3px #ffd36859}.auth-card h1{color:#4b2d0c;letter-spacing:.09em;text-align:center;text-shadow:0 1px #fff3c6;font-family:Cinzel,serif;font-size:31px}.auth-card__subtitle{color:#74552d;text-align:center;margin-top:4px;font-family:Georgia,serif}@media (width<=1120px){.game-shell{--hud-scale:.86}.hud-top-nav{display:none}.hud-advisors{width:232px;height:94px}.hud-advisors__portrait{width:218px;height:70px}.hud-advisors__actions button{padding-top:66px;font-size:8px}.shell-right-panel{width:min(680px,100vw - 310px);top:136px;left:50%;right:auto}}@media (width<=760px){.game-shell{--hud-scale:.65}.hud-advisors{display:none}.hud-rail{top:116px}.hud-rail--right{display:none}.hud-button{width:40px;min-width:40px;height:40px}.hud-bottom-dock{width:154px}.shell-right-panel{width:calc(100vw - 10px);max-width:none;inset:88px auto 52px 5px}.shell-right-panel[data-open=false]{transform:translateY(18px)scale(.98)}.shell-right-panel[data-open=true]{transform:none}}@media (width<=440px){.game-shell{--hud-scale:.54}}@media (width<=360px){.game-shell{--hud-scale:.47}}