:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#eee8d8;background:#081e27;font-synthesis:none;--gold:#dbb67a;--muted:#a4b6b5;--line:rgba(223,213,179,.18);--glass:rgba(8,30,38,.84)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-width:320px}body{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button{border:0;background:none}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}button,input{-webkit-tap-highlight-color:transparent}input,select{color:#eee8d8}button svg{flex-shrink:0}button:hover:not(:disabled){filter:brightness(1.14)}button:active:not(:disabled){transform:translateY(1px)}.app{height:100dvh;position:relative;overflow:hidden}.ocean{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.home-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,24,32,.97) 0%,rgba(5,24,32,.86) 31%,rgba(5,24,32,.3) 54%,transparent 76%),linear-gradient(0deg,rgba(6,25,32,.75),transparent 30%);pointer-events:none}.topbar{position:absolute;z-index:6;top:0;left:0;right:0;height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:25px;font-family:Georgia,serif;letter-spacing:3px}.brand-icon{color:var(--gold);width:46px;height:46px;border:1px solid #b7955b66;border-radius:50%;display:grid;place-items:center}.brand-sub{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:3px;margin-top:5px;color:#c5c8b8}.topbar nav{display:flex;gap:15px;align-items:center}.icon-button{width:36px;height:36px;display:grid;place-items:center;color:#d0d6c9;border:1px solid transparent;border-radius:6px}.icon-button:hover{background:#ffffff09;border-color:var(--line)}.lang-button{font-size:12px;letter-spacing:1px;padding:9px 10px;color:#e4d2ae}.lang-button span{color:#698785;margin:0 5px}.harbor{position:relative;z-index:2;width:49%;max-width:720px;padding:132px 0 90px;margin-left:7%;pointer-events:none}.harbor button,.harbor input{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);font-weight:500;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:1px;background:var(--gold)}h1{font-family:Georgia,Songti SC,SimSun,serif;font-weight:500;line-height:1.17;font-size:clamp(40px,4.2vw,68px);margin:24px 0 20px;letter-spacing:-1px}h1>span{display:block}.gold-text{color:#e3bf83}.intro{font-size:13px;line-height:1.9;color:#b8c7c5;max-width:440px;margin:0 0 29px;letter-spacing:.5px}.departure{width:100%;max-width:497px;padding:23px 25px 17px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#133640bb,#09232bdb);box-shadow:0 20px 55px #02151a33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.departure-head{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px;align-items:center}.departure-head>span{display:flex;gap:6px;align-items:center;color:#95abaa}.departure input{background:#041e2866;border:1px solid #84988d40;width:100%;height:41px;border-radius:5px;padding:0 12px;font-size:13px;outline-offset:0}.departure input::placeholder{color:#819796}.section-label{font-size:10px;color:#a4b7b3;letter-spacing:1px;margin:19px 0 10px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mode-card{text-align:left;position:relative;padding:14px 10px 12px;background:#08283270;border:1px solid #41616a99;border-radius:6px;min-height:115px;transition:background .2s,border .2s}.mode-card>svg{color:#8eaaa7;margin-bottom:8px}.mode-card>span:not(.mode-index){font-size:12px;font-weight:500;display:block;margin-bottom:6px;white-space:nowrap}.mode-card small{font-size:9px;line-height:1.6;color:#90aaa8;display:block}.mode-card.selected{border-color:var(--gold);background:linear-gradient(140deg,#baa36a25,#917b4220)}.mode-card.selected>svg,.mode-card.selected>span:not(.mode-index){color:#e5c38c}.mode-index{position:absolute;right:9px;top:13px;color:#718f91;font-family:Georgia;font-size:10px}.connection-tabs{display:flex;margin:17px 0 15px;border-bottom:1px solid var(--line)}.connection-tabs button{padding:9px 2px 10px;flex:1;font-size:11px;color:#8ea8a6;border-bottom:2px solid transparent;white-space:nowrap}.connection-tabs .active{color:#e6c28a;border-color:#d6b071}.sail-button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;padding:15px 18px;background:linear-gradient(110deg,#e6c88e,#cfab6d);color:#172e31;border:1px solid #ecd2a0;border-radius:5px;font-size:15px;font-weight:600;box-shadow:0 4px 22px #c7a16614;min-height:52px}.sail-button>svg:last-child{margin-left:auto}.sail-button>svg:first-child{margin-right:auto}.departure-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:10px;color:#94aaa6}.departure-foot>span{display:flex;gap:7px;align-items:center}.departure-foot button{font-size:10px;color:#c1bd9e}.departure-foot button span{margin-left:6px;color:var(--gold)}.ship-caption{position:absolute;right:7%;bottom:20%;z-index:1;text-align:right;pointer-events:none}.small-line{display:block;width:45px;height:1px;background:#dcc088;margin:0 0 17px auto}.ship-no{font-size:9px;letter-spacing:2px;color:#bdcfcc}.ship-caption h3{font-family:Georgia,SimSun,serif;font-size:21px;font-weight:400;letter-spacing:1px;margin:12px 0}.ship-caption p{font-size:10px;color:#bdd1cd}.tina-signature{font-family:Georgia,serif;font-style:italic;font-size:23px;color:#e8d4a8;margin-top:15px;display:block}.harbor-footer{position:absolute;left:4.5%;right:4.5%;bottom:20px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#90a9a8;padding-top:19px;border-top:1px solid var(--line);z-index:2}.harbor-footer b{color:var(--gold);margin-left:15px}.room-help{font-size:10px;color:#a7b8ae;margin:9px 0 13px;line-height:1.6}.departure .join-input{margin-bottom:9px}.in-battle{touch-action:none}.in-battle .topbar{height:70px;padding:0 25px;background:linear-gradient(#05202dda,#05202d36);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.in-battle .brand{font-size:20px}.in-battle .brand-icon{width:38px;height:38px}.connection{font-size:10px;color:#c4d0c7;display:flex;gap:7px;align-items:center}.status-dot{display:inline-block;height:6px;width:6px;background:#d7ba7e;border-radius:50%;flex-shrink:0}.status-dot.online{background:#a2d9ad;box-shadow:0 0 8px #8be5bf55}.room-code{margin-left:8px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #bac8b137;border-radius:4px;position:relative;font-size:11px}.room-code small{position:absolute;top:35px;left:0;white-space:nowrap;background:#163c43;padding:6px;border-radius:4px}.timer-panel{position:absolute;left:50%;top:86px;transform:translate(-50%);text-align:center;pointer-events:none;filter:drop-shadow(0 3px 5px #051f28)}.timer-panel small{font-size:10px;letter-spacing:2px;color:#e1cb9e;display:block;margin-bottom:3px}.timer-panel strong{font:38px Georgia,serif;display:block;font-variant-numeric:tabular-nums;letter-spacing:3px}.timer-panel>span{font-size:8px;letter-spacing:2px;color:#c4d4d2}.urgent{color:#ee9b82!important}.captain-card{position:absolute;left:25px;bottom:29px;width:275px;border:1px solid #c7cdaf38;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:19px 20px;border-radius:8px;pointer-events:none}.captain-row{display:flex;align-items:center;gap:10px}.captain-row>svg{color:var(--gold)}.captain-row strong{font-size:13px;display:block}.captain-row div small{font-size:9px;color:#a5bab5;display:block;margin-top:3px}.captain-row>b{margin-left:auto;color:#d7c494;font-size:21px;font-weight:400}.captain-row>b small{font-size:10px;color:#809e9c}.health-bar{height:5px;background:#061c21;margin:16px 0 13px;border-radius:5px;overflow:hidden}.health-bar i{height:100%;background:linear-gradient(90deg,#65aba1,#b8d5a4);display:block;transition:width .1s}.score-row{display:flex;gap:11px;align-items:center;font-size:10px;color:#9ab7b2}.score-row strong{font-family:Georgia;font-size:24px;color:#e5c18a}.score-row>span:last-child{margin-left:auto}.score-row b{color:#e5d2a1;font-weight:400}.leaderboard{position:absolute;top:92px;left:25px;width:208px;padding:14px 14px 9px;border:1px solid #c7cdaf24;border-radius:7px;background:#06212cad;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none}.leaderboard h3{font-size:9px;color:#c2c8b1;letter-spacing:1px;margin:0 0 9px;display:flex;justify-content:space-between;font-weight:400}.leaderboard h3>span{font-size:7px;color:#87a6a7}.leaderboard>div{display:flex;align-items:center;gap:8px;height:32px;border-top:1px solid #d2decd0d;font-size:10px}.leaderboard .self{background:#e1bb6e10}.place{font-family:Georgia;color:#819a98;width:10px}.leaderboard i{width:5px;height:5px;border-radius:50%}.captain-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.captain-name small{font-size:7px;color:#779a9b;margin-left:5px}.leaderboard b{font-family:Georgia;color:#ddc8a0;font-size:13px;font-weight:400}.minimap{position:absolute;right:25px;top:91px;width:151px;background:#06212cbb;border:1px solid #c7cdaf24;border-radius:8px;padding:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.minimap>div{display:flex;justify-content:space-between;font-size:9px;color:#c4c9b3;margin-bottom:7px}.minimap span{font-size:8px;color:#e5c183}.minimap svg{display:block;width:100%}.ship-labels{pointer-events:none;position:absolute;inset:0;z-index:1;overflow:hidden}.ship-label{position:absolute;transform:translate(-50%,-100%);text-align:center;font-size:9px;text-shadow:0 1px 3px #042029;background:#06232c80;border-radius:4px;padding:4px 7px;white-space:nowrap}.ship-label.self{border:1px solid #e8d8a438}.ship-label>i{display:block;width:54px;height:2px;background:#03191bb0;margin:4px auto 0}.ship-label b{display:block;height:100%}.battle-controls{position:absolute;right:25px;bottom:27px;width:390px;touch-action:none;z-index:4}.cannon-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:9px}.ability-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skill{position:relative;display:flex;gap:12px;align-items:center;border:1px solid #dcc38e70;background:linear-gradient(115deg,#13343cfa,#102c35fa);border-radius:7px;padding:14px 12px;overflow:hidden;user-select:none;touch-action:none;-webkit-user-select:none;min-height:65px;box-shadow:0 5px 20px #061e2933}.skill-icon{color:var(--gold);position:relative;z-index:1}.skill-text{position:relative;z-index:1;text-align:left;font-size:11px;font-weight:500}.skill-text small{display:block;font-size:8px;color:#95b3ae;margin-top:5px}.skill kbd{font-size:8px;position:absolute;right:8px;top:7px;z-index:1;color:#839d99;background:#061e2760;padding:2px 4px;border:1px solid #aeb4a526;border-radius:2px}.ability{gap:8px;padding:11px 10px;min-height:53px;border-color:#a3b0a042}.ability .skill-text{font-size:10px}.cooldown-fill{position:absolute;bottom:0;left:0;right:0;background:#071b25b5;pointer-events:none}.cooling .skill-icon{color:#7a968f}.cooling .skill-text{color:#aebbac}.controls-hint{position:absolute;bottom:29px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.4px;color:#c4d4c3;text-shadow:0 2px 4px #04202c;pointer-events:none}.touch-hint{display:none}.storm-warning{position:absolute;top:188px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:7px;font-size:11px;color:#efd4a2;background:#4e2f27d9;border:1px solid #db86635c;border-radius:5px;padding:10px 16px;pointer-events:none}.respawn-message{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;color:#f0ddbb;text-shadow:0 2px 7px #07232a;pointer-events:none}.respawn-message h2{font-weight:400;font-size:20px}.respawn-message strong{font:50px Georgia}.respawn-message p{font-size:11px;color:#b8ccc6}.modal-backdrop{position:absolute;z-index:20;inset:0;background:#03182099;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:25px;touch-action:none}.modal{position:relative;width:470px;max-height:calc(100dvh - 50px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(135deg,#153741,#08242d);border:1px solid #dac39959;box-shadow:0 20px 100px #00192099;border-radius:12px;padding:37px 34px 25px}.modal h2{font:27px/1.35 Georgia,SimSun,serif;margin:15px 0 23px;color:#ece2c9}.modal-close{position:absolute;right:15px;top:13px}.modal .eyebrow{font-size:8px}.settings-list label{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;gap:12px}.settings-list select{background:#092932;border:1px solid #82958d66;border-radius:5px;padding:8px;min-width:126px;font-size:11px}.settings-list input[type=checkbox]{accent-color:var(--gold);width:17px;height:17px}.volume-control{display:flex;align-items:center;gap:12px;font-size:10px;width:180px}.volume-control input{accent-color:var(--gold);min-width:0;width:130px}.settings-saved{display:block;color:#819f99;font-size:9px;text-align:right;margin:14px 0 24px}.text-button{width:100%;text-align:center;color:#adc0b8;font-size:11px;margin-top:14px;padding:9px}.pause-notice{font-size:11px;line-height:1.9;background:#b9ad7a0d;border:1px solid #e2c78e2e;border-radius:6px;color:#b6cbbf;padding:13px;display:flex;gap:8px;align-items:flex-start}.pause-notice .status-dot{margin-top:7px}.live-notice{color:#e7c593;border-color:#dfb9654f}.guide-modal{width:810px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.guide-grid article{position:relative;padding-left:34px}.guide-number{position:absolute;left:0;top:1px;font:17px Georgia;color:#b69b64}.guide-grid h3{font-weight:500;font-size:13px;margin:0 0 8px;color:#e5d4b1}.guide-grid p{font-size:11px;line-height:1.95;color:#afc2b8;margin:0}.error-toast{position:absolute;z-index:30;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:13px 18px;max-width:90vw;background:#49372afa;border:1px solid #efb77877;border-radius:6px;box-shadow:0 4px 20px #02171c;white-space:normal;font-size:12px;color:#ffe1b2}.error-toast button{color:#f4dab2;text-decoration:underline;white-space:nowrap;font-size:10px}.connecting-banner{position:absolute;top:42%;left:50%;transform:translate(-50%);padding:20px 35px;border:1px solid #dab88280;background:#092a34e6;border-radius:8px;color:var(--gold)}.result{text-align:center;width:475px}.result .eyebrow{justify-content:center;margin-top:18px}.result-crest{color:var(--gold);height:75px;width:75px;border:1px solid #c3a46755;border-radius:50%;display:grid;place-items:center;margin:auto}.result h2{margin:15px 0;font-size:21px}.winner-names{font:25px Georgia;color:#e4c080}.result-score{font:44px Georgia;margin:18px 0;color:#f0dfb7}.result-score span{display:block;font:9px Arial;color:#96b5ad;letter-spacing:2px;margin-top:4px}.result-table{text-align:left;margin:22px 0}.result-table>div{display:flex;align-items:center;gap:15px;padding:11px 9px;border-bottom:1px solid var(--line);font-size:12px}.result-table b{font:15px Georgia;color:#7c9a93}.result-table>div>span{flex:1}.result-table small{color:#839f97;font-size:9px}.result-table strong{font:17px Georgia;color:#dec59a}.result-table .self{background:#debd7a14}@media(min-width:1400px){.harbor{padding-top:155px}.departure{margin-top:35px}.ship-caption{bottom:18%}}@media(max-height:820px)and (min-width:761px){.topbar{height:76px}.harbor{padding-top:103px}.hero-copy h1{font-size:47px;margin:19px 0 14px}.intro{margin-bottom:20px}.departure{padding:18px 21px 14px}.mode-card{min-height:100px;padding-top:10px}.section-label{margin-top:14px}.connection-tabs{margin-top:10px;margin-bottom:10px}.sail-button{min-height:46px;padding:12px 18px}.harbor-footer{bottom:13px;padding-top:13px}}@media(max-width:1100px){.harbor{margin-left:5%;width:48%}.ship-caption{right:5%;bottom:19%}h1{font-size:48px}.controls-hint{bottom:183px;white-space:nowrap}.battle-controls{width:355px}.captain-card{width:245px}.leaderboard{width:190px}}@media(max-width:760px){.at-harbor{overflow-y:auto;touch-action:pan-y}.at-harbor .ocean{position:fixed}.home-shade{position:fixed;background:linear-gradient(0deg,#061d27 4%,#061d27d9 38%,#061d2733 80%),linear-gradient(90deg,#061d2766,transparent)}.topbar{height:72px;padding:0 20px}.brand{font-size:22px;gap:9px}.brand-icon{width:37px;height:37px}.brand-sub{font-size:7px;letter-spacing:2px}.topbar nav{gap:4px}.lang-button{font-size:10px;padding:8px 5px}.icon-button{width:30px;height:32px}.harbor{width:auto;max-width:520px;padding:102px 20px 75px;margin:0 auto;pointer-events:none}.hero-copy{margin:0 0 28px}.eyebrow{font-size:8px;letter-spacing:1.8px}h1{font-size:42px;line-height:1.17;margin:18px 0 14px}.intro{max-width:260px;font-size:11px;line-height:1.9;margin-bottom:17px}.departure{margin-top:38px;background:linear-gradient(135deg,#153741e8,#08242ded);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-card{padding:12px 9px;min-height:107px}.mode-card>span:not(.mode-index){font-size:11px}.mode-card small{font-size:8px}.connection-tabs button{font-size:10px}.ship-caption{display:none}.harbor-footer{position:relative;bottom:auto;left:auto;right:auto;margin:0 20px 23px;padding-top:15px;font-size:7px;letter-spacing:1px}.harbor-footer>span:last-child{display:none}.in-battle .topbar{padding:0 12px;height:59px}.in-battle .brand{font-size:17px;letter-spacing:2px;gap:7px}.in-battle .brand-icon{width:30px;height:30px}.in-battle .brand-icon svg{width:21px}.in-battle .brand-sub{font-size:5px;letter-spacing:1.4px}.in-battle .topbar nav{gap:1px}.in-battle .sound-button{display:none}.connection{position:absolute;left:12px;top:65px;font-size:8px;gap:5px;z-index:2}.room-code{padding:4px 6px;font-size:9px;margin-left:0;background:#08262bb3}.timer-panel{top:72px}.timer-panel strong{font-size:28px;letter-spacing:2px}.timer-panel small{font-size:8px;letter-spacing:1px}.timer-panel>span{font-size:6px}.captain-card{top:106px;bottom:auto;left:12px;width:151px;padding:12px 11px}.captain-row{gap:6px}.captain-row>svg{width:16px}.captain-row strong{font-size:10px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.captain-row div small{font-size:7px}.captain-row>b{font-size:17px}.captain-row>b small{font-size:7px}.health-bar{margin:10px 0 8px;height:4px}.score-row{font-size:8px;gap:7px}.score-row strong{font-size:19px}.score-row>span:last-child{font-size:7px}.leaderboard{display:none}.minimap{right:12px;top:108px;width:96px;padding:7px;border-radius:6px}.minimap>div{font-size:7px;margin-bottom:4px}.minimap span{font-size:6px}.battle-controls{right:12px;left:12px;bottom:max(14px,env(safe-area-inset-bottom));width:auto}.cannon-row{gap:10px;margin-bottom:8px}.skill{min-height:59px;padding:12px 16px;gap:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.skill kbd{display:none}.skill-text{font-size:11px}.skill-text small{font-size:8px}.ability{min-height:49px;padding:10px 13px;gap:9px}.ability .skill-text{font-size:10px}.controls-hint{bottom:146px;font-size:9px;background:#06232b70;padding:6px 11px;border-radius:15px}.desktop-hint{display:none}.touch-hint{display:block;white-space:nowrap}.storm-warning{top:217px;font-size:9px;padding:8px 11px;white-space:nowrap}.ship-label{font-size:8px}.modal-backdrop{padding:16px}.modal{padding:30px 22px 19px;max-height:calc(100dvh - 32px);width:100%}.modal h2{font-size:24px;margin-top:15px}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-grid p{font-size:11px}.result h2{font-size:19px}.result-crest{height:56px;width:56px}.result-crest svg{width:30px}.result .eyebrow{margin-top:12px}.winner-names{font-size:20px}.result-score{font-size:32px;margin:12px 0}.result-table{margin:15px 0}.result-table>div{padding:9px}.error-toast{bottom:155px;padding:11px;font-size:10px;width:max-content}.pause-notice{font-size:10px}}@media(pointer:coarse){.controls-hint .desktop-hint{display:none}.controls-hint .touch-hint{display:block}.skill kbd{display:none}}@media(max-height:540px)and (min-width:620px){.in-battle .topbar{height:51px}.timer-panel{top:62px}.timer-panel strong{font-size:28px}.leaderboard{top:70px;width:170px;padding:9px 11px}.leaderboard>div{height:25px}.captain-card{bottom:17px;left:16px;width:200px;padding:12px}.captain-row strong{font-size:11px}.health-bar{margin:10px 0}.minimap{top:70px;right:16px;width:104px}.battle-controls{right:16px;bottom:15px;width:310px;left:auto}.skill{min-height:50px;padding:10px}.ability{min-height:43px}.skill-text{font-size:10px}.controls-hint{bottom:17px;left:42%;font-size:8px}.storm-warning{top:128px}.ship-label{font-size:7px}.connection{position:static;font-size:8px}.harbor{padding-top:95px}.at-harbor{overflow-y:auto}.at-harbor .ocean,.home-shade{position:fixed}.harbor-footer{position:relative;margin:0 5% 18px;left:auto;right:auto;bottom:auto}.hero-copy h1{font-size:40px}.harbor .departure{margin-top:20px}.modal-backdrop{padding:13px}.modal{max-height:calc(100dvh - 26px);padding:24px}.result-table>div{padding:8px}.result-crest{display:none}.result-score{font-size:28px}.result h2{margin:10px}.result-table{margin:12px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.harbor select{pointer-events:auto}.naval-selects{display:grid;grid-template-columns:1.15fr 1fr;gap:13px;margin:15px 0 0}.naval-selects label{font-size:10px;color:#a4b7b3;display:grid;gap:7px}.naval-selects select{min-width:0;width:100%;height:36px;background:#0b2932;border:1px solid #84988d40;border-radius:5px;padding:0 9px;font-size:12px}.vessel-class{color:#e6c18a;font-size:11px}.mode-index{font-size:9px}.team-score{display:flex;justify-content:center;gap:12px;margin-top:10px;white-space:nowrap;font-size:10px;color:#ecc68b}.team-score span:last-child{color:#ec9c8c}.team-score b{font:17px Georgia;margin-left:4px}.leaderboard>div{height:31px}.leaderboard .captain-name small{font-size:7px}.result-team-score{display:flex;align-items:center;justify-content:center;gap:28px;margin:16px 0;color:#e6c18a}.result-team-score span{font-size:10px;display:grid;gap:5px}.result-team-score b{font:30px Georgia}.result-team-score span:last-child{color:#ec9c8c}.result-team-score i{font:22px Georgia;color:#90aaa8}.winner-names{font-size:16px}.result-score{font-size:28px;margin:12px 0}.result-table{max-height:275px;overflow-y:auto}.result-table>div{padding:8px 9px}.harbor-footer{letter-spacing:.5px}.harbor-footer>span:nth-child(2){max-width:55%;text-align:center}.at-harbor{overflow-y:auto}.at-harbor .ocean,.at-harbor .home-shade{position:fixed}@media(min-width:761px){.harbor{padding-top:115px;padding-bottom:85px}.hero-copy h1{font-size:54px;margin:18px 0 14px}.intro{margin-bottom:19px}.departure{margin-top:0;padding:18px 22px 15px}.mode-card{min-height:105px}.section-label{margin-top:15px}.connection-tabs{margin:11px 0}.harbor-footer{position:relative;bottom:auto;left:auto;right:auto;margin:0 4.5% 20px}.ship-caption{bottom:15%;position:fixed}}@media(max-width:760px){.mode-card{min-height:108px}.mode-index{top:10px;right:6px;font-size:8px}.naval-selects select{font-size:11px}.harbor{padding-bottom:35px}.team-score{position:absolute;top:56px;left:50%;transform:translate(-50%);gap:8px;font-size:8px}.team-score b{font-size:13px;margin-left:3px}.captain-card,.minimap{top:156px}.storm-warning{top:247px}.harbor-footer>span:nth-child(2){max-width:65%;line-height:1.7}.result-table{max-height:235px}}@media(max-height:540px)and (min-width:620px){.team-score{position:static;transform:none;margin-top:3px}.captain-card{top:auto;bottom:17px}.minimap{top:70px}.timer-panel>span{display:none}.leaderboard{display:none}}.portfolio-return{display:flex;align-items:center;gap:6px;font-size:10px;color:#e4c58e}.portfolio-return svg{transform:rotate(180deg)}@media(max-width:760px){.portfolio-return{width:28px;height:32px;justify-content:center}.portfolio-return span{display:none}}