/* The league dock: warm industrial surfaces, restrained broadcast color. */
body[data-screen] { --ink:#e6e4dc;--dim:#aaa99d;--rule:#343a3b; background:#11191d; user-select:text; }
body[data-screen] > :not(#league-shell):not(script) { display:none!important; }
#league-shell { position:fixed;inset:0;overflow:auto; background:#11191d;color:var(--ink);font-size:14px; }
#league-shell button,#league-shell input { font:inherit; }
#league-shell button { cursor:pointer;color:var(--ink);border:1px solid #4a5050;background:#202b30;padding:11px 17px;border-radius:2px; }
#league-shell button:hover { border-color:#c6ad7f;background:#2d383b; }
#league-shell button:disabled { opacity:.4;cursor:default; }
#league-shell button:focus-visible,#league-shell a:focus-visible,#league-shell summary:focus-visible,#league-shell input:focus-visible { outline:2px solid #d4b47c;outline-offset:4px; }
#league-shell .hb-primary { background:#d9b780;color:#182025;border-color:#d9b780;font-weight:600; }
#league-shell .hb-primary:hover { background:#ead0a4; }
#league-shell h1,#league-shell h2,#league-shell h3 { font-family:'Saira Condensed',sans-serif;margin:0;font-weight:600;line-height:1.05; }
#league-shell h1 { font-size:clamp(42px,4.5vw,66px); }
#league-shell h2 { font-size:29px; }
#league-shell h3 { font-size:23px; }
#league-shell p { color:var(--dim);line-height:1.65; }
#league-shell a { color:#c9b185; }
#league-shell small { font-size:11px; }
.hb-eyebrow { font-size:10px;letter-spacing:.17em;font-weight:600;color:#b7ac91; }
.hb-header { min-height:80px;display:flex;align-items:center;gap:32px;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid var(--rule);background:#151f24;position:sticky;top:0;z-index:30; }
.hb-brand { font-family:'Saira Condensed',sans-serif;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:.015em;line-height:.9;color:#eee8da!important; }
.hb-brand span { color:#d9b780; }.hb-brand small { display:block;font-family:'Saira',sans-serif;letter-spacing:.2em;font-size:8px;margin-top:8px; }
.hb-header nav { display:flex;gap:4px;margin-left:24px; }
#league-shell .hb-header nav button { background:none;border-color:transparent;color:var(--dim);padding:10px 14px; }
#league-shell .hb-header nav button[aria-current=page] { color:var(--ink);border-bottom-color:#d9b780; }
.hb-wallet { margin-left:auto;text-align:right; }.hb-wallet span { display:block;font-size:9px;letter-spacing:.12em;color:var(--dim); }.hb-wallet b { font-size:21px;font-family:'Saira Condensed',sans-serif;font-weight:600; }.hb-wallet small { color:#b7ac91; }
.live-dot { display:inline-block;width:6px;height:6px;border-radius:50%;background:#d6aa67;margin-right:7px;vertical-align:middle; }
.hb-hangar,.hb-archive { max-width:1260px;margin:auto;padding:38px clamp(18px,4vw,64px) 30px; }
.hb-page-title p { margin:12px 0 0; }.hb-page-title h1 { margin-top:10px!important; }
.hb-berth-layout { display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:42px;align-items:center;margin:22px 0 30px; }
.hb-berth { min-width:0;position:relative;background:radial-gradient(ellipse at 50% 55%,#27353a 0,transparent 65%);border-bottom:1px solid #465052; }
.berth-art { width:100%;height:auto;max-height:370px;display:block; }.hb-berth-caption { display:flex;justify-content:space-between;gap:16px;padding:5px 10px 20px;font-size:10px; }.hb-berth-caption span { letter-spacing:.12em;color:#b7ac91; }.hb-berth-caption b { color:var(--dim);font-weight:400; }
.hb-berth-info h2 { font-size:46px!important;margin-top:12px!important; }.hb-berth-info h2 small { font-family:'Saira',sans-serif;font-size:13px;font-weight:400;color:var(--dim); }.hb-berth-info p { max-width:320px; }.hb-berth-info > button { width:100%; }.hb-berth-info > button span { float:right;color:var(--dim); }
.hb-goal { margin:25px 0; }.hb-goal > div:first-child { display:flex;justify-content:space-between;margin-bottom:8px; }.hb-goal p { font-size:12px;margin:8px 0; }.hb-meter { background:#323c3f;height:4px;overflow:hidden; }.hb-meter i { height:100%;background:#bba379;display:block; }.hb-purchase-note { display:block;color:var(--dim);line-height:1.7;margin-top:12px; }
.hb-income-receipt { margin:20px 0;padding:16px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule); }.hb-income-receipt span,.hb-income-receipt small { display:block;color:var(--dim);font-size:10px; }.hb-income-receipt b { font-family:'Saira Condensed',sans-serif;font-size:29px;color:#bbceac; }
.hb-live-strip { display:grid;grid-template-columns:1fr auto;gap:8px 30px;background:#1c292f;border-top:2px solid #a98d5c;padding:20px 24px;margin:22px 0 36px;align-items:center; }.hb-live-strip h3 { margin-top:7px!important; }.hb-live-strip p { margin:6px 0 0;font-size:12px; }.hb-strip-wager { grid-column:1/-1;border-top:1px solid var(--rule);padding-top:12px;margin-top:8px;font-size:11px;color:var(--dim); }.hb-live-strip.your-ship { border-color:#dac296; }
.hb-section-head { display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 18px; }.hb-section-head > span { color:var(--dim);font-size:11px; }.hb-section-head h2 { margin-top:7px!important; }
.hb-crew-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
#league-shell .hb-crew { text-align:left;display:flex;gap:12px;align-items:center;min-width:0;padding:15px 12px;background:#182329;border:1px solid #394448; }
.hb-face { width:64px;height:90px;flex-shrink:0;background:var(--face-color);mask:var(--face) center/contain no-repeat;-webkit-mask:var(--face) center/contain no-repeat; }
.hb-crew-copy { min-width:0;flex:1; }.hb-crew-copy > b { display:block;font-family:'Saira Condensed',sans-serif;font-size:20px;overflow-wrap:anywhere; }.hb-crew .hb-eyebrow { font-size:8px; }.hb-rating { display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:9px;color:var(--dim);margin-top:7px; }.hb-rating strong { color:var(--ink);font-size:15px; }.hb-rating small { font-size:8px;font-weight:400;margin-left:3px; }.hb-crew .hb-meter { margin-top:4px;height:3px; }
.hb-tryout { display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:14px;padding:20px 0;border-bottom:1px solid var(--rule); }.hb-tryout p { font-size:12px;margin-bottom:0;max-width:640px; }
.hb-candidate { margin-top:30px;border-top:2px solid #baa174;padding-top:24px; }.hb-compare { display:grid;grid-template-columns:1fr 1fr;gap:20px; }.hb-compare .hb-crew { margin-top:10px; }.hb-candidate p { font-size:12px; }.hb-comparison { color:#d9bc8b!important; }.hb-actions { display:flex;gap:10px; }
.hb-ledger { margin-top:40px; }.hb-ledger-row { display:grid;grid-template-columns:1fr auto 110px;gap:20px;padding:11px 0;border-top:1px solid #2e393d;font-size:12px; }.hb-ledger-row b { font-weight:500; }.hb-ledger-row small { text-align:right;color:var(--dim); }.positive { color:#bfcead!important; }
.hb-foot { display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid var(--rule);font-size:9px;color:#8e9796; }.hb-foot a { color:#8e9796!important; }
.hb-inline-form { margin-top:15px; }.hb-inline-form label { display:block;font-size:12px; }
#league-shell input { border:1px solid #59615e;border-radius:1px;background:#101a1f;color:var(--ink);padding:11px;width:100%;margin:8px 0;user-select:text; }
#hb-notice { padding:14px 24px;background:#493c29;color:#f0d2a1;position:sticky;top:80px;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:15px; }#hb-notice[hidden] { display:none; }#hb-notice button { padding:2px 8px;border:0;background:none; }
#hb-connection { position:fixed;bottom:0;left:0;right:0;background:#493c29;padding:12px 20px;z-index:50;font-size:12px;text-align:center; }
.hb-broadcast { display:flex;min-height:calc(100dvh - 80px); }.hb-chat-open #hb-stage { width:calc(100% - 292px); }#hb-stage { width:100%;min-width:0; }
.hb-match-dossier { max-width:1060px;margin:0 auto;padding:30px clamp(18px,3vw,42px); }.hb-match-dossier h1 { font-size:42px!important; }.hb-window { text-align:right; }.hb-window b { display:block;font-family:'Saira Condensed',sans-serif;font-size:36px;color:#e1c391; }.hb-window span { font-size:8px;letter-spacing:.1em;color:var(--dim); }.hb-match-dossier .pm-vs { gap:16px; }.hb-match-dossier .pm-roster { gap:8px; }.hb-match-dossier .pm-ship { padding:14px; }.hb-match-dossier .pm-crew { min-height:110px; }.hb-match-dossier .pm-name { font-size:32px; }.hb-match-dossier .pm-portrait { width:64px;height:78px; }.hb-match-dossier .pm-what { font-size:8px; }.hb-match-dossier .pm-style { font-size:10px; }
.hb-market { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px; }#league-shell .hb-selection { display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border-color:#495458;background:#182329; }.hb-selection span { font-family:'Saira Condensed',sans-serif;font-size:24px; }.hb-selection b { color:var(--team);font-family:'Saira Condensed',sans-serif;font-size:29px; }.hb-selection small { font:9px 'Saira',sans-serif;display:block;color:var(--dim); }.hb-selection.selected { outline:2px solid var(--team);outline-offset:-2px; }.hb-odds-note { font-size:10px;text-align:center; }
.hb-wager-form { display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;padding-top:20px;border-top:1px solid var(--rule); }.hb-wager-form label { font-size:12px; }.hb-wager-form label span { display:block;color:var(--dim);font-size:10px; }.hb-wager-quote span,.hb-wager-quote small { display:block;color:var(--dim);font-size:10px; }.hb-wager-quote b { font-family:'Saira Condensed',sans-serif;font-size:24px; }.hb-wager-form > p { grid-column:1/-1;font-size:10px;margin:0; }.hb-locked-wager { margin-top:24px;padding:20px 0;border-top:1px solid #687e69; }.hb-locked-wager p { font-size:12px; }
#hb-stage.combat { position:relative;height:calc(100dvh - 80px);overflow:hidden;background:#070a12; }.hb-live-caption { position:absolute;z-index:10;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#172027;padding:8px 16px;font-size:10px; }#league-shell .hb-live-caption button { font-size:10px;padding:4px 10px; }
#hb-feed { width:100%;height:calc(100% - 42px);border:0;display:block; }#broadcast-loading { position:absolute;top:45%;left:0;right:0;text-align:center; }.hb-preparing { padding:60px 40px; }
#hb-chat { position:sticky;top:80px;align-self:flex-start;width:292px;height:calc(100dvh - 80px);flex-shrink:0;border-left:1px solid var(--rule);background:#182329;display:flex;flex-direction:column;padding:18px 16px; }#hb-chat[hidden] { display:none; }.hb-chat-head { display:flex;justify-content:space-between;align-items:center; }.hb-chat-head h2 { font-size:23px!important; }#league-shell .hb-chat-head button { background:none;padding:0 6px;border:0;font-size:22px; }.hb-chat-profile { font-size:10px;color:var(--dim);padding:14px 0;border-bottom:1px solid var(--rule); }.hb-chat-profile form { padding:12px 0; }.hb-chat-profile input { font-size:12px!important; }.hb-chat-profile summary { cursor:pointer; }
#hb-messages { flex:1;overflow:auto;padding-top:16px; }.hb-message { padding-bottom:16px; }.hb-message header { display:flex;align-items:center;gap:7px;font-size:10px; }.hb-message header b { color:#d5c6a8; }.hb-message header small { color:#91a69f;font-size:8px; }.hb-message p { color:#d0d6d5!important;font-size:12px;line-height:1.6;margin:4px 0 0;overflow-wrap:anywhere; }.hb-message details { margin-left:auto;position:relative; }.hb-message details summary { cursor:pointer;list-style:none;color:var(--dim); }.hb-message details[open] { background:#223138; }.hb-message details button { display:block;font-size:10px!important;padding:6px!important; }.hb-chat-divider { font-size:8px;letter-spacing:.1em;color:#839390;border-top:1px solid var(--rule);margin:12px 0;padding-top:10px; }.hb-chat-empty { font-size:13px; }.hb-chat-form { display:flex;align-items:center;gap:6px; }.hb-chat-form input { font-size:12px!important; }.hb-chat-form button { padding:9px 12px!important; }.hb-chat-note { font-size:8px;line-height:1.5;margin:4px 0 0; }.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.hb-finish { max-width:850px;margin:0 auto;padding:40px 35px; }.hb-finish h1 { margin-top:12px!important;color:var(--team,var(--ink)); }.hb-settlement { display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:22px 0;border-block:1px solid var(--rule);margin:25px 0; }.hb-settlement b { font-size:27px;font-family:'Saira Condensed',sans-serif; }.hb-settlement small { color:var(--dim); }.hb-stat-table { margin:25px 0; }.hb-stat-table > div { display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;padding:12px 0;border-bottom:1px solid var(--rule);font-size:12px; }.hb-stat-table b { text-align:right;color:var(--team,var(--ink));font-weight:500; }.hb-stat-table span { color:var(--dim); }.hb-reset-note { font-size:11px; }.hb-next-window { font-size:13px;border-top:1px solid var(--rule);padding-top:20px; }.hb-next-window b { margin-left:10px;color:#d9b780; }.hb-finish details summary { cursor:pointer; }.hb-finish details .pm-vs { margin-top:20px; }
.hb-archive-entry { border-top:1px solid var(--rule);margin-top:20px; }.hb-archive-entry > summary { display:grid;grid-template-columns:60px 1fr auto;gap:20px;padding:18px 0;cursor:pointer;list-style:none; }.hb-archive-entry > summary span { color:var(--dim);font-size:11px; }.hb-archive-entry > summary strong { color:#c6b086;font-size:12px;font-weight:400; }.hb-archive-entry > summary b { font-weight:500; }.hb-connecting { padding:80px clamp(24px,6vw,80px); }
@media (max-width:1100px) { .hb-crew-grid { grid-template-columns:repeat(2,1fr); }.hb-match-dossier .pm-vs { grid-template-columns:1fr; }.hb-match-dossier .pm-edge { display:none; }.hb-match-dossier .pm-ship { padding-bottom:12px; }.hb-match-dossier .pm-roster { grid-template-columns:repeat(4,1fr); }.hb-match-dossier .pm-crew { display:block; }.hb-match-dossier .pm-portrait { float:left;width:45px;height:65px;margin:8px 5px 0 0; }.hb-match-dossier .pm-stats { padding:8px 4px; }.hb-match-dossier .pm-stat-label { font-size:9px; }.hb-match-dossier .pm-g-note { display:none; } }
@media (max-width:760px) { .hb-header { min-height:72px;gap:12px;padding:12px 16px;flex-wrap:wrap; }.hb-brand { font-size:25px; }.hb-header nav { margin-left:0;order:3;width:100%;justify-content:center;border-top:1px solid var(--rule);padding-top:7px; }.hb-header nav button { flex:1;font-size:12px; }.hb-wallet b { font-size:23px; }.hb-wallet span { font-size:8px; }.hb-hangar,.hb-archive { padding:26px 18px; }.hb-page-title h1 { font-size:42px!important; }.hb-page-title p { font-size:12px; }.hb-berth-layout { grid-template-columns:1fr;gap:22px;margin-top:12px; }.berth-art { max-height:270px; }.hb-berth-caption { display:block; }.hb-berth-caption b { display:block;margin-top:7px; }.hb-berth-info h2 { font-size:39px!important; }.hb-berth-info p { max-width:none;font-size:12px; }.hb-goal { margin:15px 0; }.hb-live-strip { padding:17px;gap:15px;grid-template-columns:1fr;margin:24px 0 30px; }.hb-live-strip > button { justify-self:start; }.hb-section-head { align-items:start; }.hb-section-head > span { max-width:130px;text-align:right;line-height:1.5;font-size:10px; }.hb-crew-grid { gap:9px; }#league-shell .hb-crew { padding:12px 8px;gap:6px; }.hb-face { width:42px;height:74px; }.hb-crew-copy > b { font-size:18px; }.hb-rating { font-size:8px; }.hb-rating strong { font-size:13px; }.hb-rating small { font-size:7px; }.hb-tryout { align-items:start;flex-direction:column;gap:15px; }.hb-compare { gap:10px; }.hb-compare .hb-crew { display:block; }.hb-compare .hb-face { float:left;margin-right:12px;width:50px; }.hb-actions { flex-wrap:wrap; }.hb-ledger-row { grid-template-columns:1fr auto;gap:8px; }.hb-ledger-row small { grid-column:1/-1; }.hb-foot { flex-direction:column;gap:10px; }.hb-broadcast { min-height:calc(100dvh - 120px); }.hb-chat-open #hb-stage { width:100%; }#hb-chat { position:fixed;z-index:40;top:auto;bottom:0;right:0;width:min(100%,360px);height:min(65dvh,560px);border:1px solid #66716e;box-shadow:0 -12px 50px #0b151dcc; }#league-shell .hb-chat-toggle { font-size:10px;padding:7px; }.hb-match-dossier { padding:22px 16px; }.hb-match-dossier h1 { font-size:35px!important; }.hb-match-dossier .pm-vs { gap:12px; }.hb-match-dossier .pm-roster { grid-template-columns:repeat(2,1fr); }.hb-match-dossier .pm-crew { display:grid; }.hb-match-dossier .pm-portrait { width:55px;height:70px;float:none;margin:0; }.hb-match-dossier .pm-stats { padding:6px 4px; }.hb-match-dossier .pm-style { margin:7px 0; }.hb-window b { font-size:30px; }.hb-window span { font-size:7px; }.hb-market { gap:10px;margin-top:15px; }#league-shell .hb-selection { padding:10px;gap:8px; }.hb-selection span { font-size:20px; }.hb-selection b { font-size:23px; }.hb-selection small { font-size:7px; }.hb-wager-form { grid-template-columns:1fr 1fr;gap:12px; }.hb-wager-form > button { grid-column:1/-1; }.hb-wager-form p { line-height:1.7; }.hb-live-caption { font-size:8px;gap:8px;padding:8px; }.hb-live-caption button { font-size:8px!important; }#hb-stage.combat { height:calc(100dvh - 120px); }.hb-finish { padding:28px 18px; }.hb-finish h1 { font-size:43px!important; }.hb-stat-table > div { gap:10px;font-size:11px; }.hb-archive-entry > summary { grid-template-columns:40px 1fr;gap:8px; }.hb-archive-entry > summary strong { grid-column:2; }.hb-archive-entry .hb-finish { padding-inline:0; }#hb-notice { top:120px;font-size:12px;padding:12px 16px; }.hb-preparing { padding:45px 20px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important;transition:none!important; } }

.hb-lab { position:fixed;bottom:12px;left:12px;z-index:55;display:flex;align-items:center;gap:12px;padding:10px;background:#263f37;border:1px solid #8ca990;font-size:9px; }.hb-lab button { font-size:10px!important;padding:5px 9px!important; }

#league-shell #hb-profile-status { margin:7px 0 0;font-size:10px;color:#c2d1b8;min-height:15px; }

#hb-feed:fullscreen { width:100vw;height:100dvh;border:0;background:#070a12; }