.hb-root{--ink:#0e1a21;--panel:#15242c;--panel-2:#1b2e37;--line:#2a4350;--paper:#ece3cc;--muted:#9db0b2;--brass:#d1a54b;--brass-ink:#241a06;--soil-2:#5c3f26;--leaf:#7cb36a;--wood:#2a1d14;--wood-2:#3a2718;--ok:#7bb89b;--bad:#d0624f;--enemy:#c9433a;--gun:#e3a04f;--bow:#7cc2ae;--sword:#b8c6ea;--musket:#f0dc82;--blunder:#a5d46a;--f-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--f-display:var(--f-body);--f-num:var(--f-body);--bw:clamp(300px, calc(60vh - 180px) ,432px);color-scheme:dark}.hb-root,.hb-root *{box-sizing:border-box}.hb-root [hidden]{display:none!important}.hb-root{background:var(--ink);color:var(--paper);font-family:var(--f-body);font-size:14px;font-variant-numeric:tabular-nums;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hb-root button{color:inherit;cursor:pointer;font:inherit}.hb-root :focus-visible{outline:2px solid var(--brass);outline-offset:2px}.hb-root h1,.hb-root h2,.hb-root h3,.hb-root p{margin:0}.hb-root .wrap{display:grid;gap:14px;margin:0 auto;max-width:1120px;padding-block:0 36px;padding-inline:16px}.hb-root .top{background:var(--ink);border-bottom:1px solid var(--line);display:grid;gap:8px;padding-block:12px 10px;position:sticky;top:env(safe-area-inset-top,0);z-index:20}.hb-root .tabs{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.hb-root .brand{font:700 18px var(--f-display);margin-right:10px;white-space:nowrap}.hb-root .tab{align-items:center;background:none;border:1px solid transparent;border-radius:9px;color:var(--muted);display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:7px 12px}.hb-root .tab svg{height:16px;width:16px}.hb-root .tab:hover{color:var(--paper)}.hb-root .tab[aria-selected=true]{background:var(--panel);border-color:var(--line);color:var(--paper)}@media(max-width:520px){.hb-root .brand{display:none}.hb-root .tab{font-size:13px;padding:6px 9px}}.hb-root .tab .dotn{background:var(--brass);border-radius:9px;color:var(--brass-ink);font:500 11px/18px var(--f-num);height:18px;min-width:18px;padding:0 5px;text-align:center}.hb-root .store{align-items:center;display:flex;flex-wrap:wrap;gap:6px 14px}.hb-root .store .lbl{color:var(--muted);font-size:11px;letter-spacing:.06em}.hb-root .chip{align-items:center;display:inline-flex;font:500 14px var(--f-num);font-variant-numeric:tabular-nums;gap:5px}.hb-root .chip svg{flex:none;height:18px;width:18px}.hb-root .chip.gold{color:var(--brass)}.hb-root .chip.pop{animation:hb-pop .35s ease-out}@keyframes hb-pop{40%{transform:scale(1.18)}}.hb-root .fame{display:grid;gap:3px;min-width:120px}.hb-root .fame .bar{background:var(--line);border-radius:3px;height:5px;overflow:hidden}.hb-root .fame .bar i{background:var(--brass);display:block;height:100%}.hb-root .store .sp{flex:1}.hb-root .tlink{background:none;border:0;color:var(--muted);font-size:12px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.hb-root .view{display:grid;gap:14px;padding-top:4px}.hb-root .vh{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.hb-root .eyebrow{color:var(--brass);font-size:12px;font-weight:600;letter-spacing:.14em}.hb-root .vh h1{font:700 clamp(24px,3.6vw,32px)/1.2 var(--f-display);margin-top:2px;text-wrap:balance}.hb-root .vh .lede{color:var(--muted);margin-top:2px;max-width:64ch}.hb-root .tag{border-radius:999px;color:var(--muted);font-size:11px;letter-spacing:.06em;padding:3px 8px;white-space:nowrap}.hb-root .hbtn,.hb-root .tag{border:1px solid var(--line);font-weight:600}.hb-root .hbtn{background:var(--panel-2);border-radius:9px;font-size:13px;padding:8px 12px}.hb-root .hbtn:hover:not(:disabled){border-color:var(--muted)}.hb-root .hbtn.primary{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}.hb-root .hbtn:disabled{cursor:not-allowed;opacity:.5}.hb-root .panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;gap:14px;min-width:0;padding:16px}.hb-root .h3{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em}.hb-root .toast{color:#f0cd7a;font-size:12px;min-height:1.5em}.hb-root .scene{border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative}.hb-root .scene svg.art{display:block;height:auto;width:100%}.hb-root .spot{background:#0e1a21d1;border:1px solid rgba(236,227,204,.35);border-radius:12px;display:grid;gap:2px;justify-items:center;min-width:116px;padding:8px 14px;position:absolute;text-align:center;transform:translate(-50%,-50%)}.hb-root .spot:focus-visible,.hb-root .spot:hover{background:#0e1a21f0;border-color:var(--brass)}.hb-root .spot b{font:700 16px var(--f-display)}.hb-root .spot span{color:var(--muted);font-size:11px}.hb-root .spot:after{background:#ece3cc66;content:"";height:22px;left:50%;position:absolute;top:100%;width:1px}@media(max-width:640px){.hb-root .spot{min-width:0;padding:6px 9px}.hb-root .spot b{font-size:13px}.hb-root .spot span{display:none}.hb-root .spot:after{height:12px}}.hb-root .places{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.hb-root .places{grid-template-columns:minmax(0,1fr)}}.hb-root .place{align-content:start;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;gap:6px;padding:14px;text-align:left}.hb-root .place:hover{border-color:var(--brass)}.hb-root .place .t{align-items:center;display:flex;gap:8px;justify-content:space-between}.hb-root .place b{font:700 18px var(--f-display)}.hb-root .place p{color:var(--muted);font-size:13px}.hb-root .place .live{color:var(--paper);font-size:12px}.hb-root .links{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.hb-root .links{grid-template-columns:minmax(0,1fr)}}.hb-root .link-card{align-content:start;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;gap:4px;padding:12px 14px}.hb-root .link-card .v{color:var(--brass);font:500 20px var(--f-num);font-variant-numeric:tabular-nums}.hb-root .link-card .d{color:var(--muted);font-size:12px}.hb-root .bonds{display:grid;font-size:12px;gap:4px}.hb-root .bonds .b{color:var(--muted);display:flex;gap:8px;justify-content:space-between}.hb-root .bonds .b.met{color:var(--paper)}.hb-root .seeds{display:flex;flex-wrap:wrap;gap:6px}.hb-root .seed{align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px}.hb-root .seed svg{height:18px;width:18px}.hb-root .seed .c{color:var(--brass);font:500 12px var(--f-num)}.hb-root .seed[aria-pressed=true]{border-color:var(--leaf);box-shadow:inset 0 0 0 1px var(--leaf)}.hb-root .seed.locked{cursor:not-allowed;opacity:.55}.hb-root .seed.locked .c{color:var(--muted);font-family:var(--f-body)}.hb-root .plots{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:640px}.hb-root .plot{background:var(--soil-2);border:1px solid #6e4e30;border-radius:12px;display:grid;gap:4px;justify-items:center;min-width:0;padding:8px 6px 10px;text-align:center}.hb-root .plot:hover{border-color:#a07a4c}.hb-root .plot.ripe{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.hb-root .plot svg{aspect-ratio:80/64;height:auto;max-width:110px;width:100%}.hb-root .plot .nm{font-size:12px;line-height:1.35;min-height:2.7em}.hb-root .plot .pb{background:#00000059;border-radius:3px;height:5px;overflow:hidden;width:80%}.hb-root .plot .pb i{background:var(--leaf);display:block;height:100%}.hb-root .plot.ripe .pb i{background:var(--brass)}.hb-root .farm-foot{color:var(--muted);font-size:12px;gap:8px;justify-content:space-between;max-width:640px}.hb-root .farm-foot,.hb-root .shift{align-items:center;display:flex;flex-wrap:wrap}.hb-root .shift{gap:10px}.hb-root .shift .tm{color:var(--muted);font:500 14px var(--f-num)}.hb-root .seats{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:520px){.hb-root .seats{grid-template-columns:repeat(2,minmax(0,1fr))}}.hb-root .seat{align-content:start;background:var(--wood-2);border:1px solid #5a4028;border-radius:12px;display:grid;gap:4px;justify-items:center;min-height:148px;min-width:0;padding:10px 6px;position:relative;text-align:center}.hb-root .seat.empty{align-content:center;border-style:dashed;color:#7c6a54;cursor:default;font-size:12px}.hb-root .seat.ready{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}.hb-root .seat.friend .who{color:#f0cd7a}.hb-root .seat .av{height:40px;width:40px}.hb-root .seat .who{font-size:12px;font-weight:600}.hb-root .seat .ord{align-items:center;background:var(--wood);border-radius:8px;display:inline-flex;font-size:12px;gap:4px;padding:3px 8px}.hb-root .seat .ord svg{height:18px;width:18px}.hb-root .seat .pat{background:#0006;border-radius:3px;height:5px;overflow:hidden;width:85%}.hb-root .seat .pat i{background:var(--ok);display:block;height:100%}.hb-root .seat .bub{background:var(--paper);border-radius:10px;bottom:calc(100% - 6px);color:#2a1d14;font-size:12px;left:50%;max-width:160px;padding:6px 10px;position:absolute;transform:translate(-50%);width:-moz-max-content;width:max-content;z-index:2}.hb-root .seat.shake{animation:hb-shake .3s}@keyframes hb-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.hb-root .kitchen{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}@media(max-width:560px){.hb-root .kitchen{grid-template-columns:minmax(0,1fr)}}.hb-root .stoves{align-content:start;display:grid;gap:8px}.hb-root .stove{background:var(--wood);border:1px solid #4a3420;border-radius:10px;display:grid;font-size:12px;gap:4px;min-height:52px;padding:8px 10px}.hb-root .stove .row{align-items:center;display:flex;gap:6px}.hb-root .stove svg{height:18px;width:18px}.hb-root .stove .pb{background:#ffffff14;border-radius:3px;height:5px;overflow:hidden}.hb-root .stove .pb i{background:#e2874a;display:block;height:100%}.hb-root .stove.idle{color:#7c6a54}.hb-root .dishes{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.hb-root .dish{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;display:grid;gap:3px;min-width:0;padding:8px 10px;text-align:left}.hb-root .dish:hover:not(:disabled){border-color:var(--brass)}.hb-root .dish:disabled{cursor:not-allowed;opacity:.6}.hb-root .dish .dtop{align-items:center;display:flex;gap:6px}.hb-root .dish .dtop svg{flex:none;height:20px;width:20px}.hb-root .dish .nm{font-size:13px;font-weight:600}.hb-root .dish .pr{color:var(--brass);font:500 12px var(--f-num);margin-left:auto}.hb-root .dish .need{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:3px}.hb-root .dish .need svg{height:14px;width:14px}.hb-root .dish .st{font-size:11px}.hb-root .dish .st.ok{color:var(--ok)}.hb-root .dish .st.buy{color:#e2b45c}.hb-root .dish .st.no{color:var(--bad)}.hb-root .dish.wide{grid-column:1/-1}.hb-root .counter{align-items:center;background:var(--wood);border:1px solid #4a3420;border-radius:10px;display:flex;flex-wrap:wrap;gap:6px;min-height:34px;padding:6px 8px}.hb-root .counter .it{align-items:center;background:var(--wood-2);border-radius:8px;display:inline-flex;font-size:12px;gap:4px;padding:3px 8px}.hb-root .counter .it svg{height:16px;width:16px}.hb-root .counter .none{color:#7c6a54;font-size:12px}.hb-root .opt{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:8px}.hb-root .opt input{accent-color:var(--brass);height:16px;width:16px}.hb-root .summary{background:var(--panel-2);border-radius:10px;display:grid;font-size:13px;gap:2px;padding:10px 12px}.hb-root .summary b{font-weight:600}.hb-root #view-sail .game{align-items:start;display:grid;gap:12px 16px;grid-template-areas:"hud side" "board side";grid-template-columns:var(--bw) minmax(0,1fr)}.hb-root #view-sail .hud{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:8px 14px;grid-area:hud;padding:10px 12px}.hb-root #view-sail .board{aspect-ratio:420/700;background:#13596c;border:1px solid var(--line);border-radius:14px;grid-area:board;max-width:100%;overflow:hidden;position:relative;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.hb-root #view-sail .board canvas{display:block;height:100%;width:100%}.hb-root #view-sail .side{display:grid;gap:12px;grid-area:side;min-width:0}.hb-root #view-sail .stat{display:grid;gap:3px}.hb-root #view-sail .stat .k{color:var(--muted);font-size:11px;letter-spacing:.04em}.hb-root #view-sail .stat .k b{color:var(--paper);font:500 11px var(--f-num)}.hb-root #view-sail .stat .v{font:500 16px/1 var(--f-num);font-variant-numeric:tabular-nums}.hb-root #view-sail .stat .v.gold{color:var(--brass)}.hb-root #view-sail .hullbar{background:var(--line);border-radius:4px;display:block;height:8px;margin-top:4px;overflow:hidden;width:84px}.hb-root #view-sail .hullbar i{background:var(--ok);display:block;height:100%;transition:width .2s;width:100%}.hb-root #view-sail .btns{display:flex;gap:6px;margin-left:auto}.hb-root #view-sail .btn{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;padding:7px 11px;white-space:nowrap}.hb-root #view-sail .btn:hover:not(:disabled){border-color:var(--muted)}.hb-root #view-sail .btn.primary{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}.hb-root #view-sail .btn:disabled{cursor:not-allowed;opacity:.45}.hb-root #view-sail .btn.wide{padding-block:10px;width:100%}.hb-root #view-sail .hint{color:var(--muted);flex-basis:100%;font-size:12px;min-height:1.5em}.hb-root #view-sail .pop{background:var(--panel);border:1px solid var(--brass);border-radius:10px;box-shadow:0 10px 24px #0006;display:grid;gap:6px;padding:10px;position:absolute;transform:translate(-50%,calc(-100% - 22px));width:184px;z-index:3}.hb-root #view-sail .pop.below{transform:translate(-50%,22px)}.hb-root #view-sail .pop .t{font-weight:600}.hb-root #view-sail .pop .lv{color:var(--brass);font:500 12px var(--f-num);margin-left:4px}.hb-root #view-sail .pop .s{color:var(--muted);font-size:12px;line-height:1.45}.hb-root #view-sail .pop .b{display:flex;gap:6px}.hb-root #view-sail .pop .btn{flex:1;font-size:12px;padding:6px 8px}.hb-root #view-sail .overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#081015b8;display:grid;top:0;right:0;bottom:0;left:0;padding:14px;place-items:center;position:absolute;z-index:5}.hb-root #view-sail .ov-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;gap:12px;max-height:100%;overflow-y:auto;padding:18px;width:min(340px,100%)}.hb-root #view-sail .ov-eyebrow{color:var(--brass);font-size:11px;font-weight:600;letter-spacing:.12em}.hb-root #view-sail .ov-box h2{font:700 20px/1.25 var(--f-display);text-wrap:balance}.hb-root #view-sail .ov-note,.hb-root #view-sail .tips{color:var(--muted);font-size:13px}.hb-root #view-sail .tips{display:grid;gap:8px;list-style:none;margin:0;padding:0}.hb-root #view-sail .tips li{border-left:2px solid var(--line);padding-left:12px}.hb-root #view-sail .tips b{color:var(--paper);font-weight:600}.hb-root #view-sail .dot{background:var(--c);border-radius:50%;display:inline-block;height:9px;margin-right:3px;vertical-align:1px;width:9px}.hb-root #view-sail .perks{display:grid;gap:8px}.hb-root #view-sail .perk{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--muted);display:grid;font-size:13px;gap:2px;padding:10px 12px;text-align:left}.hb-root #view-sail .perk b{color:var(--paper);font-size:15px;font-weight:600}.hb-root #view-sail .perk .tag{border:0;color:var(--c);font-size:11px;font-weight:600;letter-spacing:.08em;padding:0}.hb-root #view-sail .perk:focus-visible,.hb-root #view-sail .perk:hover{border-color:var(--c)}.hb-root #view-sail .stats{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.hb-root #view-sail .stats div{background:var(--panel-2);border-radius:8px;padding:8px 10px}.hb-root #view-sail .stats dt{color:var(--muted);font-size:11px}.hb-root #view-sail .stats dd{font:500 18px var(--f-num);font-variant-numeric:tabular-nums;margin:0}.hb-root #view-sail .tray{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.hb-root #view-sail .card{align-content:start;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:grid;gap:4px;min-width:0;padding:10px;position:relative;text-align:left}.hb-root #view-sail .card:hover{border-color:var(--c)}.hb-root #view-sail .card[aria-pressed=true]{background:var(--panel-2);border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}.hb-root #view-sail .card .row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.hb-root #view-sail .card .dot{height:10px;margin:0;width:10px}.hb-root #view-sail .card .nm{font-size:15px;font-weight:600}.hb-root #view-sail .card .rg{color:var(--muted);font-size:11px}.hb-root #view-sail .card .cost{color:var(--brass);font:500 13px var(--f-num);margin-left:auto}.hb-root #view-sail .card.poor .cost{color:var(--enemy)}.hb-root #view-sail .card .ds{color:var(--muted);font-size:12px;line-height:1.4}.hb-root #view-sail .card kbd{bottom:6px;color:var(--line);font:500 10px var(--f-num);position:absolute;right:8px}.hb-root #view-sail .ledger{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px 14px}.hb-root #view-sail .blk{display:grid;gap:6px;padding-block:12px}.hb-root #view-sail .blk+.blk{border-top:1px solid var(--line)}.hb-root #view-sail .blk h2{font:700 15px/1.3 var(--f-display)}.hb-root #view-sail .hb-next{display:grid;gap:2px}.hb-root #view-sail .hb-next b{font-weight:600}.hb-root #view-sail .hb-next span{color:var(--muted);font-size:13px}.hb-root #view-sail .perklist,.hb-root #view-sail .syn{display:grid;gap:6px;list-style:none;margin:0;padding:0}.hb-root #view-sail .syn li{align-items:baseline;color:var(--muted);display:grid;font-size:13px;gap:8px;grid-template-columns:5.5em minmax(0,1fr) auto}.hb-root #view-sail .syn .nm{font-weight:600}.hb-root #view-sail .syn .cond{font-family:var(--f-num);font-size:12px}.hb-root #view-sail .syn li.on .eff,.hb-root #view-sail .syn li.on .nm{color:var(--c)}.hb-root #view-sail .perklist li{color:var(--muted);font-size:13px}.hb-root #view-sail .perklist b{color:var(--paper);font-weight:600;margin-right:4px}.hb-root #view-sail .dex{display:grid;gap:8px;margin:0}.hb-root #view-sail .dex div{display:grid;gap:2px}.hb-root #view-sail .dex dt{align-items:center;display:flex;font-weight:600;gap:6px}.hb-root #view-sail .dex dd{color:var(--muted);font-size:13px;margin:0}.hb-root #view-sail .flag{background:var(--c);border-radius:2px;height:9px;width:14px}.hb-root #view-sail .foot{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:12px;gap:8px;justify-content:space-between;padding-block:10px}.hb-root #view-sail .link{background:none;border:0;color:var(--brass);font-size:12px;font-weight:600;padding:4px 0;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.hb-root #view-sail .game{grid-template-areas:none;grid-template-columns:minmax(0,1fr)}.hb-root #view-sail .board,.hb-root #view-sail .hud,.hb-root #view-sail .side{grid-area:auto}.hb-root #view-sail .side{display:contents}.hb-root #view-sail .board{justify-self:center;min-width:min(100%,280px);width:min(100%,calc(60vh - 156px));width:min(100%,calc(60svh - 156px))}.hb-root #view-sail .hud{gap:6px 12px;padding:8px 10px}.hb-root #view-sail .card{padding:8px}.hb-root #view-sail .card .ds,.hb-root #view-sail .card kbd{display:none}.hb-root #view-sail .card .rg{flex-basis:100%;order:1}}@media(prefers-reduced-motion:reduce){.hb-root .chip.pop,.hb-root .seat.shake{animation:none}.hb-root #view-sail .hullbar i{transition:none}}.hb-root{border-radius:16px;min-height:480px}.hb-root .top{position:static}.hb-root .wrap{padding-block:0 24px}@media(max-width:640px){.hb-root{border-radius:0}.hb-root .wrap{padding-inline:12px}.hb-root .hbtn,.hb-root .seed,.hb-root .tab,.hb-root .tlink{min-height:44px}}.hb-root .hb-note{align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;font-size:13px;gap:8px 12px;justify-content:space-between;padding:10px 14px}.hb-root .hb-note--warn{border-color:var(--brass)}.hb-root .hb-loading{color:var(--muted);display:grid;gap:10px;justify-items:center;padding:48px 16px;text-align:center}.hb-root .hb-home__grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}.hb-root .hb-home__side{display:grid;gap:12px;min-width:0}@media(min-width:900px){.hb-root .hb-home__grid{grid-template-columns:minmax(0,480px) minmax(0,1fr)}.hb-root .hb-home__side .links,.hb-root .hb-home__side .places{grid-template-columns:minmax(0,1fr)}}.hb-root .hb-scene__img{display:block;height:auto;width:100%}.hb-root .hb-spot{min-width:0;padding:6px 10px;transform:translate(-50%,calc(-100% - 14px));white-space:nowrap;width:-moz-max-content;width:max-content}.hb-root .hb-spot:after{height:14px;top:100%}.hb-root .hb-spot:before{background:var(--brass);border-radius:50%;box-shadow:0 0 0 3px #0e1a21a6;content:"";height:9px;left:50%;position:absolute;top:calc(100% + 14px);transform:translate(-50%,-50%);width:9px}.hb-root .hb-spot--right{transform:translate(calc(-100% + 18px),calc(-100% - 14px))}.hb-root .hb-spot--right:after,.hb-root .hb-spot--right:before{left:calc(100% - 18px)}.hb-root .hb-spot--below{transform:translate(-50%,14px)}.hb-root .hb-spot--below:after,.hb-root .hb-spot--below:before{top:-14px}.hb-root .hb-spot--below.hb-spot--right{transform:translate(calc(-100% + 18px),14px)}.hb-root .hb-spot--locked{opacity:.78}.hb-root .hb-spot--locked:before{background:var(--muted)}.hb-root .hb-spot__lock{height:12px;margin-right:4px;vertical-align:-1px;width:12px}@media(max-width:480px){.hb-root .hb-spot{padding:5px 8px}.hb-root .hb-spot b{font-size:12px}.hb-root .hb-spot span{display:none}}.hb-root .hb-map{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;scrollbar-width:thin}.hb-root .hb-map:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.hb-root .hb-map__art{aspect-ratio:3/2;background:#d9c59a;min-width:1000px;position:relative;width:100%}.hb-root .hb-map__img{display:block;height:100%;top:0;right:0;bottom:0;left:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.hb-root .hb-cart{align-items:center;background:transparent;border:0;border-radius:4px;color:#3a2412;display:flex;font-family:var(--f-display);font-weight:700;height:3.2%;justify-content:center;padding:0;position:absolute;transform:translate(-50%,-50%);width:7.6%}.hb-root .hb-cart:before{content:"";top:-10px;right:-6px;bottom:-36px;left:-6px;position:absolute}.hb-root .hb-cart__txt{line-height:1;pointer-events:none;white-space:nowrap}.hb-root .hb-cart--locked .hb-cart__txt{color:#3a24128c}.hb-root .hb-cart__lock{background:#4a3420;border-radius:50%;color:#f1e4c3;height:16px;padding:3px;position:absolute;right:-15px;top:-13px;width:16px}.hb-root .hb-cart--open .hb-cart__txt{color:#2a1708}.hb-root .hb-cart--on{box-shadow:0 0 0 2px var(--brass),0 0 14px 2px #d1a54bbf}.hb-root .hb-cart:focus-visible,.hb-root .hb-cart:hover:not(.hb-cart--on){box-shadow:0 0 0 2px #d1a54b99;outline:none}.hb-root .hb-cart--wide{background:#efdcb4;border:1px solid #7a5530;padding:0 8px;width:auto}.hb-root .hb-map__detail{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.hb-root .hb-map__list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.hb-root .hb-dialog{background:#081015b8;display:grid;top:0;right:0;bottom:0;left:0;padding:16px;place-items:center;position:fixed;z-index:1000}.hb-root .hb-dialog__box{background:var(--panel);border:1px solid var(--line);border-radius:14px;display:grid;gap:12px;max-height:100%;overflow-y:auto;padding:18px;width:min(460px,100%)}.hb-root .hb-dialog__box h2{font:700 20px/1.25 var(--f-display)}.hb-root .hb-dialog__pair{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.hb-root .hb-dialog__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media(max-width:640px){.hb-root .hb-map__detail .hbtn{width:100%}}.hb-root .hb-hero{align-items:flex-end;background:linear-gradient(90deg,#0e1a21e6 0,#0e1a218c 42%,#0e1a210d),linear-gradient(0deg,#0e1a21a6 0,#0e1a2100 45%),var(--hb-bg) var(--hb-bg-pos,center) /cover no-repeat,var(--panel);border-radius:14px;min-height:clamp(180px,24vw,290px);overflow:hidden;padding:18px;position:relative}.hb-root .hb-hero .eyebrow,.hb-root .hb-hero .lede,.hb-root .hb-hero h1{text-shadow:0 1px 3px rgba(0,0,0,.85)}.hb-root .hb-hero .lede{color:#d6dcd6}.hb-root .hb-hero .tag{background:#0e1a21b3}@media(max-width:640px){.hb-root .hb-hero{background:linear-gradient(0deg,#0e1a21f0 0,#0e1a2180 55%,#0e1a211f),var(--hb-bg) var(--hb-bg-pos,center) /cover no-repeat,var(--panel);min-height:230px}}.hb-root .hb-pubstage{background:linear-gradient(180deg,#0e1a21d9 0,#0e1a2180 30%,#0e1a2147 58%,#0e1a219e),var(--hb-bg) var(--hb-bg-pos,center) /cover no-repeat,var(--panel);border-radius:14px;display:grid;gap:14px;min-width:0;overflow:hidden;padding:18px}.hb-root .hb-pubstage .eyebrow,.hb-root .hb-pubstage .lede,.hb-root .hb-pubstage h1{text-shadow:0 1px 3px rgba(0,0,0,.85)}.hb-root .hb-pubstage .lede{color:#d6dcd6}.hb-root .hb-pubstage .tag{background:#0e1a21b3}.hb-root .hb-pubstage .shift{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1a219e;border-radius:12px;justify-self:start;padding:6px 12px 6px 6px}.hb-root .hb-pubstage .shift .tm{color:var(--paper)}.hb-root .hb-pubstage .seat{aspect-ratio:4/5;background:radial-gradient(ellipse at 50% 38%,hsla(42,61%,89%,.12),transparent 70%),#140e0a38;border:1px solid rgba(236,227,204,.22);display:block;max-height:270px;min-height:0;overflow:hidden;padding:0;width:100%}.hb-root .hb-pubstage .seat.empty{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e1a2161;border-color:#ece3cc4d;border-style:dashed;color:#d8c8a8;display:grid;font-size:12px;padding:8px;place-items:center}.hb-root .hb-pubstage .seat.friend{border-color:#f0cd7a}.hb-root .hb-pubstage .seat.ready{border-color:var(--ok);box-shadow:inset 0 0 0 2px var(--ok),0 0 16px #7bb89b59}.hb-root .seat .seat__art{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;position:absolute;transform:scale(1.06);width:100%}.hb-root .seat .seat__art--svg{display:grid;padding-bottom:64px;place-items:center;transform:none}.hb-root .seat .seat__art--svg .av{height:auto;width:58%}.hb-root .seat .seat__info{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1a21a3;border-top:1px solid rgba(236,227,204,.14);bottom:0;display:grid;gap:4px;justify-items:center;left:0;padding:7px 6px 8px;position:absolute;right:0}.hb-root .seat .seat__info .who{color:var(--paper)}.hb-root .seat.friend .seat__info .who{color:#f0cd7a}.hb-root .seat .seat__info .ord{background:#00000061}.hb-root .seat .seat__info .pat{width:90%}.hb-root .hb-pubstage .seat .bub{bottom:auto;max-width:calc(100% - 12px);top:8px}.hb-root .seat.leaving{animation:hb-leave 1.4s ease-in forwards;pointer-events:none}@keyframes hb-leave{0%,55%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}.hb-root .seat .hb-leave-note{font:600 14px var(--f-num)}.hb-root .seat.leaving--happy .hb-leave-note{color:var(--brass)}.hb-root .seat.leaving--sad .hb-leave-note{color:var(--bad);font-family:var(--f-body);font-size:12px}@media(prefers-reduced-motion:reduce){.hb-root .seat.leaving{animation:none}}.hb-root .hb-teaser{align-items:center;background:var(--panel-2);border:1px solid var(--brass);border-radius:12px;display:grid;gap:12px;grid-template-columns:84px minmax(0,1fr);padding:12px 36px 12px 12px;position:relative}.hb-root .hb-teaser__face{background:radial-gradient(circle at 50% 30%,hsla(42,61%,89%,.35),transparent 70%),#2b4a6a;border:2px solid rgba(209,165,75,.6);border-radius:50%;height:84px;overflow:hidden;width:84px}.hb-root .hb-teaser__face img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.5);transform-origin:58% 22%;width:100%}.hb-root .hb-teaser__body{display:grid;font-size:13px;gap:4px}.hb-root .hb-teaser__close{background:none;border:0;color:var(--muted);font-size:20px;height:32px;line-height:1;position:absolute;right:6px;top:6px;width:32px}.hb-root .hb-pubstage__side{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.hb-root .hb-door{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2a1d14d1;border-color:#d1a54b8c;color:var(--paper)}.hb-root .hb-door:not(:disabled):hover{border-color:var(--brass);color:#f0cd7a}@media(max-width:640px){.hb-root .hb-pubstage__side{align-items:center;flex-direction:row}}.hb-root .hb-backroom{background:radial-gradient(ellipse at 50% -10%,rgba(240,180,90,.2),transparent 60%),linear-gradient(180deg,#0a1014db,#0a1014f0),var(--hb-bg) center 40% /cover no-repeat,var(--panel);border-radius:14px;display:grid;gap:14px;min-width:0;padding:18px}.hb-root .hb-backroom .eyebrow,.hb-root .hb-backroom h1{text-shadow:0 1px 3px rgba(0,0,0,.8)}.hb-root .hb-backroom__tables{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:860px){.hb-root .hb-backroom__tables{grid-template-columns:minmax(0,1fr)}}.hb-root .hb-table{align-content:start;background:#2a1d14cc;border:1px solid rgba(209,165,75,.3);border-radius:12px;display:grid;gap:8px;min-width:0;padding:16px}.hb-root .hb-table h2{font:700 18px/1.3 var(--f-display)}.hb-root .hb-table>p:not(.eyebrow){color:#d6dcd6;font-size:13px}.hb-root .hb-table .hbtn{justify-self:start}.hb-root .hb-table--daily{border-color:var(--brass);box-shadow:inset 0 0 0 1px #d1a54b33,0 0 24px #d1a54b1f}.hb-root .hb-table--soon{border-style:dashed;opacity:.8}.hb-root .hb-table__status{color:var(--paper)!important;font-size:14px!important;font-weight:600}.hb-root .hb-table__streak{color:var(--brass)!important}.hb-root .hb-table__soon{display:grid;gap:6px;list-style:none;margin:0;padding:0}.hb-root .hb-table__soon li{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:6px}.hb-root .hb-table__soon svg{height:14px;width:14px}.hb-root .hb-table__soon span{border:1px solid var(--line);border-radius:999px;font-size:11px;margin-left:auto;padding:1px 7px}.hb-root .hb-backroom__loading{color:var(--muted);padding:48px 0;text-align:center}.hb-root .hb-route{display:grid;gap:10px;justify-items:center;min-width:0}.hb-root .hb-route__bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;width:min(100%,560px)}.hb-root .hb-route__bar .sp{flex:1}.hb-root .hb-route__time{color:var(--paper);font:600 20px var(--f-num);min-width:56px}.hb-root .hb-route__progress{color:var(--muted);font-size:13px}.hb-root .hb-route__board{position:relative;width:min(100%,560px)}.hb-root .hb-route__board svg{aspect-ratio:1;border-radius:14px;box-shadow:0 10px 30px #0006,0 0 0 3px #2a1d14e6,0 0 0 5px #d1a54b73;cursor:pointer;display:block;height:auto;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.hb-root .hb-route__board svg:focus-visible{outline:3px solid #f0cd7a;outline-offset:6px}.hb-root .hb-route__board svg.is-done{cursor:default}.hb-root .hb-route__wake{animation:hb-wake 1.1s linear infinite}@keyframes hb-wake{to{stroke-dashoffset:-26}}.hb-root .hb-route__ring{animation:hb-ring 1.5s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes hb-ring{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.25)}}.hb-root .hb-route__hint{animation:hb-hint .9s ease-in-out infinite alternate;fill:#f0cd7ae6}@keyframes hb-hint{0%{opacity:.35}to{opacity:1}}.hb-root .hb-route__flash{animation:hb-flash .9s ease-out forwards;fill:#d0624f52;stroke:var(--bad);stroke-width:4}@keyframes hb-flash{to{opacity:0}}.hb-root .hb-route__flash-text{color:#f0b3a5;font-size:13px;margin-top:6px;min-height:1.4em;text-align:center}.hb-root .hb-route__help{color:var(--muted);font-size:12px;max-width:560px;text-align:center}.hb-root .hb-boat__bob{animation:hb-bob 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 85%}@keyframes hb-bob{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-4px) rotate(2.5deg)}}.hb-root .hb-boat__foam{animation:hb-foam 2.6s ease-in-out infinite}@keyframes hb-foam{0%,to{opacity:.35}50%{opacity:.9}}.hb-root .hb-route__result{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1a21e6;border:1px solid var(--brass);border-radius:14px;display:grid;gap:6px;top:12%;right:9%;bottom:12%;left:9%;padding:18px;place-content:center;position:absolute;text-align:center}.hb-root .hb-route__big{color:var(--paper);font:700 40px/1.1 var(--f-num)}.hb-root .hb-route__fame{color:var(--brass);font-weight:700}.hb-root .hb-route__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:6px}@media(max-width:520px){.hb-root .hb-route__result{top:5%;right:4%;bottom:5%;left:4%}.hb-root .hb-route__big{font-size:32px}}@media(prefers-reduced-motion:reduce){.hb-root .hb-boat__bob,.hb-root .hb-boat__foam,.hb-root .hb-route__hint,.hb-root .hb-route__ring,.hb-root .hb-route__wake{animation:none}}@media(max-width:520px){.hb-root .hb-backroom{padding:12px 8px}.hb-root .hb-backroom>.vh{padding:0 6px}.hb-root .hb-route__bar .sp{flex-basis:100%;height:0}.hb-root .hb-route__bar .hbtn{flex:1 1 0}}.hb-root .hb-reef__hull{display:inline-flex;gap:4px}.hb-root .hb-reef__hull i{background:#94432a;border-radius:0 0 9px 9px;box-shadow:inset 0 3px #4e1e12;display:block;height:10px;width:18px}.hb-root .hb-reef__hull i.lost{background:transparent;box-shadow:inset 0 0 0 2px #d0624f99}.hb-root .hb-reef__mode[aria-pressed=true]{background:#d0624f;border-color:#d0624f;color:#fff}.hb-root .hb-reef__cursor{display:none}.hb-root .hb-reef svg:focus-visible .hb-reef__cursor{display:inline}.hb-root .hb-reef__shake{animation:hb-shake .3s}.hb-root .hb-cargo{display:grid;gap:10px;justify-items:center;min-width:0}.hb-root .hb-cargo__hud{width:min(100%,720px)}.hb-root .hb-cargo__score b{color:var(--paper);font:700 20px var(--f-num)}.hb-root .hb-cargo__next{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;gap:6px}.hb-root .hb-cargo__next svg{background:#00000040;border-radius:6px;height:34px;width:34px}.hb-root .hb-cargo__stage{position:relative;width:min(100%,720px)}.hb-root .hb-cargo__stage>svg{border-radius:12px;box-shadow:0 10px 30px #0006,0 0 0 3px #2a1d14e6,0 0 0 5px #d1a54b73;display:block;height:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:100%}.hb-root .hb-cargo__overlay{top:8%;right:14%;bottom:8%;left:14%}.hb-root .hb-cargo__rules{color:#d6dcd6;font-size:13px;max-width:46ch}.hb-root .hb-cargo__items{color:#d6dcd6;display:grid;font-size:13px;gap:4px;list-style:none;margin:0;padding:0;text-align:left}.hb-root .hb-cargo__items b{color:#f0cd7a}.hb-root .hb-cargo__pad{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));touch-action:manipulation;width:min(100%,480px)}.hb-root .hb-cargo__pad .hbtn{font-size:20px;min-height:48px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.hb-root .hb-cargo__leave{animation:hb-cargo-leave .9s ease-in forwards}@keyframes hb-cargo-leave{0%{opacity:1;transform:translateY(0)}35%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(60px)}}.hb-root .hb-cargo__boom{animation:hb-cargo-boom .6s ease-out forwards;transform-box:fill-box;transform-origin:center}@keyframes hb-cargo-boom{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.hb-root .hb-cargo__settle{animation:hb-flash .6s ease-out forwards}.hb-root .hb-cargo__float{animation:hb-cargo-float .9s ease-out forwards}@keyframes hb-cargo-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}.hb-root .hb-cargo__spark{animation:hb-hint .3s ease-in-out infinite alternate}.hb-root .hb-cargo__incoming{animation:hb-hint 1s ease-in-out infinite alternate}@media(max-width:520px){.hb-root .hb-cargo__overlay{gap:4px;top:2%;right:3%;bottom:2%;left:3%;padding:10px}.hb-root .hb-cargo__items,.hb-root .hb-cargo__rules{font-size:12px}}@media(prefers-reduced-motion:reduce){.hb-root .hb-cargo__boom,.hb-root .hb-cargo__float,.hb-root .hb-cargo__incoming,.hb-root .hb-cargo__leave,.hb-root .hb-cargo__spark,.hb-root .hb-reef__shake{animation:none}}@media(max-width:520px){.hb-root .hb-cargo__hud .sp{flex:1 1 0;flex-basis:auto;height:auto}.hb-root .hb-cargo__hud .hbtn{flex:none;min-height:36px;padding:4px 10px}.hb-root .hb-cargo__hud .hb-route__progress{flex-basis:100%;font-size:12px;order:9}.hb-root .hb-cargo__pad{gap:6px}}.hb-root .hb-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:6px 10px}.hb-root .hb-shortcut{align-items:center;background:#2a1d14d9;border:1px solid rgba(209,165,75,.55);border-radius:9px;color:var(--paper);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-left:auto;padding:6px 12px;position:relative}.hb-root .hb-shortcut svg{color:#f0cd7a;height:16px;width:16px}.hb-root .hb-shortcut:hover{border-color:var(--brass);color:#f0cd7a}.hb-root .hb-shortcut[aria-pressed=true]{background:var(--brass);border-color:var(--brass);color:var(--brass-ink)}.hb-root .hb-shortcut[aria-pressed=true] svg{color:var(--brass-ink)}.hb-root .hb-shortcut__dot{background:#e06a57;border-radius:50%;box-shadow:0 0 0 2px var(--ink);height:10px;position:absolute;right:-3px;top:-3px;width:10px}@media(max-width:520px){.hb-root .hb-shortcut{font-size:13px;padding:6px 9px}}@media(max-width:640px){.hb-root .hb-shortcut{min-height:44px}}.hb-root .hb-soon{min-height:clamp(220px,30vw,320px)}.hb-root .hb-soon .eyebrow{align-items:center;display:inline-flex;gap:5px}.hb-root .hb-soon .eyebrow svg{height:13px;width:13px}.hb-root .place--soon{opacity:.7}.hb-root .place--soon .tag{border-style:dashed}.hb-root .hb-spot-group{display:grid;gap:6px;justify-items:center;position:absolute;transform:translate(-50%,14px)}.hb-root .hb-spot-group>.hb-spot{position:relative;transform:none}.hb-root .hb-spot-sub{align-items:center;background:#2a1d14eb;border:1px solid var(--brass);border-radius:999px;box-shadow:0 2px 8px #00000059;color:#f0cd7a;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:4px 11px;position:relative;white-space:nowrap}.hb-root .hb-spot-sub svg{height:14px;width:14px}.hb-root .hb-spot-sub:focus-visible,.hb-root .hb-spot-sub:hover{background:var(--brass);color:var(--brass-ink)}@media(max-width:480px){.hb-root .hb-spot-sub{font-size:11px;padding:3px 9px}}.hb-root .hb-soonlist{background:var(--panel);border:1px dashed var(--line);border-radius:12px;display:grid;gap:8px;padding:12px 14px}.hb-root .hb-soonlist ul{display:grid;gap:6px;list-style:none;margin:0;padding:0}.hb-root .hb-soonlist li{align-items:baseline;display:grid;font-size:13px;gap:6px;grid-template-columns:auto auto minmax(0,1fr)}.hb-root .hb-soonlist li b{color:var(--paper);font-weight:600;white-space:nowrap}.hb-root .hb-soonlist li span{color:var(--muted)}.hb-root .hb-soonlist .hb-spot__lock{color:var(--muted);margin:0}.hb-root .hb-rank__head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.hb-root .hb-rank .seed{font-size:12px;padding:4px 10px}.hb-root .hb-rank__list{display:grid;gap:4px;list-style:none;margin:0;max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-width:thin}.hb-root .hb-rank__list li{align-items:center;background:#0e1a2173;border-radius:8px;display:grid;font-size:13px;gap:8px;grid-template-columns:26px minmax(0,1fr) auto;padding:5px 8px}.hb-root .hb-rank__list li.is-me{background:#d1a54b2e;box-shadow:inset 0 0 0 1px #d1a54b8c}.hb-root .hb-rank__list li.is-gap{margin-top:8px}.hb-root .hb-rank__no{background:#ece3cc1f;border-radius:50%;display:inline-grid;font:700 12px var(--f-num);height:24px;place-items:center;width:24px}.hb-root .hb-rank__name{color:var(--paper);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-root .hb-rank__name small{color:var(--muted)}.hb-root .hb-rank__name em{background:var(--brass);border-radius:999px;color:var(--brass-ink);font-size:11px;font-style:normal;margin-left:6px;padding:0 6px}.hb-root .hb-rank__time{color:#f0cd7a;font:600 13px var(--f-num);white-space:nowrap}.hb-root .hb-rank__time small{color:var(--muted);font:400 12px var(--f-body)}.hb-root .hb-rank__empty{color:var(--muted)!important;padding:8px 0}.hb-root .hb-rank__foot{color:var(--muted)!important;font-size:11px!important}.hb-root .hb-table__rank{color:#f0cd7a!important;font-weight:600}.hb-root .hb-route__rank{color:#f0cd7a;font-weight:600}.hb-root .hb-hall{display:grid;gap:8px;scroll-margin:72px}.hb-root .hb-hall .hb-table{border-color:var(--brass)}.hb-root .hb-hall__actions{display:flex;flex-wrap:wrap;gap:8px}.hb-root #view-sail .pop{width:220px}.hb-root #view-sail .pop .b{flex-wrap:wrap}.hb-root #view-sail .pop .btn[data-cls]{border-color:var(--c)}.hb-root #view-sail .pop .s b{color:var(--paper);font-weight:600}.hb-root .hb-def{display:grid;justify-items:center}.hb-root .hb-def__board{aspect-ratio:9/16;background:#0e1a21;border:1px solid var(--line);border-radius:14px;max-height:calc(100svh - 150px);overflow:hidden;position:relative;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:min(100%,460px)}.hb-root .hb-def__board>:not(canvas){z-index:2}.hb-root .hb-def__top{background:#0a10189e;border-radius:10px;color:#fff;display:grid;font-size:13px;gap:4px;left:8px;padding:6px 8px;position:absolute;right:8px;top:8px}.hb-root .hb-def__row{align-items:center;display:flex;gap:8px}.hb-root .hb-def__row b{font-weight:700}.hb-root .hb-def__time{color:#ffd36b;font:600 13px var(--f-num);margin-left:auto}.hb-root .hb-def__kills{color:#f2b2a4;font:600 12px var(--f-num)}.hb-root .hb-def__btn{background:#ffffff14;border:1px solid hsla(0,0%,100%,.25);border-radius:7px;color:#fff;font-weight:700;height:26px;min-width:30px;padding:0 6px}.hb-root .hb-def__meter{background:#0000008c;border-radius:3px;height:5px;overflow:hidden}.hb-root .hb-def__meter i{background:#ffd36b;display:block;height:100%;transition:width .1s linear}.hb-root .hb-def__lv{align-items:center;display:grid;font:700 12px var(--f-num);gap:6px;grid-template-columns:auto 1fr}.hb-root .hb-def__meter--xp{height:7px}.hb-root .hb-def__meter--xp i{background:linear-gradient(90deg,#7cc2ae,#b6f0d8)}.hb-root .hb-def__combo{color:#ffe08a;font:800 22px var(--f-display);pointer-events:none;position:absolute;right:14px;text-shadow:0 2px 0 #000,0 0 10px rgba(0,0,0,.6);top:92px}.hb-root .hb-def__bar{background:#0009;border-radius:7px;height:14px;left:16%;overflow:hidden;position:absolute;right:16%;top:78.6%}.hb-root .hb-def__bar i{background:#5fc46a;display:block;height:100%;transition:width .15s linear}.hb-root .hb-def__bar.is-hit i{background:#e06a57}.hb-root .hb-def__bar span{color:#fff;display:grid;font:700 10px var(--f-num);top:0;right:0;bottom:0;left:0;place-items:center;position:absolute;text-shadow:0 1px 2px #000}.hb-root .hb-def__ov{background:#080e148c;display:grid;top:0;right:0;bottom:0;left:0;padding:14px;place-items:center;position:absolute;z-index:3}.hb-root .hb-def__box{background:var(--panel);border:1px solid var(--brass);border-radius:14px;display:grid;gap:10px;padding:16px;width:min(320px,100%)}.hb-root .hb-def__box h2{font:700 19px/1.3 var(--f-display)}.hb-root .hb-def__box ul{color:var(--muted);display:grid;font-size:13px;gap:6px;margin:0;padding-left:16px}.hb-root .hb-def__box .hbtn{justify-self:stretch}.hb-root .hb-def__note{color:var(--muted);font-size:12px}.hb-root .hb-def__stats{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.hb-root .hb-def__stats div{background:var(--panel-2);border-radius:8px;padding:8px 10px}.hb-root .hb-def__stats dt{color:var(--muted);font-size:11px}.hb-root .hb-def__stats dd{font:600 18px var(--f-num);margin:0}.hb-root .hb-def__ov--cards{align-content:center;background:#080e14b3;gap:10px}.hb-root .hb-def__pick{color:#ffe08a;font-weight:700;text-shadow:0 1px 2px #000}.hb-root .hb-def__cards{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hb-root .hb-card{align-content:start;background:linear-gradient(180deg,#2a1d14,#1b2e37);border:2px solid var(--line);border-radius:12px;color:var(--paper);display:grid;gap:6px;justify-items:center;min-height:176px;padding:10px 6px;text-align:center}.hb-root .hb-card:focus-visible,.hb-root .hb-card:hover{border-color:var(--brass);transform:translateY(-2px)}.hb-root .hb-card--ally{border-color:#d1a54b;box-shadow:0 0 16px #d1a54b59}.hb-root .hb-card__kind{color:var(--brass);font-size:10px;font-weight:700;letter-spacing:.06em}.hb-root .hb-card__face{background:#3b2a50;border:2px solid var(--brass);border-radius:50%;display:grid;height:54px;overflow:hidden;place-items:center;width:54px}.hb-root .hb-card__face img{height:135%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 20%;object-position:50% 20%;width:135%}.hb-root .hb-card__name{font-size:14px;font-weight:700}.hb-root .hb-card__desc{color:#c8d2d2;font-size:11.5px;line-height:1.4}.hb-root .hb-card__lv{color:#ffd36b;font:600 11px var(--f-num)}@media(max-width:480px){.hb-root .hb-def__board{border-radius:0;max-height:none;width:100%}.hb-root .hb-card{min-height:150px;padding:8px 4px}.hb-root .hb-card__desc{font-size:10.5px}}.hb-root .hb-def__hint{color:#fffc;font-size:11px;left:8%;pointer-events:none;position:absolute;right:8%;text-align:center;text-shadow:0 1px 2px #000;top:81.6%}.hb-root .hb-def__hint.is-on{color:#ffe08a;font-weight:700}.hb-root .hb-def__wlabel{color:var(--brass);font-size:12px;font-weight:700}.hb-root .hb-def__weapons{display:grid;gap:6px}.hb-root .hb-def__weapons--row{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-root .hb-def__weapon{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;color:var(--paper);display:grid;gap:2px;padding:8px 10px;text-align:left}.hb-root .hb-def__weapons--row .hb-def__weapon{padding:6px;text-align:center}.hb-root .hb-def__weapon b{font-size:13px}.hb-root .hb-def__weapon span{color:var(--muted);font-size:11.5px}.hb-root .hb-def__weapon em{color:#ffd36b;font-size:11.5px;font-style:normal}.hb-root .hb-def__weapon[aria-checked=true]{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass)}.hb-root .hb-def__box{max-height:calc(100% - 8px);overflow-y:auto}@media(max-width:480px){.hb-root .hb-def__box{gap:8px;padding:12px}.hb-root .hb-def__box h2{font-size:16px}.hb-root .hb-def__box ul{font-size:12px;gap:4px}.hb-root .hb-def__box ul li:nth-child(3),.hb-root .hb-def__box ul li:nth-child(4){display:none}.hb-root .hb-def__weapon{padding:6px 8px}.hb-root .hb-def__weapon em,.hb-root .hb-def__weapon span{font-size:11px}}.harbor-page[data-v-a8efaa3a]{min-height:60vh}