/* Harbor & Hull: quiet ledger-style UI, large contextual controls, two clear wallets. */
.harbor-ui{--sig-ink:#173c49;--sig-muted:#546e74;--sig-paper:#f5f1e5;--sig-gold:#d3ae65;}
.harbor-ui .sig-objective{width:244px;padding:15px 17px;}
.harbor-ui #goal-title{font-size:24px;}
#harbor-tier{float:right;color:#99752f;}
.harbor-wallet{display:flex;justify-content:space-between;align-items:baseline;margin-top:15px;padding-top:11px;border-top:1px solid #d0d6c7;}
.harbor-wallet>span{font-size:9px;letter-spacing:.08em;}
.harbor-wallet>b{font-size:22px;font-variant-numeric:tabular-nums;}
.harbor-wallet small{font-size:11px;color:#8b713d;}
.harbor-next{font-size:10px;color:#52716e;margin-top:7px;}
.harbor-ledger{display:grid;grid-template-columns:1fr 1fr;padding:16px 28px;background:#e7eddf;border-bottom:1px solid #c9d6c6;gap:25px;}
.harbor-ledger small{display:block;font-size:9px;letter-spacing:.12em;color:#59716b;}
.harbor-ledger strong{display:block;font:600 25px/1.5 system-ui;color:#315e60;font-variant-numeric:tabular-nums;}
.harbor-ledger>div+div{border-left:1px solid #c5d2c2;padding-left:24px;}
.harbor-tabs{display:flex;padding:10px 24px 0;gap:8px;}
.harbor-tabs button{border:0;border-bottom:3px solid transparent;padding:12px 9px;background:none;color:#5c7272;flex:1;font-size:13px!important;min-height:46px;}
.harbor-tabs button[aria-pressed=true]{border-color:#b29453;color:#193e47;background:#e9ecdf;border-radius:8px 8px 0 0;}
.harbor-capital-summary{display:flex;gap:18px;align-items:center;}
.harbor-capital-summary small{font-size:10px;letter-spacing:.06em;color:#6c795f;}
.harbor-capital-summary span{font-size:11px;color:#607a71;}
.harbor-crest{font-size:68px;line-height:1;color:#3e8279;}
.harbor-health{height:3px;background:#c4d3c3;margin:14px 0 8px;}.harbor-health i{display:block;width:100%;height:100%;background:#4c8e7d;}
.harbor-rule{font-size:12px;line-height:1.6;background:#e9ecdf;border-left:3px solid #be9b57;padding:10px 13px;color:#516963;}
.harbor-choice{display:flex;align-items:center;gap:20px;margin:22px 0;background:#ecebdc;border:1px solid #d2d3c0;border-radius:12px;padding:16px;}
.harbor-choice>div{flex:1;}.harbor-choice small{font-size:9px;letter-spacing:.08em;color:#88723f;}.harbor-choice h3{margin:5px 0!important;}.harbor-choice p{font-size:12px;margin:0;color:#5a716c;}
.harbor-buildings article,.harbor-upgrades article{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #d4d9ca;}
.harbor-buildings h3,.harbor-upgrades h3{margin:0 0 5px!important;}.harbor-buildings p,.harbor-upgrades p{margin:0 0 8px;font-size:12px;color:#5f7271;line-height:1.6;}
.harbor-buildings small,.harbor-upgrades small{font-size:10px;color:#85723f;}
.harbor-buildings button,.harbor-upgrades button{min-width:82px;max-width:120px;}
.building-number{font:30px Georgia,serif;color:#a69a71;}.upgrade-symbol{font-size:32px;color:#4c827d;}
.harbor-upgrades b{font-size:11px;color:#365e62;}
.upgrade-pips{display:flex;gap:5px;margin-top:10px;}.upgrade-pips i{width:20px;height:4px;border-radius:3px;background:#d2d9c9;}.upgrade-pips .fitted{background:#bd974b;}
.harbor-purchase-value{font:50px Georgia,serif;color:#937337;margin:15px 0;}.harbor-purchase-value small{font-size:24px;}
.harbor-boat-list article{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #d0d9cd;}.boat-glyph{font-size:30px;color:#508d86;}.harbor-boat-list div{flex:1;}.harbor-boat-list small{display:block;font-size:11px;color:#5d766c;margin-top:4px;}.harbor-boat-list em{font-size:11px;font-style:normal;color:#8c743d;}.harbor-empty{font:17px/1.7 Georgia,serif;color:#63776f;padding:18px;background:#e9ecdf;border-radius:10px;}
.harbor-catch-list article{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #d2dbcf;}.harbor-catch-list i{width:22px;height:12px;border-radius:70% 30%;}.harbor-catch-list span{flex:1;}.harbor-catch-list small{display:block;font-size:10px;color:#607471;}.harbor-catch-list b{font-size:13px;}.harbor-catch-list em{font-size:12px;font-style:normal;color:#886e34;}
@media(max-width:600px){.harbor-ui .sig-brand b{font-size:10px;}.harbor-ui .sig-brand small{font-size:8px;letter-spacing:.08em;}.harbor-ui .sig-objective{width:195px;top:76px;padding:11px 13px;}.harbor-ui #goal-title{font-size:20px;}.harbor-wallet{margin-top:9px;padding-top:7px;}.harbor-wallet>b{font-size:18px;}.harbor-next{font-size:9px;}.harbor-ui .sig-context{bottom:113px;width:calc(100vw - 34px);}.harbor-ui #context-title{font-size:18px;}.harbor-ui #context-note{font-size:11px;}.harbor-ledger{padding:12px 19px;gap:14px;}.harbor-ledger>div+div{padding-left:14px;}.harbor-ledger strong{font-size:22px;}.harbor-tabs{padding:8px 12px 0;gap:3px;}.harbor-buildings article,.harbor-upgrades article{grid-template-columns:25px 1fr;gap:12px;}.harbor-buildings button,.harbor-upgrades button{grid-column:2;max-width:100%;width:100%;}.harbor-capital-summary{gap:12px;}.harbor-crest{font-size:48px;}.harbor-choice{gap:10px;padding:12px;}.harbor-choice h3{font-size:14px;}.harbor-boat-list article{flex-wrap:wrap;}.harbor-ui #signal-dialog .sig-dialog-head h1{font-size:30px;}.harbor-ui .sig-dialog-foot{position:sticky;bottom:0;}.harbor-ui .sig-dialog-foot>span{max-width:40%;}}
@media(max-height:500px){.harbor-ui .sig-objective{display:none;}.harbor-ui .sig-context{bottom:15px;width:300px;}.harbor-ui .sig-context #context-note{display:none;}}