@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f7f3df;font-synthesis:none;background:#0b343d;font-family:Manrope,Arial,sans-serif;font-weight:500}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:5px;outline:2px solid #f4cc79}canvas#sea{width:100%;height:100%;display:block;position:fixed;inset:0}button{color:inherit}.hidden{display:none!important}.hud{pointer-events:none;background:linear-gradient(#031c238c,#0000 24% 69%,#03161db3);position:fixed;inset:0}.hud button{pointer-events:auto}.topbar{justify-content:space-between;align-items:center;padding:26px 34px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#f7d38d;font-size:35px}.brand-name{letter-spacing:.5px;font-family:Unbounded,sans-serif;font-size:17px;font-weight:700}.brand small{letter-spacing:3px;color:#b5cdc7;margin-top:5px;font-size:9px;display:block}.top-right{align-items:center;gap:21px;display:flex}.online{letter-spacing:1px;color:#c5d5ce;font-size:11px}.online i{background:#84d2a3;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #84d2a3}.icon-button{background:#0b303a55;border:1px solid #e6e4cb40;border-radius:5px;padding:10px 14px;font-size:12px}.icon-button:hover{background:#d0d9c125}.compass{text-align:center;width:300px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.compass-ticks{color:#dae5d2;letter-spacing:2px;justify-content:space-between;font-size:10px;display:flex}.compass-line{background:repeating-linear-gradient(90deg,#0000 0 19px,#d2e0ce66 20px,#0000 21px) top/100% 5px no-repeat;border-top:1px solid #d2e0ce55;height:13px;margin-top:9px}.compass-caret{color:#efc57b;font-size:10px}.heading{letter-spacing:2px;margin-top:3px;font-size:10px}.location{position:absolute;top:128px;left:35px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#d2b47d;font-size:9px}.location h2{margin:9px 0;font-family:Unbounded,sans-serif;font-size:19px;font-weight:400}.location p{color:#c4d9d2;margin:7px 0;font-size:11px}.objective{border-left:2px solid #e1c08088;max-width:225px;padding-left:14px;position:absolute;top:235px;left:35px}.objective b{font-size:12px;font-weight:700}.objective p{color:#cedbd2;margin:7px 0;font-size:11px;line-height:1.7}.objective span{color:#e9c887;font-size:10px}.ship-panel{width:225px;position:absolute;bottom:35px;left:35px}.ship-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.ship-symbol{color:#e7c68b;font-size:28px}.ship-title strong{font-family:Unbounded,sans-serif;font-size:14px;font-weight:500}.ship-title small{letter-spacing:2px;color:#a7c0bb;margin-top:6px;font-size:9px;display:block}.stat{justify-content:space-between;margin:10px 0 7px;font-size:10px;display:flex}.bar{background:#e3dec32b;width:100%;height:3px}.bar div{background:#d6c087;height:100%;transition:width .2s}.bar.blue div{background:#71bac4}.speed-row{align-items:baseline;gap:7px;margin-top:18px;display:flex}.speed-row strong{font-family:Unbounded,sans-serif;font-size:27px;font-weight:400}.speed-row span{color:#b8cbc6;font-size:10px}.speed-row .sail{color:#e1d5b5;margin-left:auto;font-size:10px}.controls{text-align:center;min-width:340px;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.mode-label{letter-spacing:3px;color:#e3c48d;margin-bottom:15px;font-size:9px}.keys{color:#d6dfd4;justify-content:center;align-items:center;gap:14px;font-size:10px;display:flex}.key{color:#f6ecd6;background:#12364080;border:1px solid #d7dfce55;border-bottom:2px solid #d7dfce77;border-radius:3px;margin-right:5px;padding:4px 6px;font:10px Manrope;display:inline-block}.hint{color:#a6c0ba;margin-top:12px;font-size:10px}.interaction{white-space:nowrap;background:#0b2931dc;border:1px solid #efd49655;border-radius:6px;padding:12px 18px;font-size:12px;position:absolute;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #05252d33}.interaction .key{color:#172e32;background:#ead29f;border:0;margin-right:10px;padding:6px 10px;font-weight:800}.map-panel{width:166px;position:absolute;bottom:35px;right:35px}.minimap-wrap{background:#0c3944b3;border:1px solid #f5ddaa66;border-radius:50%;width:166px;height:166px;padding:5px;position:relative;box-shadow:0 0 0 5px #071e2b22}.minimap-wrap canvas{border-radius:50%;width:154px;height:154px}.north{color:#f0d4a0;font-size:9px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.map-caption{letter-spacing:1px;color:#ccd5c4;justify-content:space-between;margin-top:13px;font-size:9px;display:flex}.map-caption button{color:#e8cf9b;background:0 0;border:0;padding:0;font-size:9px}.weather{text-align:right;color:#d0e0d7;font-size:11px;line-height:2;position:absolute;top:126px;right:35px}.weather strong{color:#f1e7c8;font-weight:500}.toast{text-align:center;background:#102f38dc;border:1px solid #e9c48566;border-radius:5px;max-width:480px;padding:12px 20px;font-size:12px;position:absolute;top:115px;left:50%;transform:translate(-50%)}.crosshair{color:#fff4d3;border:1px solid #f1e7c970;border-radius:50%;width:46px;height:46px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#fff2ce;position:absolute}.crosshair:before{width:1px;height:66px;top:-11px;left:22px}.crosshair:after{width:66px;height:1px;top:22px;left:-11px}.crosshair span{white-space:nowrap;color:#f1e7ca;font-size:10px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.version{letter-spacing:1.5px;color:#97b9b2;font-size:8px;position:absolute;bottom:10px;left:35px}.welcome{background:linear-gradient(90deg,#071e2cf5,#092d39d9 34%,#0a344344 70%,#0000);align-items:center;padding:8vw;display:flex;position:fixed;inset:0}.welcome-content{width:510px;max-width:90vw}.edition{letter-spacing:3px;color:#dcc291;margin-bottom:32px;font-size:10px}.edition:before{content:"";vertical-align:middle;background:#dcc291;width:36px;height:1px;margin-right:14px;display:inline-block}.welcome h1{letter-spacing:-4px;color:#f4ebd5;margin:0;font-family:Unbounded,sans-serif;font-size:clamp(48px,6vw,83px);font-weight:800;line-height:1.08}.welcome h1 span{color:#e3ba70}.welcome h2{margin:27px 0 13px;font-size:18px;font-weight:500}.welcome p{color:#afc5c2;max-width:390px;font-size:13px;line-height:1.9}.start-button{color:#13313b;background:#ead09c;border:0;border-radius:4px;justify-content:space-between;gap:35px;min-width:248px;margin-top:25px;padding:17px 25px;font-size:12px;font-weight:800;display:flex;box-shadow:0 8px 40px #051e3355}.start-button:hover{background:#f8dfad}.start-button:disabled{opacity:.5;cursor:wait}.welcome-note{color:#90ada9;gap:24px;margin-top:23px;font-size:9px;display:flex}.welcome-bottom{letter-spacing:2px;color:#90ada9;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:28px;left:8vw;right:35px}.badge{letter-spacing:2px;border:1px solid #e3dbb14d;border-radius:30px;padding:10px 17px;font-size:10px;position:absolute;top:32px;right:38px}.modal{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:5;background:#031e29bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#123642;border:1px solid #b5c3a94d;border-radius:8px;width:min(860px,90vw);max-height:92vh;padding:30px;overflow:auto;box-shadow:0 30px 100px #00172277}.modal-head{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.modal-head h2{margin:8px 0;font-family:Unbounded,sans-serif;font-size:20px}.close{background:0 0;border:1px solid #e9dfbb44;border-radius:4px;padding:6px 10px}.big-map{background:#0b2b37;border:1px solid #e5d7a833;width:100%;height:min(60vh,560px);display:block}.map-legend{color:#c2d2c5;gap:22px;margin-top:17px;font-size:10px;display:flex}.atlas-card{width:min(1180px,96vw);padding:20px}.atlas-card .modal-head{margin-bottom:12px}.atlas-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.atlas-toolbar select{color:#e8ddbd;background:#153b46;border:1px solid #a9976d66;border-radius:4px;flex:1;min-width:180px;padding:8px}.atlas-buttons{gap:6px;display:flex}.atlas-buttons button{color:#e8ddbd;cursor:pointer;background:#153b46;border:1px solid #a9976d66;border-radius:4px;padding:8px 12px}.atlas-card .big-map{touch-action:none;cursor:grab;background:#ead4a4;height:min(65vh,640px)}.atlas-card .big-map:active{cursor:grabbing}.atlas-detail{color:#dbceac;min-height:20px;margin-top:10px;font-size:12px;line-height:1.5}.atlas-card .map-legend{flex-wrap:wrap;gap:10px 18px;margin-top:8px}@media (width<=600px){.atlas-card{padding:12px}.atlas-buttons{width:100%}.atlas-buttons button{flex:1;padding:8px 6px;font-size:11px}.atlas-card .big-map{height:45vh}}.help-grid{color:#bdd1cb;grid-template-columns:1fr 1fr;gap:18px 30px;font-size:12px;line-height:1.8;display:grid}.help-grid h3{color:#ecd6a7;margin:0 0 7px;font-size:13px}.help-footer{color:#9cbeb8;border-top:1px solid #cfddc533;margin-top:24px;padding-top:18px;font-size:11px;line-height:1.9}.connection-banner{text-align:center;color:#fff1d6;z-index:10;background:#994d32;padding:8px;font-size:12px;position:fixed;top:0;left:0;right:0}@media (width<=900px){.compass{width:160px}.topbar{padding:20px}.brand-name{font-size:13px}.brand small{font-size:7px}.top-right{gap:10px}.location{top:110px;left:20px}.objective{max-width:170px;top:205px;left:20px}.weather{top:107px;right:20px}.ship-panel{width:170px;bottom:35px;left:20px}.map-panel{width:130px;right:20px}.minimap-wrap{width:130px;height:130px}.minimap-wrap canvas{width:118px;height:118px}.controls{min-width:280px;bottom:35px}.keys{gap:7px}.welcome{padding:7vw}.welcome-content{width:430px}.welcome h1{font-size:62px}.version{left:20px}.online{display:none}}@media (width<=640px){.compass,.objective,.weather{display:none}.location h2{font-size:14px}.map-panel{bottom:150px;right:16px}.ship-panel{width:145px;bottom:145px}.controls{width:100%;bottom:35px}.interaction{font-size:10px;bottom:110px}.help-grid{grid-template-columns:1fr}.welcome h1{font-size:51px}.welcome h2{font-size:15px}.welcome-bottom{font-size:7px}.badge{font-size:8px;right:20px}.top-right{gap:6px}.icon-button{padding:8px;font-size:10px}}.captain-status{color:#c6d8cc;gap:17px;font-size:10px;display:flex;position:absolute;top:86px;left:35px}.captain-status span:first-child{color:#eed098}.captain-status span:nth-child(2){color:#e0ae95}.action-dock{flex-direction:column;align-items:stretch;gap:8px;display:flex;position:absolute;top:208px;right:35px}.action-dock button{text-align:left;background:#10313bc7;border:1px solid #d5c9a73d;border-radius:4px;min-width:150px;padding:10px 13px;font-size:11px}.action-dock button.nearby{color:#edd399;border-color:#d7bc80}.action-dock kbd{float:right;color:#98b4ac;margin-left:13px}.capture-progress{letter-spacing:2px;background:#12333ee0;border:1px solid #e8ce98;border-radius:5px;padding:17px 22px;font-size:10px;position:absolute;top:42%;left:50%;transform:translate(-50%)}.capture-progress progress{accent-color:#ddbf7d;width:220px;height:8px;margin-top:12px;display:block}.target-card{background:#19313ac7;border-left:2px solid #d68772;flex-direction:column;gap:8px;padding:15px;font-size:11px;display:flex;position:absolute;top:345px;left:35px}.target-card small{color:#c7c7af;font-size:9px}.port-card{width:min(980px,94vw)}.port-tabs{overscroll-behavior-x:contain;border-bottom:1px solid #e3d4ac33;gap:12px;margin-bottom:20px;display:flex;overflow-x:auto}.port-tabs button{color:#a9c5bd;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:12px 16px;font-size:12px}.port-tabs button.selected{color:#f3dbab;border-bottom-color:#e9c988}.port-summary{color:#b7cec1;align-items:center;gap:25px;padding:0 0 20px;font-size:12px;display:flex}.port-summary button{margin-left:auto}#port-content button{color:#f0d5a5;background:#254a50;border:1px solid #d3bf8744;border-radius:4px;padding:9px 12px;font-size:11px}#port-content button:hover{background:#345e60}#port-content button:disabled{opacity:.4;cursor:default}#port-warning{color:#e8b599;font-size:12px;line-height:1.7}.market-row{border-top:1px solid #bbceb021;align-items:center;gap:20px;padding:20px 0;display:flex}.good-icon{color:#d4bd89;text-align:center;width:40px;font-size:29px}.good-name{flex:1;font-size:13px}.good-name small,.route-row small{color:#a0bdb4;margin-top:6px;font-size:10px;display:block}.market-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.port-economy-label{color:#e1d2ad;margin:0 0 15px;font-size:12px;line-height:1.7}.good-name .market-flow{color:#bac899;line-height:1.7}.world-section-title{color:#e1d2ad;margin:22px 0 14px;font-size:14px;font-weight:500}.diplomacy-overview{color:#d9d5b3;border:1px solid #e3d4ac33;border-radius:5px;margin:0 0 20px;padding:12px 16px;font-size:12px}.diplomacy-overview summary{cursor:pointer;line-height:1.6}.diplomacy-scroll{max-height:340px;overflow-y:auto}.diplomacy-table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}.diplomacy-table caption{text-align:left;color:#a4c0b5;padding:0 0 12px}.diplomacy-table th,.diplomacy-table td{border-bottom:1px solid #cee0b91f;padding:10px 8px}.diplomacy-table th{color:#a4c0b5;font-weight:400}.diplomacy-table td:first-child>span{color:#a4c0b5;margin-top:5px;display:inline-block}.relation-badge{border-radius:3px;padding:4px 8px}.relation-badge.war{color:#e7ac99;background:#623c344d}.relation-badge.peace{color:#bbd4b0;background:#4163464d}.trade-route-picker{color:#b7cec1;margin:18px 0;font-size:12px;display:block}.trade-route-picker select{color:#eee6d1;width:100%;font:inherit;background:#10323b;border:1px solid #b4c3a447;border-radius:4px;margin-top:9px;padding:12px;display:block}.trade-route-picker select:focus{outline:1px solid #d5bd82}.trade-offer,.trade-order{background:#0e2d3766;border:1px solid #e3d4a52b;border-radius:5px;margin-bottom:12px;padding:17px;font-size:12px}.trade-offer{align-items:center;gap:18px;display:flex}.trade-offer>div{flex:1}.trade-offer b,.trade-order b{color:#e1d2ad}.trade-offer p,.trade-order p{color:#a9c5bd;font-size:11px;line-height:1.7}.trade-offer span{color:#d5c58b;font-size:11px}.trade-order-heading,.trade-order-account{flex-wrap:wrap;align-items:center;gap:12px;line-height:1.7;display:flex}.trade-order-heading{justify-content:space-between}.trade-order-account{color:#a9c5bd;font-size:11px}.trade-order-account button{color:#f0d5a5;background:#254a50;border:1px solid #d3bf8744;border-radius:4px;margin-left:auto;padding:9px 12px;font-size:11px}.route-status{color:#bbd4b0;font-size:10px}.route-status.route-ended,.trade-route-warning,.trade-order .trade-route-warning{color:#e7ac99;font-size:11px;line-height:1.8}.world-news{color:#d5c58b;padding-left:20px;font-size:11px;line-height:1.8}.port-footnote{color:#95b5ae;font-size:11px;line-height:1.9}.shipyard-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.ship-offer{background:#0e2d3766;border:1px solid #e3d4a52b;border-radius:5px;flex-direction:column;min-width:0;padding:18px;display:flex}.ship-offer.current{border-color:#d8c08e}.ship-offer-icon{color:#dfc89b;font-size:25px}.ship-offer h3{margin:0;font-family:Unbounded,sans-serif;font-size:15px;font-weight:500}.ship-offer-heading{align-items:center;gap:10px;display:flex}.ship-offer .ship-role{color:#d2c599;min-height:36px;margin:12px 0;line-height:1.65}.ship-specs{margin:0 0 14px;font-size:11px;line-height:1.7}.ship-specs>div{border-bottom:1px solid #b8caae17;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 0;display:flex}.ship-specs dt{color:#9eb9ad}.ship-specs dd{color:#e3d6b3;text-align:right;margin:0}.ship-description{color:#aec5ba;margin:0 0 12px;font-size:11px}.ship-description summary{cursor:pointer;color:#d0c298}.ship-offer .ship-description p{margin:10px 0 0}.ship-purchase{margin-top:auto}.ship-offer .ship-purchase-note{color:#e7ac99;margin:0 0 4px;line-height:1.6}.ship-offer p{color:#aec5ba;font-size:11px;line-height:1.9}.ship-offer button{width:100%;margin-top:8px}.route-row{border-top:1px solid #cee0b927;align-items:center;gap:20px;padding:17px 0;font-size:12px;display:flex}.route-row div{flex:1}.route-row span{color:#edcf97}.faction-list{grid-template-columns:1fr 1fr;gap:15px;display:grid}.faction-list article{background:#08273155;border-left:3px solid;padding:10px 17px;font-size:11px}.faction-list h3{margin:5px 0;font-size:14px}.faction-list p{color:#adc6bd;line-height:1.8}.faction-list small{color:#acbdaa;display:block}.faction-list button{margin-top:12px}.empty-port{text-align:center;color:#aec7bb;padding:40px 20px;font-size:15px;line-height:1.9}.empty-port h3{color:#ead8b0}.empty-port p{font-size:12px}.contract-active{color:#d5dfc7;background:#0d2f3866;border:1px solid #e2d49e33;border-radius:5px;padding:22px;font-size:12px}.journal-stats{gap:30px;margin:25px 0;display:flex}.journal-stats div{flex:1}.journal-stats b{color:#e0c794;font:25px Unbounded,sans-serif;display:block}.journal-stats span{color:#a3bfb5;margin-top:8px;font-size:10px;display:block}.journal-goals{color:#b5cec4;font-size:12px;line-height:1.9}.journal-goals p{margin:20px 0}.journal-goals b{color:#e1d2ad}@media (width<=900px){.captain-status{gap:10px;font-size:9px;top:78px;left:20px}.action-dock{top:184px;right:20px}.action-dock button{min-width:122px}.target-card{max-width:170px;left:20px}.port-summary{flex-wrap:wrap;gap:12px}.port-summary button{margin-left:0}.market-row{gap:10px}.market-actions{gap:4px}.shipyard-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.captain-status span:last-child{display:none}.action-dock{top:135px;right:16px}.target-card{top:210px}.market-row{flex-wrap:wrap}.market-actions{justify-content:flex-end;width:100%}.port-tabs{gap:0}.port-tabs button{padding:10px}.trade-offer{flex-direction:column;align-items:stretch}.trade-order-account button{margin-left:0}.diplomacy-overview{padding:12px}.shipyard-grid,.faction-list{grid-template-columns:1fr}.route-row{flex-wrap:wrap;gap:10px}.journal-stats{gap:15px}.journal-stats b{font-size:19px}}.account-card{max-width:560px}.account-card label{color:#d6dabe;margin:20px 0;font-size:12px;display:block}.account-card input,.account-card select{color:#eee6d1;background:#082833;border:1px solid #b4c3a447;border-radius:4px;width:100%;margin-top:9px;padding:13px 14px;font:13px Manrope,sans-serif;display:block}.account-card input:focus,.account-card select:focus{outline:1px solid #d5bd82}#account-form button,#ship-name-form button{color:#f7f3df;text-align:center;background:#244852;border:1px solid #809b95;border-radius:6px;max-width:100%;min-height:44px;padding:11px 16px;font-size:13px;line-height:1.5}#account-form button[type=submit],#ship-name-form button[type=submit],#ship-name-form button:not([type]){color:#102e37;background:#e4c58e;border-color:#e4c58e;font-weight:700}#account-form button:hover:not(:disabled),#ship-name-form button:hover:not(:disabled){filter:brightness(1.12)}#account-form button:disabled,#ship-name-form button:disabled{color:#c6d1d1;cursor:wait;background:#2d4249;border-color:#60767c}#name-check-result{color:#e4c58e;margin-top:8px;font-size:12px;line-height:1.5;display:block}#registration-fields summary{color:#f7f3df;cursor:pointer;padding:10px 0}.account-actions{gap:10px;display:flex}.account-actions button{color:#15333b;background:#d7c18f;border:0;border-radius:4px;padding:12px;font-size:11px}.account-actions button:first-child{color:#e8d7ac;background:#315459}#account-result{color:#e4c58e;font-size:12px;line-height:1.8}.fame-board{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:13px}.fame-board th,.fame-board td{text-align:left;padding:3px 6px}.fame-board tr.you{background:#ffc85026;font-weight:700}.ship-tier{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px}.ship-tier-merchant{color:#e2c88f;background:#e2c88f1f}.ship-tier-war{color:#d9d2a5;background:#788ca029}.ship-tier.tier-1{font-weight:600}.ship-tier.tier-2{color:#f2d46b;background:#f2d46b29;font-weight:700}.sails-reefed #helm-reef,.sails-reefed .helm-actions button[aria-pressed=true]{color:#10202a;background:#8fd0e6;border-color:#cfeefa;box-shadow:0 0 0 2px #8fd0e659}.sails-reefed #helm-reef:after{content:" · РИФ";font-weight:700}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.account-tabs{gap:8px;margin:6px 0 14px;display:flex}.account-tabs button{flex:1}#account-form .account-tabs button.selected{color:#102e37;background:#e4c58e;border-color:#e4c58e;font-weight:700}.wizard-steps{gap:6px;margin:0 0 12px;padding:0;font-size:11px;list-style:none;display:flex}.wizard-steps li{color:#9fb4b2;border-bottom:2px solid #4b6b70;flex:1;padding:6px 8px}.wizard-steps li.current{color:#f7f3df;border-color:#e4c58e}.wizard-page>p{color:#d6dabe;margin:0 0 12px;font-size:12px;line-height:1.6}.faction-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}#account-form .faction-card{text-align:left;border-left:4px solid var(--faction);background:#1b4350;flex-direction:column;align-items:flex-start;gap:4px;display:flex}#account-form .faction-card span{color:#cfd9c9;font-size:11px}#account-form .faction-card small{color:#e4a99d;font-size:10px}#account-form .faction-card.selected{border-color:var(--faction);outline:2px solid var(--faction);background:#2d6270}.look-editor{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.look-controls{color:#d6dabe;flex-direction:column;flex:1;gap:6px;min-width:200px;font-size:11px;display:flex}.swatches{flex-wrap:wrap;gap:6px;display:flex}#account-form .swatches button{border:2px solid #fff4;border-radius:50%;width:34px;height:34px;min-height:34px;padding:0}#account-form .swatches button.selected{border-color:#fff;box-shadow:0 0 0 2px #e4c58e}.look-preview{background:#082833;border-radius:6px;flex:none;width:96px;height:160px;position:relative}.look-preview i{display:block;position:absolute;left:50%;transform:translate(-50%)}.look-preview .hat{background:#29262b;border-bottom:3px solid #d3ad58;width:74px;height:12px;top:8px}.look-preview .hair{background:var(--hair);width:50px;height:14px;top:20px}.look-preview .face{background:var(--skin);width:50px;height:34px;top:34px}.look-preview .coat{background:var(--coat);border-top:4px solid var(--faction);width:64px;height:56px;top:68px}.look-preview .legs{background:#3b4359;width:44px;height:28px;top:124px}.wizard-nav{gap:8px;margin-top:16px;display:flex}.wizard-nav button{flex:1}.tutorial-card{max-width:620px}.tutorial-body{color:#e6e9d2;align-items:flex-start;gap:20px;min-height:170px;font-size:14px;line-height:1.7;display:flex}.tutorial-body p{margin:0 0 10px}.tutorial-body ul{margin:0;padding-left:18px}.tutorial-body li{margin-bottom:6px}.tutorial-icon{color:#e4c58e;text-align:center;flex:none;width:60px;font-size:44px}.tutorial-body kbd{color:#f7f3df;background:#082833;border:1px solid #809b95;border-radius:4px;padding:1px 6px;font:12px monospace}.tutorial-dots{justify-content:center;gap:6px;margin:14px 0;display:flex}.tutorial-dots i{background:#4b6b70;border-radius:50%;width:8px;height:8px}.tutorial-dots i.on{background:#e4c58e}.tutorial-nav{align-items:center;gap:8px;display:flex}.tutorial-nav span{flex:1}.tutorial-nav button{color:#f7f3df;background:#244852;border:1px solid #809b95;border-radius:6px;min-height:40px;padding:8px 16px}.tutorial-nav button.primary{color:#102e37;background:#e4c58e;border-color:#e4c58e;font-weight:700}.tutorial-nav button:disabled{opacity:.4}@media (width<=560px){.tutorial-body{flex-direction:column}}#hotbar{z-index:4;align-items:center;gap:6px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#hotbar.hidden{display:none}#hotbar button{color:#f3efe0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#123642cc;border:1px solid #809b95aa;border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 8px;font-size:11px;display:flex}#hotbar button kbd{color:#e4c58e;font:10px monospace}#hotbar button.selected{background:#2d6270dd;border-color:#e4c58e;box-shadow:0 0 0 1px #e4c58e}#hotbar button:disabled{opacity:.35}#hotbar #voice-toggle{min-width:40px;font-size:16px}#hotbar #voice-toggle.off{opacity:.6}#voice-hint{color:#f3efe0;background:#123642cc;border-radius:6px;padding:6px 10px;font-size:12px}#voice-hint.live{color:#f6d98a;border:1px solid #e4c58e}#voice-hint.hidden{display:none}@media (width<=700px){#hotbar{bottom:120px}#hotbar button{min-width:44px}}#bound-ship-summary{text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:0;width:100%;padding:0 0 6px;font-size:10px;display:block;overflow:hidden}#registration-fields{margin:12px 0}#registration-fields label,#ship-name-form label{margin:10px 0;display:block}#account-form select,#account-form input,#ship-name-form input{box-sizing:border-box;width:100%;min-height:40px}#account-form p,#registration-fields p{font-size:12px;line-height:1.5}#account-modal{z-index:100}html,body,#app{overscroll-behavior:none;height:100%}#sea{touch-action:none}.mouse-resume{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c2c35d9;border:1px solid #eee4c34d;border-radius:9px;max-width:90vw;padding:12px 18px;font-size:13px;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.hud{background:linear-gradient(#06263040,#0000 12% 90%,#06263035)}.hud .topbar,.hud .compass,.hud .version{display:none}.sea-nav{top:max(14px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right));align-items:center;gap:10px;display:flex;position:absolute}.sea-wordmark{letter-spacing:1px;text-shadow:0 1px 6px #08242d;font:600 11px Unbounded,sans-serif}#nav-heading{margin-left:auto;margin-right:6px}#nav-heading .heading{text-shadow:0 1px 5px #08242d;margin:0;font-size:11px}.sea-nav button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c2c35ab;border:1px solid #eee4c326;border-radius:9px;min-height:42px;padding:0 13px;font-size:12px}.hud .ship-panel{left:max(20px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));background:#092c3699;border-radius:9px;width:156px;padding:10px 12px}.hud .ship-title{display:none}.hud .stat{margin:0;font-size:11px}.hud .bar{height:3px;margin:6px 0 0}.hud .stat:nth-of-type(4){margin-top:8px}.hud:not(.has-flood) .ship-panel .stat:nth-of-type(4),.hud:not(.has-flood) .ship-panel .blue{display:none}.hud.hull-critical #hull-bar{background:#ea947f}.hud .speed-row{gap:4px;margin-top:10px}.hud .speed-row strong{font-size:18px}.hud .speed-row span,.hud .speed-row .sail{font-size:9px}.hud:not([data-mode=helm]) .speed-row{display:none}.hud .map-panel{width:102px;bottom:20px;right:20px}.hud .minimap-wrap{width:102px;height:102px;box-shadow:none;border-color:#f5ddaa30;padding:3px}.hud .minimap-wrap canvas{width:94px;height:94px}.hud .map-caption{display:none}.hud .north{font-size:8px;top:5px}.hud .interaction{pointer-events:auto;cursor:pointer;bottom:max(26px, env(safe-area-inset-bottom));white-space:normal;text-align:center;border-color:#e9d39a33;max-width:calc(100vw - 380px);padding:9px 12px;font-size:11px}.hud .interaction .key{padding:3px 6px;font-size:10px}.hud .toast{top:max(70px, calc(env(safe-area-inset-top) + 54px));border:0;border-radius:6px;width:max-content;max-width:min(360px,100vw - 32px);padding:8px 12px;font-size:11px}.hud .target-card{max-width:200px;padding:8px;font-size:10px;top:110px;left:20px}.hud .target-card small{display:none}.modal{padding:16px;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom))}.modal-card{max-height:calc(100dvh - 40px);overflow-y:auto}.voyage-card{width:min(460px,100%);padding:24px}.voyage-card .modal-head h2{font-size:20px}.voyage-card .captain-status{flex-wrap:wrap;gap:12px;margin:0 0 20px;font-size:12px;display:flex;position:static}.voyage-card #captain-faction{width:100%;display:block}.voyage-card .action-dock{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:static}.voyage-card .action-dock button{min-width:0;min-height:46px;font-size:12px}.voyage-card .location,.voyage-card .weather,.voyage-card .objective{text-align:left;max-width:none;margin:22px 0;display:block;position:static}.voyage-card .location h2{font-size:14px}.voyage-card .weather{font-size:11px;line-height:1.8}.voyage-tools{flex-wrap:wrap;gap:8px;display:flex}.voyage-tools button{background:#22444b;border:1px solid #ead5ad33;border-radius:5px;flex:1;padding:12px;font-size:11px}#voyage-help{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.voyage-ship{color:#e2c68a;margin-top:22px;font-size:13px}.touch-help{color:#c9d6c8;font-size:12px;line-height:1.8;display:none}#help-modal .controls{width:auto;min-width:0;margin-top:20px;position:static;transform:none}#help-modal .controls .keys{flex-wrap:wrap}.touch-controls{display:none}.helm-actions{gap:6px;width:min(440px,100vw - 24px);display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.desktop-actions{color:#f2ead5;white-space:nowrap;text-shadow:0 1px 3px #000;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.desktop-actions button{background:#103440dc;border:1px solid #ead5a64d;border-radius:8px;padding:8px 12px}.look-crosshair{color:#fff;text-shadow:0 1px 2px #000;pointer-events:none;font:22px monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud[data-cursor=free] #cursor-toggle{background:#705447dc}@media (pointer:coarse){.desktop-only{display:none!important}}@media (width<=800px) and (pointer:fine){.desktop-actions{white-space:normal;width:calc(100vw - 30px);bottom:14px}.desktop-actions button{flex-shrink:0}}.helm-actions button{touch-action:manipulation;background:#103440dc;border:1px solid #ead5a64d;border-radius:12px;flex:1;min-width:0;min-height:48px;padding:7px;font-size:11px}.helm-actions button:disabled{opacity:.4}.helm-actions button[aria-pressed=true]{background:#705447dc}@media (width<=640px){.sea-wordmark{letter-spacing:.3px;font-size:9px}.sea-nav{gap:7px;left:12px;right:12px}.sea-nav button{padding:0 10px}.hud .map-panel{display:none}.hud .ship-panel{width:134px;bottom:14px;left:12px}.hud .interaction{max-width:calc(100vw - 32px);bottom:108px}.hud .target-card{max-width:165px;top:104px;left:12px}.modal-card{padding:20px}.modal-head h2{font-size:18px}.welcome-content{width:100%}.welcome .badge,.welcome .edition,.welcome-bottom,.welcome-note{display:none}.welcome h1{font-size:54px}.welcome p{font-size:12px}}@media (pointer:coarse){.helm-actions{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 116px)}.hud[data-mode=helm] .touch-actions{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 172px)}.touch-help{display:block}#help-modal .controls{display:none}.touch-controls{display:block}#move-pad,#look-pad{pointer-events:auto;touch-action:none;bottom:max(24px, env(safe-area-inset-bottom));background:#092e3833;border:1px solid #e7e8d13d;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:absolute}#move-pad{left:max(18px, env(safe-area-inset-left))}#look-pad{right:max(18px, env(safe-area-inset-right))}#look-label{letter-spacing:1px;color:#e5e5ce99;pointer-events:none;font-size:8px;position:absolute;bottom:9px}#move-stick,#look-stick{pointer-events:none;background:#e0d4b347;border:1px solid #eee2c64d;border-radius:50%;width:40px;height:40px}.touch-actions{right:max(18px, env(safe-area-inset-right));bottom:calc(max(24px, env(safe-area-inset-bottom)) + 116px);flex-flow:wrap;justify-content:flex-end;align-items:end;gap:9px;width:226px;max-width:calc(100vw - 36px);display:flex;position:absolute}.touch-actions button{touch-action:manipulation;background:#103440b8;border:1px solid #ead5a64d;border-radius:23px;min-width:74px;max-width:110px;min-height:46px;padding:8px 12px;font-size:11px}#touch-secondary{background:#705447b8}.hud .ship-panel{left:50%;bottom:max(18px, env(safe-area-inset-bottom));background:#082d3566;width:116px;padding:8px;transform:translate(-50%)}.hud .ship-panel .stat{font-size:10px}.hud .speed-row{flex-wrap:wrap;margin-top:6px}.hud .speed-row strong{font-size:15px}.hud .speed-row .sail{width:100%;margin:0;font-size:8px}.hud .map-panel,.hud .interaction{display:none}.hud[data-mode=dead] .interaction{width:80%;max-width:320px;display:block;bottom:35%}.help-grid{grid-template-columns:1fr}.account-card input{font-size:16px}}@media (pointer:coarse) and (height<=500px){.helm-actions{bottom:100px}.hud[data-mode=helm] .touch-actions{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 96px)}#move-pad,#look-pad{width:84px;height:84px;bottom:max(14px, env(safe-area-inset-bottom))}.touch-actions{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 96px);flex-direction:row}.hud .toast{top:62px}.welcome h1{font-size:32px}.welcome h2{margin:10px 0}.welcome p{display:none}.welcome{padding:28px}}@media (pointer:coarse) and (width<=360px){#move-pad,#look-pad{width:84px;height:84px}#move-pad{left:max(12px, env(safe-area-inset-left))}#look-pad{right:max(12px, env(safe-area-inset-right))}.touch-actions{right:12px}.touch-actions button{min-width:68px;max-width:86px;font-size:10px}.hud .ship-panel{width:96px}.sea-wordmark{display:none}}#touch-jump{touch-action:none;-webkit-user-select:none;user-select:none}.damage-control{pointer-events:auto;gap:4px;margin-top:8px;display:grid}#crew-repair-status{color:#bcd9be;font-size:11px}.damage-control progress{accent-color:#9fceb0;width:100%;height:4px}.damage-control small{color:#c9d1c7;font-size:9px}#helm-ammo{white-space:nowrap;color:#f2ead5;text-shadow:0 1px 3px #000;font-size:11px;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}