@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sora-latin-ext-400-normal-Twk1CgKs.woff2)format("woff2"),url(/assets/sora-latin-ext-400-normal-BmhJC382.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sora-latin-400-normal-CRt88UEn.woff2)format("woff2"),url(/assets/sora-latin-400-normal-OW7qkl5a.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sora-latin-ext-500-normal-B5KKQIFO.woff2)format("woff2"),url(/assets/sora-latin-ext-500-normal-DwxUJRqY.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/sora-latin-500-normal-01eiPEn0.woff2)format("woff2"),url(/assets/sora-latin-500-normal-w58xtEt9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sora-latin-ext-600-normal-Cue1zdhl.woff2)format("woff2"),url(/assets/sora-latin-ext-600-normal-DLOJK0Ta.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sora-latin-600-normal-Cdg4DaK0.woff2)format("woff2"),url(/assets/sora-latin-600-normal-1_7fyUAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sora-latin-ext-700-normal-DM0oy5s8.woff2)format("woff2"),url(/assets/sora-latin-ext-700-normal-Oc7uZIYt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sora-latin-700-normal-9waGdLWo.woff2)format("woff2"),url(/assets/sora-latin-700-normal-BKPfQAnC.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/sora-latin-ext-800-normal-YDFYE6t9.woff2)format("woff2"),url(/assets/sora-latin-ext-800-normal-BvAfeed7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/sora-latin-800-normal-2tKLL3qT.woff2)format("woff2"),url(/assets/sora-latin-800-normal-c3Huklug.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-vietnamese-500-normal-GOH_-EGq.woff2)format("woff2"),url(/assets/fraunces-vietnamese-500-normal-B-KbxExq.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-ext-500-normal-Z5DV8IzT.woff2)format("woff2"),url(/assets/fraunces-latin-ext-500-normal-BMcFk1Xs.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-500-normal-DnGCNyPD.woff2)format("woff2"),url(/assets/fraunces-latin-500-normal-BTR4KCeb.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-vietnamese-600-normal-BjlAJixd.woff2)format("woff2"),url(/assets/fraunces-vietnamese-600-normal-DlAl5EAR.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-ext-600-normal-BtzmzP0X.woff2)format("woff2"),url(/assets/fraunces-latin-ext-600-normal-B0Dy4lqi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fraunces-latin-600-normal-BFCDtZfi.woff2)format("woff2"),url(/assets/fraunces-latin-600-normal-DL5QCzvS.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-vietnamese-700-normal-DH94m5DZ.woff2)format("woff2"),url(/assets/fraunces-vietnamese-700-normal-DxawQjq2.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2)format("woff2"),url(/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2)format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.boat-shop-panel{background:#020617;border-radius:24px;flex-direction:column;width:min(1000px,100vw - 32px);height:min(750px,100vh - 32px);font-family:Sora,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0009}.boat-shop-modal-panel.ui-system-modal-panel{box-shadow:none;background:0 0;border:none;padding:0;overflow:hidden;width:min(1000px,100vw - 32px)!important;max-height:calc(100vh - 32px)!important}.boat-shop-preview-shell,.boat-shop-preview-stage,.boat-shop-preview-host{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.boat-shop-preview-host{background:radial-gradient(circle,#1e293bcc 0%,#020617 100%)}.boat-shop-hud-layer{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.boat-shop-hud-layer>*{pointer-events:auto}.boat-shop-top-row{background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:space-between;align-items:flex-start;padding:32px 48px;display:flex}.boat-shop-intro{flex-direction:column;gap:6px;display:flex}.boat-shop-title{color:#e0f2fe;text-shadow:0 2px 4px #000c;font-size:16px;font-weight:700;line-height:1.4}.boat-shop-sub{color:#7dd3fc;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 2px #000c;font-size:13px;font-weight:800}.boat-shop-top-controls{z-index:20;align-items:center;gap:16px;display:flex}.boat-shop-hud-close{-webkit-backdrop-filter:blur(8px);color:#cbd5e1;cursor:pointer;z-index:20;pointer-events:auto;background:#0f172a80;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;transition:all .2s;display:flex}.boat-shop-hud-close:hover{color:#fff;background:#e11d48cc;border-color:#fb718580;transform:scale(1.1)rotate(90deg)}.boat-shop-balance{-webkit-backdrop-filter:blur(12px);color:#f8fafc;background:#0f172a99;border:1px solid #7dd3fc33;border-radius:14px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:flex;box-shadow:0 4px 12px #0006}.boat-shop-balance span[data-role=balance-value]{color:#38bdf8;text-shadow:0 0 10px #38bdf866}.boat-shop-nav-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;pointer-events:auto;background:#0f172a80;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0006}.boat-shop-nav-btn:hover:not(:disabled){background:#1e293bcc;border-color:#7dd3fc66;transform:translateY(-50%)scale(1.1);box-shadow:0 0 20px #7dd3fc4d}.boat-shop-nav-btn:disabled{opacity:.2;cursor:default}.boat-shop-nav-prev{left:48px}.boat-shop-nav-next{right:48px}.boat-shop-bottom-hud{background:linear-gradient(#0000 0%,#0009 50%,#000000f2 100%);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:auto;padding:80px 48px 48px;display:flex}.boat-shop-meta{flex-direction:column;flex:1;gap:12px;min-width:300px;max-width:500px;display:flex}.boat-shop-carousel-meta{align-items:center;gap:16px;display:flex}.boat-shop-counter,.boat-shop-summary{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 2px #000c;font-size:13px;font-weight:800}.boat-shop-summary{color:#38bdf8}.boat-shop-boat-name{letter-spacing:-.02em;color:#f8fafc;text-shadow:0 2px 8px #0009;font-size:42px;font-weight:800;line-height:1.1}.boat-shop-boat-desc{color:#cbd5e1;text-shadow:0 1px 3px #0009;font-size:15px;line-height:1.5}.boat-shop-status{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.boat-shop-pill{letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;box-shadow:0 2px 8px #0006}.boat-shop-pill-default{color:#cbd5e1;background:#1e293b80;border:1px solid #ffffff26}.boat-shop-pill-success{color:#6ee7b7;background:#10b9814d;border:1px solid #10b98180}.boat-shop-pill-info{color:#7dd3fc;background:#0ea5e94d;border:1px solid #0ea5e980}.boat-shop-controls-right{align-items:stretch;gap:16px;display:flex}.boat-shop-variant-section{-webkit-backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;min-width:140px;padding:12px;display:flex;box-shadow:0 8px 24px #0006}.boat-shop-variant-label{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.boat-shop-variant-carousel{background:#0f172a66;border:1px solid #ffffff0d;border-radius:999px;flex-direction:row;justify-content:space-between;align-items:center;width:200px;padding:6px;display:flex}.boat-shop-vnav-btn{color:#cbd5e1;cursor:pointer;background:#1e293b99;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding-bottom:2px;font-size:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.boat-shop-vnav-btn:hover:not(:disabled){color:#f8fafc;background:#38bdf833;border-color:#38bdf880;transform:scale(1.1);box-shadow:0 0 12px #38bdf84d}.boat-shop-vnav-btn:disabled{opacity:.3;cursor:default;background:0 0;border-color:#0000}.boat-shop-variant-display{color:#f8fafc;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:800;overflow:hidden}.boat-shop-variant-ownership-hint{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;min-height:14px;margin-top:8px;font-size:11px;font-weight:700}.boat-shop-actions{flex-direction:column;gap:12px;min-width:240px;display:flex}.boat-shop-primary-btn{color:#fff;letter-spacing:.02em;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);border:none;border-radius:16px;flex:1;padding:20px 32px;font-family:inherit;font-size:15px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0284c766,inset 0 1px 1px #ffffff4d}.boat-shop-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#7dd3fc 0%,#0369a1 100%);transform:translateY(-2px)scale(1.02);box-shadow:0 14px 24px #0284c780,inset 0 1px 1px #fff6}.boat-shop-primary-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#33415580;border:1px solid #94a3b81a}.boat-shop-primary-btn.affordable{background:linear-gradient(135deg,#10b981 0%,#047857 100%);box-shadow:0 10px 20px #04785766,inset 0 1px 1px #ffffff4d}.boat-shop-primary-btn.affordable:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#065f46 100%);box-shadow:0 14px 24px #04785780,inset 0 1px 1px #fff6}.boat-shop-secondary-btn{-webkit-backdrop-filter:blur(8px);color:#cbd5e1;cursor:pointer;background:#1e293b80;border:1px solid #ffffff1a;border-radius:16px;padding:16px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.boat-shop-secondary-btn:hover{color:#f8fafc;background:#334155e6;border-color:#fff3;transform:translateY(-2px)}@media (max-width:600px){.boat-shop-modal-panel.ui-system-modal-panel{border:none!important;border-radius:0!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.boat-shop-modal-panel .ui-system-modal-body{flex-direction:column;flex:1;height:100%;margin:0;padding:0;display:flex}.boat-shop-panel{border-radius:0;flex-direction:column;flex:1;width:100%;height:100%;display:flex}.boat-shop-top-row{padding:16px}.boat-shop-nav-btn{z-index:50;width:48px;height:48px;font-size:24px}.boat-shop-nav-prev{left:16px}.boat-shop-nav-next{right:16px}.boat-shop-bottom-hud{flex-direction:column;align-items:stretch;gap:16px;padding:48px 16px 16px}.boat-shop-meta{min-width:0}.boat-shop-boat-name{font-size:28px}.boat-shop-boat-desc{font-size:13px}.boat-shop-controls-right{flex-direction:column}.boat-shop-variant-section{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 16px}.boat-shop-variant-label{margin:0}.boat-shop-variant-carousel{flex-direction:row;width:auto}.boat-shop-vnav-btn.up,.boat-shop-vnav-btn.down{transform:rotate(-90deg)}.boat-shop-vnav-btn.up:hover:not(:disabled),.boat-shop-vnav-btn.down:hover:not(:disabled){transform:rotate(-90deg)scale(1.2)}}.lang-selector-fixed{z-index:3001;position:fixed;top:10px;left:50%;transform:translate(-50%)}.lang-selector-inline{text-align:center;margin-bottom:15px}.lang-selector-hidden{display:none!important}:root{--game-bg:#050b14;--left-hud-width:150px;--left-hud-width-tablet:132px;--left-hud-width-mobile:118px;--ui-overlay-top-offset:clamp(14px, 25vh, 260px)}html,body{background:var(--game-bg);width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;font-family:Sora,sans-serif;position:relative}#game-root{z-index:0;position:fixed;top:0;bottom:0;left:0;right:0}.game-canvas{display:block;width:100%!important;height:100%!important}.game-loading{color:#e0f2fe;letter-spacing:.02em;z-index:20;-webkit-backdrop-filter:blur(14px);background-color:#050b142e;justify-content:center;align-items:center;gap:12px;font-family:Sora,sans-serif;font-size:.95rem;transition:opacity .6s,background-color .6s,-webkit-backdrop-filter .6s,backdrop-filter .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.game-loading.ready{opacity:0;-webkit-backdrop-filter:blur();pointer-events:none;background-color:#050b1400}.game-loading .spinner{border:2px solid #e2e8f059;border-top-color:#e2e8f0;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite game-spin}@keyframes game-spin{to{transform:rotate(360deg)}}*{-webkit-tap-highlight-color:transparent}.top-left-container{z-index:1000;width:var(--left-hud-width);flex-direction:column;align-items:flex-start;gap:10px;transition:all .3s;display:flex;position:absolute;top:10px;left:10px}.top-left-slot{flex-direction:column;align-items:stretch;width:100%;display:flex}#top-left-race-slot{align-items:stretch}.high-sea-panel{box-sizing:border-box;color:#e6f4ff;-webkit-user-select:none;user-select:none;background:#080f1cdb;border:1px solid #70c7ff59;border-radius:10px;flex-direction:column;gap:8px;width:100%;padding:10px;font-family:Sora,sans-serif;display:flex;box-shadow:0 8px 20px #00000059}.high-sea-title{letter-spacing:.05em;text-transform:uppercase;color:#7dd3fc;font-size:14px;font-weight:700}.high-sea-subtitle{color:#e6f4ffcc;font-size:11px}.high-sea-grid{grid-template-columns:1fr;gap:4px;display:grid}.high-sea-row{justify-content:space-between;align-items:center;font-size:12px;line-height:1.3;display:flex}.high-sea-status{color:#bae6fd;min-height:30px;font-size:11px;line-height:1.35}.high-sea-status[data-tone=warning]{color:#facc15}.high-sea-status[data-tone=danger]{color:#fb7185}.high-sea-status[data-tone=success]{color:#4ade80}.ui-toast-stack,.ui-banner-stack{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:0;right:0}.ui-toast-stack{z-index:2300}.ui-banner-stack{z-index:2350}.ui-toast-stack-top,.ui-banner-stack-top{top:var(--ui-overlay-top-offset)}.ui-toast{box-sizing:border-box;color:#f8fafc;text-align:center;white-space:pre-line;opacity:0;background:#0a0f18e6;border:1px solid #94a3b880;border-radius:11px;width:-moz-fit-content;width:fit-content;max-width:min(640px,100vw - 30px);padding:11px 14px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;line-height:1.35;transition:transform .16s,opacity .16s;transform:translateY(-10px);box-shadow:0 14px 30px #00000057}.ui-toast.is-visible{opacity:1;transform:translateY(0)}.ui-banner{box-sizing:border-box;color:#f8fafc;pointer-events:auto;opacity:0;background:#0f172aeb;border:1px solid #94a3b880;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;max-width:min(740px,100vw - 30px);padding:12px 14px;font-family:Sora,sans-serif;line-height:1.35;transition:transform .16s,opacity .16s;display:flex;transform:translateY(-10px);box-shadow:0 14px 30px #00000057}.ui-banner.is-visible{opacity:1;transform:translateY(0)}.ui-banner-message{white-space:pre-line;overflow-wrap:anywhere;min-width:0;font-size:13px;font-weight:600}.ui-banner-message-primary{text-align:center;min-width:0}.ui-banner-message-secondary{white-space:nowrap;text-align:center;color:#cbd5e1;font-size:16px;font-weight:700;line-height:1.2}.ui-banner-message-secondary.ui-tone-info{color:#cbd5e1}.ui-banner-message-secondary.ui-tone-success{color:#86efac}.ui-banner-message-secondary.ui-tone-warning{color:#fde047}.ui-banner-message-secondary.ui-tone-danger{color:#fda4af}.ui-banner.high-sea-warning-banner{justify-content:center;width:min(620px,100vw - 30px)}.ui-banner.high-sea-warning-banner .ui-banner-message{flex-direction:column;align-items:center;gap:2px;display:flex}.ui-banner.high-sea-warning-banner .ui-banner-message-secondary{font-variant-numeric:tabular-nums;letter-spacing:.01em;min-width:4.5ch;font-size:clamp(24px,6vw,36px);font-weight:800;line-height:1}.ui-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ui-banner-action,.ui-banner-close{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;font-family:Sora,sans-serif;font-size:12px;font-weight:700}.ui-banner-action{padding:7px 10px}.ui-banner-close{width:26px;height:26px;padding:0}.ui-system-modal{z-index:2650}.ui-system-modal-panel{width:min(92vw,520px)}.ui-system-modal-description{color:#9fbad3;margin-bottom:10px;font-size:13px}.ui-system-modal-body{flex-direction:column;gap:8px;display:flex}.ui-system-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.ui-system-modal-action{color:#fff;cursor:pointer;border:1px solid #ffffff2e;border-radius:12px;padding:8px 12px;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.ui-tone-info{color:#e2e8f0;background:#0f172aeb;border-color:#94a3b880}.ui-tone-success{color:#dcfce7;background:#09160ce6;border-color:#86efac8c}.ui-tone-warning{color:#fef08a;background:#292004eb;border-color:#facc15b3}.ui-tone-danger{color:#fecdd3;background:#320a12ed;border-color:#fb7185b3}.logistics-mission-list{flex-direction:column;gap:10px;display:flex}.logistics-mission-item{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.logistics-mission-info{flex-direction:column;gap:4px;display:flex}.logistics-mission-name{font-size:14px;font-weight:600}.logistics-mission-meta{opacity:.9;font-size:12px}.logistics-btn{color:#fff;cursor:pointer;border:1px solid #fff3;border-radius:8px;padding:8px 12px;font-family:Sora,sans-serif;font-size:13px;transition:transform .14s}.logistics-btn:hover{transform:scale(1.04)}.logistics-btn-secondary{background:#64748bb8}.logistics-btn-accept{background:#1e90ffe6}.high-sea-center-warning{box-sizing:border-box;color:#fef08a;letter-spacing:.01em;text-align:center;pointer-events:none;opacity:0;z-index:2250;background:#292004eb;border:1px solid #facc15bf;border-radius:12px;width:min(640px,100vw - 32px);padding:14px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;line-height:1.35;transition:opacity .18s,transform .18s;position:fixed;top:34%;left:50%;transform:translate(-50%,-12px);box-shadow:0 14px 28px #00000057}.high-sea-center-warning.is-visible{opacity:1;transform:translate(-50%)}.high-sea-center-warning[data-tone=danger]{color:#fecdd3;background:#320a12f0;border-color:#fb7185bf}.high-sea-fail-modal{background:#000000ad}.high-sea-fail-card{flex-direction:column;gap:10px;width:min(100%,380px);margin:0 auto;display:flex}.high-sea-fail-panel .game-modal-header{justify-content:center}.high-sea-fail-panel .game-modal-title{text-align:center;width:100%}.high-sea-fail-title{color:#fda4af;font-size:20px;font-weight:700}.high-sea-fail-row{color:#e2e8f0;background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex}.high-sea-fail-row strong{color:#fff}.high-sea-fail-submit-status{color:#cbd5e1;min-height:40px;margin:4px 0 0;font-size:13px;line-height:1.4}.high-sea-fail-submit-status[data-tone=warning]{color:#fcd34d}.high-sea-fail-submit-status[data-tone=success]{color:#86efac}.high-sea-fail-turnstile{justify-content:center;min-height:65px;display:none}.high-sea-fail-name-group{flex-direction:column;gap:6px;margin-top:2px;display:flex}.high-sea-fail-name-label{color:#cbd5e1;letter-spacing:.01em;font-size:12px}.high-sea-fail-name-input{box-sizing:border-box;color:#f8fafc;background:#080f1ed9;border:1px solid #fff3;border-radius:8px;width:100%;padding:10px 12px;font-family:Sora,sans-serif;font-size:14px}.high-sea-fail-name-input:focus{border-color:#3b82f6e6;outline:none}.high-sea-fail-actions{gap:10px;display:flex}.high-sea-fail-submit-button{color:#fff;cursor:pointer;background:#0f766eeb;border:1px solid #ffffff2e;border-radius:10px;flex:1;margin-top:6px;padding:10px 12px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,background .15s}.high-sea-fail-submit-button:hover{background:#0d9488f5;transform:translateY(-1px)}.high-sea-fail-submit-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.high-sea-fail-button{color:#fff;cursor:pointer;background:#1d4ed8eb;border:1px solid #ffffff2e;border-radius:10px;flex:1;margin-top:6px;padding:10px 12px;font-family:Sora,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,background .15s}.high-sea-fail-button:hover{background:#2563ebf5;transform:translateY(-1px)}.high-sea-fail-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.top-right-container{z-index:1000;flex-direction:column;align-items:flex-end;gap:10px;width:130px;transition:all .3s;display:flex;position:absolute;top:10px;right:10px}.ui-button-column{z-index:1000;flex-direction:column;align-items:flex-end;gap:10px;display:flex}.ui-button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000000b3;border-radius:8px;justify-content:flex-end;align-items:center;width:auto;min-width:40px;height:40px;padding:0;transition:all .2s;display:flex;box-shadow:0 4px 8px #0000004d}.ui-button:hover{background:#000c;transform:scale(1.05)}.ui-button-content{pointer-events:none;justify-content:center;align-items:center;height:100%;padding:0 8px;display:flex}.ui-button-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ui-button-label{opacity:0;white-space:nowrap;max-width:0;margin-right:0;font-size:14px;font-weight:600;transition:all .5s;display:inline-block;overflow:hidden}.ui-button.expanded .ui-button-label{opacity:1;max-width:150px;margin-right:8px}.ui-badge{color:#fff;-webkit-user-select:none;user-select:none;background:#0009;border:1px solid #fff3;border-radius:6px;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.ui-badge-count{text-align:center;color:#fff;pointer-events:none;background:#0009;border-radius:4px;min-width:12px;padding:1px 3px;font-size:10px;line-height:1;position:absolute;bottom:-8px;right:-8px}.ui-announcement{pointer-events:none;z-index:2400;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ui-announcement-text{color:#fff;text-shadow:0 4px 20px #00000080;-webkit-user-select:none;user-select:none;opacity:0;font-family:Sora,sans-serif;font-size:160px;font-weight:300;transition:transform .25s ease-out,opacity .15s ease-out;transform:scale(.8)}.ui-announcement-text.is-visible{opacity:1;transform:scale(1)}.ui-announcement-text.is-exiting{opacity:0;transform:scale(1.2)}.game-modal-overlay{z-index:2500;box-sizing:border-box;background:#00000073;justify-content:center;align-items:center;padding:12px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.game-modal-overlay.is-visible{display:flex}.game-modal-panel{-webkit-backdrop-filter:blur(16px);color:#f8fafc;background:#0f172abf;border:1px solid #ffffff26;border-radius:20px;width:min(92vw,440px);max-height:min(84vh,680px);padding:24px;font-family:Sora,sans-serif;overflow-y:auto;box-shadow:0 20px 60px #0009,inset 0 1px 1px #ffffff1a}.game-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.game-modal-title{color:#f8fafc;letter-spacing:-.02em;font-size:22px;font-weight:800}.game-modal-close{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.game-modal-close:hover{color:#fff;background:#e11d48cc;border-color:#fb718580;transform:scale(1.1)rotate(90deg)}.game-modal-row{box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-width:180px;padding:10px 12px;display:flex}.game-modal-button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;padding:10px 12px}.game-modal-button:disabled{opacity:.5;pointer-events:none}.game-modal-small-button{cursor:pointer;color:#fff;background:#ffffff0f;border:none;border-radius:8px;min-width:36px;padding:6px 10px}.game-modal-small-button:disabled{opacity:.5;pointer-events:none}.game-modal-label{font-size:14px}.game-modal-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 10px;font-size:14px}.game-modal-caption{color:#9fbad3;margin-bottom:6px;font-size:14px}.leaderboard-modal-panel{width:min(96vw,720px);font-family:Sora,sans-serif}.leaderboard-modal-panel .game-modal-title{color:#4caf50}#leaderboard-tabs{flex-wrap:wrap;justify-content:center;gap:5px;margin-bottom:16px;display:flex}.day-tab{cursor:pointer;-webkit-user-select:none;user-select:none;color:#ddd;background-color:#ffffff14;border-radius:6px;padding:clamp(6px,2vw,8px) clamp(10px,3vw,15px);font-size:clamp(12px,3.5vw,14px);transition:background-color .2s}.day-tab:hover{background-color:#ffffff26}.day-tab.is-selected{color:#fff;background-color:#4caf50}.day-tab.is-selected:hover{background-color:#4caf50}.leaderboard-actions-top{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.leaderboard-actions-top .leaderboard-action-button{min-height:32px;padding:5px 12px;font-size:13px}.leaderboard-races-count{text-align:center;color:#4caf50;margin-bottom:12px;font-size:clamp(12px,3.5vw,14px)}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;color:#ffffffd9;background-color:#4caf5033;border-bottom:1px solid #ffffff26;padding:10px 12px;font-size:13px;font-weight:600}.leaderboard-table th:last-child{text-align:right}.leaderboard-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:10px 12px;font-size:14px}.leaderboard-table td:last-child{text-align:right}.leaderboard-table tr.current-player td{background-color:#4caf5026}.leaderboard-table .player-x-link{color:#fff;align-items:center;text-decoration:none;display:flex}.leaderboard-table .player-x-link svg{margin-right:5px}.leaderboard-table .flag-img{vertical-align:middle;border:1px solid #ffffff26;border-radius:2px;width:24px;height:16px;margin-right:6px}.button-container{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.leaderboard-action-button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.leaderboard-action-primary{color:#0f1b0f;background-color:#4caf50;border-color:#4caf50}.leaderboard-action-primary:hover{background-color:#58be5d;border-color:#58be5d}.leaderboard-action-secondary{color:#4caf50;background-color:#0000;border-color:#4caf50a6}.leaderboard-action-secondary:hover{color:#69cf6e;background-color:#4caf5026;border-color:#4caf50}.leaderboard-empty-message{text-align:center;color:#fff9;padding:20px}.leaderboard-loading{text-align:center;padding:30px}.leaderboard-loading p{color:#fff9;margin-top:15px}.leaderboard-error{text-align:center;color:#f66;padding:20px}.leaderboard-error-title{margin-bottom:10px;font-size:18px}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#4caf50;border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite game-spin}@media (max-width:600px){.leaderboard-table th,.leaderboard-table td{padding:8px 6px}.leaderboard-table{font-size:13px}.country-name{display:none}}@media (max-width:400px){.leaderboard-table{font-size:12px}.leaderboard-table th,.leaderboard-table td{padding:6px 4px}}.pause-overlay-content{flex-direction:column;align-items:center;gap:8px;display:flex}.pause-overlay-title{color:#fff;letter-spacing:8px;font-family:Sora,sans-serif;font-size:48px;font-weight:300}.pause-overlay-subtitle{color:#fff9;font-size:14px}.hotkeys-overlay{z-index:2600;background-color:#0009;padding:16px}.hotkeys-panel-modal{width:min(92vw,460px);max-height:80vh;box-shadow:none;background:0 0;border:none;padding:0}.hotkeys-panel{color:#fff;box-sizing:border-box;background:#14181cf2;border-radius:12px;width:100%;max-height:80vh;padding:16px;font-family:Sora,sans-serif;overflow:hidden auto;box-shadow:0 20px 60px #00000073}.hotkeys-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hotkeys-title{color:#a5d8ff;font-size:20px;font-weight:700}.race-challenge-overlay,.race-complete-overlay{color:#fff;background-color:#000000d9;font-family:Sora,sans-serif}.race-challenge-panel,.race-complete-panel{width:min(96vw,560px);box-shadow:none;background:0 0;border:none;padding:0}.challenge-panel-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;text-align:center;border:1px solid #fff3;border-radius:8px;width:100%;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .2s ease-out,transform .2s ease-out;box-shadow:0 4px 8px #0000004d}.challenge-panel-btn:hover{transform:scale(1.05)}.challenge-panel-btn-join{background-color:#308e5feb}.challenge-panel-btn-join:hover{background-color:#3ba86ff5}.challenge-panel-btn-exit{background-color:#f33;border-color:#ffffff3d}.challenge-panel-btn-exit:hover{background-color:#ff4d4d}.challenge-panel-btn-secondary{background-color:#000}.challenge-panel-btn-secondary:hover{background-color:#333}.race-modal-content{background-color:#000c;border-radius:8px;width:100%;max-width:420px;padding:20px;font-family:Sora,sans-serif;box-shadow:0 4px 8px #0000004d}.race-modal-input{color:#fff;box-sizing:border-box;background-color:#222;border:1px solid #555;border-radius:4px;width:100%;padding:8px;font-family:inherit;font-size:16px}.race-modal-btn-row{justify-content:center;gap:10px;display:flex}.race-modal-btn{cursor:pointer;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-family:inherit;font-size:16px;transition:background-color .2s}.race-modal-btn-primary{background-color:#4caf50}.race-modal-btn-primary:hover{background-color:#58be5d}.race-modal-btn-info{background-color:#39f}.race-modal-btn-info:hover{background-color:#4da6ff}.race-modal-btn-close{background-color:#4a4a4a}.race-modal-btn-close:hover{background-color:#5a5a5a}.performance-monitor-overlay{padding-top:calc(var(--vs-header-clearance,72px) + 8px);pointer-events:none;background:0 0;align-items:flex-start}.performance-monitor-panel{white-space:pre;-webkit-user-select:text;user-select:text;pointer-events:auto;width:auto;min-width:min(92vw,360px);max-width:min(96vw,560px);padding-right:64px;position:relative}.performance-monitor-copy{width:auto;height:auto;min-height:28px;padding:4px 8px;position:absolute;top:12px;right:12px}.hotkeys-close{cursor:pointer;background:#ffffff0f;border-radius:8px;padding:6px 8px}.hotkeys-list{flex-direction:column;gap:8px;display:flex}.hotkeys-row{background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.hotkeys-label{overflow-wrap:anywhere;min-width:0;font-size:14px}.hotkeys-key{background:#00000059;border:1px solid #fff3;border-radius:6px;flex-shrink:0;padding:4px 8px;font-family:monospace;font-size:13px}#speed-value{white-space:nowrap}#speed-value-unit{opacity:.82;font-size:.68em}@media (max-width:480px){#speed-value{font-size:20px!important}#speed-value-unit{letter-spacing:0}}@media (max-width:768px){#top-left-container{transform-origin:0 0;transform:scale(.9);width:var(--left-hud-width-tablet)!important}#top-right-container{transform-origin:100% 0;transform:scale(.9);width:120px!important}#speedometer{transform-origin:0 0;transform:none}#controls-panel{transform-origin:0 0;transform:scale(.8)}}@media (max-width:480px){#top-left-container{transform-origin:0 0;transform:scale(.85);width:var(--left-hud-width-mobile)!important}#top-right-container{transform-origin:100% 0;transform:scale(.85);width:110px!important}#speedometer{transform-origin:0 0;transform:none}#controls-panel{transform-origin:0 0;transform:scale(.75)}}body.map-mode{cursor:grab}body.map-mode:active{cursor:grabbing}.map-status{z-index:30;color:#dbeafe;letter-spacing:.01em;pointer-events:none;background:#050b14ad;border:1px solid #ffffff3d;border-radius:999px;padding:8px 12px;font-family:Sora,sans-serif;font-size:12px;position:fixed;top:16px;left:16px}.map-hint{z-index:30;-webkit-backdrop-filter:blur(8px);color:#dbeafe;letter-spacing:.02em;pointer-events:none;background:#050b14ad;border:1px solid #ffffff3d;border-radius:999px;padding:8px 16px;font-family:Sora,sans-serif;font-size:12px;transition:opacity .6s;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.mini-map-overlay{opacity:0;pointer-events:none;transition:opacity .2s}.mini-map-overlay.is-visible{opacity:1;pointer-events:auto}.mini-map{opacity:0;background:#14181ceb;border:1px solid #ffffff1f;border-radius:14px;width:-moz-fit-content;width:fit-content;max-width:min(92vw,440px);padding:0;transition:opacity .2s,transform .2s;overflow:hidden;transform:scale(.97);box-shadow:0 20px 60px #00000073}.mini-map.is-visible{opacity:1;transform:scale(1)}.mini-map-surface{aspect-ratio:1;background:#187db2e0;border:1px solid #ffffff2e;border-radius:10px;width:min(420px,92vw - 32px,100vh - 96px);margin:0 auto 10px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000004d}.mini-map-canvas{width:100%;height:100%;display:block}.mini-map-target{pointer-events:none;opacity:0;background:#ffd166;border:2px solid #ffffffe6;border-radius:999px;width:12px;height:12px;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #f59e0bd9}.mini-map-target.is-visible{opacity:1}.mini-map-arrow{filter:drop-shadow(0 0 5px #ef4444cc);transform-origin:50% 70%;pointer-events:none;border-bottom:22px solid #ef4444;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-map-header{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.mini-map-title{color:#a5d8ff;letter-spacing:.1em;text-transform:uppercase;font-family:Sora,sans-serif;font-size:13px;font-weight:600}.mini-map-close{border-radius:6px}.mini-map-rim{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.mini-map-rim-wind,.mini-map-rim-target{filter:drop-shadow(0 0 2px #00000080);width:20px;height:20px;display:none;position:absolute;top:0;left:0}.mini-map-rim-wind path{fill:#39f}.mini-map-rim-target path{fill:#ffd166}.mini-map-footer{justify-content:center;align-items:center;gap:12px;padding:8px 10px;display:flex}.mini-map-wind-label{color:#94a3b8;letter-spacing:.04em;font-family:Sora,sans-serif;font-size:11px}.tutorial-overlay{pointer-events:none;z-index:3000;justify-content:center;display:flex;position:fixed;top:24px;left:0;right:0}.tutorial-card{text-align:center;pointer-events:auto;background:#0a0f19d9;border:1px solid #ffffff26;border-radius:40px;width:auto;max-width:680px;padding:16px 60px;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d}.tutorial-card.tutorial-card-minimal{background:#0a0f193d;border-color:#ffffff14;transform:translateY(-6px)scale(.98);box-shadow:0 4px 18px #00000038}.tutorial-card.tutorial-card-minimal .tutorial-title,.tutorial-card.tutorial-card-minimal .tutorial-text{opacity:.25}.tutorial-title{text-transform:uppercase;letter-spacing:.15em;color:#ffd166;opacity:.9;margin-bottom:4px;font-family:Sora,sans-serif;font-size:13px;font-weight:800}.tutorial-text{color:#fff;margin-bottom:0;font-family:Sora,sans-serif;font-size:16px;line-height:1.5}.tutorial-text b{color:#4ade80;font-weight:700}.tutorial-progress{justify-content:center;gap:6px;margin:12px 0 4px;display:flex}.tutorial-dot{background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .3s}.tutorial-dot.active{background:#ffd166;transform:scale(1.3)}.tutorial-dot.completed{background:#fff9}.tutorial-action{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:40px;margin-top:12px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-block}.tutorial-action:hover{background:#ffffff26;transform:translateY(-1px)}.tutorial-action.tutorial-action-prompt{box-shadow:none;color:#e8f2ffeb;letter-spacing:.02em;cursor:default;pointer-events:none;background:0 0;border:0;border-radius:0;padding:0;font-size:15px;font-weight:600}.tutorial-action.tutorial-action-prompt:hover{background:0 0;transform:none}.tutorial-action.tutorial-action-start{background:#ffffff1f;border:2px solid #ffffff4d;padding:16px 40px;font-size:18px;transition:all .3s cubic-bezier(.2,.8,.2,1);animation:2s ease-in-out infinite tutorial-start-pulse;box-shadow:0 0 20px #ffffff1a}@keyframes tutorial-start-pulse{0%{border-color:#ffffff4d;transform:scale(1);box-shadow:0 0 20px #ffffff1a}50%{border-color:#ffffff80;transform:scale(1.05);box-shadow:0 0 30px #fff3}to{border-color:#ffffff4d;transform:scale(1);box-shadow:0 0 20px #ffffff1a}}.tutorial-action.tutorial-action-start:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #fff3}.tutorial-voice-toggle{cursor:pointer;opacity:.85;-webkit-backdrop-filter:blur(8px);z-index:10;background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tutorial-voice-toggle:hover{opacity:1;background:#ffffff40;border-color:#fff6;transform:translateY(-50%)scale(1.1)}.tutorial-voice-toggle svg{width:22px;height:22px;display:block}.tutorial-hint-container{--drag-span:220px;--drag-rise:84px;--drag-dip:64px;pointer-events:none;z-index:3200;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.tutorial-hint-hand,.tutorial-hint-mouse{opacity:0;filter:drop-shadow(0 3px 10px #0000008c);width:62px;height:62px;transition:opacity .5s;display:none;position:absolute}.tutorial-hint-mouse{color:#fffffff5}.tutorial-hint-mouse svg,.tutorial-hint-hand svg{width:100%;height:100%}.tutorial-control-arrow{pointer-events:none;filter:drop-shadow(0 0 14px #60d7ffa6);width:120px;height:120px;display:none;position:absolute;transform:translate(-50%,-50%)}.tutorial-control-arrow-svg{width:100%;height:100%;overflow:visible}.tutorial-control-arrow-svg line,.tutorial-control-arrow-svg polyline{fill:none;stroke:#f0fcfffa;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.tutorial-control-arrow-svg line{--tutorial-arrow-dash:42;stroke-dasharray:var(--tutorial-arrow-dash);stroke-dashoffset:var(--tutorial-arrow-dash);animation:1.05s ease-out infinite tutorial-control-arrow-stroke}.tutorial-control-arrow-svg polyline{--tutorial-arrow-dash:34;stroke-dasharray:var(--tutorial-arrow-dash);stroke-dashoffset:var(--tutorial-arrow-dash);animation:1.05s ease-out infinite tutorial-control-arrow-stroke}.tutorial-control-arrow-left{animation:1.05s ease-out infinite tutorial-control-arrow-left}.tutorial-control-arrow-down{animation:1.05s ease-out infinite tutorial-control-arrow-down}.tutorial-wasd-hint{pointer-events:none;grid-template-rows:repeat(2,46px);grid-template-columns:repeat(3,46px);gap:8px;display:none;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.tutorial-wasd-key{color:#ffffffdb;text-shadow:0 1px 2px #00000073;background:#05111ebd;border:1px solid #ffffff57;border-radius:10px;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-size:18px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 6px 14px #00000059}.tutorial-wasd-key-w{grid-area:1/2}.tutorial-wasd-key-a{grid-area:2/1}.tutorial-wasd-key-s{grid-area:2/2}.tutorial-wasd-key-d{grid-area:2/3}.tutorial-wasd-key-active{color:#fff;background:#2870aec7;border-color:#78e6fff2;transform:translateY(-1px);box-shadow:0 0 16px #69daffa6,0 10px 20px #00000073}.tutorial-wasd-key-primary{color:#fffaf0;text-shadow:0 0 10px #ffe08acc,0 1px 2px #00000080;background:linear-gradient(#d68b2ae6,#a35a0ceb);border-color:#fff0a0fa;animation:1s ease-in-out infinite tutorial-wasd-primary-pulse;position:relative;box-shadow:0 0 0 2px #ffe9a059,0 0 20px #ffbb46b3,0 10px 20px #00000073}.tutorial-wasd-key-primary:after{content:"";pointer-events:none;border:2px solid #ffdd86cc;border-radius:14px;animation:1s ease-out infinite tutorial-wasd-primary-ring;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.tutorial-hint-drag-track{pointer-events:none;width:min(540px,84vw);height:190px;display:none;position:absolute;top:71%;left:50%;transform:translate(-50%,-50%)}.tutorial-hint-curve{width:100%;height:100%;overflow:visible}.tutorial-hint-curve-path{fill:none;stroke:#ffffff8a;stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 16px #50b6ff99);stroke-dasharray:18 12;animation:2.2s ease-in-out infinite tutorial-drag-track-glow}.swipe-hint-mobile{animation:2.4s ease-in-out infinite reverse tutorial-drag-finger;top:61%;left:50%}.swipe-hint-desktop{animation:2.4s ease-in-out infinite reverse tutorial-drag-pointer;top:61%;left:50%}.tap-hint-mobile{animation:1.15s ease-in-out infinite tutorial-tap-finger}.tap-hint-desktop{animation:1.15s ease-in-out infinite tutorial-tap-pointer}@keyframes tutorial-drag-track-glow{0%{opacity:.68}50%{opacity:1}to{opacity:.68}}@keyframes tutorial-control-arrow-left{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(.9)}18%{opacity:1}80%{opacity:1;transform:translate(-50%,-50%)translate(-30px)scale(1)}to{opacity:0;transform:translate(-50%,-50%)translate(-36px)scale(1)}}@keyframes tutorial-wasd-primary-pulse{0%{transform:translateY(-1px)scale(1)}50%{transform:translateY(-2px)scale(1.04)}to{transform:translateY(-1px)scale(1)}}@keyframes tutorial-wasd-primary-ring{0%{opacity:.95;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}@keyframes tutorial-control-arrow-down{0%{opacity:0;transform:translate(-50%,-50%)translateY(0)scale(.9)}18%{opacity:1}80%{opacity:1;transform:translate(-50%,-50%)translateY(30px)scale(1)}to{opacity:0;transform:translate(-50%,-50%)translateY(36px)scale(1)}}@keyframes tutorial-control-arrow-stroke{0%{stroke-dashoffset:var(--tutorial-arrow-dash)}28%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes tutorial-tap-finger{0%{opacity:.95;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}35%{opacity:1;transform:translate(-50%,calc(6px - 50%))scale(.84)rotate(-6deg)}62%{opacity:.96;transform:translate(-50%,-50%)scale(1.03)rotate(-8deg)}to{opacity:.95;transform:translate(-50%,-50%)scale(1)rotate(-8deg)}}@keyframes tutorial-tap-pointer{0%{opacity:.95;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}35%{opacity:1;transform:translate(-50%,calc(5px - 50%))scale(.84)rotate(-2deg)}62%{opacity:.96;transform:translate(-50%,-50%)scale(1.02)rotate(-4deg)}to{opacity:.95;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}}@keyframes tutorial-drag-finger{0%{transform:translate(calc(-1 * var(--drag-span)), calc(-1 * var(--drag-rise))) rotate(-12deg);opacity:0}14%{opacity:1}48%{transform:translate(0, var(--drag-dip)) rotate(0deg);opacity:1}80%{transform:translate(var(--drag-span), calc(-1 * var(--drag-rise))) rotate(10deg);opacity:1}to{transform:translate(var(--drag-span), calc(-1 * var(--drag-rise))) rotate(10deg);opacity:0}}@keyframes tutorial-drag-pointer{0%{transform:translate(calc(-1 * var(--drag-span)), calc(-1 * var(--drag-rise) + 4px)) rotate(-8deg);opacity:0}14%{opacity:1}48%{transform:translate(0, calc(var(--drag-dip) - 2px)) rotate(0deg);opacity:1}80%{transform:translate(var(--drag-span), calc(-1 * var(--drag-rise) + 4px)) rotate(8deg);opacity:1}to{transform:translate(var(--drag-span), calc(-1 * var(--drag-rise) + 4px)) rotate(8deg);opacity:0}}.tutorial-pulse{pointer-events:none;border:4px solid #fff6;border-radius:50%;width:100px;height:100px;animation:2s infinite tutorial-pulse;position:absolute;transform:translate(-50%,-50%)}.tutorial-pulse.tutorial-pulse-tap{border-color:#baebffb8;width:76px;height:76px;animation:1.15s ease-out infinite tutorial-tap-pulse}@keyframes tutorial-pulse{0%{opacity:1;border-width:8px;transform:translate(-50%,-50%)scale(.6)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(1.6)}}@keyframes tutorial-tap-pulse{0%{opacity:.95;border-width:6px;transform:translate(-50%,-50%)scale(.66)}70%{opacity:0;border-width:2px;transform:translate(-50%,-50%)scale(1.34)}to{opacity:0;border-width:1px;transform:translate(-50%,-50%)scale(1.34)}}.tutorial-card.tutorial-card-success{background:#0a190fe6;border-color:#4ade8066;box-shadow:0 20px 60px #00000080,0 0 40px #4ade8026}.tutorial-card-success .tutorial-title{color:#4ade80}.tutorial-action.tutorial-action-success{color:#4ade80;background:#22c55e33;border:1px solid #4ade8080;padding:12px 32px;font-size:16px;box-shadow:0 0 15px #4ade801a}.tutorial-action.tutorial-action-success:hover{color:#fff;background:#22c55e66;border-color:#4ade80;box-shadow:0 0 25px #4ade804d}.hint-left{bottom:90px;left:15%}.hint-right{bottom:90px;right:15%}@media (max-width:768px){.tutorial-hint-hand,.tutorial-hint-mouse{width:56px;height:56px}.tutorial-control-arrow{width:98px;height:98px}.tutorial-hint-drag-track{width:min(360px,88vw);height:146px;top:68%}.tutorial-hint-container{--drag-span:142px;--drag-rise:56px;--drag-dip:44px}.swipe-hint-mobile,.swipe-hint-desktop{top:59%}.tutorial-hint-curve-path{stroke-width:7px}}@media (max-width:768px) and (hover:none) and (pointer:coarse){.tutorial-wasd-hint{display:none!important}}.compass-text{fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:12px;font-weight:700}.geo-auth-gate{z-index:12000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at top,#7dd3fc2e,#0000 34%),#020617e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.geo-auth-gate-card{color:#e2e8f0;background:#060c16d6;border:1px solid #94a3b838;border-radius:24px;width:min(100%,560px);padding:28px;font-family:Sora,sans-serif;box-shadow:0 28px 80px #02061775}.geo-auth-gate-eyebrow{color:#7dd3fc;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.geo-auth-gate-title{margin:0;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3rem);line-height:.95}.geo-auth-gate-copy{color:#e2e8f0cc;margin:14px 0 0;line-height:1.6}.geo-auth-gate-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.geo-auth-gate-button{cursor:pointer;border:none;border-radius:999px;padding:12px 16px;font-weight:600}.geo-auth-gate-button-primary{color:#02101d;background:linear-gradient(135deg,#7dd3fc 0%,#f9a8d4 100%)}.geo-auth-gate-button-google{color:#1f1f1f;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:.5rem;display:flex}.geo-auth-gate-button-google:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a}.geo-auth-gate-button-google svg{flex-shrink:0}.geo-auth-gate-button-secondary{color:#e2e8f0;background:#ffffff14;border:1px solid #94a3b82e}.ui-mobile-controls-container{box-sizing:border-box;z-index:1000;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;width:100%;height:180px;padding:0 20px;display:flex;position:fixed;bottom:30px;left:0}.ui-mobile-rudder-zone{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:15px;width:30%;height:100%;position:relative}.ui-mobile-rudder-guide{pointer-events:none;background-color:#fff3;border-radius:2px;width:140px;height:4px;margin-top:-2px;margin-left:-70px;position:absolute;top:50%;left:50%}.ui-mobile-rudder-label{text-align:center;color:#fff;text-shadow:1px 1px 2px #000;-webkit-user-select:none;user-select:none;width:100%;font-weight:700;position:absolute;bottom:10px}.ui-mobile-middle-zone{flex-direction:column-reverse;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.ui-mobile-furl-button{z-index:1001;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 2px #000;touch-action:manipulation;text-align:center;background-color:#fff3;border:1px solid #ffffff80;border-radius:5px;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-family:Sora,sans-serif;font-size:12px;font-weight:700;display:flex}.ui-mobile-dock-button{z-index:1001;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 2px #000;touch-action:manipulation;background-color:#2ecc71cc;border:1px solid #ffffff80;border-radius:5px;width:60px;height:36px;margin-bottom:8px;padding:0;font-family:Sora,sans-serif;font-size:12px;font-weight:700}.ui-mobile-cannon-buttons-container{gap:10px;margin-bottom:10px}.ui-mobile-cannon-button{z-index:1001;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 2px #000;touch-action:manipulation;text-align:center;background-color:#fff3;border:1px solid #ffffff80;border-radius:5px;justify-content:center;align-items:center;width:60px;height:60px;padding:0;font-family:Sora,sans-serif;font-size:12px;font-weight:700;display:flex}.ui-mobile-sail-zone{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:15px;width:30%;height:100%;position:relative}.ui-mobile-sail-guide{pointer-events:none;background-color:#fff3;border-radius:2px;width:4px;height:70%;margin-left:-2px;position:absolute;top:15%;left:50%}.ui-mobile-sail-label{text-align:center;color:#fff;text-shadow:1px 1px 2px #000;-webkit-user-select:none;user-select:none;width:100%;font-weight:700;position:absolute;bottom:10px}.ui-mobile-joystick-back{box-sizing:border-box!important;background:#00000080!important;border:2px solid #ffffff4d!important}.ui-mobile-joystick-rudder-back{border-radius:20px!important;width:140px!important;height:40px!important;margin-top:-20px!important;margin-left:-70px!important}.ui-mobile-joystick-sail-back{border-radius:20px!important;width:40px!important;height:140px!important;margin-top:-70px!important;margin-left:-20px!important}.ui-mobile-joystick-front{background:#ffffffe6!important;box-shadow:0 0 10px #00000080!important}.ui-mobile-joystick-rudder-front{border-radius:10px!important;width:40px!important;height:60px!important;margin-top:-30px!important;margin-left:-20px!important}.ui-mobile-joystick-sail-front{border-radius:10px!important;width:60px!important;height:40px!important;margin-top:-20px!important;margin-left:-30px!important}