@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{--ink:#e8e9db;--muted:#9aafb0;--gold:#d3b37b;--gold-bright:#ecd4a1;--border:#b5c8bf25;--navy:#102d38;--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);font-family:var(--sans);background:#102d38;margin:0;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}svg{stroke-width:1.5px}button:hover:not(:disabled){filter:brightness(1.18)}.game-shell{background:#123342;height:100svh;min-height:620px;overflow:hidden}.topbar{z-index:10;background:#0f2934;align-items:center;gap:28px;height:78px;padding:0 29px;display:flex;position:relative;box-shadow:0 1px #d1c29b27}.brand{flex-shrink:0;align-items:center;gap:13px;display:flex}.brand-seal{width:43px;height:43px;color:var(--gold);border:1px solid #c3a77777;border-radius:50%;place-items:center;display:grid;position:relative}.brand-seal:before{content:"";border:1px solid #c3a77728;border-radius:50%;position:absolute;inset:4px}.brand strong{font-family:var(--serif);letter-spacing:4.3px;color:#f0dec0;font-size:29px;font-weight:600;line-height:1}.brand small{color:#a2b3ae;letter-spacing:.8px;font-size:8px;line-height:2.2;display:block}.edition{border-left:1px solid var(--border);flex-direction:column;gap:5px;padding-left:22px;display:flex}.edition span{letter-spacing:2px;color:var(--gold);font-size:9px}.edition small{letter-spacing:1px;color:#9caaa9;font-size:8px}.resources{gap:35px;margin:auto;display:flex}.resource{align-items:center;gap:11px;min-width:80px;display:flex}.resource>svg{color:#9cbaa9}.resource strong{letter-spacing:.7px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:550}.resource small{letter-spacing:1.6px;color:#8da5a9;margin-top:4px;font-size:8px;display:block}.coin-icon{color:var(--gold);background:#b79a5e12;border:1px solid #b79a5e23;border-radius:50%;padding:6px;display:flex}.header-actions{align-items:center;gap:13px;display:flex}.icon-button{color:#a4b8b9;place-items:center;width:32px;height:32px;display:grid}.icon-button svg{width:18px}.header-divider{background:var(--border);width:1px;height:28px;margin:0 8px}.account-button{text-align:left;align-items:center;gap:11px;min-width:153px;padding:0;display:flex}.account-button>span:not(.avatar){font-size:12px;font-weight:500}.account-button small{letter-spacing:1.2px;color:#92aaa9;margin-top:5px;font-size:7px;display:block}.avatar{width:34px;height:34px;color:var(--gold);background:#1d3c45;border:1px solid #a9b8a72e;border-radius:50%;place-items:center;display:grid}.account-button>svg{color:#9cb0b1;margin-left:5px}.sea-stage{height:calc(100% - 78px);position:relative;overflow:hidden}.sea-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.glass-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#15333ce8,#153340e0);border:1px solid #c6cfac32;border-radius:5px;box-shadow:0 8px 24px #041f3026}.region-banner{pointer-events:none;text-align:center;align-items:center;gap:24px;display:flex;position:absolute;top:30px;left:50%;transform:translate(-50%)}.region-rule{background:linear-gradient(90deg,#0000,#c9d2bb66);width:60px;height:1px}.region-rule:last-child{transform:scaleX(-1)}.region-banner small{letter-spacing:3px;color:#c5d5cf;font-size:8px}.region-banner h1{font:500 37px/1.05 var(--serif);color:#f2edcf;letter-spacing:1px;white-space:nowrap;text-shadow:0 2px 13px #153e4b;margin:8px 0}.region-banner p{letter-spacing:2px;color:#c9d3b4;justify-content:center;align-items:center;gap:7px;margin:10px 0 0;font-size:7px;display:flex}.status-dot,.gold-dot{background:#9bc6a3;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #84c6b131}.gold-dot{background:#d4b676;box-shadow:0 0 8px #d4b67633}.voyage-panel{width:254px;position:absolute;top:29px;left:26px}.panel-tabs{border-bottom:1px solid var(--border);gap:19px;padding:0 17px;display:flex}.panel-tabs button{letter-spacing:1.3px;color:#92a8a9;border-bottom:1px solid #0000;padding:17px 0 14px;font-size:8px}.panel-tabs button.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.mission-body{padding:20px 20px 12px}.eyebrow{letter-spacing:1.65px;color:var(--gold);justify-content:flex-start;align-items:center;gap:7px;font-size:8px;font-weight:500;display:flex}.mission-body h2{font:500 24px/1.12 var(--serif);color:#f1e8cb;max-width:190px;margin:12px 0 9px}.mission-body p{color:#a5babb;margin:0 0 19px;font-size:11px;line-height:1.7}.mission-count{color:#bbc9c4;justify-content:space-between;font-size:10px;display:flex}.mission-count b{color:var(--gold-bright);font-size:10px;font-weight:500}.mission-count em{color:#8da4a5;font-style:normal}.thin-progress{background:#c8cda913;height:3px;margin:11px 0 15px}.thin-progress i{background:#cdb17c;min-width:2px;height:100%;transition:width .3s;display:block}.mission-reward{border-top:1px solid var(--border);color:#c8c6a9;align-items:center;gap:14px;padding-top:12px;font-size:10px;display:flex}.mission-reward>span{align-items:center;gap:5px;display:flex}.mission-reward>span:first-child{color:var(--gold)}.mission-reward button{color:var(--gold);letter-spacing:.5px;align-items:center;margin-left:auto;padding:4px 0;font-size:8px;display:flex}.mission-reward button:disabled{color:#8aa1a1;opacity:.8}.log-body{max-height:285px;padding:18px;overflow:auto}.log-body small{letter-spacing:1px;color:#a5baaf;font-size:8px}.log-body p{color:#b7c4bd;gap:9px;font-size:11px;line-height:1.6;display:flex}.log-body p span{color:var(--gold)}.chart-panel{width:226px;position:absolute;top:29px;right:26px;overflow:hidden}.chart-title{color:#c9d2bb;justify-content:space-between;align-items:center;padding:12px 13px;display:flex}.chart-title>span:first-child{letter-spacing:1px;align-items:center;gap:6px;font-size:8px;display:flex}.map-coord{color:#90a6a6;letter-spacing:1px;font-size:8px}.minimap-wrap{background:#193c48;margin:0 11px;position:relative}.minimap-wrap canvas{cursor:crosshair;opacity:.9;width:100%;height:auto;display:block}.map-north{font:10px var(--serif);color:#d8d5b4;pointer-events:none;position:absolute;top:6px;left:50%;transform:translate(-50%)}.map-frame{pointer-events:none;border-style:solid;border-color:#b6b896;width:7px;height:7px;position:absolute}.tl{border-width:1px 0 0 1px;top:0;left:0}.tr{border-width:1px 1px 0 0;top:0;right:0}.bl{border-width:0 0 1px 1px;bottom:0;left:0}.br{border-width:0 1px 1px 0;bottom:0;right:0}.chart-bottom{color:#96b1ae;justify-content:space-between;align-items:center;padding:12px;font-size:8px;display:flex}.chart-bottom>span:first-child{align-items:center;gap:5px;display:flex}.chart-bottom>span:last-child{letter-spacing:.3px;font-size:8px}.pvp-button{border-top:1px solid var(--border);color:#c0c6b8;align-items:center;gap:7px;width:100%;padding:12px 13px;font-size:10px;display:flex}.pvp-button.pvp-active{color:#f1b297}.toggle{background:#71939823;border:1px solid #a2b9b832;border-radius:10px;width:26px;height:14px;margin-left:auto;position:relative}.toggle i{background:#9baea3;border-radius:50%;width:8px;height:8px;transition:left .2s;position:absolute;top:2px;left:3px}.pvp-active .toggle{background:#b9794a55}.pvp-active .toggle i{background:#e3b28a;left:13px}.target-card{background:#183744d9;align-items:center;gap:12px;width:310px;padding:13px 18px;display:flex;position:absolute;top:147px;left:50%;transform:translate(-50%)}.target-icon{color:#d79a7d;border:1px solid #d49f6b36;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.target-card>div{flex:1}.target-card small{letter-spacing:1.1px;color:#c4a090;font-size:6px;display:block}.target-card strong{margin:4px 0 7px;font-size:12px;font-weight:500;display:block}.target-hp{background:#ddaf8e1a;height:3px}.target-hp i{background:#ce8b70;height:100%;transition:width .25s;display:block}.target-numbers{font:18px var(--serif);color:#efcfaa;text-align:right}.target-numbers small{color:#93adb0;font:8px var(--sans);margin-top:5px}.close-target{color:#94aaa7;position:absolute;top:3px;right:3px}.sea-label{letter-spacing:.3px;color:#bfd1c9a6;pointer-events:none;align-items:center;gap:7px;font-size:8px;display:flex;position:absolute;bottom:241px;left:29px}.map-tools{border:1px solid var(--border);background:#13323dce;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;bottom:103px;right:27px}.map-tools button{color:#bed0c4;place-items:center;width:30px;height:28px;display:grid}.map-tools span{color:#a1b6b2;text-align:center;width:33px;font-size:8px}.map-tools .fullscreen-button{border-left:1px solid var(--border);width:38px;margin-left:4px;padding-left:8px}.ship-status{width:254px;padding:16px 17px 12px;position:absolute;bottom:100px;left:26px}.ship-status-heading{align-items:center;gap:10px;display:flex}.ship-badge{color:#d4bd8a;background:#899d6e10;border:1px solid #b9be7b28;border-radius:4px;place-items:center;width:37px;height:37px;display:grid}.ship-status-heading small{letter-spacing:1.7px;color:#9eb1a9;font-size:6px}.ship-status-heading strong{font:600 22px/1.3 var(--serif);color:#f0e1c2;display:block}.level-badge{text-align:center;font:20px var(--serif);color:var(--gold-bright);width:29px;margin-left:auto;line-height:1}.level-badge small{font:6px var(--sans);letter-spacing:1px;color:#afba9d;margin-top:4px;display:block}.hull-label{color:#b3c4bc;justify-content:space-between;align-items:center;margin-top:15px;font-size:8px;display:flex}.hull-label>span{align-items:center;gap:5px;display:flex}.hull-label b{color:#dbdbc1;font-size:8px;font-weight:500}.hull-label em{color:#7e9c9e;font-style:normal}.health-bar{background:#8bc0b118;border-radius:1px;height:5px;margin-top:8px;overflow:hidden}.health-bar i{background:linear-gradient(90deg,#548e83,#a1b987);height:100%;transition:width .3s;display:block}.health-bar.low i{background:#d68265}.ship-footer{border-top:1px solid var(--border);letter-spacing:.7px;color:#a4b7a9;justify-content:space-between;margin-top:13px;padding-top:10px;font-size:6px;display:flex}.ship-footer span{align-items:center;gap:5px;display:flex}.ship-footer button{color:#cdbd99;letter-spacing:0;align-items:center;gap:3px;padding:0;font-size:9px;display:flex}.combat-controls{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.control-hint{letter-spacing:.25px;color:#d1d9c5;text-shadow:0 2px 5px #0c2b3a;white-space:nowrap;margin-bottom:14px;font-size:9px}.action-dock{background:#102c37f2;border:1px solid #c2b07d5c;border-radius:7px;align-items:center;gap:7px;padding:7px;display:flex;position:relative;box-shadow:0 12px 40px #09243244}.fire-button{color:#29383a;text-align:left;background:linear-gradient(145deg,#dcc18a,#b89660);border:1px solid #bba06d99;border-radius:3px;justify-content:center;align-items:center;gap:14px;width:164px;height:66px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #f7e3b02b}.fire-button>svg{stroke-width:1.4px}.fire-button>span:not(.fire-chevron){letter-spacing:1.1px;white-space:nowrap;font-size:12px;font-weight:700}.fire-button small{letter-spacing:1.3px;opacity:.7;margin-top:5px;font-size:6px;font-weight:500;display:block}.fire-chevron{color:#6d6649;margin-left:-7px;display:flex}.action-dock kbd{font:7px var(--sans);opacity:.6;position:absolute;top:6px;left:7px}.fire-button kbd{color:#454b3b}.ability{color:#c4c9ae;background:#25434a70;border:1px solid #9cae9c30;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:65px;height:66px;display:flex;position:relative}.ability>span{color:#b5c1b7;font-size:8px}.dock-divider{background:#acb5a529;width:1px;height:44px;margin:0 3px}.auto-fire{color:#91a9a7;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:66px;height:66px;display:flex;position:relative}.auto-fire span{font-size:8px}.auto-fire i{background:#476970;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;right:11px}.auto-fire.enabled{color:#dfc386}.auto-fire.enabled i{background:#e0c078;box-shadow:0 0 8px #e0c078}.keyboard-hint{color:#c1cec3a1;align-items:center;gap:10px;margin-top:11px;font-size:7px;display:flex}.keyboard-hint>span{align-items:center;gap:5px;display:flex}.keyboard-hint kbd{font:6px var(--sans);border:1px solid #c1cec333;border-radius:2px;padding:1px 4px}.keyboard-hint i{font-style:normal}.mouse-symbol{border:1px solid #bdcabc8a;border-radius:3px;width:7px;height:10px;display:inline-block;position:relative}.mouse-symbol:after{content:"";background:#bdcabc;width:1px;height:3px;position:absolute;top:1px;left:2px}.bottom-nav{background:#112e38f5;border-top:1px solid #b9c9b42a;justify-content:space-between;align-items:center;height:64px;padding:0 27px;display:flex;position:absolute;bottom:0;left:0;right:0}.nav-links{align-items:center;gap:32px;height:100%;display:flex}.nav-links button{color:#92abad;border-top:2px solid #0000;align-items:center;gap:9px;height:100%;padding:0 3px;font-size:11px;display:flex;position:relative}.nav-links .nav-active{color:#dfc38f;border-top-color:#d6b27a}.nav-links button i{background:#dbbd87;border-radius:50%;width:4px;height:4px;margin-left:4px}.connection-status{letter-spacing:1.5px;color:#93aba6;align-items:center;gap:7px;font-size:7px;display:flex}.connection-status b{color:#5f8185;letter-spacing:0;margin-left:17px;font-size:8px;font-weight:400}.toast{z-index:60;color:#e0d6b9;background:#142f3af5;border:1px solid #c2ac7a78;border-radius:5px;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 40px);min-height:48px;padding:14px 16px;font-size:12px;display:flex;position:absolute;bottom:228px;left:50%;transform:translate(-50%);box-shadow:0 12px 45px #0c243962}.toast>svg{color:var(--gold);flex-shrink:0}.toast button{color:#8fa9ac;margin-left:8px;display:flex}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#051e30a6;justify-content:center;align-items:center;padding:26px 20px 85px;display:flex;position:absolute;inset:0}.modal{color:#e6e6ce;scrollbar-width:thin;scrollbar-color:#758c7a #16343f;background:linear-gradient(145deg,#193c46,#112e3a);border:1px solid #bead8263;border-radius:9px;width:540px;max-width:100%;max-height:100%;padding:35px;position:relative;overflow:auto;box-shadow:0 30px 100px #031a3377}.modal-close{color:#a9bdb6;padding:3px;display:flex;position:absolute;top:15px;right:15px}.modal .eyebrow{margin-top:5px}.modal h2{font:500 34px/1.08 var(--serif);color:#efe1bd;margin:13px 0 12px}.modal-intro{color:#aabeb9;margin:0 0 22px;font-size:12px;line-height:1.8}.modal-emblem{width:65px;height:65px;color:var(--gold);background:#b49e6321;border:1px solid #bbaa7255;border-radius:50%;place-items:center;margin-bottom:26px;display:grid}.gold-button{color:#23353b;background:linear-gradient(140deg,#dcc38e,#c2a369);border:1px solid #e3cfa288;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:14px 16px;font-size:12px;font-weight:600;display:flex}.full{width:100%;margin-top:20px}.form-note{color:#97b1ac!important;margin-top:12px!important;font-size:10px!important;line-height:1.65!important}.modal label{color:#d8d8c1;margin:25px 0 9px;font-size:11px;display:block}.modal input{color:#e6e4c7;background:#102c35;border:1px solid #c8b77b4a;border-radius:3px;width:100%;padding:14px 13px}.modal input::placeholder{color:#788f8d}.text-button{color:#c2c5ac;align-items:center;gap:4px;margin:20px auto 0;font-size:11px;display:flex}.account-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;margin:25px 0;padding:23px 0;display:flex}.account-stats>div{text-align:center;flex:1}.account-stats strong{font:31px var(--serif);color:var(--gold-bright);display:block}.account-stats span{color:#a6b9ae;margin-top:6px;font-size:10px;display:block}.saved-note{color:#b6cfaf;align-items:center;gap:7px;font-size:11px;display:flex}.subtle-link{color:#a7b6ab;text-underline-offset:3px;margin-top:23px;font-size:10px;text-decoration:underline;display:inline-block}.harbor-modal{width:610px}.harbor-ship{background:radial-gradient(#8f9b7824,#0000 75%);border-top:1px solid #a7b79519;border-bottom:1px solid #a7b79519;height:175px;margin:0 0 15px;position:relative;overflow:hidden}.large-ship-art{object-fit:contain;width:100%;height:100%}.harbor-ship canvas{width:290px;height:200px;position:absolute;top:-23px;left:-45px}.harbor-ship>span{font:30px var(--serif);color:#e7d6af;position:absolute;top:42px;left:250px}.harbor-ship>span small{font:7px var(--sans);letter-spacing:1px;color:#a4b6a8;margin-top:9px;display:block}.harbor-location{letter-spacing:1px;color:#bdc8ae;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:33px;left:250px}.upgrade-row{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:15px 0;display:flex}.upgrade-row:last-child{border:0}.upgrade-icon{color:#c4b07c;background:#adc3a109;border:1px solid #bdac6b2e;border-radius:3px;place-items:center;width:42px;height:42px;display:grid}.upgrade-row>div{flex:1}.upgrade-row strong{font-size:12px;font-weight:500;display:block}.upgrade-row small{color:#9bb0a6;margin-top:6px;font-size:9px;display:block}.upgrade-row small i{color:#d6ba83;margin:0 5px;font-style:normal}.upgrade-row button{color:#e3c586;background:#b79c5830;border:1px solid #d3b37163;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-width:80px;padding:9px 14px;font-size:11px;display:flex}.ship-showcase{background:radial-gradient(#a8b58222,#0000 70%);height:230px;margin-top:-10px;position:relative}.ship-showcase canvas{height:240px}.ship-class{letter-spacing:1.5px;white-space:nowrap;color:#aebaa1;font-size:7px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.ship-class i{color:#d6ba83;margin:0 7px;font-style:normal}.spec-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin-top:25px;padding:20px 0;display:grid}.spec-grid>div{text-align:center;border-right:1px solid var(--border);color:#bdc49f}.spec-grid>div:last-child{border:0}.spec-grid svg{width:19px;margin:auto auto 10px;display:block}.spec-grid small{letter-spacing:1px;color:#91aca5;font-size:6px;display:block}.spec-grid strong{font:27px var(--serif);color:#e5d8b3;margin-top:6px;display:block}.spec-grid em{font:12px var(--serif)}.ranking-table{margin-top:25px}.ranking-head,.ranking-row{grid-template-columns:1fr 65px 85px;align-items:center;display:grid}.ranking-head{letter-spacing:1px;color:#94aba5;padding:10px 12px;font-size:8px}.ranking-row{border-bottom:1px solid var(--border);padding:17px 12px;font-size:11px}.ranking-row>span:first-child{align-items:center;gap:10px;display:flex}.ranking-row b{color:var(--gold);font-size:11px;font-weight:400}.ranking-row svg{color:#bcc4a6}.ranking-row strong{font-size:11px;font-weight:500}.ranking-row strong small{color:#8fb8a5;margin-top:4px;font-size:6px;display:block}.ranking-row>span:last-child{color:#d4c394;font-size:10px}.ranking-row.you{background:#bec9970b}.empty-sea{text-align:center;color:#91aaa4;padding:34px 0 15px}.empty-sea p{font:23px var(--serif);color:#d2ccad;margin:12px 0 7px}.empty-sea small{font-size:10px}.help-list{flex-direction:column;gap:21px;display:flex}.help-list>div{gap:14px;display:flex}.help-list svg{color:#c1b17f;flex-shrink:0;width:23px}.help-list strong{color:#e0d9bd;font-size:12px;font-weight:500}.help-list p{color:#a2b6ae;margin:5px 0 0;font-size:11px;line-height:1.7}.sunk-overlay{text-align:center;background:#0b2838e6;border:1px solid #b3ab8444;border-radius:7px;width:450px;max-width:90%;padding:32px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.sunk-overlay>svg{color:var(--gold)}.sunk-overlay h2{font:30px var(--serif);color:#e4d4b0;margin:16px 0}.sunk-overlay p{color:#b2bcae;font-size:12px}@media (width>=1600px){.topbar{padding:0 40px}.voyage-panel,.ship-status{width:276px;left:38px}.chart-panel{width:244px;right:38px}.sea-label{left:40px}.mission-body{padding:23px}.mission-body h2{font-size:27px}.mission-body p{font-size:12px}.region-banner{top:38px}.region-banner h1{font-size:44px}.action-dock{gap:10px;padding:9px}.fire-button{width:185px;height:72px}.ability{width:74px;height:72px}.combat-controls{bottom:105px}.ship-status{bottom:111px}.map-tools{bottom:117px}.sea-label{bottom:257px}.bottom-nav{height:71px;padding:0 40px}.control-hint{font-size:10px}.nav-links{gap:40px}}@media (width<=1100px){.topbar{gap:20px;padding:0 20px}.edition{display:none}.resources{gap:22px}.voyage-panel{width:214px;left:18px}.mission-body{padding:16px}.mission-body h2{font-size:23px}.mission-body p{font-size:10px}.panel-tabs{gap:15px;padding:0 15px}.panel-tabs button{font-size:7px}.chart-panel{width:186px;right:18px}.ship-status{width:214px;padding:13px;left:18px}.sea-label{left:20px}.ship-status-heading strong{font-size:21px}.combat-controls{bottom:94px;left:55%}.fire-button{width:137px}.action-dock{gap:5px}.ability{width:57px}.auto-fire{width:55px}.map-tools{bottom:100px;right:18px}.region-banner{gap:17px;top:25px}.region-rule{width:30px}.region-banner h1{font-size:33px}.bottom-nav{padding:0 20px}.nav-links{gap:25px}.target-card{width:280px;top:140px}.control-hint{font-size:8px}.ship-footer{font-size:5px}.map-coord{display:none}.chart-bottom{padding:10px;font-size:7px}.chart-bottom>span:last-child{font-size:7px}.fire-button>span:not(.fire-chevron){font-size:10px}.fire-button>svg{width:23px}.fire-button small{font-size:5px}}@media (width<=850px){.topbar{height:68px;padding:0 17px}.brand strong{letter-spacing:3px;font-size:25px}.brand small{font-size:6px}.brand-seal{width:36px;height:36px}.brand-seal svg{width:22px}.brand{gap:9px}.resources{gap:15px}.resource{gap:6px;min-width:56px}.resource strong{font-size:13px}.resource small{font-size:6px}.header-actions{gap:5px}.header-divider{margin:0 4px}.account-button{gap:7px;min-width:120px}.account-button small{font-size:6px}.account-button>span:not(.avatar){font-size:10px}.avatar{width:30px;height:30px}.sea-stage{height:calc(100% - 68px)}.voyage-panel{width:190px;top:20px;left:15px}.chart-panel{width:160px;top:20px;right:15px}.chart-title{padding:10px}.chart-title>span:first-child{font-size:6px}.chart-title svg{width:12px}.chart-bottom>span:last-child{display:none}.mission-body{padding:13px}.mission-body h2{font-size:22px}.mission-body .eyebrow{letter-spacing:1px;font-size:6px}.mission-body p{margin-bottom:15px;line-height:1.6}.mission-count{font-size:8px}.mission-reward{gap:10px;font-size:8px}.panel-tabs{gap:11px;padding:0 12px}.panel-tabs button{font-size:6px}.region-banner h1{font-size:30px}.region-banner small,.region-banner p{font-size:6px}.region-rule{display:none}.region-banner{top:23px}.ship-status{width:190px;bottom:84px;left:15px}.hull-label,.hull-label b{font-size:7px}.ship-footer>span{font-size:5px}.ship-footer>span svg{display:none}.ship-badge{width:31px;height:31px}.ship-status-heading strong{font-size:20px}.combat-controls{bottom:83px;left:62%}.fire-button{gap:8px;width:131px;height:61px}.ability{width:52px;height:61px}.ability svg{width:21px}.auto-fire{width:48px;height:61px}.auto-fire svg{width:21px}.action-dock{gap:4px}.control-hint{font-size:7px}.keyboard-hint{gap:7px;font-size:6px}.map-tools{bottom:227px;right:15px}.sea-label{font-size:7px;bottom:223px;left:17px}.bottom-nav{height:57px}.nav-links{gap:24px}.nav-links button{gap:6px;font-size:10px}.nav-links svg{width:16px}.connection-status{font-size:6px}.target-card{gap:8px;width:230px;padding:12px;top:128px}.target-card strong{font-size:11px}.target-icon{width:27px;height:27px}.target-numbers{font-size:16px}}@media (width<=650px){.game-shell{height:100svh;min-height:560px}.topbar{gap:10px;height:63px;padding:0 13px}.brand strong{letter-spacing:2px;font-size:22px}.brand small{letter-spacing:.2px;font-size:5px}.brand-seal{width:30px;height:30px}.brand-seal svg{width:20px}.brand{gap:7px}.resources{gap:0;margin-left:auto;margin-right:4px}.resource{gap:4px;min-width:55px}.resource strong{font-size:12px}.resource small{letter-spacing:1px;font-size:5px}.coin-icon{padding:4px}.coin-icon svg{width:14px}.experience{display:none}.header-actions{gap:0}.header-actions>.icon-button,.header-divider{display:none}.account-button{gap:6px;min-width:0}.account-button .avatar,.account-button>svg{display:none}.account-button>span:not(.avatar){text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:10px;overflow:hidden}.account-button small{letter-spacing:.7px;font-size:5px}.sea-stage{height:calc(100% - 63px)}.voyage-panel{width:162px;top:18px;left:12px}.panel-tabs{gap:10px;padding:0 10px}.panel-tabs button{letter-spacing:.6px;padding:10px 0 9px;font-size:5.5px}.mission-body{padding:12px 11px 8px}.mission-body .eyebrow{letter-spacing:.7px;gap:4px;font-size:5.5px}.mission-body .eyebrow svg{width:10px}.mission-body h2{margin:10px 0 12px;font-size:20px;line-height:1}.mission-body p{display:none}.mission-count{gap:3px;font-size:7px}.mission-count b{font-size:8px}.mission-count em{font-size:7px}.thin-progress{height:2px;margin:9px 0 8px}.mission-reward{gap:8px;padding-top:7px;font-size:7px}.mission-reward svg{width:10px}.mission-reward button{font-size:6px}.mission-reward>span{gap:3px}.chart-panel{border-radius:3px;width:124px;top:18px;right:12px}.chart-title{padding:9px 8px}.chart-title>span:first-child{letter-spacing:.6px;gap:4px;font-size:5px}.chart-title svg{width:10px;height:10px}.minimap-wrap{margin:0 7px}.chart-bottom{padding:7px;font-size:6px}.pvp-button{gap:5px;padding:8px;font-size:7px}.pvp-button svg{width:12px;height:12px}.toggle{margin-right:-2px;transform:scale(.8)}.region-banner{opacity:.9;z-index:1;gap:0;top:211px;left:50%}.region-banner h1{margin:3px 0 4px;font-size:28px}.region-banner small{letter-spacing:2px;font-size:6px}.region-banner p{letter-spacing:1.5px;margin-top:7px;font-size:5px}.target-card{z-index:2;width:220px;padding:10px;top:311px}.target-card strong{font-size:11px}.target-icon{width:27px;height:27px}.target-icon svg{height:18px}.target-hp{height:2px}.target-numbers{font-size:16px}.ship-status{background:#16343edb;width:162px;padding:10px 11px;bottom:180px;left:12px}.ship-status-heading{gap:7px}.ship-badge{width:26px;height:26px}.ship-badge svg{width:18px}.ship-status-heading strong{white-space:nowrap;text-overflow:ellipsis;max-width:91px;font-size:18px;overflow:hidden}.ship-status-heading small{letter-spacing:1px;font-size:5px}.level-badge{width:20px;font-size:17px}.level-badge small{font-size:5px}.hull-label{margin-top:9px;font-size:6px}.hull-label>span{gap:3px}.hull-label>span svg{width:9px;height:9px}.hull-label b{font-size:6px}.health-bar{height:3px;margin-top:6px}.ship-footer{display:none}.sea-label{gap:4px;max-width:190px;font-size:5px;bottom:264px;left:14px}.sea-label svg{width:10px}.combat-controls{width:100%;padding:0 12px;bottom:71px;left:50%}.control-hint{letter-spacing:0;text-overflow:ellipsis;max-width:95vw;margin-bottom:10px;font-size:6px;overflow:hidden}.action-dock{border-radius:5px;justify-content:center;gap:5px;width:100%;max-width:380px;padding:5px}.fire-button{flex:1;gap:10px;width:auto;min-width:115px;height:57px}.fire-button>span:not(.fire-chevron){font-size:10px}.fire-button small{font-size:5px}.fire-button>svg{width:24px}.fire-chevron{display:none}.ability{width:55px;height:57px}.ability span{font-size:7px}.ability svg{width:22px}.auto-fire{width:52px;height:57px}.auto-fire svg{width:20px}.auto-fire span{font-size:7px}.dock-divider{height:34px;margin:0 1px}.keyboard-hint{display:none}.bottom-nav{height:54px;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,0)}.nav-links{justify-content:space-around;gap:5px;width:100%}.nav-links button{gap:6px;padding:0 7px;font-size:8px}.nav-links svg{width:15px}.nav-links button i,.connection-status{display:none}.map-tools{gap:0;padding:1px;bottom:185px;right:12px}.map-tools .fullscreen-button{display:none}.map-tools button{width:24px;height:26px}.map-tools span{width:26px;font-size:7px}.toast{gap:8px;padding:12px;font-size:10px;line-height:1.5;bottom:287px}.toast svg{width:15px}.toast button{margin-left:2px}.modal-backdrop{padding:15px 12px 67px}.modal{border-radius:6px;padding:27px 22px}.modal h2{margin-top:11px;font-size:29px}.modal-intro{margin-bottom:18px;font-size:11px}.modal .eyebrow{font-size:7px}.modal-emblem{width:53px;height:53px;margin-bottom:23px}.modal-emblem svg{width:26px}.harbor-ship{height:149px}.harbor-ship canvas{width:225px;height:160px;top:-12px;left:-43px}.harbor-ship>span{font-size:24px;top:38px;left:150px}.harbor-ship>span small{letter-spacing:.4px;font-size:5px}.harbor-location{letter-spacing:0;font-size:6px;bottom:25px;left:150px}.upgrade-row{gap:9px;padding:14px 0}.upgrade-icon{width:34px;height:34px}.upgrade-icon svg{width:19px}.upgrade-row strong{font-size:10px}.upgrade-row small{font-size:7px}.upgrade-row small i{margin:0 3px}.upgrade-row button{min-width:59px;padding:8px;font-size:10px}.upgrade-row button svg{width:12px}.spec-grid strong{font-size:24px}.spec-grid small{letter-spacing:.5px;font-size:5px}.ship-showcase{height:195px}.ship-showcase canvas{height:205px}.help-list{gap:17px}.help-list p{font-size:10px}.help-list strong{font-size:11px}.help-list svg{width:20px}.ranking-head,.ranking-row{grid-template-columns:1fr 45px 65px}.ranking-row{padding:13px 8px}.ranking-row>span:first-child{gap:7px}.ranking-row strong{font-size:9px}.ranking-row b{font-size:10px}.ranking-row svg{width:14px}.ranking-row>span:last-child{font-size:8px}.sunk-overlay{padding:24px;top:46%}.sunk-overlay h2{font-size:26px}.log-body{max-height:170px;padding:12px}.log-body p{font-size:9px}.log-body small{font-size:6px}}@media (width<=650px) and (height<=740px){.region-banner{top:195px}.region-banner h1{font-size:23px}.region-banner p{display:none}.target-card{top:251px}.ship-status{bottom:161px}.sea-label{bottom:244px}.map-tools{bottom:165px}.combat-controls{bottom:67px}.control-hint{margin-bottom:7px}.ship-status{background:#15323edb}.toast{bottom:250px}}@media (height<=600px) and (width>=651px){.game-shell{min-height:480px}.topbar{height:58px}.sea-stage{height:calc(100% - 58px)}.voyage-panel{top:15px}.mission-body p{display:none}.mission-body h2{margin-bottom:15px;font-size:21px}.mission-body{padding:12px}.panel-tabs button{padding:11px 0}.chart-panel{width:150px;top:15px}.chart-title{padding:8px}.chart-bottom{padding:7px}.pvp-button{padding:8px}.ship-status{width:190px;padding:10px;bottom:77px}.ship-footer{display:none}.sea-label{bottom:185px}.combat-controls{bottom:66px}.action-dock{padding:5px}.fire-button,.ability,.auto-fire{height:52px}.keyboard-hint{display:none}.control-hint{margin-bottom:8px}.bottom-nav{height:48px}.region-banner{top:20px}.target-card{top:120px}.modal-backdrop{padding-bottom:60px}.map-tools{bottom:78px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}.diamond-resource{color:#b1c8df;text-align:left}.diamond-resource strong{color:#e4ebdd}.shop-modal{width:900px}.shop-tabs,.auth-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:22px;display:flex}.shop-tabs button,.auth-tabs button{color:#9db6b2;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:13px 15px;font-size:11px;display:flex}.shop-tabs button.selected,.auth-tabs button.selected{border-bottom-color:var(--gold);color:var(--gold-bright)}.fleet-hero{background:radial-gradient(at 23% 45%,#bccdb51b,#0000 65%);border:1px solid #b2c4af1c;border-radius:6px;align-items:center;min-height:200px;margin-bottom:22px;padding:12px 25px;display:flex}.fleet-hero.premium{background:radial-gradient(at 23% 45%,#9275b323,#0000 65%);border-color:#c1a7c826}.fleet-hero>canvas{width:47%;height:215px}.fleet-hero>div{flex:1;padding:5px 0 5px 20px}.fleet-hero small{letter-spacing:1.5px;color:var(--ship-accent);font-size:7px}.fleet-hero h3{font:36px var(--serif);color:#f0debd;margin:10px 0}.fleet-hero p{color:#adbfba;margin:10px 0 18px;font-size:12px;line-height:1.6}.fleet-stats{color:#bfceb9;gap:19px;font-size:11px;display:flex}.fleet-stats span{align-items:center;gap:7px;display:flex}.fleet-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.fleet-card{background:#112f3b99;border:1px solid #bbbf8d2b;border-radius:6px;padding:12px 14px 15px;overflow:hidden}.fleet-card.focused{background:#1b3942;border-color:#c5af6d80}.ship-preview{background:radial-gradient(#c8c88f0e,#0000 70%);width:100%;height:150px;padding:0;display:block;position:relative}.ship-preview canvas{object-fit:contain;width:100%;height:100%}.ship-preview>span{letter-spacing:1.4px;color:#b1bcac;font-size:6px;position:absolute;top:0;left:0}.fleet-card h3{font:23px var(--serif);color:#e9d6b4;margin:8px 0 5px}.fleet-card p{color:#9db3ac;margin:0 0 15px;font-size:8px}.fleet-card>button:last-child{width:100%;min-height:35px;padding:10px;font-size:10px}.owned-button{color:#b2cfb4;border:1px solid #93bba64d;border-radius:4px;justify-content:center;align-items:center;gap:6px;display:flex}.shop-note{color:#8fa9a5;margin:20px 0 0;font-size:10px;line-height:1.7}.payment-notice{color:#d0c9a4;background:#b2bd8f0a;border:1px solid #b2bd8f2c;border-radius:5px;gap:13px;margin-bottom:20px;padding:18px;display:flex}.payment-notice>svg{color:var(--gold);flex-shrink:0;margin-top:2px}.payment-notice strong{font-size:13px;font-weight:500}.payment-notice p{color:#9cb3ae;margin:7px 0 0;font-size:11px;line-height:1.7}.diamond-packs{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.diamond-packs article{text-align:center;background:linear-gradient(155deg,#254652,#172f40);border:1px solid #afc7cd35;border-radius:5px;padding:25px 17px}.diamond-packs small{color:#a7bebd;font-size:10px}.diamond-packs h3{font:35px var(--serif);color:#dbe8df;margin:15px 0 22px}.diamond-packs h3 em{font:12px var(--sans);color:#99b2ba}.diamond-packs button{width:100%;font-size:11px}.gem-stack{color:#adcedc;filter:drop-shadow(0 0 13px #96d5dc44);place-items:center;height:65px;margin-bottom:18px;display:grid}.gem-stack-1{color:#b7a3db;filter:drop-shadow(0 0 13px #b99cd766)}.gem-stack-2{color:#e5c987;filter:drop-shadow(0 0 13px #dfc97d66)}.bank-info{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--sans);color:#c6d4c4;background:#0e2934;border:1px solid #92baa82e;padding:17px}.orders-list{margin-top:25px}.orders-list h3{font:23px var(--serif)}.orders-list p{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:12px 0;font-size:10px;display:flex}.orders-list strong{color:#d7be8a;font-weight:500}.purchase-confirm{background:#233f48;border:1px solid #d8c28b88;border-radius:6px;margin:20px -10px -10px;padding:20px;position:sticky;bottom:-20px;box-shadow:0 -10px 35px #0a233966}.purchase-confirm>strong{font-size:14px}.purchase-confirm p{color:#b6c4b7;font-size:11px}.purchase-confirm>div{justify-content:flex-end;gap:25px;display:flex}.purchase-confirm button{font-size:11px}.auth-message{color:#e3c8a0;background:#c2ae7222;border:1px solid #c2ae7255;padding:12px;font-size:11px}.announcement{color:#dbceaa;z-index:8;text-align:center;background:#14323ee6;border:1px solid #b8ac6a44;border-radius:3px;max-width:45%;padding:7px 16px;font-size:10px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.access-denied{padding:15vh 8vw}.access-denied h1{font:40px var(--serif)}.access-denied a{color:var(--gold);text-decoration:underline}.admin-shell{background:#102b36;min-height:100svh;display:flex}.admin-sidebar{z-index:4;background:#0b232f;border-right:1px solid #a5b49d1c;flex-direction:column;width:230px;padding:32px 21px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{color:#dec494;align-items:center;gap:13px;display:flex}.admin-brand>svg{width:29px;height:29px}.admin-brand>span{font:25px var(--serif);letter-spacing:3px}.admin-brand small{font:6px var(--sans);letter-spacing:1.8px;color:#91aca9;margin-top:7px;display:block}.admin-nav{flex-direction:column;gap:8px;margin-top:50px;display:flex}.admin-nav button{color:#98b0af;text-align:left;border:1px solid #0000;border-radius:4px;align-items:center;gap:12px;padding:14px 12px;font-size:12px;display:flex}.admin-nav button.selected{color:#e0c593;background:#b6b8870d;border-color:#b6b88730}.back-game{color:#a7b8ad;align-items:center;gap:10px;margin-top:auto;padding:30px 10px 0;font-size:11px;display:flex}.admin-environment{color:#708d8b;align-items:center;gap:7px;padding:20px 10px 0;font-size:8px;display:flex}.admin-main{width:calc(100% - 230px);max-width:1600px;margin-left:230px;padding:38px 44px}.admin-main>header{justify-content:space-between;align-items:center;display:flex}.admin-main>header small{letter-spacing:2px;color:#a5b79e;font-size:8px}.admin-main h1{font:40px var(--serif);color:#eddbb7;margin:10px 0 25px}.admin-refresh{color:#a8beb8;border:1px solid #a7bd9e33;border-radius:4px;align-items:center;gap:8px;padding:10px 15px;font-size:10px;display:flex}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin:10px 0 28px;display:grid}.admin-metrics>div{background:#1b3841;border:1px solid #a2b19125;border-radius:5px;align-items:center;gap:15px;padding:22px;display:flex}.admin-metrics svg{color:#bfad7d;flex-shrink:0;width:24px}.admin-metrics span{color:#9cb2a9;font-size:9px}.admin-metrics strong{font:28px var(--serif);color:#ebd6b0;margin-top:5px;display:block}.admin-section{background:#18353f;border:1px solid #adbc9f24;border-radius:6px;margin-top:22px;padding:26px}.admin-section h2{font:25px var(--serif);color:#e3d4b4;margin:0 0 15px}.admin-section>p,.admin-section>form>p{color:#9db5ad;margin-top:0;font-size:11px;line-height:1.7}.section-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.section-top h2{margin:0}.admin-shell input,.admin-shell select,.admin-shell textarea{color:#dbe0c8;font:12px var(--sans);background:#102b35;border:1px solid #a8b89c3a;border-radius:4px;width:100%;margin:8px 0 14px;padding:11px 12px}.section-top input{width:230px;margin:0}.admin-shell label{color:#aebfaf;font-size:10px;display:block}.admin-shell textarea{resize:vertical;min-height:90px}.admin-shell table{border-collapse:collapse;width:100%;font-size:11px}.admin-shell th{text-align:left;letter-spacing:1px;color:#8fa9a4;background:#0f2b363d;padding:13px 10px;font-size:8px;font-weight:500}.admin-shell td{white-space:nowrap;color:#c7d1bc;border-bottom:1px solid #9bb08e1a;padding:16px 10px}.admin-shell td>strong{font-size:12px;font-weight:500}.admin-shell td>small{color:#789795;margin-top:5px;font-size:8px;display:block}.table-scroll{overflow:auto}.table-button{color:#d1bd8d;white-space:nowrap;border:1px solid #b3b47c44;border-radius:3px;margin-right:6px;padding:8px 9px;font-size:9px}.badge{color:#add4b5;background:#7dab7e18;border:1px solid #7dab7e30;border-radius:20px;padding:4px 8px;font-size:8px}.badge.red{color:#dd9c89;background:#b16d6012;border-color:#b16d6033}.admin-empty{text-align:center;color:#8aa6a3;padding:25px;font-size:12px;line-height:1.8}.form-grid{grid-template-columns:2fr 1fr 1fr;gap:17px;display:grid}.wallet-form>.gold-button{margin-top:10px}.admin-price-row{border-bottom:1px solid #b5bd9a1b;align-items:center;gap:16px;padding:18px 0;display:flex}.ship-color{border:1px solid #e1d4a344;border-radius:4px;width:37px;height:37px;box-shadow:inset 0 0 15px #0b253544}.admin-price-row>div{flex:1}.admin-price-row strong{font-size:12px;font-weight:500}.admin-price-row small{color:#8fa99e;margin-top:7px;font-size:8px;display:block}.admin-price-row input{width:120px;margin:0}.admin-price-row .table-button{margin:0;padding:11px 14px}.checkbox-row{align-items:center;gap:9px;display:flex!important}.checkbox-row input{width:auto;margin:0}.pack-edit-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 0 23px;display:grid}.pack-edit-grid>div{background:#15313b;border:1px solid #bac49b2e;border-radius:4px;padding:17px}.pack-edit-grid strong{font:19px var(--serif);color:#d9c69b;margin-bottom:18px;display:block}.pack-edit-grid small{color:#d8c58e;font-size:11px}.audit-row{border-bottom:1px solid #b3bf9a22;padding:16px 0;font-size:11px}.audit-row>span{color:#86a59e;margin-bottom:7px;font-size:9px;display:block}.audit-row strong{color:#c6c6a4;font-weight:500}.audit-row p{color:#b4c3b2;overflow-wrap:anywhere;margin:8px 0 0}.admin-message{z-index:5;color:#e3dfc1;background:#36524c;border:1px solid #b8c7994d;border-radius:4px;justify-content:space-between;padding:15px 20px;font-size:12px;display:flex;position:sticky;top:12px}.admin-message button{display:flex}.admin-confirm{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#041d2cc9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-confirm>section{color:#e4d1a9;background:#1c3b44;border:1px solid #ccb47b6b;border-radius:7px;width:100%;max-width:430px;padding:32px}.admin-confirm h2{font:30px var(--serif)}.admin-confirm p{color:#b8c5b7;font-size:13px;line-height:1.7}.admin-confirm section>div{justify-content:flex-end;align-items:center;gap:18px;margin-top:25px;display:flex}.admin-confirm button{font-size:11px}@media (width<=1100px){.admin-sidebar{width:190px;padding:27px 16px}.admin-main{width:calc(100% - 190px);margin-left:190px;padding:28px}.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-metrics>div{padding:18px}.admin-brand>span{font-size:22px}.admin-nav button{padding:12px 8px;font-size:11px}}@media (width<=650px){.diamond-resource{display:none}.shop-modal{padding:26px 17px}.shop-tabs{gap:0;margin-bottom:15px}.shop-tabs button{gap:4px;padding:11px 8px;font-size:8px}.shop-tabs svg{width:12px}.fleet-hero{min-height:155px;margin-bottom:17px;padding:7px 10px}.fleet-hero>canvas{width:46%;height:155px}.fleet-hero>div{padding-left:5px}.fleet-hero small{letter-spacing:.6px;font-size:5px}.fleet-hero h3{margin:8px 0;font-size:26px}.fleet-hero p{margin:9px 0;font-size:9px;line-height:1.5}.fleet-stats{gap:9px;font-size:8px}.fleet-stats span{gap:4px}.fleet-stats svg{width:10px}.fleet-grid{grid-template-columns:1fr;gap:10px}.fleet-card{grid-template-rows:auto auto 38px;grid-template-columns:125px 1fr;column-gap:12px;padding:10px 12px;display:grid}.ship-preview{grid-area:1/1/4;height:115px}.ship-preview>span{font-size:5px;top:3px}.fleet-card h3{margin:14px 0 3px;font-size:22px}.fleet-card p{margin:0 0 9px;font-size:8px}.fleet-card>button:last-child{grid-column:2;padding:8px;font-size:9px}.shop-note{font-size:9px}.diamond-packs{grid-template-columns:1fr;gap:10px}.diamond-packs article{text-align:left;grid-template-columns:65px 1fr 90px;align-items:center;column-gap:12px;padding:16px;display:grid}.gem-stack{grid-row:1/3;height:60px;margin:0}.gem-stack svg{width:36px}.diamond-packs small{font-size:9px}.diamond-packs h3{margin:8px 0 0;font-size:29px}.diamond-packs h3 em{font-size:9px}.diamond-packs button{grid-area:1/3/3;padding:10px;font-size:10px}.payment-notice{gap:9px;padding:13px}.payment-notice strong{font-size:11px}.payment-notice p{font-size:10px}.purchase-confirm{padding:16px;bottom:-16px}.purchase-confirm strong{font-size:12px}.announcement{width:max-content;max-width:92%;padding:6px 10px;font-size:8px;top:177px}.bottom-nav{padding:0 6px}.nav-links{gap:0}.nav-links button{flex-direction:column;justify-content:center;gap:4px;padding:0 7px;font-size:7px}.nav-links svg{width:16px;height:16px}.admin-shell{display:block}.admin-sidebar{border-bottom:1px solid #a3b79933;border-right:0;width:100%;padding:20px 15px 0;position:relative}.admin-brand{gap:9px}.admin-brand>svg{width:25px}.admin-brand>span{font-size:24px}.admin-nav{flex-direction:row;gap:4px;margin-top:20px;padding-bottom:12px;overflow:auto}.admin-nav button{flex-shrink:0;gap:5px;padding:9px 10px;font-size:9px}.admin-nav svg{width:14px}.back-game{gap:6px;padding:0;font-size:9px;position:absolute;top:27px;right:15px}.admin-environment{display:none}.admin-main{width:100%;margin:0;padding:25px 14px}.admin-main h1{margin-bottom:15px;font-size:34px}.admin-main>header small{font-size:7px}.admin-refresh{padding:9px;font-size:9px}.admin-metrics{gap:10px;margin:10px 0 20px}.admin-metrics>div{gap:10px;padding:15px 12px}.admin-metrics svg{width:18px}.admin-metrics span{font-size:8px}.admin-metrics strong{font-size:25px}.admin-section{margin-top:16px;padding:18px 14px}.admin-section h2{font-size:23px}.admin-section>p{font-size:10px}.section-top{flex-direction:column;align-items:stretch;gap:12px}.section-top input{width:100%}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px}.form-grid>label:first-child{grid-column:1/3}.admin-price-row{gap:10px}.ship-color{width:27px;height:35px}.admin-price-row strong{font-size:10px}.admin-price-row small{max-width:110px;font-size:6px}.admin-price-row input{width:68px;padding:9px 7px;font-size:10px}.admin-price-row .table-button{padding:9px;font-size:8px}.pack-edit-grid{grid-template-columns:1fr}.pack-edit-grid>div{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.pack-edit-grid strong{grid-column:1/3;margin-bottom:15px}.pack-edit-grid small{grid-column:1/3}.admin-message,.auth-tabs button{font-size:11px}}.install-guide{max-width:850px;margin:0 auto;padding:40px 25px 80px}.guide-back{color:#aabeb2;margin-bottom:50px;font-size:12px;display:block}.install-guide>small{letter-spacing:2px;color:#c9b783;font-size:9px}.install-guide h1{font:55px var(--serif);color:#eed6ac;margin:20px 0}.guide-lead{color:#bacabd;font-size:17px;line-height:1.8}.guide-note{color:#c0cfb8;background:#b3bd8610;border:1px solid #b4b88944;border-radius:5px;margin:30px 0;padding:22px;font-size:12px;line-height:1.8}.install-guide section{background:#193740;border:1px solid #b1bd9a29;border-radius:6px;margin:17px 0;padding:30px 30px 27px 75px;position:relative}.install-guide section>b{font:22px var(--serif);color:#d7b878;position:absolute;top:34px;left:25px}.install-guide h2{font:29px var(--serif);color:#e1cda5;margin:0 0 18px}.install-guide p,.install-guide li{color:#adc1b5;font-size:13px;line-height:1.9}.install-guide code{color:#e0cda2;overflow-wrap:anywhere;background:#0e2935;border-radius:3px;padding:3px 6px;font-size:11px}.install-guide strong{color:#d8dcc2;font-weight:600}.install-guide footer{padding:38px 10px}.install-guide footer a{color:#dec286;margin-top:13px;font-size:12px;display:inline-block}.guide-link{color:#c8bd94;text-underline-offset:4px;margin-top:20px;font-size:10px;text-decoration:underline;display:inline-block}@media (width<=650px){.install-guide{padding:25px 18px 55px}.install-guide h1{font-size:42px}.install-guide section{padding:27px 20px 20px 55px}.install-guide section>b{font-size:19px;top:30px;left:18px}.install-guide h2{font-size:26px}.install-guide p,.install-guide li{font-size:12px}.guide-lead{font-size:15px}.panel-tabs button{letter-spacing:.3px;font-size:8px}.mission-body .eyebrow{display:none}.mission-body h2{margin:7px 0 13px;font-size:20px}.mission-count{font-size:9px;line-height:1.4}.mission-count b{font-size:10px}.mission-count em{font-size:9px}.mission-reward{gap:9px;font-size:9px}.mission-reward button{font-size:8px}.chart-title>span:first-child{letter-spacing:0;font-size:7px}.chart-bottom{font-size:8px}.pvp-button{min-height:38px;font-size:10px}.ship-status-heading small{letter-spacing:.5px;font-size:7px}.hull-label{font-size:8px;line-height:1.4}.hull-label b{font-size:8px}.hull-label>span svg{display:none}.level-badge small{font-size:7px}.control-hint{font-size:9px}.fire-button>span:not(.fire-chevron){font-size:12px}.fire-button small{font-size:7px}.ability span,.auto-fire span,.nav-links button{font-size:10px}.map-tools button{width:32px;height:34px}.map-tools span{font-size:9px}.map-tools .mobile-help{border-left:1px solid var(--border);margin-left:2px}.shop-tabs button{padding:11px 7px;font-size:10px}.shop-tabs svg{display:none}.fleet-card p{font-size:10px}.fleet-card>button:last-child{min-height:38px;font-size:11px}.fleet-card{grid-template-rows:auto auto 42px}.shop-note{font-size:10px}.modal input,.admin-shell input,.admin-shell select,.admin-shell textarea{font-size:16px}.table-button{min-height:36px;font-size:11px}.admin-nav button{min-height:38px;font-size:10px}.sea-label{max-width:210px;font-size:7px}.announcement{top:194px}}@media (width>=651px){.mobile-help{display:none!important}}.shop-wallet{color:#d6c49d;background:#0d293440;border:1px solid #c5bd8b24;border-radius:4px;align-items:center;gap:22px;margin:-5px 0 17px;padding:12px 15px;font-size:11px;display:flex}.shop-wallet span{align-items:center;gap:7px;display:flex}.shop-wallet span:last-child{color:#b6cede}.content-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.content-tabs button,.definition-list button{color:#a8bcc2;background:#152c35;border:1px solid #304851;border-radius:6px;padding:12px}.content-tabs .selected,.definition-list .selected{color:#e7cc8a;background:#253a3e;border-color:#a98b50}.editor-layout{grid-template-columns:210px 1fr;gap:24px;display:grid}.definition-list{flex-direction:column;gap:7px;max-height:700px;display:flex;overflow:auto}.definition-list button{text-align:left}.definition-list small{margin-top:5px;font-size:10px;display:block}.editor-fields{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.editor-fields label{min-width:0}.editor-fields input{width:100%}.editor-ship{background:radial-gradient(#295763,#0000);justify-content:center;height:220px;display:flex}.map-editor{border:1px solid #69858a;height:250px;margin-bottom:20px;position:relative;overflow:hidden}.map-editor span{background:#8b9c60;border:5px solid #c6bc8b;border-radius:45%;position:absolute;transform:translate(-50%,-50%)}.map-editor b{position:absolute}.map-editor small{background:#10242c;padding:4px;position:absolute;bottom:8px;left:8px}.equipment-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.equipment-card{background:#18313b;border:1px solid #314d56;border-radius:8px;padding:16px}.equipment-card h3{margin:0 0 8px;font-size:16px}.equipment-card p{color:#a7bbc2;font-size:12px}.equipment-card button{color:#15242a;background:#d6bb7c;border:0;border-radius:4px;margin:5px 4px 0 0;padding:9px}.equipment-card input{width:70px;padding:8px}.voyage-hud{color:#c8dce1;background:#102832dd;border:1px solid #54717a;border-radius:6px;padding:10px 14px;font-size:12px;position:absolute;top:100px;left:26px}.voyage-hud progress{accent-color:#cbb276;width:150px;margin:5px 0;display:block}.voyage-hud button{color:#e4ca8b;background:0 0;border:0;margin-right:12px;padding:5px 0}.equipment-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.equipment-tabs button{color:#dcc590;background:#1b3d49;border:1px solid #48636b;border-radius:5px;padding:10px}@media (width<=700px){.editor-layout{grid-template-columns:1fr}.definition-list{max-height:180px}.editor-fields{grid-template-columns:1fr 1fr}.equipment-grid{grid-template-columns:1fr}.voyage-hud{max-width:195px;padding:7px;font-size:10px;top:85px;left:12px}.voyage-hud progress{width:130px}.content-tabs button{padding:8px;font-size:11px}}.voyage-hud{top:auto;bottom:245px}.voyage-hud progress{height:5px}.editor-ship .large-ship-art{width:300px;height:220px}@media (width<=700px){.voyage-hud{top:82px;bottom:auto}.voyage-hud span{display:none}}.sea-chat{color:#b4c9cd;background:#102832e8;border:1px solid #53717b;border-radius:6px;width:260px;font-size:12px;position:absolute;bottom:120px;right:26px}.sea-chat>button{text-align:left;color:#e6cb8a;background:0 0;border:0;width:100%;padding:10px 14px}.chat-lines{height:180px;padding:0 12px;overflow:auto}.chat-lines p{overflow-wrap:anywhere;line-height:1.5}.chat-lines strong{color:#dfc58b}.sea-chat form{gap:6px;padding:8px;display:flex}.sea-chat input{color:#fff;background:#0b2028;border:1px solid #3e5b63;flex:1;min-width:0;padding:8px}.sea-chat form button{color:#e8d1a4;background:#2c454d;border:0;padding:5px}@media (width<=700px){.sea-chat{width:180px;bottom:125px;right:12px}.sea-chat.open{width:calc(100% - 24px);bottom:125px}.chat-lines{height:140px}.voyage-panel{display:none}.voyage-hud{box-sizing:border-box;width:160px;max-width:160px;top:20px;left:12px}.voyage-hud button{text-align:left;font-size:11px;line-height:1.6}.sea-chat{width:160px;top:195px;bottom:auto}.sea-chat.open{top:195px;bottom:auto}.voyage-hud span{font-size:10px;display:block}.voyage-hud strong{font-size:11px}.region-banner{pointer-events:none}}.admin-sidebar{max-height:100dvh;overflow-y:auto}.admin-nav button{min-height:40px}.admin-main select{max-width:100%}.checkout-panel{background:#eef3f2;border-radius:14px;margin-bottom:20px;padding:12px}.checkout-panel iframe{background:#fff;border:0;border-radius:8px;width:100%;height:720px}.billing-fields{gap:10px!important;display:grid!important}.billing-fields label{gap:5px;width:100%;font-size:12px;display:grid}.billing-fields input,.billing-fields textarea{width:100%;min-height:40px;color:var(--cream);background:#12323c;border:1px solid #6e776c;border-radius:7px;padding:8px}.billing-fields small{color:#afc2c5;font-size:11px}.billing-fields textarea{min-height:60px}.entrance{color:#e8e0ca;background:radial-gradient(at 80% 20%,#21505a,#0000 50%),#09232e;min-height:100vh;overflow-x:hidden}.entry-nav{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:30px 5%;display:flex}.entry-brand{letter-spacing:4px;color:inherit;font:24px Georgia;text-decoration:none}.entry-brand svg{vertical-align:middle;margin-right:10px}.entry-brand small{letter-spacing:4px;margin:7px 0 0 40px;font:8px sans-serif;display:block}.entry-nav nav{align-items:center;gap:28px;display:flex}.entry-nav nav a,.entry-nav button{color:#d5d8cc;background:0 0;border:0;gap:10px;font-size:13px;text-decoration:none;display:flex}.entry-hero{grid-template-columns:1.1fr 1fr;align-items:center;max-width:1280px;min-height:630px;margin:auto;padding:85px 5% 70px;display:grid}.entry-kicker,.entry-section-title>span{letter-spacing:3px;color:#d3b675;font-size:10px}.entry-hero h1{margin:25px 0;font:clamp(46px,6.5vw,88px)/1.08 Georgia}.entry-hero h1 em{color:#dfbc77;font-weight:400}.entry-hero p{color:#b3c8cb;max-width:440px;line-height:1.9}.entry-actions{align-items:center;gap:18px;margin:30px 0 18px;display:flex}.entry-hero small{color:#93b0b5;font-size:11px}.entry-vessel{text-align:center;min-width:0;position:relative}.entry-vessel canvas{z-index:1;filter:drop-shadow(0 25px 20px #001920);width:100%;max-width:560px;height:auto;position:relative}.entry-orbit{border:1px solid #9fbbad33;border-radius:50%;position:absolute;inset:18% 5% 15%;transform:rotate(-15deg);box-shadow:0 0 0 40px #98b5ac08,0 0 0 80px #98b5ac05}.entry-caption{gap:8px;display:grid;position:relative}.entry-caption span{letter-spacing:3px;color:#b79b65;font-size:9px}.entry-caption strong{font:26px Georgia}.entry-fleet{border-top:1px solid #8da9a52e;max-width:1280px;margin:auto;padding:65px 5%}.entry-section-title h2,.entry-journey h2{font:40px/1.2 Georgia}.entry-section-title p,.entry-journey p{color:#a7bdc0;line-height:1.8}.entry-ships{grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0;display:grid}.entry-ships button{color:inherit;background:#102f39;border:1px solid #8fa59b35;border-radius:4px;justify-items:center;padding:15px;display:grid}.entry-ships button[aria-pressed=true]{background:#21414a;border-color:#d2b175}.entry-ships canvas{width:100%;height:auto}.entry-ships strong{font:21px Georgia}.entry-ships span{color:#9db6b9;margin-top:10px;font-size:11px}.entry-disclaimer{color:#839fa5;font-size:11px}.entry-journey{grid-template-columns:1fr 1.3fr;gap:80px;max-width:1150px;margin:20px auto 70px;padding:45px 5%;display:grid}.entry-journey ol{padding:0;list-style:none}.entry-journey li{border-bottom:1px solid #8ca6a329;gap:24px;padding:20px 0;display:flex}.entry-journey li svg{color:#cba96d;flex-shrink:0;margin-top:7px}.entry-journey h3{margin:0;font:23px Georgia}.entry-journey p{font-size:13px}.entrance footer{color:#94aeb2;border-top:1px solid #8ca6a329;justify-content:space-between;align-items:center;gap:20px;padding:30px 5%;font-size:11px;display:flex}.entrance footer button{color:#dbc18f;background:0 0;border:0}.entry-auth-backdrop{z-index:100;background:#00121bdc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.entry-auth{background:#12343e;border:1px solid #9e925f;border-radius:12px;width:460px;max-width:100%;max-height:90vh;padding:35px;position:relative;overflow:auto}.entry-auth h2{font:30px Georgia}.entry-auth p{color:#b5c7c8;font-size:13px;line-height:1.7}.entry-auth label{margin:12px 0 6px;display:block}.entry-auth input{color:#fff;background:#08232d;border:1px solid #72817c;border-radius:6px;width:100%;margin-bottom:14px;padding:12px}.entry-close{color:#d7c6a3;background:0 0;border:0;position:absolute;top:15px;right:15px}@media (width<=700px){.entry-nav nav a{display:none}.entry-nav{padding:22px 6%}.entry-brand{font-size:19px}.entry-hero{grid-template-columns:1fr;padding:40px 6%}.entry-hero h1{font-size:56px}.entry-vessel{margin-top:25px}.entry-actions{flex-wrap:wrap}.entry-ships{grid-template-columns:repeat(2,1fr)}.entry-ships strong{font-size:18px}.entry-section-title h2,.entry-journey h2{font-size:32px}.entry-journey{grid-template-columns:1fr;gap:10px}.entrance footer{flex-direction:column;align-items:flex-start}.entry-auth{padding:25px}}.map-tools{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.map-tools button{border:1px solid #637e83;border-radius:6px;padding:10px 14px}.map-tools button[aria-pressed=true]{color:#09232e;background:#c3a365}.visual-map-editor p{color:#adc5c7;font-size:12px}.visual-map-editor .map-editor b{pointer-events:none}.map-tools label{gap:5px;display:grid}
/*$vite$:1*/