:root{--bg: #07131d;--surface: rgba(9, 20, 30, 0.84);--surface-solid: #0c1924;--surface-2: rgba(255, 255, 255, 0.05);--surface-3: rgba(255, 255, 255, 0.09);--line: rgba(255, 255, 255, 0.1);--line-strong: rgba(242, 193, 78, 0.42);--ink: #f4efe4;--muted: #9db0bf;--gold: #f2c14e;--gold-2: #d99a2b;--teal: #3fd0c9;--ok: #5ee0a0;--bad: #ff6b57;--warn: #f5a65b;--r-lg: 16px;--r-md: 10px;--shadow: 0 12px 36px rgba(0, 0, 0, 0.45);--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display: Georgia, "Times New Roman", serif;--glass: var(--surface);--glass-solid: var(--surface-solid);--accent: var(--teal);font-family:var(--font-ui);font-size:15px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}canvas#view{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}a{color:var(--gold)}.muted{color:var(--muted);font-size:13px}.pro,.yes{color:var(--ok)}.con,.no{color:var(--bad)}.warn{color:var(--warn)}*{scrollbar-width:thin;scrollbar-color:rgba(242,193,78,0.4) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(242,193,78,0.32);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(242,193,78,0.6)}.wordmark{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:0.5px;line-height:1;white-space:nowrap}.wordmark span{color:#eef3ec}.wordmark .amp{color:var(--teal);font-style:italic;font-weight:600;font-size:0.82em;margin:0 0.14em 0 0.1em}.wordmark em{color:var(--gold);font-style:normal}.btn{font:600 14px var(--font-ui);color:var(--ink);background:var(--surface-2);border:1px solid var(--line);padding:8px 14px;border-radius:var(--r-md);cursor:pointer;transition:background 0.15s,border-color 0.15s,transform 0.05s}.btn:hover:not(:disabled){background:var(--surface-3);border-color:rgba(255,255,255,0.18)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:0.4;cursor:default}.btn.primary{background:linear-gradient(180deg,#f6cf68,var(--gold-2));border-color:#f6cf68;color:#1c1205}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffdb7e,#e5a636)}.btn.danger{border-color:rgba(255,107,87,0.55);color:#ffc4ba}.btn.danger:hover:not(:disabled){background:rgba(255,107,87,0.15)}.btn.big{font-size:17px;padding:12px 20px;border-radius:12px}.btn.wide{width:100%}.btn.google{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:#fff;color:#222;border-color:#ddd;font-size:15px}.btn.google:hover:not(:disabled){background:#f1f1f1}.btn.google .g{font:bold 18px Arial,sans-serif;color:#4285f4}.btn.google.pulse{animation:gpulse 1.4s ease-in-out infinite}@keyframes gpulse{0%,100%{box-shadow:0 0 0 0 rgba(66,133,244,0)}50%{box-shadow:0 0 0 6px rgba(66,133,244,0.35)}}.icon-btn{width:46px;font-size:21px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.icon-btn:hover{background:var(--surface-3)}input[type=text],input[type=number],input[type=password],input[type=url],input[type=date],input[type=email],input:not([type]),textarea,select{font:15px var(--font-ui);color:var(--ink);background:rgba(0,0,0,0.3);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--line-strong)}kbd{display:inline-block;min-width:22px;padding:2px 7px;margin-right:6px;border-radius:6px;border:1px solid var(--line);background:var(--surface-3);font:600 12px var(--font-ui);text-align:center;color:var(--ink)}.coin{display:inline-block;width:20px;height:20px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 35%,#fff2b0,#e2a92a 55%,#8a5d10);box-shadow:0 1px 3px rgba(0,0,0,0.6)}.coin.sm{width:13px;height:13px}.glabel,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.bar{position:relative;height:8px;width:120px;background:rgba(0,0,0,0.45);border-radius:6px;overflow:hidden}.bar>div{height:100%;width:0;background:linear-gradient(90deg,var(--gold-2),var(--gold))}.mini{height:5px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}.mini.big{height:9px;margin:8px 0}.mini div{height:100%;background:linear-gradient(90deg,var(--gold-2),var(--gold))}.hold-bar{display:flex}.hold-bar div{flex:none}.hold-bar .cg{background:linear-gradient(90deg,#2d9d97,var(--teal))}.note{font-size:13px;color:var(--muted);border:1px dashed var(--line);padding:6px 10px;border-radius:var(--r-md)}.status{margin-top:10px;min-height:20px;color:var(--muted);font-size:14px;text-align:center}.hint{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.45}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--teal);margin:14px 0 8px}.surface,#topLeft,#shipHud,#harbour,.modal-card,.start-card,.login-card,#treasure,#board,#workBar,#prompt,#lockHint,.toast,#adWait{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.flag-editor{display:grid;gap:8px}.flag-preview{width:180px;height:120px;border:1px solid var(--line);border-radius:6px}.picker-row{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.picker-row .lbl{width:76px;font-size:12px;color:var(--muted)}.opt{border:2px solid transparent;border-radius:5px;cursor:pointer;padding:0;background:none;line-height:0}.opt.sel{border-color:var(--gold)}.opt canvas{width:36px;height:24px;border-radius:2px}.sw{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,0.2);cursor:pointer;padding:0}.sw.sel{border-color:var(--gold);box-shadow:0 0 0 3px rgba(242,193,78,0.3)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatches .sw{width:30px;height:30px}.screen{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;z-index:50;overflow:auto;padding:16px;background:radial-gradient(ellipse at 50% 30%,rgba(20,60,80,0.55),rgba(4,10,16,0.94))}.screen.start{background:linear-gradient(#0a1f30 0%,#143f5c 44%,#e8a86a 61%,#0f3a50 62%,#06182a 100%)}.sea-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.sea-bg .scene{position:absolute;inset:0;width:100%;height:100%}.sea-bg .stars circle{animation:twinkle 4s ease-in-out infinite}.sea-bg .stars circle:nth-child(3n){animation-delay:-1.3s}.sea-bg .stars circle:nth-child(3n+1){animation-delay:-2.6s}.sea-bg .glitter rect{animation:glitter 2.6s ease-in-out infinite}.sea-bg .glitter rect:nth-child(2n){animation-delay:-1.1s}.sea-bg .ship{animation:bobShip 7s ease-in-out infinite;transform-origin:480px 660px}.sea-bg .gulls{animation:glide 22s linear infinite}.sea-bg .wv1{animation:drift 16s ease-in-out infinite}.sea-bg .wv2{animation:drift 11s ease-in-out infinite reverse}.sea-bg .beam{animation:beam 7s ease-in-out infinite}.sea-bg .lamp{animation:lamp 7s ease-in-out infinite}@keyframes twinkle{0%,100%{opacity:0.9}50%{opacity:0.25}}@keyframes glitter{0%,100%{opacity:0.85;transform:translateX(0)}50%{opacity:0.25;transform:translateX(6px)}}@keyframes bobShip{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(7px) rotate(1.2deg)}}@keyframes glide{from{transform:translate(-200px,20px)}to{transform:translate(900px,-40px)}}@keyframes beam{0%,100%{opacity:0.15}4%,12%{opacity:1}8%,16%{opacity:0.3}}@keyframes lamp{0%,100%{opacity:0.5}4%,12%{opacity:1}8%,16%{opacity:0.6}}@keyframes drift{from{transform:translateX(0)}50%{transform:translateX(4%) translateY(4px)}to{transform:translateX(0)}}.start-card{position:relative;width:min(400px,100%);padding:28px 26px 18px;border-color:rgba(242,193,78,0.22);border-radius:20px}.brand{text-align:center;margin-bottom:20px}.brand .wordmark{font-size:clamp(26px,9.2vw,44px);text-shadow:0 3px 0 rgba(0,0,0,0.35)}.brand p{margin:8px 0 0;color:var(--muted);font-size:12px;letter-spacing:2.4px;text-transform:uppercase}.start-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--teal);margin:14px 0 6px}.name-row{display:flex;gap:8px}.name-row input{flex:1;min-width:0;font:700 22px var(--font-display);letter-spacing:1px;padding:9px 12px}.colours-row{display:flex;align-items:center;gap:12px;width:100%;margin:16px 0;padding:10px 12px;border-radius:12px;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:15px var(--font-ui);text-align:left}.colours-row:hover{background:var(--surface-3)}.colours-row canvas{width:54px;height:36px;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,0.6)}.colours-row .chev{margin-left:auto;color:var(--muted);font-size:22px}#authBox{margin-bottom:14px}#authUser{font-size:14px;color:var(--ink);text-align:center}#authUser a{color:var(--muted);margin-left:8px;cursor:pointer;text-decoration:underline}.legal{margin-top:14px;font-size:12.5px;color:var(--muted);text-align:center}.legal a{color:var(--muted)}.legal a:hover{color:var(--gold)}.f-legal{margin:22px 0 18px}.login-card{width:min(880px,100%);padding:24px 28px}#consent{z-index:70}.consent-card{width:min(640px,100%);font-size:14.5px;line-height:1.55}.screen>:not(.sea-bg),.modal>*{margin:auto}@media (max-width: 520px){.screen{padding:10px}.login-card{padding:16px 16px}.consent-card{font-size:13.5px;line-height:1.5}.consent-card h2{font-size:22px}.consent-btns .btn{flex:1 1 40%}}.consent-card h2{margin:0 0 6px;font:700 26px var(--font-display);color:var(--gold)}.consent-card h3{margin:16px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--teal)}.consent-card ul{margin:4px 0;padding-left:20px}.consent-card li{margin-bottom:4px}.consent-row{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.consent-row input{margin-top:5px;accent-color:var(--gold)}.consent-btns{flex-wrap:wrap}.consent-btns:not(:has(.btn:not(.hidden))){display:none}.consent-main{display:grid;gap:8px;margin:14px 0 6px}.consent-main .btn{width:100%;padding:12px 16px;font-size:16px;font-weight:700}.btn.quiet{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.28);color:var(--ink)}.btn.quiet:hover{background:rgba(255,255,255,0.16)}.consent-more summary{cursor:pointer;text-align:center;color:var(--muted);font-size:13px;text-decoration:underline;padding:4px 0}.consent-more[open] summary{margin-bottom:8px}.consent-more .consent-row{margin-bottom:8px;font-size:13px}.consent-more #consentSave{width:100%}.consent-foot{font-size:12px;text-align:center;margin:10px 0 0}.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;overflow:auto;background:rgba(2,8,14,0.55);padding:16px}.modal-card{background:var(--surface-solid);padding:20px 22px;width:min(420px,100%);font-size:15px;line-height:1.5;max-height:calc(100vh - 32px);overflow:auto}.modal-card.wide{width:min(560px,100%)}.modal-card h3{margin:0 0 12px;font:700 22px var(--font-display);color:var(--gold)}.modal-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.how .keys{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:14px}#bigmap canvas{width:min(86vmin,800px);height:min(86vmin,800px);border-radius:var(--r-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow)}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#topLeft{position:absolute;left:14px;top:14px;padding:10px 14px;min-width:210px}#goldBox{font:700 26px var(--font-ui);color:var(--gold);display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums;line-height:1.1}.sup{margin-left:10px;font-size:13px;font-weight:600;color:#bfe6a8}#shipName{margin-top:4px;font:700 15px var(--font-display);color:var(--ink)}#envInfo{margin-top:3px;font-size:13px;color:var(--muted)}#netInfo{margin-top:2px;font:11px ui-monospace,Consolas,monospace;color:rgba(157,176,191,0.7)}#minimap{position:absolute;right:14px;top:14px;width:210px;height:210px;border-radius:50%;border:2px solid var(--line-strong);background:rgba(9,28,44,0.8);box-shadow:var(--shadow)}#board{position:absolute;left:50%;top:16%;transform:translateX(-50%);width:min(420px,90vw);font-size:14px;padding:10px 14px}#board .row{display:flex;justify-content:space-between;gap:6px;padding:3px 0;border-bottom:1px solid var(--line)}#board .row:last-child{border-bottom:none}#board .row.me{color:var(--gold)}#board .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#feed{position:absolute;left:14px;bottom:150px;width:min(440px,60vw);display:flex;flex-direction:column;gap:4px;font-size:13.5px}#feed .line{background:rgba(5,14,22,0.66);padding:4px 10px;border-radius:8px;transition:opacity 1s;border-left:3px solid rgba(255,255,255,0.15)}#feed .line.kill{color:#ffb8a4;border-left-color:var(--bad)}#feed .line.gold{color:var(--gold);border-left-color:var(--gold)}#feed .line.info{border-left-color:var(--teal)}#feed .line.chat b{color:var(--teal);font-weight:600}#chatBox{position:absolute;left:14px;bottom:112px;width:min(440px,60vw);pointer-events:auto}#chatInput{width:100%}#prompt{position:absolute;left:50%;top:63%;transform:translateX(-50%);padding:8px 18px;font-size:15px;border-color:var(--line-strong);text-align:center;max-width:calc(100vw - 32px)}#prompt b{color:var(--gold)}#lockHint{position:absolute;left:50%;top:57%;transform:translateX(-50%);padding:6px 14px;font-size:13px;color:var(--muted)}#toasts{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:90}.toast{padding:8px 16px;font-size:14px;border-radius:999px;animation:pop 0.2s ease-out}.toast.ok{border-color:rgba(94,224,160,0.6);color:#d9ffe9}.toast.bad{border-color:rgba(255,107,87,0.6);color:#ffdcd6}.toast.wait{color:var(--muted)}@keyframes pop{from{transform:scale(0.92);opacity:0}to{transform:none;opacity:1}}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,0.8);border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,0.8)}#crosshair::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;transform:translate(-50%,-50%);background:#fff;border-radius:50%}#crosshair.clamped{border-color:var(--bad)}#bino{position:absolute;inset:0}.bino-mask{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 36vmin,rgba(0,0,0,0.35) 40vmin,rgba(0,0,0,0.8) 42.6vmin,#3a2710 43vmin,#b98d3e 43.8vmin,#f0d48a 44.3vmin,#8a6326 45.2vmin,#2a1c0c 46vmin,#000 46.6vmin)}.bino-mask::after{content:"";position:absolute;left:50%;top:50%;width:84vmin;height:84vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse 30% 18% at 34% 26%,rgba(255,255,255,0.04),transparent 70%),radial-gradient(circle at 50% 50%,transparent 60%,rgba(120,90,40,0.12) 100%)}.bino-cross{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);opacity:0.7;background:linear-gradient(rgba(255,255,255,0.45),rgba(255,255,255,0.45)) center/1px 100% no-repeat,linear-gradient(rgba(255,255,255,0.45),rgba(255,255,255,0.45)) center/100% 1px no-repeat}#binoInfo{position:absolute;left:50%;top:calc(50% + 17vmin);transform:translateX(-50%);text-align:center;font-size:14px;text-shadow:0 1px 3px #000;color:#e8f2ff;min-width:300px}#binoInfo .big{font:700 22px var(--font-display);color:var(--gold)}#workBar{position:absolute;left:50%;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;border-color:var(--line-strong);border-radius:999px;padding:5px 6px 5px 16px;pointer-events:auto;font-size:14px;white-space:nowrap}#workBar .bar{width:140px;height:6px}#workBar .btn{padding:4px 12px;font-size:12.5px;border-radius:999px}#hud.working #toasts{top:58px}#treasure{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));background:var(--surface-solid);padding:18px 20px;pointer-events:auto;z-index:30;font-size:14px;line-height:1.5}#treasure h2{margin:0 0 6px;font:700 22px var(--font-display);color:var(--gold)}#treasure .row{display:flex;gap:8px;align-items:center;margin-top:10px}#treasure .row .btn{flex:1}#treasure input{width:120px;flex:none}#treasure .req{font-size:13px;margin-top:8px;color:var(--muted)}#shipHud{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:8px 18px 8px 12px}#shipSvg{width:62px;height:104px;overflow:visible}.hull-bg{fill:rgba(255,255,255,0.07)}.hull-edge{fill:none;stroke:rgba(242,193,78,0.75);stroke-width:1.6}#hullFill{fill:var(--ok);transition:y 0.3s,fill 0.3s}#hullFill.mid{fill:#e6b84a}#hullFill.low{fill:var(--bad)}.deck{stroke:rgba(7,19,29,0.55);stroke-width:2}.deck-dot{fill:rgba(7,19,29,0.55)}.gun-bg{fill:rgba(255,255,255,0.12)}.gun{fill:var(--gold-2);transition:height 0.1s linear,y 0.1s linear}.gun.ready{fill:var(--ok)}.gun.aimed{stroke:#fff;stroke-width:1.4}.ring-bg{fill:none;stroke:rgba(255,255,255,0.14);stroke-width:3.2}.ring{fill:none;stroke:var(--gold-2);stroke-width:3.2;stroke-dasharray:37.7;stroke-dashoffset:37.7;transform:rotate(-90deg);transform-origin:42px 9px;transition:stroke-dashoffset 0.1s linear}.ring.ready{stroke:var(--ok)}.ring.aimed{stroke-width:4.2}#shipSvg.no-bow .ring,#shipSvg.no-bow .ring-bg{opacity:0.25}.hud-col{display:flex;flex-direction:column;gap:3px;min-width:132px}.hud-speed{display:flex;align-items:baseline;gap:5px;line-height:1}.hud-speed b{font-size:32px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.hud-speed span{font-size:13px;color:var(--muted)}.hud-sails{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}.seg3{display:inline-flex;gap:3px}.seg3 i{width:14px;height:7px;border-radius:2px;background:rgba(255,255,255,0.14)}.seg3 i.on{background:var(--gold)}.hud-hp{display:flex;align-items:baseline;gap:3px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.hud-hp b{font-size:15px;color:var(--ink)}#repairState{margin-left:6px;font-size:11.5px;color:var(--ok)}#repairState.warn{color:var(--warn)}.hud-aim{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}#labels{position:fixed;inset:0;pointer-events:none;z-index:5;overflow:hidden}.label{position:absolute;transform:translate(-50%,-100%);text-align:center;white-space:nowrap;font-size:14px;font-weight:600;text-shadow:0 1px 3px #000,0 0 2px #000}.label .k{font-size:11px;font-weight:400;color:var(--muted)}.label .k.pirate{color:#ff9a8a}.label .k.merchant{color:#ffe08a}.label .k.navy{color:#8ac4ff}.label .k.player{color:#9fffc0}.label .hpb{width:70px;height:5px;background:rgba(0,0,0,0.6);margin:3px auto 0;border-radius:3px;overflow:hidden}.label .hpb div{height:100%;background:var(--bad)}.label .tag{color:#fff;background:rgba(0,0,0,0.55);padding:1px 6px;border-radius:6px;font-size:11px;margin-top:3px;display:inline-block}body:has(#harbour:not(.hidden)) :is(#shipHud,#crosshair,#bannerHint,#prompt,#minimap,#workBar){display:none}@media (max-width: 900px){body:has(#harbour:not(.hidden)) #topLeft{display:none}}body:has(#harbour:not(.hidden)) #feed{width:auto;max-width:calc(100vw - min(480px,100vw - 32px) - 46px)}@media (max-width: 700px){body:has(#harbour:not(.hidden)) #feed{display:none}}#harbour{position:fixed;right:16px;top:16px;bottom:16px;width:min(480px,calc(100vw - 32px));z-index:20;display:flex;flex-direction:column;background:rgba(9,20,30,0.92);border-color:rgba(242,193,78,0.22);border-radius:20px;overflow:hidden}.hb-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 10px}.hb-title{font:700 26px var(--font-display);color:var(--gold)}.hb-sub{color:var(--muted);font-size:13px;margin-top:2px}.hb-purse{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:700;color:var(--gold);background:rgba(242,193,78,0.1);padding:6px 12px;border-radius:12px;font-variant-numeric:tabular-nums}.hb-hull{position:relative;margin:0 20px 10px;height:16px;background:rgba(0,0,0,0.45);border-radius:8px;overflow:hidden}.hb-hull div{height:100%;background:linear-gradient(90deg,#2f9f6a,var(--ok))}.hb-hull span{position:absolute;inset:0;text-align:center;font-size:11px;line-height:16px;color:#fff;text-shadow:0 1px 2px #000}.hb-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--line);overflow-x:auto}.hb-tab{flex:1;font:600 13.5px var(--font-ui);color:var(--muted);background:none;border:none;padding:10px 6px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.hb-tab:hover{color:var(--ink)}.hb-tab.active{color:var(--gold);border-bottom-color:var(--gold)}#hbBody{flex:1;overflow:auto;padding:14px 16px}.hb-foot{padding:12px 16px 16px;border-top:1px solid var(--line)}.hb-note{color:var(--muted);font-size:12.5px;line-height:1.45;margin:6px 0 10px}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.chip{background:var(--surface-2);border-radius:var(--r-md);padding:6px 9px}.chip span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px}.chip b{font-weight:700;font-size:15px;color:var(--ink)}.seg{display:flex;background:rgba(0,0,0,0.35);border-radius:12px;padding:3px;margin-bottom:10px}.seg-btn{flex:1;border:none;background:none;color:var(--muted);padding:7px 4px;border-radius:9px;cursor:pointer;font:600 13px var(--font-ui)}.seg-btn.active{background:rgba(242,193,78,0.16);color:var(--gold)}.up-list{display:flex;flex-direction:column;gap:8px}.up-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.up-row.locked{opacity:0.45}.up-icon{font-size:24px;width:34px;text-align:center}.up-main{flex:1;min-width:0}.up-name{font-weight:700;font-size:14.5px;display:flex;justify-content:space-between;gap:8px}.up-lvl{font-weight:400;font-size:12px;color:var(--muted)}.pips{display:flex;gap:3px;margin:5px 0 4px}.pips i{flex:1;max-width:22px;height:5px;border-radius:3px;background:rgba(255,255,255,0.12)}.pips i.on{background:var(--gold)}.up-pro{font-size:12.5px;color:#a9e3b4}.up-con{font-size:12px;color:#f0a99c}.btn.buy{min-width:86px;display:flex;align-items:center;justify-content:center;gap:5px}.yard{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ship-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px}.ship-card.current{border-color:var(--line-strong)}.ship-name{font:700 17px var(--font-display);color:var(--ink);display:flex;justify-content:space-between;align-items:center}.tag-own{font:600 11px var(--font-ui);color:var(--gold);border:1px solid var(--gold);border-radius:6px;padding:0 5px}.ship-meta{font-size:11.5px;color:var(--muted);margin-bottom:4px}.bar-row{display:grid;grid-template-columns:minmax(0,44%) 1fr;column-gap:6px;align-items:center;font-size:11px;color:var(--muted)}.bar-row>span{overflow-wrap:anywhere;hyphens:auto;line-height:1.15}.ship-card .btn{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:5px}.box{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}.box-title{font-weight:700;font-size:14.5px;margin:4px 0 6px}.box .btn.wide{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px}.phone-note{font-size:14px;color:var(--ink);line-height:1.5;text-align:center}.phone-note .btn{margin-top:12px;display:block;text-decoration:none}.badge{display:inline-block;vertical-align:-3px;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.6))}.badges{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0}.badges .b{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted)}.badges .b.locked{opacity:0.55}.label .badge{vertical-align:-3px}.rank{font:700 12px var(--font-ui);color:var(--gold);background:rgba(242,193,78,0.12);border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:2px}.ship-card.locked{opacity:0.6}.ship-meta.warn{color:var(--warn)}.trade-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.trade-row:first-of-type{border-top:none}.tr-name{font-weight:700;font-size:14.5px}.tr-name .hb-note{margin:2px 0 0;font-weight:400}.good-ic{display:inline-block;width:24px}.tr-price{display:flex;align-items:center;gap:5px;font-size:18px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.tr-btns{grid-column:1 / -1;display:flex;gap:6px}.tr-btns .btn{flex:1;padding:6px 8px;font-size:13px}.cheap,.dear{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;padding:1px 6px;border-radius:999px;margin-left:6px;vertical-align:2px}.cheap{background:rgba(94,224,160,0.16);color:var(--ok)}.dear{background:rgba(245,166,91,0.16);color:var(--warn)}.mkt-table{width:100%;border-collapse:collapse;font-size:13px}.mkt-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:0.8px;color:var(--muted);font-weight:600;padding:4px 4px 6px}.mkt-table td{padding:5px 4px;border-top:1px solid var(--line)}.mkt-table b{color:var(--gold)}#topLeft{padding-right:40px}.gear{position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:16px;line-height:1;cursor:pointer;pointer-events:auto;padding:0}.gear:hover{color:var(--gold);background:var(--surface-3)}.set-grid{display:grid;gap:14px;font-size:14px}.set-grid label{display:grid;gap:6px;color:var(--muted)}.set-grid label.chk{display:flex;gap:10px;align-items:center;color:var(--ink);cursor:pointer}.set-grid input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(255,255,255,0.12);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);border:3px solid var(--surface-solid);box-shadow:0 0 0 1px var(--gold);cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);border:3px solid var(--surface-solid);cursor:pointer}#tip{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;max-width:min(560px,calc(100vw - 32px));background:var(--surface);border:1px solid rgba(63,208,201,0.45);border-radius:999px;padding:7px 16px 7px 8px;font-size:14px;box-shadow:var(--shadow);animation:pop 0.25s ease-out}#tip .tip-k{background:var(--teal);color:#04201f;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:3px 9px;border-radius:999px}#tip b{color:var(--gold)}#login .status .btn{margin-top:8px}.hb-ad{margin:0 16px 10px}.hb-ad:empty{display:none}.html-banner{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);text-decoration:none}.html-banner img{display:block;width:100%;max-height:120px;object-fit:cover}.html-banner.house-ad{padding:10px 14px;text-align:left;background:linear-gradient(90deg,rgba(242,193,78,0.12),rgba(63,208,201,0.1))}.html-banner.house-ad b{display:block;font:700 16px var(--font-display);color:var(--gold);margin:0}.html-banner.house-ad span{font-size:12.5px;color:var(--muted)}#adWait .html-banner{border:none;width:100%}#adWait .html-banner img{max-height:280px;object-fit:contain}#adWait .house-ad{padding:40px 20px;text-align:center}#adWait .house-ad b{font-size:26px;margin-bottom:8px}#adWait{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 32px));z-index:65;padding:20px 22px;text-align:center;background:var(--surface-solid);border-color:var(--line-strong)}#adWait h3{margin:0 0 4px;font:700 24px var(--font-display);color:var(--gold)}#adWait .ad-slot{margin:14px auto;width:100%;min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(0,0,0,0.3);overflow:hidden}#adWait .ad-slot img{max-width:100%;max-height:280px;display:block;cursor:pointer}#adWait .ad-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}.house-ad{padding:22px;text-align:center;cursor:pointer}.house-ad b{display:block;font:700 22px var(--font-display);color:var(--gold);margin-bottom:6px}html.doc,html:has(>body.doc){overflow:auto;height:auto}body.doc{overflow:visible;height:auto;min-height:100%;font-size:16px;line-height:1.6}body.doc main{max-width:780px;margin:0 auto;padding:28px 18px 60px}body.doc header.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}body.doc header.top .wordmark{font-size:26px;text-decoration:none}body.doc h1{font:700 32px var(--font-display);color:var(--gold);margin:0 0 4px}body.doc h2{font:700 21px var(--font-display);color:var(--gold);margin:28px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}body.doc table{width:100%;border-collapse:collapse;font-size:14.5px}body.doc th,body.doc td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}body.doc th{color:var(--muted);font-weight:600}body.doc code{font-size:14px}.card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;margin:14px 0}.form-grid{display:grid;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}@media (max-width: 760px){#board{display:none}#minimap{width:132px;height:132px}#topLeft{min-width:0;padding:8px 10px}#goldBox{font-size:20px}#shipHud{bottom:8px;padding:6px 12px 6px 8px}#shipSvg{width:48px;height:80px}.hud-speed b{font-size:24px}#feed{bottom:120px}}@media (max-width: 520px){.yard{grid-template-columns:1fr}.chips{grid-template-columns:repeat(2,1fr)}.how .keys{grid-template-columns:1fr}}.silver{display:inline-block;width:20px;height:20px;border-radius:50%;flex:none;vertical-align:middle;background:radial-gradient(circle at 35% 35%,#ffffff,#c9d1d8 55%,#66727d);box-shadow:0 1px 3px rgba(0,0,0,0.6)}.tut h3{margin-bottom:10px}.tut-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tut-game{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:3px}.tut-game .tut-ic{font-size:28px}.tut-game b{font:700 16px var(--font-display);color:var(--gold)}.tut-game span{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--teal)}.tut-game p{font-size:13px;color:var(--ink);margin:6px 0 0;line-height:1.45}.tut-list{padding-left:18px;margin:0;font-size:14px;line-height:1.55}.tut-list li{margin-bottom:8px}.tut-dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.tut-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.2)}.tut-dots i.on{background:var(--gold)}@media (max-width: 420px){.tut-two{grid-template-columns:1fr}}#perkBar{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px;pointer-events:auto;max-width:260px}#perkBar .perk{display:inline-flex;align-items:center;gap:3px;font-size:15px;background:rgba(0,0,0,0.35);border:1px solid var(--line);border-radius:999px;padding:1px 7px 1px 5px}#perkBar .perk small{font:600 10.5px var(--font-ui);color:var(--muted)}#perkBar .perk-none{font-size:11.5px;color:var(--muted)}.share-row{display:flex;flex-direction:column;gap:4px;margin:6px 0 10px;font-size:13px;color:var(--muted)}.share-row b{color:var(--ink)}.share-row input[type=range]{width:100%;margin:0;box-sizing:border-box}#confirmText .share-row{margin:12px 0 0;text-align:left}#sailVal .torn{color:var(--bad);font-weight:600}.email-box{margin:10px 0 4px;text-align:center;font-size:13.5px}.email-box .email-open,.email-box .email-reset{color:var(--muted)}.email-form{display:flex;flex-direction:column;gap:8px;margin-top:4px;text-align:left}.email-form input{width:100%;box-sizing:border-box}.email-btns{display:flex;gap:8px}.email-btns .btn{flex:1}.email-form .email-reset{font-size:12.5px;align-self:center}#bannerHint{position:absolute;left:50%;top:calc(50% + 22px);transform:translateX(-50%);padding:3px 10px;border-radius:999px;background:rgba(7,19,29,0.78);border:1px solid rgba(242,193,78,0.5);color:var(--gold);font-size:12.5px;white-space:nowrap;pointer-events:none}.form-grid .form-sec{margin:8px 0 0;font-size:15px;color:var(--gold)}.form-grid .form-sec:first-child{margin-top:0}body.doc .doc-foot{margin-top:36px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}.fe{display:grid;gap:10px}.fe-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.fe-preview{width:240px;max-width:100%;height:auto;aspect-ratio:3 / 2;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,0.5);border:1px solid var(--line)}.fe-acts{display:flex;flex-direction:column;gap:6px}.fe-tabs{display:flex;gap:4px;background:rgba(0,0,0,0.3);border-radius:10px;padding:3px}.fe-tab{flex:1;border:none;background:none;color:var(--muted);padding:7px 6px;border-radius:8px;font:600 13px var(--font-ui);cursor:pointer}.fe-tab.active{background:rgba(242,193,78,0.16);color:var(--gold)}.fe-body{display:grid;gap:10px}.fe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;max-height:236px;overflow-y:auto;padding:2px}.fe-grid .opt{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;border-radius:8px;background:rgba(255,255,255,0.03);line-height:1.1}.fe-grid .opt canvas{width:54px;height:36px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.5)}.fe-cap{font-size:10.5px;color:var(--muted);max-width:100%;text-align:center;overflow-wrap:anywhere;hyphens:auto}.fe-grid .opt.sel .fe-cap{color:var(--gold)}.fe-row{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center}.fe-lbl{font-size:12px;color:var(--muted)}.fe-note{margin:0 0 8px;font-size:12.5px;color:var(--gold)}.fe-sw{display:flex;flex-wrap:wrap;gap:6px}.fe-sw .sw{width:24px;height:24px}.fe-seg{display:inline-flex}.fe-swap{justify-self:start}.fe-seg{margin:0}.wood-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-bottom:10px}.wood-opt{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;padding:6px 8px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,0.03);color:var(--ink);font-size:12.5px;cursor:pointer}.wood-opt .wood-sw{grid-row:span 2;width:26px;height:26px;border-radius:6px;border:1px solid var(--line)}.wood-opt small{color:var(--muted);font-size:10.5px}.wood-opt.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(242,193,78,0.25)}.wood-opt.locked{opacity:0.55;cursor:not-allowed}.box.warn{border-color:rgba(255,107,87,0.5);color:#ffdcd6}.fship .btn.hurry{width:100%;margin-top:8px;font-size:13px;border-style:dashed}.lang-row{margin-top:10px;text-align:center;font-size:13px;color:var(--muted)}.lang-row select,#setLang{background:rgba(0,0,0,0.35);color:var(--text, #e8e2d0);border:1px solid var(--line);border-radius:8px;padding:4px 8px;font:inherit}.doc-lang{text-align:left;margin:6px 0 14px}html[lang=en] .doc-note{display:none}#hud.spyglass #topLeft,#hud.spyglass #minimap,#hud.spyglass #board,#hud.spyglass #tip,#hud.spyglass #prompt,#hud.spyglass #lockHint,#hud.spyglass #bannerHint,#hud.spyglass #shipHud,#hud.spyglass #workBar{visibility:hidden}#toasts{width:min(560px,calc(100vw - 32px))}.toast{max-width:100%;box-sizing:border-box;text-align:center;border-radius:16px;line-height:1.35;overflow-wrap:anywhere}.sim-ad{position:fixed;inset:0;z-index:9999;background:rgba(2,8,14,0.92);display:grid;place-items:center}.sim-card{width:min(360px,calc(100vw - 32px));background:var(--surface, #0d1b26);border:1px dashed rgba(242,193,78,0.6);border-radius:14px;padding:22px;text-align:center;display:grid;gap:10px}.sim-tag{justify-self:center;font:700 11px var(--font-ui, sans-serif);letter-spacing:0.12em;color:#0b1620;background:var(--gold, #f2c14e);border-radius:6px;padding:2px 8px}.sim-t{font:700 28px var(--font-display, serif);color:var(--gold, #f2c14e)}.terms-note{margin:8px 0 0;font-size:11.5px;line-height:1.4;color:var(--muted);text-align:center}.terms-note a{color:inherit;text-decoration:underline}#sailsIcon .spar{stroke:rgba(30,22,12,0.85);stroke-width:2.2;stroke-linecap:round}#sailsIcon .sail{fill:#f3efe4;stroke:rgba(30,22,12,0.55);stroke-width:0.8;transition:fill 0.3s}#sailsIcon .sail-g{transition:opacity 0.3s,transform 0.3s;transform-box:fill-box;transform-origin:50% 0}#sailsIcon.mid .sail{fill:#e6b84a}#sailsIcon.low .sail{fill:var(--bad)}#sailsIcon.furled .sail-g{transform:scaleY(0.35);opacity:0.75}#sailsIcon.half .sail-g{transform:scaleY(0.7)}#sailsIcon .rip{fill:none;stroke:#1b120a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:none}#sailsIcon.t1 .r1,#sailsIcon.t2 .r1,#sailsIcon.t2 .r2,#sailsIcon.t3 .rip{display:inline}.wordmark .beta{display:inline-block;margin-left:0.25em;padding:0.05em 0.4em;font:700 0.32em/1.3 var(--font-ui, system-ui, sans-serif);letter-spacing:0.08em;text-transform:uppercase;color:#0b1620;background:var(--teal, #3fd0c9);border-radius:0.5em;vertical-align:super;font-style:normal}.wood-opt .wood-sw.ic{display:grid;place-items:center;font-size:16px;background:rgba(255,255,255,0.06)}.ring.stern{transform-origin:42px 145px}#shipSvg.no-stern .ring.stern,#shipSvg.no-stern .ring-bg.stern{opacity:0.25}.sea-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;max-height:210px;overflow-y:auto}.sea-opt{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,0.03);color:var(--ink);cursor:pointer;font:inherit}.sea-opt:hover{background:var(--surface-3)}.sea-opt.sel{border-color:var(--gold);box-shadow:0 0 0 2px rgba(242,193,78,0.25)}.sea-opt.full{opacity:0.5;cursor:not-allowed}.sea-opt b{font-size:14.5px}.sea-opt small{grid-column:1 / -1;color:var(--muted);font-size:11.5px}.sea-opt .ping{font-size:12px;color:var(--muted);align-self:center}.sea-opt .ping.good{color:var(--ok)}.sea-opt .ping.bad{color:var(--warn)}.sea-opt .hc{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;font-size:10.5px;letter-spacing:0.6px;text-transform:uppercase;background:rgba(255,107,87,0.18);color:#ff9a8a}.sea-opt .mine{display:inline-block;margin-left:6px;font-size:11px;color:var(--gold)}.wood-opt.locked{opacity:0.5;cursor:help;filter:grayscale(0.6)}.wood-opt.locked:hover{opacity:0.65}.sw.locked{opacity:0.3;cursor:help;filter:grayscale(0.5)}.cf-check{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(3,9,15,0.6);padding:16px}.cf-card{background:#13202b;border:1px solid var(--line, rgba(255, 255, 255, 0.12));border-radius:14px;padding:18px 18px 14px;max-width:360px;width:100%;display:grid;gap:12px;justify-items:center;text-align:center}.cf-title{font-weight:700;font-size:16px}.cf-note{font-size:12px;color:var(--muted)}body.doc main.about{max-width:980px}.about .lead{font-size:17.5px}.about .cta{text-align:center;margin:18px 0}.about .btn.big{padding:12px 26px;font-size:17px}.about .shot{margin:18px 0}.about .shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,0.45)}.about .shot figcaption{font-size:13.5px;color:var(--muted);margin-top:6px}.about .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px 20px}.about .features h3{margin:10px 0 2px;font-size:16.5px;color:var(--ink)}.about .features p{margin:0;color:var(--muted)}.about .shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 18px;margin-top:10px}.about .split{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:20px;align-items:start}.about .shot.phone{margin-top:6px}@media (max-width: 600px){.about .split{grid-template-columns:1fr}.about .shot.phone{max-width:260px;margin:6px auto}}.about .keys-table td{padding:5px 8px}.about .keys-table td:nth-child(odd){white-space:nowrap;width:1%}.about kbd{display:inline-block;min-width:1.6em;text-align:center;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;font:600 13px var(--font-ui, system-ui);background:rgba(255,255,255,0.06)}body.doc a.btn{text-decoration:none}.banner-open{position:fixed;z-index:30;transform:translateX(-50%);max-width:80vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;padding:7px 12px}