.fleet-page{--fleet-ink:#122244;--fleet-blue:#1665ed;--fleet-yellow:#ffdc57;--fleet-border:2px solid var(--fleet-ink);--fleet-edge:24px;isolation:isolate;width:100%;height:100dvh;color:var(--fleet-ink);background:#08ace6;position:fixed;inset:0;overflow:hidden}.fleet-page *{box-sizing:border-box}.fleet-page button,.fleet-page input,.fleet-page select{font:inherit}.fleet-page button,.fleet-page select{cursor:pointer}.fleet-page button:disabled{cursor:wait;opacity:.65}.fleet-page button:focus-visible,.fleet-page a:focus-visible,.fleet-page input:focus-visible,.fleet-page select:focus-visible{outline-offset:4px;outline:3px solid #f18732}.fleet-page h1,.fleet-page h2,.fleet-page h3,.fleet-page p{margin:0}.fleet-page a{color:inherit}.fleet-header{top:var(--fleet-edge);left:var(--fleet-edge);right:var(--fleet-edge);z-index:200;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;min-width:0;display:flex;position:absolute}.fleet-header>*{pointer-events:auto}.fleet-brand{border:3px solid var(--fleet-ink);box-shadow:5px 5px 0 var(--fleet-ink);white-space:nowrap;background:#fffdf3;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.fleet-brand .brand-logo{align-items:center;gap:7px;display:inline-flex}.fleet-brand .brand-logo__markImg{-o-object-fit:contain;object-fit:contain;width:30px;height:33px}.fleet-brand .brand-logo__word{font-size:23px;font-weight:700}.fleet-brand h1{color:var(--fleet-blue);letter-spacing:-.6px;border-left:2px solid #bccfe3;padding-left:12px;font-size:22px}.fleet-header-actions{align-items:center;gap:14px;min-width:0;display:flex}.fleet-header .user-menu-trigger{border:var(--fleet-border);box-shadow:4px 4px 0 var(--fleet-ink);background:#fffdf3;border-radius:12px;padding:5px 12px 5px 5px}.fleet-header .user-menu-avatar{border:var(--fleet-border);width:38px;height:38px}.fleet-header .user-menu-meta{min-width:0;max-width:105px}.fleet-header .user-menu-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fleet-header .user-menu-panel{z-index:300}.fleet-race-status{border:var(--fleet-border);box-shadow:4px 4px 0 var(--fleet-ink);background:#fff2b1;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.fleet-race-status b,.fleet-race-status small{display:block}.fleet-race-status b{font-size:12px}.fleet-race-status small{color:#4c5c72;font-size:10px}.fleet-race-status strong{font-variant-numeric:tabular-nums;min-width:76px;font-size:26px;line-height:1}.fleet-status-dot{border:2px solid var(--fleet-ink);background:#32bc83;border-radius:50%;flex:none;width:10px;height:10px}.fleet-status-dot.is-racing{background:#f36460;animation:1s infinite fleet-status-pulse}.fleet-dock{left:50%;bottom:var(--fleet-edge);z-index:190;max-width:calc(100% - 2 * var(--fleet-edge));border:3px solid var(--fleet-ink);box-shadow:6px 6px 0 var(--fleet-ink);background:#fffdf3;border-radius:14px;gap:4px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.fleet-dock>button{min-width:64px;min-height:58px;color:var(--fleet-ink);background:0 0;border:2px solid #0000;border-radius:8px;align-content:center;justify-items:center;gap:5px;padding:5px 8px;transition:transform .15s,background .15s;display:grid}.fleet-dock>button:hover{border-color:var(--fleet-ink);background:#d8f1ff;transform:translateY(-2px)}.fleet-dock>button.is-active{border-color:var(--fleet-ink);box-shadow:2px 2px 0 var(--fleet-ink);background:#c8b9ff}.fleet-dock>button>span{display:block;position:relative}.fleet-dock svg{width:23px;height:23px}.fleet-dock small{text-align:center;max-width:68px;font-size:9px;font-weight:700;line-height:1.15}.fleet-dock b{border:1.5px solid var(--fleet-ink);background:var(--fleet-yellow);border-radius:4px;min-width:17px;padding:1px 3px;font-size:9px;position:absolute;top:-6px;right:-14px}.fleet-map{isolation:isolate;z-index:0;background:#08ace6;position:absolute;inset:0;overflow:hidden}.fleet-journey{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:auto hidden}.fleet-journey::-webkit-scrollbar{display:none}.fleet-world{width:var(--fleet-world-width);isolation:isolate;height:100%;position:relative;overflow:hidden}.fleet-scenery{pointer-events:none;isolation:isolate;position:absolute;inset:0}.fleet-ocean{pointer-events:none;background:#079eef url(/fleet/ocean-natural.webp) 0 0/auto 100% repeat-x;position:absolute;inset:0}.fleet-world-course{left:0;right:0;top:var(--fleet-course-top);height:var(--fleet-course-height);pointer-events:none;z-index:4;position:absolute}.fleet-map-heading{top:108px;left:var(--fleet-edge);z-index:110;pointer-events:none;background:#f8fdffdf;border:1.5px solid #12224499;border-radius:8px;flex-direction:column;gap:2px;padding:7px 11px;display:flex;position:absolute}.fleet-map-heading b{font-size:11px}.fleet-map-heading span{color:#48617e;font-size:9px}.fleet-course{top:var(--fleet-course-top);left:var(--fleet-course-left);width:var(--fleet-course-width);height:var(--fleet-course-height);z-index:5;position:absolute}:is(.fleet-course:has(.fleet-ship:hover),.fleet-course:has(.fleet-ship:focus-visible)){z-index:170}.fleet-water{height:var(--fleet-course-height);pointer-events:none;position:relative}.fleet-race-line{pointer-events:none;z-index:0;border-left:3px dashed #fffdf0b0;width:0;position:absolute;top:0;bottom:0}.fleet-race-line--start{left:var(--fleet-start-line)}.fleet-race-line--finish{left:var(--fleet-finish-line);border-color:#ffdc57}.fleet-race-line>span{border:2px solid var(--fleet-ink);color:var(--fleet-ink);background:#fffdf3;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:900;position:absolute;top:-24px;left:0;transform:translate(-50%)}.fleet-ship{opacity:0;width:var(--fleet-ship-width);height:var(--fleet-hit-height);color:var(--fleet-ink);will-change:transform;pointer-events:auto;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0}.fleet-ship>*{pointer-events:none}.fleet-ship:hover,.fleet-ship:focus-visible{z-index:10000!important}.fleet-vessel{width:var(--fleet-ship-width);height:var(--fleet-ship-size);margin-top:calc((var(--fleet-hit-height) - var(--fleet-ship-size)) / 2);transform-origin:50% 82%;flex:none;margin-inline:auto;animation:.45s ease-out fleet-vessel-in,3.7s ease-in-out .45s infinite fleet-bob;display:block;position:relative}.fleet-ship:nth-child(3n) .fleet-vessel{animation-delay:0s,-1.4s}.fleet-ship:nth-child(3n+1) .fleet-vessel{animation-delay:0s,-2.8s}.fleet-vessel.is-leaving{animation:.18s ease-in forwards fleet-vessel-out}.fleet-ship-heading{width:100%;height:100%;transform:perspective(600px) rotateY(var(--fleet-heading-angle,0deg));transform-style:preserve-3d;display:block;position:relative}.fleet-ship-heading .fleet-avatar{transform:rotateY(calc(-1 * var(--fleet-heading-angle,0deg)))}.fleet-palette-filter{pointer-events:none;position:absolute;overflow:hidden}.fleet-ship-art{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;filter:var(--ship-filter) drop-shadow(0 5px 4px #005d8130)}.fleet-ship:hover .fleet-ship-art,.fleet-ship:focus-visible .fleet-ship-art{filter:var(--ship-filter) drop-shadow(0 0 3px white) drop-shadow(0 4px 5px #11385460)}.fleet-ship.is-selected .fleet-ship-art{filter:var(--ship-filter) drop-shadow(0 0 2px white) drop-shadow(0 0 5px #ffda44) drop-shadow(0 4px 4px #005d8170)}.fleet-avatar{-o-object-fit:cover;object-fit:cover;border:var(--fleet-border);background:#eef3ff;border-radius:50%;flex:none}.fleet-ship-label{top:50%;left:var(--fleet-tooltip-left,calc(100% + 9px));border:var(--fleet-border);border-top:3px solid var(--captain-colour);width:180px;box-shadow:3px 3px 0 var(--fleet-ink);text-align:left;opacity:0;visibility:hidden;pointer-events:none;background:#fffdf5;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:2px 8px;padding:8px;line-height:1.3;transition:opacity .12s;display:grid;position:absolute;transform:translateY(-50%)}.fleet-ship[data-tooltip-vertical=above] .fleet-ship-label{top:0;transform:translateY(calc(-100% - 8px))}.fleet-ship:hover .fleet-ship-label,.fleet-ship:focus-visible .fleet-ship-label{opacity:1;visibility:visible}.fleet-ship-label>.fleet-avatar{border-width:1px;grid-row:1/3;width:30px;height:30px}.fleet-ship-preview{grid-column:1/-1;justify-self:center;width:82px;height:82px;position:relative}.fleet-ship-preview>img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;filter:var(--ship-filter)}.fleet-ship-portrait{left:var(--portrait-x);top:var(--portrait-y);width:var(--portrait-size);aspect-ratio:1;background:#fff;border:1px solid #fff;border-radius:50%;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.fleet-ship-portrait>.fleet-avatar{border:0;width:100%;height:100%}.fleet-ship-label>b{overflow-wrap:anywhere;font-size:12px}.fleet-ship-stars{color:#694600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:12px;font-weight:800;display:block}.fleet-ship.is-you .fleet-ship-label{background:#e3f2ff;box-shadow:0 2px #084ac5}.fleet-place{background:var(--fleet-yellow);border:1px solid var(--fleet-ink);box-shadow:1px 1px 0 var(--fleet-ink);border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;font-weight:800;animation:.5s ease-out fleet-place-in;display:grid;position:absolute;top:10%;right:-4px}.fleet-place.is-place-2{background:#e3ebff}.fleet-place.is-place-3{background:#ffc386}.fleet-ship-water{width:var(--fleet-ship-width);height:var(--fleet-ship-size);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.fleet-wake{opacity:.95;width:128%;height:35%;position:absolute;bottom:3%;left:-96%}.fleet-wake-ripple{transform-box:fill-box;transform-origin:100%;animation:1.45s linear infinite paused fleet-wake}.fleet-ship[data-sailing=true] .fleet-ship-water{opacity:1}.fleet-ship[data-sailing=true] .fleet-wake-ripple{animation-play-state:running}.fleet-ship[data-facing=left] .fleet-ship-water{transform:translateY(-50%)scaleX(-1)}.fleet-reward{color:#ffed61;text-shadow:2px 2px #122244,-1px -1px #122244;pointer-events:none;min-width:65px;font-size:23px;font-weight:800;animation:2.5s ease-out forwards fleet-reward;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.fleet-reward small{white-space:nowrap;background:var(--fleet-yellow);border:var(--fleet-border);color:var(--fleet-ink);text-shadow:none;border-radius:6px;padding:4px 6px;font-size:9px;display:block}.fleet-finish-stars{pointer-events:none;position:absolute;inset:0}.fleet-finish-stars i{color:#ffef71;text-shadow:1px 1px #122244;font-size:20px;font-style:normal;animation:1.2s ease-out forwards fleet-finish-burst;position:absolute;top:15%;left:30%}.fleet-finish-stars i:nth-child(2){animation-delay:.15s;top:35%;left:75%}.fleet-finish-stars i:nth-child(3){animation-delay:.25s;top:65%;left:5%}.fleet-camera-controls{top:110px;right:var(--fleet-edge);z-index:110;border:var(--fleet-border);box-shadow:4px 4px 0 var(--fleet-ink);background:#fffdf3;border-radius:10px;gap:4px;padding:5px;display:flex;position:absolute}.fleet-camera-controls button{color:var(--fleet-ink);background:0 0;border:2px solid #0000;border-radius:5px;padding:7px 9px;font-size:10px;font-weight:800}.fleet-camera-controls button:hover{background:#d8f1ff}.fleet-camera-controls button.is-active{border-color:var(--fleet-ink);background:#ffdc57}.is-clean-stage .fleet-camera-controls{display:none}.fleet-map-footer{width:max-content;max-width:calc(100% - 2 * var(--fleet-edge));border:1.5px solid var(--fleet-ink);z-index:110;pointer-events:none;text-align:center;background:#fffdf2e8;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 11px;font-size:9px;display:flex;position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.fleet-map-footer>span{font-weight:600}.fleet-podium{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.fleet-podium>b{border-right:1px solid #a2b3ce;padding-right:8px}.fleet-countdown{left:50%;top:calc(var(--fleet-course-top) - 40px);color:#fff;-webkit-text-stroke:3px var(--fleet-ink);text-shadow:4px 4px 0 var(--fleet-ink);pointer-events:none;z-index:115;font-size:64px;font-weight:800;line-height:1;animation:.9s ease-out fleet-countdown;position:absolute;transform:translate(-50%,-50%)}.fleet-countdown.is-sail{background:var(--fleet-yellow);color:var(--fleet-ink);border:3px solid var(--fleet-ink);box-shadow:4px 4px 0 var(--fleet-ink);-webkit-text-stroke:0;text-shadow:none;border-radius:10px;padding:5px 12px;font-size:32px;transform:translate(-50%,-50%)rotate(-4deg)}.fleet-ambient{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.fleet-clouds,.fleet-glints{position:absolute;inset:0}.fleet-clouds svg{opacity:.55;width:140px;animation:28s ease-in-out infinite fleet-cloud-drift;position:absolute;top:3%;left:6%}.fleet-clouds svg:nth-child(2){width:100px;animation-duration:35s;animation-delay:-8s;top:1%;left:34%}.fleet-glints i{clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);opacity:0;background:#f2ffff;width:10px;height:10px;animation:5s ease-in-out infinite fleet-glint;position:absolute;top:30%;left:7%}.fleet-glints i:nth-child(2){animation-delay:-1s;top:73%;left:18%}.fleet-glints i:nth-child(3){animation-delay:-3s;top:43%;left:26%}.fleet-glints i:nth-child(4){animation-delay:-2s;top:60%;left:34%}.fleet-air{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.fleet-seabird{width:30px;animation:32s linear -8s infinite fleet-bird-fly;position:absolute;top:24%;left:-48px}.fleet-seabird--1{width:26px;animation-direction:reverse;animation-delay:-24s;top:43%}.fleet-buoy{width:40px;animation:3.2s ease-in-out infinite fleet-buoy-bob;position:absolute;bottom:19%;left:26%}.fleet-buoy svg{width:100%;position:relative}.fleet-panel{z-index:180;border:var(--fleet-border);box-shadow:5px 5px 0 var(--fleet-ink);scrollbar-width:thin;max-width:calc(100% - 2 * var(--fleet-edge));background:#fffdf6;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:110px;bottom:115px;overflow:auto}.fleet-panel>header{justify-content:space-between;align-items:center;gap:15px;padding:14px 15px 10px;display:flex}.fleet-panel small{color:#526077;font-size:10px}.fleet-panel h2{letter-spacing:-.5px;font-size:18px}.fleet-close{border:1.5px solid var(--fleet-ink);width:28px;height:28px;color:var(--fleet-ink);background:#fff;border-radius:6px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.fleet-filter-panel{left:var(--fleet-edge);width:310px;max-height:calc(100% - 225px);bottom:auto}.fleet-toolbar{gap:14px;padding:8px 16px 20px;display:grid}.fleet-toolbar label,.fleet-award label{flex-direction:column;gap:5px;min-width:0;display:flex}.fleet-toolbar label>span,.fleet-award label>span{color:#526077;font-size:10px;font-weight:700}.fleet-toolbar select,.fleet-toolbar input,.fleet-award select,.fleet-award input{width:100%;min-width:0;height:38px;color:var(--fleet-ink);background:#f2f7fd;border:1.5px solid #a4b5cf;border-radius:7px;padding:0 10px;font-size:12px}.fleet-toolbar p{color:#526077;font-size:10px}.fleet-button{border:var(--fleet-border);box-shadow:3px 3px 0 var(--fleet-ink);white-space:nowrap;background:var(--fleet-yellow);color:var(--fleet-ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.fleet-button:active{box-shadow:1px 1px 0 var(--fleet-ink);transform:translate(2px,2px)}.fleet-help-panel{right:var(--fleet-edge);width:325px;max-height:calc(100% - 225px);bottom:auto}.fleet-help-panel>div{padding:5px 16px 20px}.fleet-help-panel p{margin-top:12px;font-size:12px;line-height:1.7}.fleet-directory{left:var(--fleet-edge);width:285px;overflow:hidden}.fleet-directory>p{color:#526077;padding:0 15px 12px;font-size:10px}.fleet-student-list{scrollbar-width:thin;flex:1;min-height:0;padding:0 10px 10px;overflow:auto}.fleet-student-list>button{text-align:left;width:100%;color:var(--fleet-ink);background:0 0;border:0;border-radius:7px;grid-template-columns:16px 30px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 4px;font-size:11px;display:grid}.fleet-student-list>button:hover{background:#dff2ff}.fleet-student-list>button.is-selected{background:#fff0ad}.fleet-student-list .fleet-avatar{border-width:1.5px;width:30px;height:30px}.fleet-list-rank{color:#526077;text-align:center;font-size:9px}.fleet-list-name{min-width:0}.fleet-list-name b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.fleet-list-name i{color:#1665ed;font-size:9px;font-style:normal}.fleet-list-name small{font-size:9px}.fleet-student-list>button>strong{color:#6e4b00;white-space:nowrap;font-size:11px}.fleet-directory>footer{color:#526077;border-top:1.5px solid #ccd8e4;padding:10px 14px;font-size:10px}.fleet-directory>footer>span{margin-top:5px;line-height:1.5;display:block}.fleet-student-panel{right:var(--fleet-edge);gap:10px;width:320px;padding:0 16px 14px}.fleet-student-panel>header{padding:12px 0 0}.fleet-student-panel>header>small{font-size:10px;font-weight:700}.fleet-captain{align-items:center;gap:10px;display:flex}.fleet-captain>.fleet-avatar{width:46px;height:46px}.fleet-captain>div{min-width:0}.fleet-captain h2{overflow-wrap:anywhere;font-size:18px;line-height:1.3}.fleet-captain span{color:#456084;font-size:10px;font-weight:600}.fleet-school-name{color:#526077;font-size:10px;line-height:1.6}.fleet-tier-preview{background:#e8f4ff;border:1.5px solid #9bb8d4;border-radius:9px;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.fleet-tier-preview>img{-o-object-fit:contain;object-fit:contain;width:80px;max-height:90px}.fleet-tier-preview h3{font-size:13px}.fleet-tier-preview b{color:#704d00;font-size:17px;display:block}.fleet-tier-preview p{color:#456084;margin-top:4px;font-size:10px;line-height:1.5}.fleet-tier-preview progress{accent-color:#1665ed;width:100%;height:6px;margin-top:7px;display:block}.fleet-tier-preview p.fleet-speed{color:#1665ed;font-weight:700}.fleet-race-detail{border-bottom:1.5px solid #cbd7e3;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:10px;display:flex}.fleet-race-detail>b{font-size:10px}.fleet-award h3{margin-bottom:8px;font-size:13px}.fleet-award fieldset{border:0;flex-direction:column;gap:9px;min-width:0;margin:0;padding:0;display:flex}.fleet-award legend{color:#526077;clip-path:inset(100%);font-size:10px;position:absolute}.fleet-amounts{gap:8px;display:flex}.fleet-amounts button{border:var(--fleet-border);color:var(--fleet-ink);background:#fff;border-radius:6px;flex:1;padding:7px 0;font-size:13px;font-weight:700}.fleet-amounts button[aria-pressed=true]{background:var(--fleet-yellow);box-shadow:2px 2px 0 var(--fleet-ink)}.fleet-award select,.fleet-award input{height:34px}.fleet-button--reward{color:#fff;background:#41d79d;width:100%;margin:2px 0 4px}.fleet-profile-link{text-align:center;margin-top:auto;padding:8px 0 0;font-size:11px;font-weight:600}.fleet-empty{border:var(--fleet-border);width:80%;max-width:340px;box-shadow:4px 4px 0 var(--fleet-ink);text-align:center;z-index:105;background:#fffdf6;border-radius:12px;padding:23px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.fleet-empty>span{font-size:32px}.fleet-empty h2{margin:8px 0;font-size:22px}.fleet-empty p{color:#526077;font-size:12px;line-height:1.7}.fleet-map-error{z-index:180;border:var(--fleet-border);width:max-content;max-width:calc(100% - 30px);box-shadow:4px 4px 0 var(--fleet-ink);background:#fff0e7;border-radius:9px;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex;position:absolute;top:115px;left:50%;transform:translate(-50%)}.fleet-map-error button{border:var(--fleet-border);color:var(--fleet-ink);white-space:nowrap;background:#fff;border-radius:6px;padding:6px 9px;font-weight:700}.fleet-toast{border:var(--fleet-border);box-shadow:4px 4px 0 var(--fleet-ink);z-index:250;background:#ffed9e;border-radius:10px;align-items:center;gap:20px;max-width:calc(100% - 32px);padding:12px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:180px;left:50%;transform:translate(-50%)}.fleet-toast button{color:var(--fleet-ink);background:0 0;border:0;font-size:22px}.fleet-sr-only{clip-path:inset(100%);width:1px;height:1px;position:absolute;overflow:hidden}.is-clean-stage .fleet-map-heading,.is-clean-stage .fleet-map-footer,.is-clean-stage .fleet-toast{display:none}.fleet-show-controls{z-index:150;color:var(--fleet-ink);white-space:nowrap;background:#fffdf1dd;border:0;border-radius:6px;padding:6px 10px;font-size:10px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.fleet-gate,.fleet-loading{text-align:center;color:#122244;background:#ecf6ff;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:25px;display:flex}.fleet-gate h1{max-width:700px}.fleet-gate button,.fleet-gate a{color:#122244;background:#ffdc57;border:2px solid #122244;border-radius:8px;padding:10px 18px;font-weight:700;box-shadow:4px 4px #122244}.fleet-loading{position:relative}.fleet-loading>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fleet-loading>div{background:#fff9eb;border:2px solid #122244;border-radius:14px;padding:25px 40px;position:relative;box-shadow:5px 5px #122244}.fleet-loading b,.fleet-loading span{display:block}.fleet-loading b{font-size:26px}.fleet-loading span{margin-top:10px;font-size:13px}@keyframes fleet-bob{50%{transform:translateY(calc(-1 * var(--fleet-bob-height))) rotate(1.5deg)}}@keyframes fleet-vessel-in{0%{opacity:.1;scale:.7}to{opacity:1;scale:1}}@keyframes fleet-vessel-out{to{opacity:0;scale:.65}}@keyframes fleet-wake{0%{opacity:0;transform:translate(0)scaleX(.85)}18%{opacity:1}72%{opacity:.85}to{opacity:0;transform:translate(-18px)scaleX(1.12)}}@keyframes fleet-reward{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}15%,60%{opacity:1}to{opacity:0;transform:translate(-50%,-55px)scale(1.1)}}@keyframes fleet-countdown{0%{opacity:0;scale:.75}20%,80%{opacity:1;scale:1}to{opacity:0;scale:1.15}}@keyframes fleet-place-in{0%{opacity:0;scale:.3}65%{scale:1.2}to{opacity:1;scale:1}}@keyframes fleet-finish-burst{0%{opacity:0;translate:0;scale:.3}30%{opacity:1;scale:1.2}to{opacity:0;translate:0 -40px;scale:1.1}}@keyframes fleet-cloud-drift{50%{transform:translate(70px)}}@keyframes fleet-glint{0%,65%,to{opacity:0;transform:scale(.3)rotate(0)}78%{opacity:.75;transform:scale(1)rotate(12deg)}90%{opacity:0;transform:scale(.6)rotate(25deg)}}@keyframes fleet-status-pulse{50%{opacity:.5;scale:.8}}@keyframes fleet-bird-fly{to{transform:translate(calc(100vw + 96px))}}@keyframes fleet-buoy-bob{50%{transform:translateY(-5px)rotate(-4deg)}}@media (max-width:1050px){.fleet-page{--fleet-edge:20px}.fleet-brand{gap:9px;padding:10px 12px}.fleet-brand .brand-logo__word{font-size:20px}.fleet-brand h1{font-size:19px}.fleet-race-status{gap:8px;padding:8px 10px}.fleet-race-status strong{min-width:64px;font-size:22px}.fleet-race-status b{font-size:10px}.fleet-header .user-menu-meta{display:none}.fleet-header-actions{gap:10px}.fleet-map-heading{top:95px}.fleet-student-panel{width:300px}.fleet-directory{width:270px}}@media (max-width:760px){.fleet-ship-preview{display:none}.fleet-camera-controls{width:max-content;max-width:calc(100% - 32px);box-shadow:3px 3px 0 var(--fleet-ink);margin-inline:auto;padding:3px;top:126px;left:16px;right:16px}.fleet-camera-controls button{padding:6px 7px;font-size:9px}.fleet-page{--fleet-edge:16px}.fleet-header{align-items:flex-start;gap:8px}.fleet-brand{box-shadow:3px 3px 0 var(--fleet-ink);border-width:2px;border-radius:9px;gap:7px;padding:8px}.fleet-brand .brand-logo__word{display:none}.fleet-brand .brand-logo__markImg{width:22px;height:26px}.fleet-brand h1{padding-left:7px;font-size:16px}.fleet-header-actions{gap:8px}.fleet-header .user-menu-trigger{box-shadow:2px 2px 0 var(--fleet-ink);border-radius:50%;padding:3px}.fleet-header .user-menu-chevron{display:none}.fleet-header .user-menu-avatar{width:29px;height:29px}.fleet-race-status{box-shadow:2px 2px 0 var(--fleet-ink);border-radius:8px;gap:6px;padding:7px}.fleet-status-dot{display:none}.fleet-race-status b{font-size:8px}.fleet-race-status small{font-size:7px}.fleet-race-status strong{min-width:47px;font-size:17px}.fleet-map-heading{padding:6px 8px;top:82px;left:16px}.fleet-map-heading b{font-size:10px}.fleet-map-heading span{font-size:8px}.fleet-dock{width:calc(100% - 32px);max-width:350px;box-shadow:4px 4px 0 var(--fleet-ink);border-width:2px;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:5px;display:grid}.fleet-dock>button{gap:4px;min-width:0;min-height:48px;padding:4px 2px}.fleet-dock small{font-size:8px}.fleet-dock svg{width:21px;height:21px}.fleet-dock b{font-size:8px;top:-5px;right:-8px}.fleet-map-footer{gap:3px;width:max-content;max-width:calc(100% - 32px);padding:5px 8px;font-size:8px;bottom:93px}.fleet-map-footer>span{display:none}.fleet-podium{gap:6px}.fleet-podium>b{padding-right:5px}.fleet-panel{width:auto;max-width:none;inset:132px 16px 95px}.fleet-filter-panel,.fleet-help-panel{max-height:calc(100% - 227px);bottom:auto}.fleet-student-panel{gap:8px;padding:0 14px 12px}.fleet-captain h2{font-size:16px}.fleet-tier-preview{grid-template-columns:65px minmax(0,1fr);padding:7px}.fleet-tier-preview>img{width:65px;max-height:75px}.fleet-race-detail{padding:5px 0}.fleet-award fieldset{gap:7px}.fleet-amounts button{padding:6px 0}.fleet-page .has-detail .fleet-course,.fleet-page .has-directory .fleet-course{pointer-events:none}.fleet-page .has-detail .fleet-ship,.fleet-page .has-directory .fleet-ship{pointer-events:none;opacity:.25!important}.fleet-race-line>span{padding:2px 5px;font-size:8px;top:-8px}.fleet-countdown{left:auto;right:24px;top:calc(var(--fleet-course-top) + 44px);-webkit-text-stroke:2px var(--fleet-ink);text-shadow:2px 2px 0 var(--fleet-ink);font-size:36px;transform:translateY(-50%)}.fleet-countdown.is-sail{font-size:23px;transform:translateY(-50%)rotate(-4deg)}.fleet-map-error{gap:7px;padding:9px;font-size:10px;top:128px}.fleet-toast{padding:9px 12px;font-size:10px;bottom:148px}.fleet-buoy{width:30px;bottom:22%;left:12%}.fleet-seabird--0{top:22%}.fleet-seabird--1{top:43%}}@media (max-width:380px){.fleet-header{gap:4px}.fleet-header-actions{gap:5px}.fleet-race-status{gap:4px;padding:6px}.fleet-race-status b{max-width:78px;font-size:7px}.fleet-race-status strong{min-width:44px;font-size:16px}.fleet-brand{gap:5px;padding:6px}.fleet-brand h1{padding-left:5px;font-size:14px}.fleet-brand .brand-logo__markImg{width:20px;height:25px}}@media (max-width:760px) and (max-height:650px){.fleet-countdown{top:calc(var(--fleet-course-top) + 36px);-webkit-text-stroke:1.5px var(--fleet-ink);text-shadow:2px 2px 0 var(--fleet-ink);font-size:24px;left:auto;right:16px;transform:translateY(-50%)}.fleet-countdown.is-sail{padding:3px 6px;font-size:17px;transform:translateY(-50%)}}@media (max-height:700px){.fleet-ship-preview{display:none}}@media (prefers-reduced-motion:reduce){.fleet-page *,.fleet-page :before,.fleet-page :after{transition:none!important;animation:none!important}.fleet-reward,.fleet-countdown{opacity:1!important}.fleet-finish-stars,.fleet-air,.fleet-wake{display:none}}