*{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-scene{isolation:isolate;background-color:#1e5879;background-image:var(--scene-art);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;overflow:hidden}.game-scene__backdrop{z-index:0;pointer-events:none;transform:translate3d(var(--scene-camera-x,0), var(--scene-camera-y,0), 0) scale(var(--scene-camera-scale,1));transform-origin:0 0;will-change:transform;position:absolute;inset:0}.game-scene__backdrop img{object-fit:cover;-webkit-user-select:none;user-select:none;width:calc(100% + 320px);max-width:none;height:calc(100% + 200px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-scene:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(#2416082e 0,#0000 18% 84%,#1e110529 100%),radial-gradient(circle at 50% 46%,#0000 52%,#11191129 100%);position:absolute;inset:0}.game-scene canvas{z-index:1;position:relative}.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(6,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__body{flex:1;padding:13px 15px;overflow:auto}.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}}