:root{--font-serif: "Georgia", "Garamond", serif;--color-parchment: #f4ebd9;--color-parchment-dark: #d8c29d;--color-ink: #1a1612;--color-wood: #3a2618;--color-wood-border: #5c3c26;--color-gold: #d4af37;--color-gold-bright: #ffd700;--color-green: #2a9d8f;--color-red: #e76f51;--color-shadow: rgba(0, 0, 0, .65)}*{box-sizing:border-box;user-select:none}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#051622;font-family:var(--font-serif);color:var(--color-ink)}#canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud__top-bar{position:absolute;top:15px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.hud__status-panel{background:linear-gradient(135deg,#3a2618e6,#1a110bf2);border:2px solid var(--color-gold);border-radius:6px;padding:10px 18px;color:var(--color-parchment);box-shadow:0 4px 15px var(--color-shadow);display:flex;gap:20px;pointer-events:auto}.hud__stat-item{display:flex;flex-direction:column;align-items:center}.hud__stat-item-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--color-gold)}.hud__stat-item-val{font-size:18px;font-weight:700}.hud__compass-box{position:absolute;bottom:25px;left:25px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#f4ebd9f2,#d8c29de6);border:3px solid var(--color-gold);box-shadow:0 4px 20px var(--color-shadow);pointer-events:auto;display:flex;align-items:center;justify-content:center;font-weight:700}.hud__controls-hint{position:absolute;bottom:25px;right:25px;background:#121212d9;border:1px solid var(--color-gold);border-radius:6px;padding:12px 18px;color:var(--color-parchment);pointer-events:auto;font-size:13px;line-height:1.5}.hud__ammo-bar{display:flex;gap:6px;margin-top:8px;pointer-events:auto}.hud__ammo-btn{background:#282828cc;border:1px solid rgba(212,175,55,.5);color:var(--color-parchment);padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.hud__ammo-btn:hover{background:#3c3c3ce6;border-color:var(--color-gold-bright)}.hud__ammo-btn.active{background:var(--color-wood);border-color:var(--color-gold-bright);color:var(--color-gold-bright);font-weight:700;box-shadow:0 0 8px #f4d47c66}.hud__boarding-prompt{position:absolute;top:100px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e76f51,#c4452a);color:#fff;padding:10px 20px;border:2px solid var(--color-gold-bright);border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 15px #00000080;cursor:pointer;pointer-events:auto;z-index:50;transition:transform .2s ease}.hud__boarding-prompt:hover{transform:translate(-50%) scale(1.05)}.hud__aground-warning{position:absolute;top:145px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#b71c1c,#7f0000);color:#fff;padding:10px 24px;border:2px solid #ffd166;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 18px #0009;pointer-events:none;z-index:50}.hud__treasure-notice{position:absolute;top:190px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4a3412f2,#8a5c1af2);color:#ffe6a7;border:2px solid #ffd700;padding:8px 20px;border-radius:16px;font-weight:700;font-size:13px;box-shadow:0 4px 16px #00000080;pointer-events:none;z-index:50;text-shadow:0 1px 3px rgba(0,0,0,.8)}.hud__sighting-notice{position:absolute;top:230px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#142332f2,#233c55f2);color:#e0f2fe;border:2px solid #38bdf8;padding:8px 22px;border-radius:16px;font-weight:700;font-size:13px;box-shadow:0 4px 16px #00000080;pointer-events:none;z-index:50;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:opacity .3s ease}.hud__expedition-prompt{position:absolute;top:275px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1b4332,#081c15);color:#ffd166;border:2px solid #ffd166;padding:10px 24px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 18px #000000b3;cursor:pointer;z-index:60;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:pulsePrompt 2s infinite ease-in-out}.hud__expedition-prompt:hover{background:linear-gradient(135deg,#2d6a4f,#1b4332);transform:translate(-50%) scale(1.04)}@keyframes pulsePrompt{0%,to{box-shadow:0 4px 18px #000000b3}50%{box-shadow:0 0 22px #ffd16699}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal-overlay.hidden{display:none}.modal-window{width:820px;max-height:85vh;background:var(--color-parchment);border:4px solid var(--color-wood-border);border-radius:8px;box-shadow:0 10px 40px #000000d9;display:flex;flex-direction:column;overflow:hidden}.modal-window__header{background:var(--color-wood);color:var(--color-gold-bright);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700;letter-spacing:1px;border-bottom:2px solid var(--color-gold)}.modal-window__close-btn{background:none;border:none;color:var(--color-parchment);font-size:24px;cursor:pointer}.modal-window__close-btn:hover{color:var(--color-red)}.modal-window__content{padding:20px;overflow-y:auto}.modal-window__tabs{display:flex;gap:10px;margin-bottom:15px;border-bottom:2px solid var(--color-parchment-dark);padding-bottom:8px}.modal-window__tab-btn{background:var(--color-parchment-dark);border:1px solid var(--color-wood-border);padding:8px 16px;border-radius:4px;font-weight:700;cursor:pointer}.modal-window__tab-btn.active{background:var(--color-wood);color:var(--color-gold)}.trade-table{width:100%;border-collapse:collapse}.trade-table th,.trade-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-parchment-dark)}.trade-table th{background:#3a261814;font-size:13px;text-transform:uppercase}.trade-table__action-btn{background:var(--color-wood);color:var(--color-parchment);border:1px solid var(--color-gold);padding:4px 10px;border-radius:3px;cursor:pointer;font-weight:700}.trade-table__action-btn:hover{background:var(--color-green)}.trade-table__action-btn--sell:hover{background:var(--color-red)}.port-navigator{position:absolute;top:100px;left:20px;z-index:25;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--color-gold);border-radius:6px;background:#121212e0;color:var(--color-parchment);pointer-events:auto}.port-navigator__label{color:var(--color-gold-bright);font-weight:700}.port-navigator__select{max-width:180px;padding:4px 6px;border:1px solid var(--color-gold);border-radius:3px;background:var(--color-parchment);color:var(--color-ink)}:root{--ui-scale: 1}.modal-window{transform:scale(var(--ui-scale));transform-origin:center center}.hud{font-size:calc(14px * var(--ui-scale))}body.reduced-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}body.high-contrast{--color-parchment: #ffffff;--color-parchment-dark: #e0e0e0;--color-ink: #000000;--color-wood: #111111;--color-wood-border: #000000;--color-gold: #d4af37}body.color-blind-mode .trade-table td{position:relative}.onboarding-overlay{position:absolute;bottom:40px;left:50%;transform:translate(-50%) scale(var(--ui-scale));z-index:100;pointer-events:auto}.onboarding-overlay.hidden{display:none}.onboarding-card{width:480px;background:radial-gradient(circle at center,var(--color-parchment) 0%,var(--color-parchment-dark) 100%);border:2px solid var(--color-gold);border-radius:8px;box-shadow:0 10px 30px var(--color-shadow);padding:16px 20px}.onboarding-card__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(92,60,38,.2);padding-bottom:8px;margin-bottom:12px}.onboarding-card__step{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--color-wood-border);letter-spacing:1px}.onboarding-card__footer{display:flex;align-items:center;border-top:1px solid rgba(92,60,38,.2);padding-top:12px;margin-top:8px}