@font-face{font-family:Alagard;src:url(../fonts/alagard.ttf)format("truetype");font-display:swap}html,body,#app{background:#0e1116;width:100%;height:100%;margin:0;overflow:hidden}html,body,#app,canvas{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}:root{--font:-apple-system, Segoe UI, Roboto, sans-serif;--wood-1:#6b4a2e;--wood-2:#4a3220;--wood-grad:linear-gradient(var(--wood-1), var(--wood-2));--wood-trans:#2b1d10db;--ink:#2c1d10;--ink-deep:#1a110a;--btn-hover:#3a2718;--btn-active:#5a3f28;--cream:#f3e3c4;--cream-hi:#ffe9bf;--gold:#c2a779;--warn:#ffb3a0;--accent:#1f6feb;--accent-2:#69a6ff;--panel-bg:#000c;--panel-bg-hover:#303030d1;--panel-bg-active:#464646d9;--panel-border:#ffffff24;--panel-hi:#ffffff1a;--panel-hi-2:#ffffff2e;--parchment:#e9d8a6;--sea:#d9bf80;--ink-soft:#3a2718;--r-lg:8px;--r-md:6px;--r-sm:4px;--tap:44px}.btn-wood{box-sizing:border-box;min-width:var(--tap);min-height:var(--tap);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:var(--panel-bg);color:var(--cream);border:1px solid var(--panel-border);border-radius:var(--r-lg);font:600 13px var(--font);line-height:1}.btn-wood:hover{background:var(--panel-bg-hover)}.btn-wood:active{background:var(--panel-bg-active)}.hud-panel,#town-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--r-md);color:var(--cream);font:12px var(--font)}.panel button,.town-lenses button{background:var(--panel-hi);color:var(--cream);border:1px solid var(--panel-border);border-radius:var(--r-sm);cursor:pointer}.panel button:hover,.town-lenses button:hover{background:var(--panel-hi-2)}#login-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e1116d1;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#login-overlay .login-card{text-align:center;background:var(--wood-grad);min-width:260px;color:var(--cream);border:1px solid var(--ink-deep);border-radius:var(--r-lg);font-family:var(--font);flex-direction:column;align-items:center;gap:14px;padding:28px 30px;display:flex;box-shadow:0 12px 40px #00000080}#login-overlay .login-title{color:var(--cream-hi);margin:0;font-size:24px;font-weight:700}#login-overlay .login-sub{color:var(--gold);margin:0;font-size:13px}#login-overlay .login-google{background:var(--cream);color:#1f1f1f;border:1px solid var(--ink-deep);justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 16px;display:inline-flex}#login-overlay .login-google:hover{background:#fff}#login-overlay .login-google:disabled{opacity:.6;cursor:default}#login-overlay .login-google svg{flex:none}#login-overlay .login-error{min-height:1em;color:var(--warn);font-size:12px}#status{z-index:10;color:#c9d1d9;font:13px var(--font);background:var(--panel-bg);border-radius:5px;padding:4px 9px;position:fixed;top:10px;left:10px}#hud{z-index:10;background:var(--panel-bg);border-top:1px solid var(--panel-border);color:var(--cream);font:13px var(--font);letter-spacing:.04em;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;gap:48px;padding:8px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-cell{align-items:center;gap:6px;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:10px}.hud-value{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.hud-arrow{color:var(--cream);transform-origin:50%;font-size:15px;line-height:1;transition:transform .25s ease-out;display:inline-block}#sail-ui{z-index:12;pointer-events:none;font:13px var(--font);justify-content:space-between;align-items:flex-end;gap:10px;padding:0 10px;display:flex;position:fixed;bottom:52px;left:0;right:0}#sail-ui>*{pointer-events:auto}.sail-temp-tag{pointer-events:none;letter-spacing:.14em;text-transform:uppercase;color:#b89b6f;opacity:.7;font-size:9px;position:absolute;bottom:-14px;right:10px}.sail-btn{min-width:var(--tap);min-height:var(--tap);box-sizing:border-box;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:var(--panel-bg);color:var(--cream);border-radius:var(--r-lg);font:600 13px var(--font);letter-spacing:.03em;border:1px dashed #b08a52;padding:6px 12px}.sail-btn:hover{background:var(--panel-bg-hover)}.sail-btn:active{background:var(--panel-bg-active)}.sail-mode.manual{background:var(--accent);border-color:var(--accent-2);color:#fff}.sail-manual{flex:1;justify-content:center;align-items:flex-end;gap:16px;display:flex}.sail-wheel-wrap,.sail-trim-wrap{text-align:center;position:relative}.sail-cap{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-top:2px;font-size:9px}.sail-wheel{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 2px 4px #00000080);width:88px;height:88px}.sail-wheel:active{cursor:grabbing}.sail-wheel .sw-rim{fill:none;stroke:#caa56b;stroke-width:6px;stroke-dasharray:3 4}.sail-wheel .sw-hub{fill:#8a6a3e;stroke:#caa56b;stroke-width:2px}.sail-wheel .sw-spokes line{stroke:#caa56b;stroke-width:3px;stroke-linecap:round}.sail-wheel .sw-neutral{fill:#ffd479}.sail-center{border:1px solid var(--ink-deep);background:var(--ink);width:26px;min-width:0;height:26px;color:var(--cream);cursor:pointer;touch-action:manipulation;border-radius:50%;padding:0;font-size:13px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sail-trim-wrap{width:132px}.sail-dial{filter:drop-shadow(0 2px 4px #00000080);width:92px;height:92px;margin:0 auto;display:block}.sail-dial .sd-rim{fill:#141c268c;stroke:#caa56b;stroke-width:2px;stroke-dasharray:3 4}.sail-dial .sd-hull{fill:#8a6a3e;stroke:#caa56b;stroke-width:2px}.sail-dial .sd-sail{fill:#f2ead6;opacity:.92}.sail-dial .sd-boom{stroke:#5a4427;stroke-width:2.5px;stroke-linecap:round}.sail-dial .sd-gooseneck{fill:#5a4427}.sail-dial .sd-wind{stroke:#dff1ff;stroke-width:3px;stroke-linecap:round}.sail-dial .sd-wind-head{fill:#dff1ff}.sail-trim{touch-action:manipulation;width:100%;accent-color:var(--accent-2);margin:4px 0 0}.fire-cluster{align-items:flex-end;gap:6px;display:flex}.fire-btn{color:#ffe1d6;background:#4a1e14e6;border-color:#c0573f}.fire-btn:hover{background:#5a2418}.fire-auto{font-weight:600}.fire-auto.on{background:var(--accent);border-color:var(--accent-2);color:#fff}@media (width<=700px),(pointer:coarse){#sail-ui{bottom:calc(52px + env(safe-area-inset-bottom))}}#modal{z-index:20;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#modal.open{display:flex}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--r-lg);color:var(--cream);font:14px var(--font);min-width:320px;max-width:90vw;padding:16px 18px}.panel h2{margin:0 0 4px;font-size:16px}.panel .sub{color:var(--gold);margin-bottom:10px;font-size:12px}.panel button{padding:4px 10px;font-size:13px}.trade-row,.trade-head{border-top:1px solid #5a4128;grid-template-columns:56px 56px 64px 1fr 64px 64px 56px 64px;align-items:center;gap:8px;padding:4px 0;display:grid}.trade-head{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;border-top:none;font-size:11px}.trade-row .res{text-transform:capitalize;font-weight:600}.trade-row .stk{color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}.trade-row .prc,.trade-row .paid{font-variant-numeric:tabular-nums;font-size:13px}.trade-row .paid{color:var(--gold);text-align:right}.trade-head .paid{text-align:right}.trade-foot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}#trade-err{color:var(--warn);min-height:14px;font-size:12px}.island-tabs{flex-wrap:wrap;gap:4px;margin:0 0 10px;display:flex}.island-tabs button{opacity:.6;padding:4px 9px;font-size:12px}.island-tabs button.on{opacity:1;background:var(--panel-hi-2)}.island-pane{display:none}.island-pane.on{display:block}.island-soon{color:var(--gold);padding:8px 2px 12px;font-size:13px;line-height:1.5}.island-soon .soon-tag{text-transform:uppercase;letter-spacing:.1em;color:#9a8156;border-radius:var(--r-sm);border:1px solid #6b5436;margin-bottom:8px;padding:1px 6px;font-size:10px;display:inline-block}#inv-modal{z-index:22;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#inv-modal.open{display:flex}.inv-panes{align-items:flex-start;gap:18px;display:flex}.inv-pane h3{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:12px}.inv-grid{gap:6px;display:grid}.inv-slot{box-sizing:border-box;background:var(--panel-hi);border:1px solid var(--panel-border);border-radius:var(--r-sm);-webkit-user-select:none;user-select:none;width:46px;height:46px;position:relative}.inv-slot.full{cursor:grab}.inv-slot.full:active{cursor:grabbing}.inv-slot .ic{color:var(--cream);justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.inv-slot .ct{color:var(--cream-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:1px;right:3px}.inv-slot.drop-ok{outline-offset:-2px;outline:2px solid #6fce72}.inv-slot.dragging{opacity:.35}.inv-hint{color:var(--warn);min-height:14px;font-size:12px}#inv-btn{z-index:12;width:44px;height:44px;padding:0;font-size:19px;position:fixed;bottom:60px;left:8px}#cutaway-toggle{z-index:12;width:44px;height:44px;padding:0;font-size:19px;display:none;position:fixed;left:8px}#salvage-btn{z-index:13;color:var(--cream-hi);padding:9px 16px;font-size:14px;font-weight:600;display:none;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}#salvage-btn.on{display:block}#town-panel{z-index:11;width:250px;padding:8px 10px;display:none;position:fixed;bottom:56px;right:8px}#town-panel h3{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:11px}#town-grid{grid-template-columns:repeat(4,1fr);gap:3px;margin-bottom:8px;display:grid}#town-grid button{aspect-ratio:1;border:1px solid var(--ink-deep);cursor:pointer;color:#0a141c;border-radius:3px;padding:0;font-size:10px;font-weight:700}.town-row{align-items:center;gap:6px;margin:4px 0;display:flex}.town-row input[type=range]{flex:1}.town-label{text-transform:uppercase;color:var(--gold);letter-spacing:.08em;font-size:10px}.town-value{font-variant-numeric:tabular-nums;text-align:right;min-width:34px}.town-ledger{color:var(--gold);justify-content:space-between;gap:6px;margin:4px 0;font-size:11px;display:flex}.town-ledger b{color:var(--cream);font-variant-numeric:tabular-nums}.town-lenses{align-items:center;gap:4px;margin:4px 0;display:flex}.town-lenses button{padding:2px 6px;font-size:11px}.town-lenses button.on{background:var(--wood-1)}#town-hint{color:#8c7a5a;margin-top:4px;font-size:10px;line-height:1.3}#map-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080602c7;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#map-overlay.open{display:flex}#map-frame{background:var(--parchment);border:3px solid var(--ink);box-shadow:0 0 0 6px var(--wood-1), 0 16px 60px #000000a6;max-width:92vw;max-height:88vh;color:var(--ink-soft);font:13px var(--font);flex-direction:column;gap:6px;padding:8px;display:flex}#map-title{letter-spacing:.04em;color:var(--ink-soft);align-items:baseline;gap:12px;padding:0 4px;font-family:Alagard,serif;font-size:18px;display:flex}#map-title .map-sub{font-family:var(--font);color:var(--wood-1);letter-spacing:.04em;font-size:11px}#map-canvas{background:var(--sea);image-rendering:pixelated;display:block}#map-hint{color:var(--wood-1);text-align:center;letter-spacing:.08em;text-transform:uppercase;font-size:10px}#admin-btn{z-index:30;cursor:pointer;color:#fff;background:#0000008c;border:1px solid #444;border-radius:6px;width:28px;height:28px;font-size:15px;line-height:1;position:fixed;top:10px;right:10px}#admin-btn.on{background:#1f6feb;border-color:#1f6feb}#admin-actions{z-index:30;gap:6px;display:none;position:fixed;top:44px;right:10px}#admin-actions.show{display:flex}#admin-actions button{cursor:pointer;color:#cfe2ff;white-space:nowrap;touch-action:manipulation;background:#0000008c;border:1px solid #444;border-radius:6px;height:26px;padding:0 9px;font-size:12px;line-height:24px}#admin-actions button:hover{color:#fff;background:#1f6feb;border-color:#1f6feb}#admin-actions button.armed{color:#fff;background:#b5760c;border-color:#d98c12}#admin-root{z-index:29;pointer-events:none;position:fixed;inset:0}#admin-root.off,#admin-root.hidden{display:none}.adm-panel{pointer-events:auto;background:rgba(0, 0, 0, var(--op,.82));color:#fff;border:1px solid #333;border-radius:7px;flex-direction:column;width:278px;max-height:90vh;font:12px -apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:absolute;box-shadow:0 4px 18px #0006}.adm-bar{cursor:move;-webkit-user-select:none;user-select:none;background:#ffffff0f;border-bottom:1px solid #333;border-radius:7px 7px 0 0;align-items:center;gap:6px;padding:5px 8px;display:flex}.adm-title{text-transform:uppercase;letter-spacing:.05em;color:#cfe2ff;flex:1;font-size:11px;font-weight:600}.adm-bar button{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px}.adm-bar button:hover{color:#fff}.adm-body{flex-direction:column;flex:auto;min-height:0;padding:6px 8px 8px;display:flex;overflow-y:auto}.adm-panel.min{height:auto!important}.adm-panel.min .adm-body,.adm-panel.min .adm-grip{display:none}.adm-panel.min .adm-bar{border-bottom:none;border-radius:7px}.adm-grip{cursor:nwse-resize;z-index:2;background:linear-gradient(135deg,#0000 0 55%,#6b7d96 55% 64%,#0000 64% 74%,#6b7d96 74% 83%,#0000 83%);width:14px;height:14px;position:absolute;bottom:1px;right:1px}.adm-search{box-sizing:border-box;color:#fff;background:#111;border:1px solid #333;border-radius:4px;width:100%;margin:2px 0 6px;padding:3px 6px;font-size:11px}.adm-prop{margin:5px 0}.adm-prop-top{align-items:center;gap:5px;display:flex}.adm-k{color:#ddd;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.adm-k .adm-b{color:#7d8aa0}.adm-dot{background:#555;border-radius:50%;flex:none;width:6px;height:6px}.adm-dot.mod{background:#f0883e}.adm-copy{color:#6b7689;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:11px;line-height:1}.adm-copy:hover{color:#fff}.adm-copy.ok{color:#5cd07a}.adm-rst{color:#888;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.adm-rst:hover{color:#fff}.adm-num{color:#fff;font-variant-numeric:tabular-nums;background:#111;border:1px solid #333;border-radius:4px;width:56px;padding:1px 4px;font-size:11px}.adm-prop input[type=range]{width:100%;margin-top:3px}.adm-prop input[type=color]{vertical-align:middle;background:0 0;border:1px solid #333;width:28px;height:18px;padding:0}.adm-curve{color:#888;font-size:10px;font-style:italic}.adm-cv{cursor:crosshair;background:#0b0e13;border:1px solid #333;border-radius:4px;width:100%;height:96px;margin-top:4px;display:block}.adm-cv-g{stroke:#222b35;stroke-width:1px}.adm-cv-b{fill:none;stroke:#3a414b;stroke-width:1px}.adm-cv-l{fill:none;stroke:#58a6ff;stroke-width:1.5px;vector-effect:non-scaling-stroke}.adm-cv-p{fill:#58a6ff;stroke:#0b0e13;stroke-width:1.5px}.adm-cv-lab{color:#888;margin-top:2px;font-size:9px}.adm-cv-num{color:#58a6ff;cursor:pointer;border-bottom:1px dotted #3b6ea5}.adm-cv-num:hover{color:#cfe2ff}.adm-cv-nin{color:#e7eef7;background:#0b0e13;border:1px solid #3b6ea5;border-radius:3px;width:52px;padding:0 2px;font-size:9px}.adm-presets{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:4px;display:flex}.adm-presets select{flex:1;min-width:64px}.adm-presets select,.adm-presets button{color:#fff;cursor:pointer;background:#111;border:1px solid #333;border-radius:4px;padding:2px 6px;font-size:11px}.adm-pl{color:#7d8aa0;text-transform:uppercase;letter-spacing:.04em;font-size:9px}.adm-empty{color:#888;font-size:11px;font-style:italic}.adm-panels-list{border:1px solid #2a2a2a;border-radius:4px;flex:auto;min-height:60px;margin-bottom:6px;padding:3px 5px;overflow-y:auto}.adm-panels-row{color:#ddd;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:1px 0;font-size:11px;display:flex}.adm-panels-row input{accent-color:#58a6ff}@media (width<=700px),(pointer:coarse){#admin-btn{top:calc(10px + env(safe-area-inset-top))}#build-exit{top:calc(8px + env(safe-area-inset-top))!important}}