: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:center;pointer-events:auto}.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}.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}.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:88px;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}