/* TRNBCKL layout.css v2 · 2COL phase 1 + phase 2 Passport panel (Oct 24, 2026)
   One-row header (56px, 52px on phones) with 5 pill tabs · main · context panel (aside.lc-right.ctx-panel).
   ≥1024: fixed right panel. ≤1023: the panel is a peek sheet above the bottom dock (phones) / screen edge (tablets).
   Colors use the site's theme variables so light mode follows; gold #d4b056, red #f35, ink #0b0b0e.
   html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) = html:root body.ctx2 + 4 id-nots, so these rules win over styles.css without editing it. */
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4){--cx-head:56px;--cx-w:352px;--cx-gold:var(--tx-23,#d4b056);--cx-gold2:var(--tx-14,#f0c43a);--cx-card:var(--bg-124,#12141a);--cx-bd:var(--bd-74,#262a35);--cx-line:var(--bd-73,#22252e);--cx-tx:var(--tx-70,#e8e3d6);--cx-mute:var(--tx-5,#9aa3b2);--cx-panel:#0d0e12;--cx-headbg:rgba(11,11,14,.94);--cx-pill:#101116;--cx-chip:#15171d;--cx-red:#f35;--cx-btn:#d4b056;--cx-btn-tx:#14110a}
html[data-theme=light]:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4){--cx-panel:#f7f3eb;--cx-headbg:rgba(250,246,238,.94);--cx-pill:#fffbf3;--cx-chip:#fffbf3}
/* old chrome off */
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .site-header,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-rail,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .rail-fan,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #lc-panel-btn,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .lc-scrim,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .lc-right .lc-fine,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .lc-right .lc-panel-close,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .discord-fab{display:none!important}
/* ── header ── */
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-head{position:fixed;z-index:1200;top:0;left:0;right:0;height:var(--cx-head);background:var(--cx-headbg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--cx-bd);box-sizing:border-box}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-head-in{height:100%;display:flex;align-items:center;gap:14px;padding:0 20px;box-sizing:border-box}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo{display:flex;align-items:center;flex:none;text-decoration:none}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo picture{display:block}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo img{height:26px!important;width:auto!important;max-width:none!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;display:block}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo .logo-light{display:none}
html[data-theme=light]:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo .logo-dark{display:none}
html[data-theme=light]:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo .logo-light{display:block}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-sp{flex:1}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tabs{display:flex;flex:none;gap:4px;margin-left:8px;padding:4px;background:var(--cx-pill);border:1px solid var(--cx-bd);border-radius:999px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab{display:flex;align-items:center;gap:7px;height:32px;padding:0 14px;border-radius:999px;color:var(--cx-tx);text-decoration:none;font:600 13.5px/1 "IBM Plex Sans",sans-serif;white-space:nowrap}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab .material-symbols-outlined{font-size:18px;color:var(--cx-mute)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab:hover{background:rgba(212,176,86,.12)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab:focus-visible{outline:2px solid var(--cx-gold);outline-offset:1px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab.is-on{background:var(--cx-btn);color:var(--cx-btn-tx)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab.is-on .material-symbols-outlined{color:var(--cx-btn-tx)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tools{display:flex;align-items:center;gap:8px;min-width:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-search.house-search{display:flex!important;align-items:center!important;gap:8px!important;height:36px!important;width:300px!important;min-width:0!important;max-width:none!important;flex:0 1 300px!important;padding:0 12px!important;margin:0!important;position:static!important;background:var(--cx-card)!important;border:1px solid var(--cx-bd)!important;border-radius:999px!important;box-shadow:none!important;box-sizing:border-box!important;order:0!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-search .material-symbols-outlined{font-size:19px!important;width:auto!important;color:var(--cx-mute)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-search input{background:none!important;border:0!important;outline:0;color:var(--cx-tx)!important;font:14px "IBM Plex Sans",sans-serif!important;width:100%!important;min-width:0!important;padding:0!important;height:auto!important;box-shadow:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #theme-toggle,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hdr-discord{flex:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:var(--cx-card)!important;border:1px solid var(--cx-bd)!important;color:var(--cx-gold)!important;position:static!important;order:0!important;box-sizing:border-box!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #theme-toggle svg,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hdr-discord svg{width:18px!important;height:18px!important;flex:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hdr-discord svg{fill:currentColor}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hdr-discord span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #theme-toggle:focus-visible,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hdr-discord:focus-visible,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-meta a:focus-visible,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills button:focus-visible{outline:2px solid var(--cx-gold)!important;outline-offset:2px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills{display:flex!important;align-items:center;gap:6px;flex:none}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills:empty{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills .hud-signout{display:inline-flex!important;align-items:center;gap:6px;height:36px!important;padding:0 12px!important;margin:0!important;border-radius:999px!important;background:var(--cx-card)!important;border:1px solid var(--cx-bd)!important;color:var(--cx-mute)!important;font:600 11px "IBM Plex Mono",monospace!important;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills .hud-signout em{font-style:normal}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills .hud-signout .material-symbols-outlined{font-size:17px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-meta{display:flex!important;align-items:center!important;gap:8px!important;flex:none!important;margin:0!important;padding:0!important;position:static!important;border:0!important;background:none!important;box-shadow:none!important;height:auto!important;min-height:0!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-auth{display:flex!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;height:auto!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-face{display:flex!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-auth:empty,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-face:empty{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-auth a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-height:0!important;min-width:0!important;padding:0 16px!important;margin:0!important;border-radius:999px!important;background:var(--cx-btn)!important;border:0!important;color:var(--cx-btn-tx)!important;font:700 12px/1 "IBM Plex Mono",monospace!important;letter-spacing:.12em!important;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;box-shadow:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-score:not([hidden]){display:inline-flex!important;align-items:center;height:34px;padding:0 12px;border-radius:999px;background:var(--cx-card);border:1px solid var(--bd-53,rgba(212,176,86,.45));color:var(--cx-gold2)!important;font:600 11px "IBM Plex Mono",monospace;letter-spacing:.04em;text-decoration:none;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-score:not([hidden]){visibility:visible!important;opacity:1!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-score[hidden]{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-face .hud-face-link{display:grid!important;place-items:center;flex:none!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;margin:0!important;border-radius:50%!important;overflow:hidden;border:1px solid var(--cx-gold)!important;background:var(--cx-card)!important;color:var(--cx-gold)!important;box-sizing:border-box!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-face .hud-face{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border:0!important;border-radius:50%!important;margin:0!important;padding:0!important;font-size:20px!important;display:grid!important;place-items:center;visibility:visible!important;opacity:1!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #account-chip{display:none!important}
/* ── page frame ── */
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4){padding-top:calc(var(--cx-head) + 18px)!important;padding-left:32px!important;padding-right:calc(var(--cx-w) + 28px)!important;padding-bottom:40px!important;margin:0!important}
@media (min-width:768px){html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) main.view{width:auto!important;max-width:1240px!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;padding-top:0!important;left:auto!important;right:auto!important;transform:none!important}}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) main.view:not(.is-on){display:none!important}
/* ── context panel (≥1024) ── */
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) aside.lc-right.ctx-panel{display:flex!important;flex-direction:column;position:fixed!important;z-index:60!important;top:var(--cx-head)!important;right:0!important;bottom:0!important;left:auto!important;width:var(--cx-w)!important;margin:0!important;padding:18px 18px 30px!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;background:var(--cx-panel)!important;border-left:1px solid var(--cx-bd)!important;border-radius:0!important;transform:none!important;visibility:visible!important;font:13px/1.4 "IBM Plex Mono",ui-monospace,monospace;color:var(--cx-tx)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>*{flex:none}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-peek{order:-10}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-tick{order:-9}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-sec{order:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-night{order:1}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-pp{order:1}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-user{order:2}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-pickem{order:3}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card{order:6}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card.lc-pulse{order:7}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card.lc-champs{order:8}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>[hidden]{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-peek,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tick{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4).ctx-home .ctx-panel>.lc-user[aria-label="Sign in"]{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-kick{margin:0 0 6px!important;font:600 11px "IBM Plex Mono",monospace!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--cx-gold)!important}
/* sections: flat, divided (cards kept for the user card) */
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-sec{margin:0 0 4px;padding:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a{display:flex!important;align-items:center;gap:8px;min-height:38px;padding:0 10px;border-radius:10px;background:var(--cx-card);border:1px solid var(--cx-bd);color:var(--cx-tx)!important;text-decoration:none!important;font:600 13px/1.15 "IBM Plex Sans",sans-serif;box-sizing:border-box;min-width:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a em{font-style:normal;min-width:0;padding:4px 0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a .material-symbols-outlined{font-size:18px;color:var(--cx-gold);flex:none}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a .sq-ico{width:18px;height:18px;flex:none}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a .n5-ext{margin-left:auto;color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a:hover{border-color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a.is-current{background:var(--cx-btn);border-color:var(--cx-btn);color:var(--cx-btn-tx)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-seg-a.is-current .material-symbols-outlined{color:var(--cx-btn-tx)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-night h2{margin:0 0 10px!important;padding:0!important;border:0!important;font:600 32px/1 Teko,Oswald,sans-serif!important;text-transform:uppercase;letter-spacing:.01em!important;color:var(--cx-tx)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-prog{height:6px;border-radius:9px;background:var(--bg-157,#1d2028);overflow:hidden}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-prog i{display:block;height:100%;min-width:0;background:linear-gradient(90deg,var(--cx-red),#d4b056);transition:width .3s ease}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pl{margin:6px 0 0!important;font:11px "IBM Plex Mono",monospace!important;color:var(--cx-mute)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pl a{color:var(--cx-gold)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-h,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card:not(.lc-user) h3{display:flex;align-items:center;gap:8px;margin:0 0 8px!important;padding:0!important;font:600 11px "IBM Plex Mono",monospace!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--cx-gold)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-h{margin-top:18px!important;padding-top:14px!important;border-top:1px solid var(--cx-line)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-todo{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-todo a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--cx-card);border:1px solid var(--cx-bd);text-decoration:none!important;color:var(--cx-tx)!important;position:relative}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-todo li.is-next a{border-color:rgba(212,176,86,.6)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-todo a:hover{border-color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chk{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--bd-108,#555a66);box-sizing:border-box}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chk .material-symbols-outlined{font-size:14px!important;color:var(--cx-btn-tx)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-todo li.is-done .ctx-chk{background:#d4b056;border-color:#d4b056}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-todo li.is-done .ctx-tt b{text-decoration:line-through;text-decoration-color:rgba(212,176,86,.7)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-todo .material-symbols-outlined{font-size:20px;color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tt{display:flex;flex-direction:column;flex:1;min-width:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tt b{font:600 19px/1 Teko,sans-serif;text-transform:uppercase;letter-spacing:.02em}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tt em{font:11px "IBM Plex Mono",monospace;font-style:normal;color:var(--cx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-go{flex:none;font:700 10px "IBM Plex Mono",monospace;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-arr{color:var(--cx-gold);font-size:18px;line-height:1}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card:not(.lc-user){margin:18px 0 0!important;padding:14px 0 0!important;background:none!important;border:0!important;border-top:1px solid var(--cx-line)!important;border-radius:0!important;box-shadow:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-sec:not([hidden])~.lc-card:not(.lc-user){margin-top:18px!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card .lc-row{grid-template-columns:40px minmax(0,1fr) auto;border-top:1px solid var(--cx-line);color:var(--cx-tx)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card .lc-row b{font:700 11px "IBM Plex Mono",monospace;color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card .lc-row span{font:500 13px "IBM Plex Sans",sans-serif}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-card .lc-more{font:600 11px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--cx-gold)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-user{margin:16px 0 0!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-user h3{font:600 22px/1 Teko,Oswald,sans-serif!important;color:var(--cx-gold2)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-sec:not([hidden])+.lc-user,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.lc-user:first-child{margin-top:0}
/* ── phase 2: Passport filters in the panel ── */
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #ph-tabs-passport{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4).ctx-passport .ctx-panel>.lc-user[aria-label="Sign in"]{display:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pp-sec .ctx-h{margin-top:16px!important;padding-top:12px!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pp-sort{margin-top:10px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pp-lab{font:11px "IBM Plex Mono",monospace;color:var(--cx-mute);margin-right:2px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;margin:0;border-radius:999px;background:var(--cx-chip);border:1px solid var(--cx-bd);color:var(--cx-tx);font:600 11px "IBM Plex Mono",monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chip b{font-weight:600;color:var(--cx-mute);letter-spacing:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chip .material-symbols-outlined{font-size:15px;color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chip:hover{border-color:var(--cx-gold)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chip:focus-visible,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-linkbtn:focus-visible,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fbtn:focus-visible{outline:2px solid var(--cx-gold);outline-offset:2px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chip.is-on{background:rgba(212,176,86,.16);border-color:var(--cx-gold);color:var(--cx-gold2)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-chip.is-on b{color:var(--cx-gold2)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pp-promo .ctx-chip.is-on{background:#d4b056;border-color:#d4b056;color:#14110a}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pp-promo .ctx-chip.is-on b{color:#14110a}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-mix{display:flex;height:10px;border-radius:9px;overflow:hidden;gap:2px;background:var(--bg-157,#1d2028)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-mix i,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-legend i{display:block}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-wwe{background:#d22b2b}html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-nxt{background:#e8e2d4}html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-evolve{background:#7b6cf0}html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-aew{background:#d4b056}html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-tna{background:#3a8ee8}html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-indy{background:#3fb27f}html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-none{background:transparent}
html[data-theme=light]:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .m-nxt{background:#9c9483}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font:11px "IBM Plex Mono",monospace;color:var(--cx-mute)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-legend span{display:inline-flex;align-items:center}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-legend i{width:8px;height:8px;border-radius:2px;margin-right:5px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-legend b{color:var(--cx-tx);margin-left:4px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-stats div{padding:8px 10px;border-radius:10px;background:var(--cx-card);border:1px solid var(--cx-bd);min-width:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-stats b{display:block;font:600 24px/1 Teko,sans-serif;color:var(--cx-gold2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-stats em{font:10px "IBM Plex Mono",monospace;font-style:normal;color:var(--cx-mute);text-transform:uppercase;letter-spacing:.1em}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-n{font-style:normal;color:#14110a;background:#d4b056;border-radius:999px;padding:0 6px;letter-spacing:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-empty{display:flex;gap:8px;align-items:flex-start;margin:0 0 8px!important;font:12px/1.45 "IBM Plex Sans",sans-serif!important;color:var(--cx-mute)!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-empty .material-symbols-outlined{font-size:18px;color:var(--cx-red);flex:none}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-btn{display:flex;align-items:center;justify-content:center;height:36px;border-radius:999px;background:#d4b056;color:#14110a!important;font:700 12px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fl{list-style:none;margin:0;padding:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fl li{display:flex;align-items:center;gap:8px;border-top:1px solid var(--cx-line)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fl a{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:7px 0;color:var(--cx-tx)!important;text-decoration:none!important}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fl a:hover b{color:var(--cx-gold2)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-av{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--cx-gold);color:var(--cx-gold2);font:600 15px/1 Teko,sans-serif;background:var(--cx-card)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fl-t{display:flex;flex-direction:column;flex:1;min-width:0}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fl-t b{font:600 13px "IBM Plex Sans",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fl-t em{font:10.5px "IBM Plex Mono",monospace;font-style:normal;color:var(--cx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-fbtn{flex:none;height:28px;padding:0 12px;border-radius:8px;background:none;border:1px solid var(--cx-gold);color:var(--cx-gold);font:600 10px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-linkbtn{display:block;margin:8px 0 0;padding:0;background:none;border:0;color:var(--cx-gold);font:600 11px "IBM Plex Mono",monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #passport-box .pp-tag.is-hot{color:#ff7a3d;border:1px solid rgba(255,122,61,.55)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #passport-box .pp-tag.is-pup,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #passport-box .pp-tag.is-inactive{color:var(--cx-mute);border:1px solid var(--cx-bd)}
html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #passport-box .pp-reset{margin-left:6px;padding:4px 10px;border-radius:999px;background:none;border:1px solid var(--cx-gold);color:var(--cx-gold);font:600 11px "IBM Plex Mono",monospace;text-transform:uppercase;cursor:pointer}
/* ── 1024–1279: slimmer panel and tabs ── */
@media (max-width:1359.98px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-score:not([hidden]){display:none!important}
}
@media (max-width:1279.98px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4){--cx-w:312px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-head-in{gap:10px;padding:0 14px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab{padding:0 11px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-search.house-search{width:200px!important;flex-basis:200px!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-score:not([hidden]){display:none!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills .hud-signout em{display:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills .hud-signout{width:36px;padding:0!important;justify-content:center}
}
@media (max-width:1159.98px) and (min-width:1024px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab .material-symbols-outlined{display:none}
}
/* ── ≤1023: the panel becomes a peek sheet ── */
@media (max-width:1023.98px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4){padding-left:24px!important;padding-right:24px!important;padding-bottom:calc(var(--cx-peek,72px) + var(--cx-dock,0px) + 24px)!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) aside.lc-right.ctx-panel{top:auto!important;left:0!important;right:0!important;bottom:var(--cx-dock,0px)!important;width:auto!important;max-height:calc(100dvh - var(--cx-head) - var(--cx-dock,0px) - 16px);z-index:1090!important;padding:0 16px 12px!important;border:1px solid var(--cx-bd)!important;border-bottom:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -14px 40px rgba(0,0,0,.55);background:var(--cx-panel)!important;overflow-y:hidden!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) aside.lc-right.ctx-panel.is-open{overflow-y:auto!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) aside.lc-right.ctx-panel:not(.is-open)>:not(.ctx-peek):not(.ctx-tick){display:none!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) aside.lc-right.ctx-panel.is-open>.ctx-tick{display:none!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-peek{display:flex!important;position:sticky;top:0;z-index:2;align-items:center;gap:10px;width:calc(100% + 32px);margin:0 -16px;padding:16px 16px 10px;background:var(--cx-panel);border:0;border-radius:20px 20px 0 0;color:var(--cx-tx);text-align:left;cursor:pointer;font:inherit;box-sizing:border-box}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-peek:focus-visible{outline:2px solid var(--cx-gold);outline-offset:-4px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-grip{position:absolute;top:6px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--bd-108,#3a3e48)}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-peek>.material-symbols-outlined{flex:none;font-size:22px;color:var(--cx-gold);width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(212,176,86,.12)}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pk-t{display:flex;flex-direction:column;flex:1;min-width:0}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pk-t b{font:600 20px/1.05 Teko,sans-serif;text-transform:uppercase;color:var(--cx-tx);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pk-t em{font:11px "IBM Plex Mono",monospace;font-style:normal;color:var(--cx-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pk-c{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--cx-bd);color:var(--cx-gold)}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pk-c .material-symbols-outlined{font-size:20px;transform:rotate(180deg);transition:transform .2s ease}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel.is-open .ctx-pk-c .material-symbols-outlined{transform:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tick:not([hidden]){display:flex!important;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tick::-webkit-scrollbar{display:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tick a{display:flex;align-items:center;gap:6px;flex:none;height:30px;padding:0 10px;border-radius:999px;background:var(--cx-chip);border:1px solid var(--cx-bd);color:var(--cx-tx)!important;text-decoration:none!important;font:500 12px "IBM Plex Sans",sans-serif;white-space:nowrap}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tick a .material-symbols-outlined{font-size:15px;color:var(--cx-gold)}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tick b{font:700 10px "IBM Plex Mono",monospace;color:var(--cx-gold)}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel.is-open>.ctx-night>.ctx-kick,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel.is-open>.ctx-night>h2{display:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-sec{margin-top:6px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-scrim{position:fixed;z-index:1080;inset:0;background:rgba(5,5,7,.55)}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-scrim[hidden]{display:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4).drawer-open aside.lc-right.ctx-panel,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4).drawer-open .ctx-scrim{display:none!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4).ctx-passport .ctx-panel>.ctx-pp{order:-1}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-panel>.ctx-pp>.ctx-pp-sec:first-child .ctx-h{margin-top:6px!important;border-top:0;padding-top:4px!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-pk-done{flex:none;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#d4b056;color:#14110a;font:700 11px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4).ctx-sheet-open{overflow:hidden}
}
/* tablets 768–1023: tabs stay in the header (labels only), no dock: the sheet sits on the screen edge */
@media (min-width:768px) and (max-width:1023.98px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-head-in{gap:10px;padding:0 16px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tabs{margin-left:2px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab{padding:0 10px;font-size:13px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab .material-symbols-outlined{display:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-search.house-search{width:auto!important;flex:1 1 140px!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-sp{display:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tools{flex:1 1 auto}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills{display:none!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) aside.lc-right.ctx-panel{left:max(0px,calc(50% - 360px))!important;right:max(0px,calc(50% - 360px))!important}
}
@media (min-width:768px) and (max-width:899.98px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo img{height:20px!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tab{padding:0 9px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-score:not([hidden]){display:none!important}
}
/* phones: 52px header, tabs live in the bottom dock */
@media (max-width:767.98px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4){--cx-head:52px;padding-top:calc(var(--cx-head) + 8px)!important;padding-left:0!important;padding-right:0!important;padding-bottom:calc(var(--cx-peek,72px) + 12px)!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) main.view{max-width:none!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) aside.lc-right.ctx-panel{bottom:var(--cx-dock,76px)!important;max-height:calc(100dvh - var(--cx-head) - var(--cx-dock,76px) - 16px)}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-head-in{padding:0 10px;gap:8px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-logo img{height:34px!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tabs,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-sp{display:none}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) .ctx-tools{flex:1;gap:6px}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-search.house-search{width:auto!important;flex:1 1 auto!important;min-width:0!important;padding:0 10px!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills .hud-signout em,html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-score:not([hidden]){display:none!important}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #house-pills .hud-signout{width:36px;padding:0!important;justify-content:center}
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hud-auth a{padding:0 12px!important;letter-spacing:.08em!important}
}
@media (max-width:359.98px){
 html:root body.ctx2:not(#c1):not(#c2):not(#c3):not(#c4) #hdr-discord{display:none!important}
}