:root{--navy:#06131d;--navy2:#0b202d;--panel:#102936;--line:#24414d;--cyan:#5fe6ff;--cyan2:#14aeca;--text:#eaf5f7;--muted:#8da7b1;--green:#4fe29d;--orange:#ffb458;--red:#ff6f6f;--shadow:0 24px 70px #02090d88}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a,button{transition:.2s ease}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.16em;line-height:1.2}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #55d9f066;color:var(--cyan);font-size:23px;font-family:Georgia,serif}.brand b{color:var(--cyan);font-weight:600}.public-nav{height:88px;padding:0 clamp(24px,6vw,100px);justify-content:space-between;border-bottom:1px solid #ffffff10;position:absolute;width:100%;z-index:2}.public-nav,.public-nav nav{display:flex;align-items:center}.public-nav nav{gap:32px;color:#a8bcc4;font-size:13px}.public-nav nav>a:hover{color:white}.button{border:1px solid transparent;min-height:44px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:750;cursor:pointer}.button.primary{background:var(--cyan);color:#04202a;box-shadow:0 8px 35px #5fe6ff25}.button.primary:hover{background:#a4f1ff;transform:translateY(-2px)}.button.ghost{border-color:#45606a;background:#0c202aaa;color:#d8e9ed}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.hero{min-height:780px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:120px clamp(24px,6vw,100px) 50px;background:radial-gradient(circle at 75% 38%,#0e455455,transparent 32%),linear-gradient(140deg,#071821,#06131d 65%);overflow:hidden}.hero h1{font-family:Georgia,serif;font-size:clamp(44px,5vw,76px);line-height:1.03;font-weight:400;margin:22px 0}.hero h1 em{color:var(--cyan);font-style:normal}.eyebrow{font-size:10px;letter-spacing:.26em;color:#66dff5;font-weight:700}.lead{max-width:560px;color:#a8bec5;font-size:17px;line-height:1.7}.actions{display:flex;align-items:center;gap:32px;margin:36px 0}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #8da7b177;padding-bottom:5px}.proof{display:flex;gap:26px;color:#718c97;font-size:11px}.proof span{border-left:1px solid #24414d;padding-left:14px}.proof b{display:block;color:white;font-size:13px;margin-bottom:4px}.hero-visual{position:relative}.hero-port{width:115%;filter:drop-shadow(0 35px 50px #0008)}.floating-card{position:absolute;right:0;bottom:30px;width:220px;background:#0b202df2;border:1px solid #35515d;padding:17px;box-shadow:var(--shadow);font-size:9px;letter-spacing:.14em;color:#8ca4ad}.floating-card b,.floating-card small{display:block;color:white;letter-spacing:0;margin-top:8px;font-size:13px}.floating-card small{font-size:10px;color:#9bb3bc}.floating-card>i{height:3px;background:#243e48;display:block;margin-top:13px}.floating-card>i span{display:block;height:100%;background:var(--cyan)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.feature-section{padding:110px clamp(24px,7vw,120px);background:#091a24}.feature-section>h2{font:400 clamp(34px,4vw,54px) Georgia,serif;max-width:600px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid var(--line)}.feature-grid article{padding:35px 28px;border-right:1px solid var(--line);min-height:220px}.feature-grid article>span{color:var(--cyan);font-size:10px}.feature-grid h3{font:400 24px Georgia,serif;margin-top:48px}.feature-grid p{color:var(--muted);line-height:1.6;font-size:13px}.manifesto{text-align:center;padding:130px 20px;background:radial-gradient(circle,#0e3a48 0,#06131d 60%)}.manifesto>p{font-size:10px;letter-spacing:.17em;color:#8099a2}.manifesto i{color:var(--cyan);margin:0 12px}.manifesto h2{font:400 clamp(38px,5vw,62px) Georgia,serif;line-height:1.2}footer{display:flex;justify-content:space-between;padding:30px clamp(24px,6vw,100px);border-top:1px solid var(--line);color:#6e8994;font-size:11px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:90px 20px;background:radial-gradient(circle at center,#103746 0,#06131d 62%)}.auth-page>.brand{position:absolute;top:28px;left:40px}.auth-card{width:min(460px,100%);background:#0c222e;border:1px solid #2b4651;padding:45px;box-shadow:var(--shadow)}.auth-card h1{font:400 37px Georgia,serif}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.55}.auth-card label,.onboard label{display:block;color:#bdd0d6;font-size:11px;letter-spacing:.05em;margin:22px 0 8px}.auth-card input,.onboard input{width:100%;margin-top:8px;height:48px;border:1px solid #36505b;background:#071821;color:white;padding:0 14px;outline:none}.auth-card input:focus,.onboard input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #5fe6ff15}.auth-card .button{width:100%;margin-top:20px}.auth-card>small{display:block;text-align:center;color:var(--muted);margin-top:22px}.auth-card>small a{color:var(--cyan)}.error{background:#4b1d25;color:#ffc6cb;border:1px solid #8d3845;padding:12px;font-size:12px}.loading{height:100vh;display:grid;place-content:center;justify-items:center;grid-gap:10px;gap:10px;color:var(--muted)}.onboard{min-height:100vh;padding:35px;display:flex;align-items:center;flex-direction:column;background:radial-gradient(circle at 50% 40%,#103b4b 0,#06131d 62%)}.onboard>.brand{align-self:flex-start}.onboard section{width:min(540px,100%);margin:auto;background:#0c222eee;border:1px solid #294550;padding:42px;box-shadow:var(--shadow)}.onboard section.wide{width:min(1120px,100%)}.onboard h1{font:400 40px Georgia,serif}.steps{position:absolute;top:42px;display:flex;gap:30px}.steps span{display:grid;place-items:center;border:1px solid #35505b;color:#78939d;width:26px;height:26px;border-radius:50%;font-size:10px}.steps span.done{border-color:var(--cyan);color:var(--cyan)}.logos{display:flex;gap:12px}.logos button{width:70px;height:60px;background:#0b1c26;border:1px solid #35505b;color:white;font-size:24px}.logos button.active{border-color:var(--cyan);color:var(--cyan)}.onboard section>.button{margin-top:30px;width:100%}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.template-grid button{text-align:left;padding:18px;background:#091b25;border:1px solid #27444f;color:white;min-height:230px;cursor:pointer}.template-grid button.active{border-color:var(--cyan);background:#0d2b38;transform:translateY(-4px)}.template-grid small{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em}.template-grid h3{font:400 24px Georgia,serif;margin:8px 0}.template-grid p{color:var(--muted);font-size:11px;line-height:1.5;height:52px}.template-grid b,.template-grid i,.template-grid span{display:block;font-size:10px;margin-top:8px}.template-grid b{color:var(--green)}.template-grid i{color:#d69e80;font-style:normal}.template-grid span{border-top:1px solid #28434d;padding-top:10px;color:#c6d9dd}.onboard-actions{display:flex;justify-content:flex-end;gap:12px}.onboard-actions .button{margin-top:25px}.summary{display:flex;gap:22px;align-items:center;background:#081a24;padding:20px}.summary>span{font-size:34px;color:var(--cyan)}.summary small{color:var(--muted)}.summary h2{margin:3px 0}.summary p{margin:0;color:var(--cyan)}.onboard ul{color:#9db3bb;line-height:1.9;font-size:13px}.game-shell{min-height:100vh;padding-left:232px;padding-top:76px;background:#081923}.game-shell>aside{position:fixed;z-index:10;left:0;top:0;bottom:0;width:232px;background:#07151e;border-right:1px solid #1c3742;padding:20px 14px;display:flex;flex-direction:column}.game-shell>aside>.brand{padding:0 10px 20px}.port-label{margin:10px 4px 16px;padding:13px;background:#0e2733;border:1px solid #203e49}.port-label>*{display:block}.port-label small{font-size:8px;letter-spacing:.18em;color:var(--cyan)}.port-label b{font:400 16px Georgia,serif;margin:5px 0}.port-label span{font-size:9px;color:#718e99}.game-shell>aside nav{overflow:auto}.game-shell>aside nav button{display:flex;align-items:center;width:100%;height:38px;border:0;background:transparent;color:#829da7;padding:0 11px;text-align:left;font-size:11px;cursor:pointer}.game-shell>aside nav button.active,.game-shell>aside nav button:hover{color:white;background:#102c39}.game-shell>aside nav button.active{border-left:2px solid var(--cyan)}.game-shell>aside nav i{font-style:normal;width:28px;color:#6ecde0;font-size:14px}.logout{margin-top:auto;border:0;border-top:1px solid #1f3741;padding:14px;background:transparent;color:#718b94;text-align:left;cursor:pointer}.game-shell>header{height:76px;position:fixed;z-index:9;top:0;left:232px;right:0;background:#0a1d27eF;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #203b45;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.game-shell>header>div:first-child>*{display:block}.game-shell>header small{font-size:8px;letter-spacing:.16em;color:#6f8d98}.game-shell>header b{font:400 15px Georgia,serif}.header-stats{height:100%;display:flex}.header-stats>span{min-width:120px;border-left:1px solid #203b45;padding:0 20px;display:flex;flex-direction:column;justify-content:center}.header-stats>span b{font:500 14px system-ui}.header-stats>span i{display:block;font:8px system-ui;color:var(--cyan);margin-top:3px}.bell{position:relative;width:60px;border:0;border-left:1px solid #203b45;background:transparent;color:white;font-size:20px}.bell i{position:absolute;top:18px;right:10px;background:var(--cyan);color:#05202a;border-radius:20px;font:700 8px system-ui;padding:3px 5px}.game-main{padding:26px 30px 60px;max-width:1600px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-title p{margin:0}.page-title h1{font:400 34px Georgia,serif;margin:5px 0}.server-time{font-size:9px;color:#6f939e}.server-time:first-letter{color:var(--green)}.toast{position:fixed;z-index:20;top:90px;right:30px;padding:14px 40px 14px 16px;background:#114036;border:1px solid #287d68;color:#baf5df;font-size:12px;box-shadow:var(--shadow)}.toast.error{background:#4b1d25;border-color:#8d3845;color:#ffc6cb}.toast button{position:absolute;right:6px;top:6px;background:transparent;border:0;color:inherit}.port-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:16px;gap:16px}.port-scene{height:610px;position:relative;overflow:hidden;background:#0d4b60;border:1px solid #315362;box-shadow:var(--shadow)}.sea{inset:0 0 44% 0;background:linear-gradient(155deg,#0b5067,#0c3447);overflow:hidden}.sea,.sea:after{position:absolute}.sea:after{content:"";inset:0;background:repeating-linear-gradient(170deg,transparent 0 28px,#a5edff10 29px 30px)}.land{inset:52% 0 38px;background:#243c43;-webkit-clip-path:polygon(0 8%,60% 0,64% 20%,100% 16%,100% 100%,0 100%);clip-path:polygon(0 8%,60% 0,64% 20%,100% 16%,100% 100%,0 100%)}.land,.road{position:absolute}.road{bottom:45px;left:0;right:0;height:55px;border-block:7px solid #152a31;background:#3d4d4d;color:#d2c56e;font-size:40px;line-height:25px;letter-spacing:17px;overflow:hidden}.ship{position:absolute;z-index:2;top:53%;left:25%;width:190px;height:52px;transform:rotate(-3deg);border:0;background:linear-gradient(#e1ecee 0 42%,#173443 43%);-webkit-clip-path:polygon(8% 0,100% 0,84% 100%,0 70%);clip-path:polygon(8% 0,100% 0,84% 100%,0 70%);color:#12303b;cursor:pointer;box-shadow:12px 20px 20px #0005}.ship.docked{top:64%;left:42%}.ship i{font-style:normal}.ship b{display:block;font-size:8px}.wake{position:absolute;top:68%;left:15%;width:200px;height:2px;background:#b7f2ff88;transform:rotate(-6deg);box-shadow:0 8px 0 #b7f2ff44}.terminal,.warehouse{position:absolute;border:1px solid #5d7881;background:#324d51;color:white;box-shadow:8px 12px 20px #0005;cursor:pointer}.warehouse{right:6%;top:25%;width:210px;height:95px}.terminal{left:8%;top:34%;width:190px;height:105px}.terminal span,.warehouse span{display:block;font-size:22px;color:var(--cyan)}.terminal b,.warehouse b{display:block;font-size:9px;letter-spacing:.1em}.terminal small,.warehouse small{color:#b5c7ca}.berth{position:absolute;z-index:1;top:-10%;left:34%;width:55%;height:35px;background:#63757a;color:#071820;border:0;transform:rotate(-3deg);font-size:8px;letter-spacing:.1em}.berth i{display:inline-block;width:5px;height:5px;background:#f0dc60;margin:5px}.crane{position:absolute;z-index:3;top:-4%;color:var(--cyan);font-size:80px;transform:rotate(-3deg);text-shadow:4px 8px #05131988}.crane.c1{left:43%}.crane.c2{left:57%}.scene-status{position:absolute;left:0;right:0;bottom:0;height:38px;background:#081b24dd;display:flex;align-items:center;gap:30px;padding:0 15px;font-size:9px;color:#a7bec6}.scene-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green)}.context-panel,.panel{background:#0d2430;border:1px solid #264550;padding:22px;box-shadow:0 15px 45px #0003}.context-panel h2,.panel h2{font:400 22px Georgia,serif}.context-panel p{color:var(--muted);font-size:12px;line-height:1.6}.call-card dl,.context-panel dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.call-card dl div,.context-panel dl div{background:#081b24;padding:10px}.call-card dt,.context-panel dt{font-size:8px;color:#708e99;text-transform:uppercase}.call-card dd,.context-panel dd{margin:5px 0 0;font-size:11px}.context-panel .button{width:100%;margin-top:15px}.progress{height:5px;background:#203b45;overflow:hidden}.progress span{display:block;height:100%;background:var(--cyan)}.kpis{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.kpis article{background:#0e2733;border:1px solid #264550;padding:17px}.kpis b,.kpis small,.kpis span{display:block}.kpis small{font-size:8px;color:#74919b;text-transform:uppercase;letter-spacing:.1em}.kpis b{font:400 21px Georgia,serif;margin:7px 0}.kpis span{font-size:9px;color:var(--green)}.kpis.small{grid-template-columns:repeat(2,1fr)}.activity-chart{height:210px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #37525c;padding:20px}.activity-chart i{flex:1 1;background:linear-gradient(var(--cyan),#18738a);opacity:.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.call-card,.construction article{background:#0d2733;border:1px solid #284752;padding:20px}.call-card h3{font:400 20px Georgia,serif;margin:12px 0 4px}.call-card p{color:var(--muted);font-size:11px}.call-card .button{width:100%;margin-top:14px}.status{display:inline-block;font-size:8px;letter-spacing:.11em;padding:5px 7px;background:#283d44;color:#c3d2d6}.status.PROPOSED{color:var(--cyan);background:#104151}.status.ACTIVE,.status.OPERATING{color:var(--green);background:#123b32}.status.COMPLETED{color:#b5c5c8}.split{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px}.catalog,.list>div,.loan,.ranking>div{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 4px;border:0;border-bottom:1px solid #27424c;background:transparent;color:white;text-align:left}.catalog small,.list small,.loan small{display:block;color:#748e98;margin-top:3px}.catalog,.loan{cursor:pointer}.catalog:hover,.loan:hover{padding-inline:12px;background:#102e3a}.catalog strong,.loan strong{color:var(--cyan)}.transactions strong.positive{color:var(--green)}.transactions strong.negative{color:var(--red)}.loan-row{display:flex;justify-content:space-between;background:#081b24;padding:14px;margin-top:8px}.empty{border:1px dashed #35505b;padding:20px;color:var(--muted);font-size:12px}.construction article{min-height:260px;display:flex;flex-direction:column}.construction .big-icon{font-size:34px;color:var(--cyan)}.construction p{color:var(--muted);flex:1 1}.construction .button{margin-top:22px}.department-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.department-grid article{background:#081c25;padding:16px}.department-grid article>span{color:var(--cyan);font-size:24px}.department-grid h3{font:400 17px Georgia,serif}.department-grid article>b,.department-grid article>small{display:block;font-size:10px;margin:10px 0;color:#b2c4c8}.department-grid article>small{color:var(--muted)}.department-grid article>div{display:flex;gap:4px}.department-grid button{flex:1 1;background:#153642;border:1px solid #31505a;color:white}.research-tree{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;padding-top:50px}.tree-line{position:absolute;left:10%;right:10%;top:25px;height:1px;background:#397180}.research-tree article{z-index:1;background:#0d2733;border:1px solid #2e4d58;padding:18px;min-height:230px}.research-tree article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--cyan);color:var(--cyan);margin:-40px auto 25px;background:#0b212c}.research-tree small{color:var(--cyan);font-size:8px}.research-tree h3{font:400 18px Georgia,serif}.research-tree p{color:var(--muted);font-size:11px;min-height:50px}.research-tree .button{width:100%}.research-tree article.known{border-color:#286d59}.ranking>div b{color:var(--cyan);width:40px}.ranking>div span{flex:1 1}.ranking>div small{width:100px;color:var(--muted)}.system{text-align:center;min-height:460px}.system>p{color:var(--muted);max-width:600px;margin:0 auto 30px}.system-visual{height:210px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#164e60,#081b24 60%);overflow:hidden}.system-visual span{font-size:70px;color:var(--cyan)}.system-visual i{position:absolute;border:1px solid #43bfd477;border-radius:50%;width:30px;height:30px}.system-visual i:nth-child(2){left:20%;top:30%}.system-visual i:nth-child(3){right:25%;top:55%}.system-visual i:nth-child(4){left:50%;top:20%}.bottom-nav,.mobile-menu{display:none}@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-visual{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(3,1fr)}.port-layout{grid-template-columns:1fr}.context-panel{min-height:240px}.department-grid,.research-tree{grid-template-columns:repeat(2,1fr)}.tree-line{display:none}.research-tree article{grid-column:auto!important}.template-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.public-nav{height:70px}.public-nav nav>a:not(.button){display:none}.hero{padding-top:100px;min-height:680px}.hero h1{font-size:43px}.proof{flex-wrap:wrap}.feature-section{padding-block:70px}.feature-grid{grid-template-columns:1fr}.manifesto{padding-block:80px}.manifesto>p{line-height:2}.manifesto i{margin:0 3px}footer{flex-direction:column;gap:8px}.game-shell{padding-left:0;padding-top:62px;padding-bottom:64px}.game-shell>aside{transform:translateX(-100%);transition:.25s}.menu-open .game-shell>aside{transform:translateX(0)}.game-shell>header{left:0;height:62px;padding:0 12px}.mobile-menu{display:inline-block;border:0;background:transparent;color:white;font-size:18px;float:left;margin-right:10px}.header-stats>span{display:none}.header-stats>span:first-child{display:flex;min-width:90px;padding:0 8px}.header-stats .bell{width:42px}.game-main{padding:18px 12px}.page-title{align-items:flex-start}.page-title h1{font-size:27px}.server-time{display:none}.port-scene{height:430px}.port-layout{display:block}.context-panel{margin-top:10px}.warehouse{right:3%;width:150px}.ship,.terminal{width:140px}.ship{left:12%}.scene-status{gap:10px}.scene-status span:nth-child(3){display:none}.kpis{grid-template-columns:repeat(2,1fr)}.cards,.department-grid,.split{grid-template-columns:1fr}.bottom-nav{display:flex;position:fixed;z-index:8;bottom:0;left:0;right:0;height:62px;background:#081923f5;border-top:1px solid #294650;justify-content:space-around}.bottom-nav button{border:0;background:transparent;color:#7c98a2;font-size:9px;flex:1 1}.bottom-nav button i,.bottom-nav button span{display:block;font-style:normal}.bottom-nav button i{font-size:16px;margin-bottom:3px}.bottom-nav button.active{color:var(--cyan)}.steps{position:static;margin:22px 0}.onboard{padding:20px 12px}.onboard>.brand{align-self:center}.onboard section{padding:25px 18px}.onboard h1{font-size:31px}.template-grid{grid-template-columns:1fr}.template-grid button{min-height:190px}.auth-card{padding:32px 22px}.auth-page>.brand{left:20px}.toast{left:12px;right:12px;top:70px}.research-tree{grid-template-columns:1fr}.feature-grid article{border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.map-mode{padding:0!important;background:#07121a;overflow:hidden}.map-mode>aside{width:74px;padding:16px 8px;background:#07131be8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid #b9e8ff1a}.map-mode .logout,.map-mode .port-label,.map-mode>aside .brand span:last-child,.map-mode>aside nav button:not(.active){display:none}.map-mode>aside .brand{padding:0;justify-content:center}.map-mode>aside .brand-mark{width:46px;height:46px;border-radius:13px;background:#0d2d3c;box-shadow:0 8px 30px #0008}.map-mode>aside nav{margin-top:auto;margin-bottom:auto}.map-mode>aside nav button.active{height:52px;padding:0;display:grid;place-items:center;border:0;border-radius:13px;background:#12394a;box-shadow:inset 0 0 0 1px #69e7ff55}.map-mode>aside nav button.active i{width:auto;font-size:21px}.map-mode>header{left:74px;height:72px;background:linear-gradient(180deg,#06131eef,#06131ea8);border:0;padding:0 24px;box-shadow:0 16px 40px #02070b55}.map-mode>header>div:first-child small{color:#6e8d99}.map-mode .game-main{padding:0;max-width:none;height:100vh}.map-mode .page-title{display:none}.map-mode .toast{top:88px}.map-mode .header-stats{gap:8px;height:auto}.map-mode .header-stats>span{height:48px;min-width:132px;border:1px solid #d8f4ff14;border-radius:12px;padding:0 16px;background:#0c2633bb}.map-mode .header-stats>span b{font-size:15px}.map-mode .bell{height:48px;width:50px;border:1px solid #d8f4ff14;border-radius:12px;background:#0c2633bb}.world-game{background:#07121a}.world-game,.world-sky{height:100%;position:relative}.world-sky{min-height:680px;overflow:hidden;background-image:url(/game-assets/port-blue-hour-v1.png);background-size:cover;background-position:center 51%;isolation:isolate}.world-sky:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#04111dab,transparent 32%,transparent 68%,#04111d5e),linear-gradient(0deg,#04111dcc,transparent 35%,#04111d55)}.world-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #02070bd9}.glass-game{background:#071722d9;border:1px solid #a8e7ff2b;box-shadow:0 24px 60px #02070ba8,inset 0 1px 0 #ffffff0b;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}.objectives{position:absolute;left:20px;top:92px;width:292px;border-radius:17px;padding:14px;animation:game-rise .55s cubic-bezier(.2,.8,.2,1) both}.objectives header{display:flex;justify-content:space-between;padding:2px 5px 10px;color:#8da9b4;font-size:9px;letter-spacing:.17em}.objectives header b{color:#ffd55b}.quest{display:flex;gap:11px;align-items:center;padding:11px 8px;border-top:1px solid #d9f4ff10}.quest>i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#153545;color:#82dff1;font-style:normal}.quest>span>*{display:block}.quest b{font-size:11px}.quest small{font-size:9px;color:#7f9aa5;margin-top:3px}.quest.done{opacity:.58}.quest.done>i{color:#4ce6a0;background:#123b34}.quest.live{background:linear-gradient(90deg,#1a536044,transparent);border-radius:10px}.quest.live>i{color:#ffd55b}.hotspot{position:absolute;z-index:2;display:grid;place-items:center;min-width:96px;padding:8px 10px;border:1px solid #bdefff3b;border-radius:12px;background:#071722d9;color:white;box-shadow:0 12px 28px #000a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transform:translate(-50%,-50%)}.hotspot:hover{transform:translate(-50%,-55%) scale(1.04);border-color:#67e7ff;box-shadow:0 15px 40px #001018,0 0 0 4px #58dcff20}.hotspot:active{transform:translate(-50%,-50%) scale(.96)}.hotspot>i{font-style:normal;font-size:17px;color:#65e4fa}.hotspot>b{font-size:8px;letter-spacing:.13em;margin-top:4px}.hotspot>small{font-size:7px;color:#62dda0;margin-top:2px}.quay-hotspot{left:62%;top:47%}.yard-hotspot{left:78%;top:33%}.rail-hotspot{left:86%;top:66%}.rail-hotspot small{color:#ffc15e}.pulse-ring{position:absolute;width:64px;height:64px;border:2px solid #53e2ff;border-radius:50%;animation:hotspot-pulse 2s ease-out infinite}.danger-dot,.status-dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#4ce6a0;box-shadow:0 0 12px #4ce6a0}.danger-dot{background:#ff655f}.upgrade{position:absolute;right:-8px;top:-8px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#ffc13d;color:#14202a;font-weight:900}.incoming-ship{position:absolute;left:28%;bottom:20%;border:0;background:transparent;color:white;text-align:left;filter:drop-shadow(0 6px 10px #000);cursor:pointer}.incoming-ship>span{font-size:33px;color:#e6f4f6}.incoming-ship b,.incoming-ship small{display:block}.incoming-ship b{font-size:10px}.incoming-ship small{font-size:8px;color:#afd3dd}.ship-route{position:absolute;left:24%;bottom:15%;width:31%;height:25%;border-color:transparent #55ddff #55ddff transparent;border-style:dashed;border-width:3px;border-radius:0 0 65% 0;opacity:.8;filter:drop-shadow(0 0 7px #40ddff)}.ship-route i{position:absolute;right:-8px;top:-6px;color:#65e7ff;font:32px Georgia;transform:rotate(-30deg)}.world-tools{position:absolute;left:20px;bottom:20px;display:flex;border-radius:16px;padding:7px}.world-tools button{position:relative;width:66px;height:60px;border:0;background:transparent;color:#7898a4}.world-tools button:hover{color:white;background:#153746;border-radius:12px}.world-tools i,.world-tools span{display:block;font-style:normal}.world-tools i{font-size:20px;color:#87d9e9}.world-tools span{font-size:7px;margin-top:5px}.world-tools em{position:absolute;right:11px;top:5px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#ffbf38;color:#101b22;font:800 8px system-ui}.action-console{position:absolute;right:20px;bottom:20px;width:425px;border-radius:18px;padding:17px;animation:game-rise .45s cubic-bezier(.2,.8,.2,1) .08s both}.action-console header{display:flex;justify-content:space-between;align-items:flex-start}.action-console header>div{padding-left:14px;position:relative}.action-console header small{display:block;font-size:8px;letter-spacing:.15em;color:#6f919e}.action-console h2{font:600 20px system-ui;margin:5px 0 0;letter-spacing:-.02em}.action-console header strong{font-size:8px;letter-spacing:.12em;color:#4ce6a0;background:#133a32;padding:6px 8px;border-radius:20px}.live-lamp,.ready-lamp{position:absolute;left:0;top:3px;width:7px;height:7px;background:#4ce6a0;border-radius:50%;box-shadow:0 0 10px #4ce6a0}.ready-lamp{background:#ffd259;box-shadow:0 0 10px #ffd259}.operation-progress{position:relative;height:8px;background:#172f3b;border-radius:8px;margin:17px 0;overflow:visible}.operation-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24b9da,#66eaff);box-shadow:0 0 12px #50ddfa}.container-box{position:absolute;top:-5px;width:12px;height:13px;border-radius:2px}.c-red{left:28%;background:#e9624f}.c-blue{left:34%;background:#348ee5}.c-yellow{left:39%;background:#f5c650}.operation-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #c4eaff18;padding:12px 0}.operation-stats span{padding:0 10px;border-right:1px solid #c4eaff18}.operation-stats span:last-child{border:0}.operation-stats b,.operation-stats small{display:block}.operation-stats small{font-size:7px;color:#708f9a}.operation-stats b{font-size:10px;margin-top:5px}.game-actions{display:flex;gap:8px;margin-top:14px}.primary-game,.secondary-game{height:58px;border:1px solid #62e7ff55;border-radius:12px;color:white;background:#0e5267;cursor:pointer}.primary-game{flex:1 1;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;text-align:left;padding:0 12px;background:linear-gradient(135deg,#0e657c,#0b465d);box-shadow:inset 0 1px 0 #8ef2ff33}.primary-game:hover{transform:translateY(-2px);background:linear-gradient(135deg,#117d97,#0d5871);box-shadow:0 10px 30px #00101899,inset 0 1px 0 #a6f6ff66}.primary-game:active{transform:scale(.98)}.primary-game>i{font-style:normal;font-size:20px;color:#75edff}.primary-game span{font-size:10px;font-weight:700}.primary-game small{display:block;font-size:8px;color:#9ac3cc;font-weight:400;margin-top:3px}.secondary-game{width:72px;background:#112b37}.secondary-game i,.secondary-game span{display:block;font-style:normal}.secondary-game i{font-size:18px}.secondary-game span{font-size:8px;margin-top:3px}.no-traffic{font-size:11px;color:#8faab4}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes hotspot-pulse{0%{transform:scale(.6);opacity:1}80%,to{transform:scale(1.45);opacity:0}}@keyframes game-rise{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:900px){.map-mode>aside{display:none}.map-mode>header{left:0}.map-mode .game-main{height:100vh}.world-sky{background-position:49%}.objectives{top:76px;left:12px;width:220px;padding:9px}.objectives .quest{padding:7px 5px}.objectives .quest:nth-child(4){display:none}.action-console{left:12px;right:12px;bottom:76px;width:auto;padding:14px}.operation-stats span:nth-child(4){display:none}.operation-stats{grid-template-columns:repeat(3,1fr)}.world-tools{display:none}.hotspot{min-width:78px}.yard-hotspot{left:75%;top:40%}.rail-hotspot{display:none}.quay-hotspot{left:57%;top:52%}.incoming-ship{left:18%;bottom:33%}.ship-route{left:13%;bottom:27%;width:44%}.map-mode .bottom-nav,.map-mode .header-stats>span:first-child{display:flex}.map-mode .header-stats>span{height:43px}.map-mode>header>div:first-child b{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:520px){.map-mode .game-main{padding:0}.world-sky{min-height:620px;background-size:auto 100%;background-position:48%}.objectives{width:190px}.objectives header{font-size:7px}.quest>i{width:25px;height:25px}.quest b{font-size:9px}.quest small{font-size:7px}.action-console{bottom:68px}.action-console h2{font-size:17px}.operation-stats b{font-size:9px}.secondary-game{width:55px}.hotspot{transform:translate(-50%,-50%) scale(.82)}.hotspot:hover{transform:translate(-50%,-53%) scale(.86)}.quay-hotspot{left:59%;top:51%}.yard-hotspot{left:81%;top:37%}.incoming-ship{left:8%;bottom:36%}.map-mode .header-stats>span:first-child{min-width:86px}.map-mode .header-stats>span b{font-size:12px}}@media(prefers-reduced-transparency:reduce){.glass-game,.map-mode>header{background:#071722;-webkit-backdrop-filter:none;backdrop-filter:none}}.game-shell>aside nav button.locked{opacity:.48;cursor:not-allowed;background:#091922}.game-shell>aside nav button.locked i{color:#607984}.game-shell>aside nav button small{margin-left:auto;font-size:7px;color:#e6b956;border:1px solid #e6b95655;border-radius:10px;padding:2px 5px}.catalog.locked{opacity:.48;cursor:not-allowed}.catalog.locked:after{content:"◆";color:#e3b84e;margin-left:10px}.level-meter{display:block;width:76px;height:3px;background:#1c3a47;border-radius:4px;margin-top:4px;overflow:hidden}.level-meter span{display:block;height:100%;background:#5ce6ff}.progression-screen,.tech-screen{max-width:1220px;margin:auto}.progression-hero{display:flex;align-items:center;justify-content:space-between;padding:34px;background:linear-gradient(135deg,#123c4c,#0a202c);border:1px solid #31515c}.progression-hero h2,.tech-screen>header h2{font:400 34px Georgia,serif;margin:6px 0}.progression-hero p,.tech-screen>header p{color:#91aab4;max-width:650px;line-height:1.6}.career-ring{--value:0deg;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#61e6ff var(--value),#1a3b48 0);position:relative}.career-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b222e}.career-ring span{z-index:1;text-align:center}.career-ring b{display:block;font:34px Georgia}.career-ring small{color:#79949f}.career-xp{height:42px;position:relative;background:#0a202b;border:1px solid #284752;margin:12px 0;overflow:hidden}.career-xp span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#0c6077,#1aa9c6);opacity:.55}.career-xp b{position:relative;display:grid;place-items:center;height:100%;font-size:9px;letter-spacing:.08em}.level-roadmap{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.level-roadmap article{display:flex;align-items:center;gap:14px;min-height:68px;padding:13px;background:#0c222d;border:1px solid #294550}.level-roadmap article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-style:normal;background:#152f3b;color:#738f99}.level-roadmap article span{flex:1 1}.level-roadmap article b,.level-roadmap article small{display:block}.level-roadmap article small{font-size:8px;color:#69dff5;letter-spacing:.14em}.level-roadmap article b{font-size:11px;margin-top:5px}.level-roadmap article em{font:700 7px system-ui;letter-spacing:.11em;color:#687e86}.level-roadmap article.complete{opacity:.57}.level-roadmap article.complete>i{background:#123a31;color:#52e39f}.level-roadmap article.current{border-color:#5ce6ff;background:linear-gradient(90deg,#104052,#0c222d)}.level-roadmap article.current>i{background:#5ce6ff;color:#06212b;box-shadow:0 0 20px #5ce6ff55}.level-roadmap article.current em{color:#5ce6ff}.tech-screen>header{display:flex;justify-content:space-between;padding:30px;background:#0e2733;border:1px solid #294b58}.tech-screen>header>span{text-align:center;background:#081b24;padding:18px 25px}.tech-screen>header>span b,.tech-screen>header>span small{display:block}.tech-screen>header>span b{font:32px Georgia;color:#5ce6ff}.tech-screen>header>span small{font-size:8px;color:#7f99a3}.tech-branch{margin-top:24px}.tech-branch>h3{font-size:9px;letter-spacing:.2em;color:#5ce6ff;border-bottom:1px solid #31505a;padding-bottom:10px}.tech-branch>div{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.tech-branch article{position:relative;min-height:245px;padding:18px;background:#0c222d;border:1px solid #294651}.tech-branch article>i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-style:normal;background:#173846;color:#61e6ff}.tech-branch article>small{display:block;margin-top:16px;font-size:7px;color:#6fdff3;letter-spacing:.14em}.tech-branch h4{font:400 18px Georgia;margin:6px 0}.tech-branch p{font-size:10px;color:#819aa4;line-height:1.5;min-height:46px}.tech-branch article>b{font-size:11px}.tech-branch button{position:absolute;left:14px;right:14px;bottom:14px;height:38px;border:1px solid #4dddf555;background:#0d4b60;color:white;font-size:8px;font-weight:750;letter-spacing:.1em}.tech-branch article.locked{filter:saturate(.35);opacity:.55}.tech-branch article.locked button{background:#172b33;color:#71858c}.tech-branch article.known{border-color:#2f765f}.tech-branch article.known>i{background:#153e34;color:#4de19d}@media(max-width:900px){.level-roadmap{grid-template-columns:1fr}.tech-branch>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.progression-hero,.tech-screen>header{padding:20px;align-items:flex-start}.progression-hero h2,.tech-screen>header h2{font-size:25px}.career-ring{width:76px;height:76px;flex:0 0 auto}.career-ring b{font-size:24px}.tech-screen>header>span{display:none}.tech-branch>div{grid-template-columns:1fr}.level-roadmap article{min-height:62px}}.map-mode>aside nav button:not(.active){display:grid;place-items:center;height:46px;padding:0;border-radius:11px;font-size:0}.map-mode>aside nav button:not(.active) i{width:auto;font-size:17px}.map-mode>aside nav button small{display:none}.map-mode>aside nav{overflow:auto;scrollbar-width:none}.map-mode>aside nav::-webkit-scrollbar{display:none}.hotspot.locked-building{opacity:.58;cursor:not-allowed;filter:grayscale(.45)}.hotspot.locked-building:hover{transform:translate(-50%,-50%);border-color:#bdefff3b;box-shadow:0 12px 28px #000a}@media(max-width:900px){.menu-open .map-mode>aside{display:flex;width:232px;padding:20px 14px;z-index:50;box-shadow:20px 0 80px #000b}.menu-open .map-mode>aside nav button,.menu-open .map-mode>aside nav button:not(.active){display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 12px;font-size:12px}.menu-open .map-mode>aside .brand span:last-child,.menu-open .map-mode>aside .port-label,.menu-open .map-mode>aside nav button small{display:block}.bottom-nav button:disabled{opacity:.4;cursor:not-allowed}}@media(min-width:901px){.map-mode .game-main{margin-left:74px;width:calc(100% - 74px)}.rail-hotspot{left:90%;top:50%}}