@import url("./avatar-frames.css?v=1.3.0");

/* V82.0 Unified Binder Application Shell */
:root{
  --shell-blue:var(--st-color-blue, #6bc6f8);
  --shell-pink:var(--st-color-pink, #ff82c8);
  --shell-gold:var(--st-color-gold, #fed334);
  --shell-ink:var(--st-color-ink, #30344f);
  --shell-muted:var(--st-color-muted, #6b7089);
  --shell-live-feed-h:40px;
  --shell-masthead-h:clamp(84px, 10vw, 96px);
  --shell-chrome-top:var(--shell-masthead-h, 96px);
}
.unified-nav{display:grid;gap:7px;margin:14px 0 18px;padding:12px;border:1px solid rgba(107,198,248,.32);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(245,251,255,.86));box-shadow:0 9px 22px rgba(61,83,132,.08)}
.unified-nav a{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border-radius:12px;color:#405fa1;font-weight:850;text-decoration:none;transition:.16s ease}
.unified-nav a:hover,.unified-nav a:focus-visible{background:rgba(107,198,248,.15);transform:translateX(2px)}
.unified-nav a.active{background:linear-gradient(135deg,rgba(107,198,248,.25),rgba(255,130,200,.22));box-shadow:inset 0 0 0 1px rgba(255,130,200,.25);color:#334f8d}
.unified-nav .staff-link{display:none}.unified-nav .staff-link.visible{display:flex}
.shell-nav-icon-img{width:20px;height:20px;object-fit:contain;flex:none;border-radius:4px;vertical-align:middle}
.shell-nav-label .shell-nav-icon-img{width:16px;height:16px}
.shell-nav-svg{
  flex:none;
  width:20px;
  height:20px;
  display:block;
  stroke:currentColor;
  fill:none;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:#5b7ab8;
  opacity:.92;
}
.shell-nav-label .shell-nav-svg{
  width:15px;
  height:15px;
  color:#8a93aa;
  opacity:.85;
}
.unified-nav a:hover .shell-nav-svg,
.unified-nav a:focus-visible .shell-nav-svg{
  color:#ff79bd;
  opacity:1;
}
.unified-nav a.active .shell-nav-svg{
  color:#e45fa8;
  opacity:1;
  filter:drop-shadow(0 0 6px rgba(255,130,200,.35));
}
.unified-nav a.shell-daily-link .shell-nav-svg{color:#d4a017}
.unified-nav a.shell-shop-link .shell-nav-svg{color:#6b9adf}
.unified-nav a[data-shell-view="trades"] .shell-nav-svg{color:#8b74c9}
.unified-nav a[data-shell-view="star-bits"] .shell-nav-icon-img{filter:drop-shadow(0 1px 2px rgba(255,130,200,.25))}
.shell-nav-icon{flex:none;font-size:1.05rem;line-height:1;width:1.25em;text-align:center}
.shell-account-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:13px 17px;border:1px solid rgba(107,198,248,.36);border-radius:17px;background:rgba(255,255,255,.93);box-shadow:0 9px 24px rgba(61,83,132,.09)}
.shell-account-main{min-width:0}.shell-account-main strong{display:block;color:#405fa1;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-account-main span{color:var(--shell-muted);font-size:.86rem}
.shell-account-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.shell-stat{display:inline-flex;gap:5px;align-items:center;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(254,211,52,.18),rgba(255,130,200,.14));color:#765600;font-weight:850;font-size:.86rem}.shell-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--shell-blue),var(--shell-pink));color:#fff;font-weight:950;box-shadow:0 7px 18px rgba(255,130,200,.25)}
.shell-account-left{display:flex;align-items:center;gap:11px;min-width:0}.shell-profile-link{text-decoration:none}
body.unified-shell .topbar .nav{display:none}
.shell-view-frame{display:none;min-height:calc(100dvh - 150px);border:1px solid rgba(107,198,248,.38);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(61,83,132,.13)}
.shell-view-frame.active{display:block}.shell-view-frame iframe{display:block;width:100%;height:calc(100dvh - 155px);min-height:720px;border:0;background:transparent}
.shell-native-view.hidden{display:none}
.shell-menu-button{display:none;min-width:44px;min-height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--shell-blue),var(--shell-pink));color:#fff;font-size:1.25rem;font-weight:900}
@media(max-width:900px){.shell-menu-button{display:inline-grid;place-items:center}.site{position:relative}.sidebar{transition:transform .2s ease}.unified-shell:not(.shell-menu-open) .sidebar{transform:translateX(-110%);position:fixed;z-index:1001;top:0;bottom:0;left:0;width:min(320px,86vw);max-width:100%;overflow:auto;box-shadow:18px 0 45px rgba(31,42,72,.24);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.unified-shell.shell-menu-open .sidebar{position:fixed;z-index:1001;top:0;bottom:0;left:0;width:min(320px,86vw);max-width:100%;overflow:auto;box-shadow:18px 0 45px rgba(31,42,72,.24);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.unified-shell .main{width:100%}.shell-account-bar{position:sticky;top:0;z-index:900;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.shell-view-frame iframe{height:calc(100dvh - 120px);min-height:min(620px,calc(100dvh - 96px))}}
@media(max-width:600px){.shell-account-stats .shell-stat:nth-child(n+3){display:none}.shell-account-bar{padding:10px}.shell-view-frame{border-radius:15px}.shell-view-frame iframe{min-height:min(520px,calc(100dvh - 88px))}}

/* V82.1 Shell polish: integrated search, sound and magical daily CTA */
body.unified-shell .topbar{display:none!important}
.shell-account-bar{display:grid;grid-template-columns:minmax(210px,auto) minmax(180px,1fr) auto;align-items:center}
.shell-account-center{min-width:0;display:flex;justify-content:center}
.shell-search{width:min(100%,430px);min-height:42px;padding:9px 15px;border:1px solid rgba(107,198,248,.42);border-radius:999px;background:rgba(255,255,255,.94);color:#334f8d;font:inherit;box-shadow:inset 0 1px 3px rgba(61,83,132,.06);transition:border-color .16s ease,box-shadow .16s ease}
.shell-search:focus{outline:none;border-color:rgba(255,130,200,.72);box-shadow:0 0 0 4px rgba(255,130,200,.12)}
.shell-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.shell-sfx-button{position:static!important;flex:0 0 auto;width:42px;height:42px;min-width:42px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--shell-blue),var(--shell-pink));color:#fff;font-size:1.05rem;font-weight:950;box-shadow:0 8px 20px rgba(255,130,200,.25);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}
.shell-sfx-button:hover,.shell-sfx-button:focus-visible{transform:translateY(-1px) scale(1.04);box-shadow:0 10px 25px rgba(255,130,200,.34)}
.shell-sfx-button:not(.on){opacity:.55;filter:saturate(.4)}
.daily-booster-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;max-width:290px;padding:9px 15px;border:1px solid rgba(107,198,248,.32);border-radius:999px;background:rgba(246,250,255,.94);color:#53658f;font-size:.84rem;font-weight:950;text-decoration:none;white-space:nowrap;overflow:hidden;box-shadow:0 6px 16px rgba(61,83,132,.08);transition:transform .18s ease,box-shadow .18s ease}
.daily-booster-cta.is-ready{border-color:rgba(255,202,75,.78);background:linear-gradient(120deg,#fff7c8 0%,#ffd8ee 42%,#dff5ff 70%,#fff7c8 100%);background-size:250% 100%;color:#8a4b75;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 0 17px rgba(255,130,200,.44),0 0 30px rgba(254,211,52,.3);animation:dailyCtaPulse 1.8s ease-in-out infinite,dailyCtaShimmer 4s linear infinite}
.daily-booster-cta.is-ready::after{content:"";position:absolute;inset:-80% -35%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.78) 48%,transparent 61%);transform:translateX(-65%) rotate(8deg);animation:dailyCtaSweep 3.6s ease-in-out infinite}
.daily-booster-cta.is-ready:hover,.daily-booster-cta.is-ready:focus-visible{transform:translateY(-2px) scale(1.025);box-shadow:0 0 0 1px rgba(255,255,255,.8) inset,0 0 24px rgba(255,130,200,.58),0 0 38px rgba(254,211,52,.4)}
.daily-booster-dot{display:none;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.26),0 0 14px #fff}
.daily-booster-cta.is-ready .daily-booster-dot{display:inline-block;animation:dailyDotPulse 1.1s ease-in-out infinite}
.daily-booster-cta.is-claimed{background:linear-gradient(135deg,rgba(226,247,239,.94),rgba(238,246,255,.94));border-color:rgba(83,170,128,.26);color:#3c8060}
.daily-booster-cta.is-loading{opacity:.75;pointer-events:none}
.economy-card{padding:13px 14px!important}.economy-card .side-title{margin-bottom:8px}.economy-card .economy-stat{display:flex;justify-content:space-between;gap:10px;margin:5px 0}.economy-card .economy-link,.economy-card .daily-widget-link{display:flex;justify-content:center;margin-top:9px;padding:8px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(107,198,248,.18),rgba(255,130,200,.17));color:#405fa1;font-weight:850;text-decoration:none}.economy-card [data-daily-status]{margin:2px 0 0;font-weight:850;color:#405fa1}.economy-card .daily-countdown{display:block;margin-top:4px;color:#6b7089;font-size:.84rem}
@keyframes dailyCtaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@keyframes dailyCtaShimmer{0%{background-position:0% 50%}100%{background-position:250% 50%}}
@keyframes dailyCtaSweep{0%,55%{transform:translateX(-75%) rotate(8deg);opacity:0}65%{opacity:1}100%{transform:translateX(75%) rotate(8deg);opacity:0}}
@keyframes dailyDotPulse{0%,100%{transform:scale(.8);opacity:.72}50%{transform:scale(1.25);opacity:1}}
@media(prefers-reduced-motion:reduce){.daily-booster-cta.is-ready,.daily-booster-cta.is-ready::after,.daily-booster-cta.is-ready .daily-booster-dot{animation:none!important}}
@media(max-width:1180px){.shell-account-bar{grid-template-columns:minmax(190px,auto) 1fr}.shell-account-center{grid-column:1/-1;grid-row:2}.shell-account-actions{grid-column:2;grid-row:1}.shell-search{width:100%}}
@media(max-width:760px){.shell-account-bar{display:flex;flex-wrap:wrap}.shell-account-left{flex:1 1 190px}.shell-account-center{order:3;flex:1 0 100%}.shell-account-actions{flex:0 1 auto}.shell-account-stats{display:none}.daily-booster-cta{max-width:230px;font-size:.78rem;padding-inline:12px}}
@media(max-width:520px){.daily-booster-cta{max-width:185px}.daily-booster-cta span[data-daily-cta-label]{overflow:hidden;text-overflow:ellipsis}.shell-sfx-button{width:39px;height:39px;min-width:39px}.shell-search{min-height:40px}}

/* V82.1.1 layout hotfix: restore the Binder's native two-column grid.
   The unified shell wrapper must not become an extra grid item because the
   legacy Binder layout expects its native sections to be direct children of
   .main. */
body.unified-shell[data-page="binder"] .shell-account-bar,
body.unified-shell[data-page="binder"] .shell-view-frame {
  grid-column: 1 / -1;
}

body.unified-shell[data-page="binder"] .shell-native-view:not(.hidden) {
  display: contents;
}

body.unified-shell[data-page="binder"] .shell-native-view.hidden {
  display: none !important;
}

body.unified-shell[data-page="binder"] .site-footer-links {
  grid-column: 1 / -1;
}

/* Ensure embedded views always use the full application content width. */
body.unified-shell[data-page="binder"] .shell-view-frame.active {
  grid-column: 1 / -1;
  width: 100%;
  min-width: 0;
}

@media (max-width: 1180px) {
  body.unified-shell[data-page="binder"] .shell-account-bar,
  body.unified-shell[data-page="binder"] .shell-view-frame,
  body.unified-shell[data-page="binder"] .site-footer-links {
    grid-column: 1;
  }
}

/* V82.2 ? Starlight Mode removed; hero content now uses the full width. */
body[data-page="binder"] .series-hero {
  grid-template-columns: minmax(0, 1fr) !important;
}

/* V82.3 ? more expressive collector navigation and sidebar presentation */
.unified-nav{position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(239,249,255,.9) 48%,rgba(255,238,249,.88));box-shadow:0 13px 34px rgba(61,83,132,.12)}
.unified-nav::before{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 49%,transparent 63%);transform:translateX(-80%);animation:navSheen 9s ease-in-out infinite;pointer-events:none}
.unified-nav a{position:relative;isolation:isolate;border:1px solid transparent;overflow:hidden}
.unified-nav a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(107,198,248,.25),rgba(255,130,200,.23));opacity:0;transform:scaleX(.75);transition:.2s ease}
.unified-nav a:hover::before,.unified-nav a:focus-visible::before,.unified-nav a.active::before{opacity:1;transform:scaleX(1)}
.unified-nav a:hover,.unified-nav a:focus-visible{transform:translateX(4px) scale(1.015);border-color:rgba(255,130,200,.24);box-shadow:0 8px 18px rgba(61,83,132,.09)}
.unified-nav a.active{transform:translateX(3px);box-shadow:0 8px 22px rgba(255,130,200,.15),inset 0 0 0 1px rgba(255,255,255,.6)}
.unified-nav a.active::after{content:"?";margin-left:auto;color:#ff82c8;text-shadow:0 0 10px rgba(255,130,200,.65);animation:activeStar 1.8s ease-in-out infinite}
.side-card:not(.filters){transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.side-card:not(.filters):hover{transform:translateY(-2px);border-color:rgba(255,130,200,.34);box-shadow:0 12px 28px rgba(61,83,132,.1)}
.economy-card{position:relative;overflow:hidden}.economy-card::after{content:"";position:absolute;width:90px;height:90px;right:-35px;top:-38px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.86),transparent 70%);pointer-events:none}
.economy-card .economy-link,.economy-card .daily-widget-link{transition:.18s ease}.economy-card .economy-link:hover,.economy-card .daily-widget-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,130,200,.16)}
@keyframes navSheen{0%,65%{transform:translateX(-85%);opacity:0}72%{opacity:1}100%{transform:translateX(85%);opacity:0}}@keyframes activeStar{0%,100%{transform:scale(.82);opacity:.65}50%{transform:scale(1.18);opacity:1}}
@media(prefers-reduced-motion:reduce){.unified-nav::before,.unified-nav a.active::after{animation:none!important}}

/* ============================================================
   V82.3.2 ? UNIFIED SIDEBAR HEIGHT / OVERFLOW HOTFIX
   The base compact desktop rules set .sidebar to overflow:hidden,
   which clips navigation, economy widgets, series progress, and
   filters when the unified shell grows taller than the viewport.
   ============================================================ */
.unified-shell .sidebar {
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-bottom: 18px;
}

.unified-shell .sidebar > * {
  flex: 0 0 auto;
  min-width: 0;
}

.unified-shell .sidebar::-webkit-scrollbar {
  width: 8px;
}

.unified-shell .sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.unified-shell .sidebar::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(107,198,248,.7), rgba(255,130,200,.72));
  background-clip: padding-box;
}

.unified-shell .sidebar::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(107,198,248,.95), rgba(255,130,200,.95));
  background-clip: padding-box;
}

/* Keep the important navigation and collection cards readable on
   shorter desktop displays rather than compressing or clipping them. */
@media (min-width: 1181px) {
  .unified-shell .sidebar {
    max-height: calc(100dvh - 24px);
  }
}

@media (max-width: 1180px) {
  .unified-shell .sidebar {
    max-height: none;
    overflow: visible !important;
  }
}
/* V82.4 Wishlist & Trade navigation accent */
.unified-nav a[data-shell-view="trades"]{background:linear-gradient(135deg,rgba(107,198,248,.08),rgba(255,130,200,.08))}
.unified-nav a[data-shell-view="trades"]:hover{box-shadow:0 8px 22px rgba(137,112,219,.16)}

/* V82.6.1 profile-owned trade navigation */
.shell-profile-nav-group{display:grid;gap:4px}.shell-profile-nav-group>a{width:100%}.shell-profile-subnav{margin-left:22px!important;width:calc(100% - 22px)!important;font-size:.9rem!important;opacity:.92;border-left:2px solid rgba(255,130,200,.34)!important}.shell-nav-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#fed334,#ff82c8);color:#fff;font-size:.74rem;font-weight:900;box-shadow:0 0 14px rgba(255,130,200,.4)}.shell-nav-badge[hidden]{display:none!important}

/* V82.7 grouped navigation */
.unified-nav{gap:12px}.shell-nav-section{display:grid;gap:5px}.shell-nav-label{margin:2px 8px 3px;color:#8a93aa;font-size:.7rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.shell-nav-section+.shell-nav-section{padding-top:10px;border-top:1px solid rgba(107,198,248,.16)}.shell-nav-section.is-bare+.shell-nav-section{padding-top:10px}.shell-nav-section.is-bare{gap:4px}.shell-nav-staff{display:none}.unified-nav.has-staff-access .shell-nav-staff{display:grid}.shell-nav-section a[data-shell-view="offers"]{margin-left:0!important;width:100%!important;font-size:inherit!important;opacity:1;border-left:0!important}.shell-nav-section a.active{background:linear-gradient(135deg,rgba(107,198,248,.22),rgba(255,130,200,.2))}.profile-section-intro{margin:-8px 0 16px;color:#6b7089;line-height:1.55}.account-data-actions{display:flex;flex-wrap:wrap;gap:10px}.account-data-actions button{cursor:pointer}.account-data-section{background:linear-gradient(145deg,rgba(250,252,255,.95),rgba(255,245,251,.88))!important}


/* V82.8 navigation category and embedded-status polish */
.shell-nav-label{
  position:relative;display:flex;align-items:center;gap:8px;margin:2px 2px 7px!important;
  padding:9px 12px;border:1px solid rgba(255,255,255,.78);border-radius:14px;
  background:linear-gradient(135deg,rgba(107,198,248,.2),rgba(255,130,200,.18));
  color:#52679b!important;font-size:.73rem!important;letter-spacing:.12em!important;
  box-shadow:0 7px 18px rgba(75,92,145,.09),inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden
}
.shell-nav-label::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.62) 48%,transparent 68%);transform:translateX(-120%);animation:shellCategorySheen 7s ease-in-out infinite;pointer-events:none}
.shell-nav-label span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#ff79bd;box-shadow:0 0 13px rgba(255,130,200,.28);font-size:.8rem;letter-spacing:0}
.shell-nav-section:nth-child(2) .shell-nav-label{background:linear-gradient(135deg,rgba(255,130,200,.2),rgba(254,211,52,.16));color:#84567b!important}
.shell-nav-section:nth-child(2) .shell-nav-label span{color:#e19b18}
.page-status.success{display:none!important}
@keyframes shellCategorySheen{0%,72%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){.shell-nav-label::after{animation:none!important}}

/* V82.8.1 booster navigation polish */
.unified-nav a.shell-daily-link{white-space:nowrap;display:flex;align-items:center;gap:8px}
.unified-nav a.shell-daily-link>span:not(.shell-daily-ready-badge){white-space:nowrap}
.shell-daily-ready-badge{margin-left:auto;padding:3px 7px;border-radius:999px;background:linear-gradient(135deg,#fed334,#ff82c8);color:#fff;font-size:.62rem;font-weight:1000;letter-spacing:.06em;box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 14px rgba(255,130,200,.65);animation:shellReadyPulse 1.25s ease-in-out infinite}
.shell-daily-ready-badge[hidden]{display:none!important}
.unified-nav a.shell-daily-link:has(.shell-daily-ready-badge:not([hidden])){border-color:rgba(254,211,52,.62);background:linear-gradient(120deg,rgba(255,249,205,.95),rgba(255,224,241,.95));box-shadow:0 0 18px rgba(255,130,200,.25)}
.shell-shop-link{white-space:nowrap}
.economy-card [data-daily-status].daily-ready{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#fff5bb,#ffd9ed);color:#8a4b75;box-shadow:0 0 16px rgba(255,130,200,.3);animation:shellReadyPulse 1.4s ease-in-out infinite}
.economy-card [data-daily-status].daily-ready::before{content:'?';color:#e9a900}
@keyframes shellReadyPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.08)}}
@media(max-width:1180px){.unified-nav a.shell-daily-link{font-size:.82rem}.shell-daily-ready-badge{font-size:.56rem;padding:2px 5px}}
@media(prefers-reduced-motion:reduce){.shell-daily-ready-badge,.economy-card [data-daily-status].daily-ready{animation:none!important}}

/* V82.8.2 ? compact sidebar groups and clipping repair */
@media (min-width:1181px){
  .unified-shell .site{grid-template-columns:292px minmax(0,1fr)!important}
  .unified-shell .sidebar{padding:12px 11px 20px!important;gap:9px!important;scrollbar-gutter:auto!important}
}
.unified-shell .unified-nav{padding:10px!important;gap:10px!important;overflow:visible!important}
.unified-shell .shell-nav-section{min-width:0;gap:4px!important}
.unified-shell .shell-nav-label{margin:0 0 5px!important;padding:8px 10px!important;border-radius:12px!important;font-size:.69rem!important}
.unified-shell .shell-nav-label span{width:20px!important;height:20px!important}
.unified-shell .shell-nav-subheading{margin:8px 10px 2px;padding-top:7px;border-top:1px solid rgba(107,198,248,.15);color:#8a93aa;font-size:.61rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.unified-shell .unified-nav a{min-width:0;width:100%;padding:9px 10px!important;gap:7px!important;font-size:.82rem!important;border-radius:12px!important}
.unified-shell .unified-nav a>span:not(.shell-nav-badge):not(.shell-daily-ready-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unified-shell .shell-daily-ready-badge{flex:0 0 auto;margin-left:auto;padding:2px 5px!important;font-size:.52rem!important}
.unified-shell .shell-nav-badge{flex:0 0 auto}
.unified-shell .brand{padding-inline:4px}
.unified-shell .logo{max-width:205px!important}
@media (max-height:900px) and (min-width:1181px){
  .unified-shell .sidebar{gap:7px!important}
  .unified-shell .unified-nav{padding:8px!important;gap:8px!important}
  .unified-shell .unified-nav a{padding:8px 9px!important}
  .unified-shell .shell-nav-subheading{margin-top:6px;padding-top:5px}
  .unified-shell .side-card{padding:9px!important}
}

/* V82.8.4 ? Keep the top-left logo clean and static.
   Disable any inherited sweep/shine pseudo-elements or animations. */
.unified-shell .brand,
.unified-shell .brand .logo {
  position: relative;
  animation: none !important;
}
.unified-shell .brand::before,
.unified-shell .brand::after,
.unified-shell .brand .logo::before,
.unified-shell .brand .logo::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
}
.unified-shell .brand .logo {
  transition: none !important;
}


/* ===== V82.8.5+ Cross-browser shell performance tuning ===== */
:is(.firefox-performance-mode, .starlight-performance-lite) .unified-nav::before,
:is(.firefox-performance-mode, .starlight-performance-lite) .shell-nav-label::after,
:is(.firefox-performance-mode, .starlight-performance-lite) .daily-booster-cta.is-ready::after {
  display: none !important;
}
:is(.firefox-performance-mode, .starlight-performance-lite) .daily-booster-cta.is-ready,
:is(.firefox-performance-mode, .starlight-performance-lite) .shell-daily-ready-badge,
:is(.firefox-performance-mode, .starlight-performance-lite) .economy-card [data-daily-status].daily-ready,
:is(.firefox-performance-mode, .starlight-performance-lite) .unified-nav a.active::after {
  animation: none !important;
}
:is(.firefox-performance-mode, .starlight-performance-lite) .daily-booster-cta.is-ready {
  background-size: 100% 100% !important;
  box-shadow: 0 0 12px rgba(255,130,200,.28), 0 0 18px rgba(254,211,52,.18) !important;
}
:is(.firefox-performance-mode, .starlight-performance-lite) .sidebar,
:is(.firefox-performance-mode, .starlight-performance-lite) .shell-account-bar {
  will-change: auto !important;
}
:is(.firefox-performance-mode, .starlight-performance-lite) .shell-view-frame iframe {
  background: #fff;
}

/* ===== V82.8.6 Firefox reliability + single-scroll architecture ===== */
.shell-view-frame{position:relative;min-height:560px;overflow:visible!important}
.shell-view-frame iframe{height:720px;min-height:560px;overflow:hidden;background:#fff}
.shell-view-state{position:absolute;z-index:5;inset:0;min-height:320px;display:grid;place-items:center;align-content:center;gap:10px;padding:32px;text-align:center;border-radius:22px;background:linear-gradient(145deg,rgba(249,252,255,.98),rgba(255,244,251,.98));color:#64708c}
.shell-view-state[hidden]{display:none!important}.shell-view-state strong{color:#405fa1;font-size:1.15rem}.shell-view-state p{max-width:520px;margin:0;line-height:1.55}.shell-view-retry{min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#6bc6f8,#ff82c8);color:#fff;font:inherit;font-weight:900;cursor:pointer}.shell-view-retry[hidden]{display:none!important}
.shell-view-loader{width:46px;height:46px;border:4px solid rgba(107,198,248,.22);border-top-color:#ff82c8;border-radius:50%;animation:shellViewSpin .8s linear infinite}
.shell-view-frame.has-error iframe{visibility:hidden}.shell-view-frame.is-loading iframe{opacity:.01;pointer-events:none}.shell-view-frame:not(.is-loading) iframe{opacity:1;transition:opacity .14s ease}
@keyframes shellViewSpin{to{transform:rotate(360deg)}}
.firefox-performance-mode .shell-view-frame,.firefox-performance-mode .shell-view-frame iframe{contain:none!important;content-visibility:visible!important}
.firefox-performance-mode .shell-view-frame iframe{min-height:560px!important;scroll-behavior:auto!important}
.firefox-performance-mode .shell-view-loader{animation-duration:1.05s}
@media(max-width:900px){.shell-view-frame iframe{min-height:min(560px,calc(100dvh - 96px))}.shell-view-state{min-height:260px}}
@media(max-width:600px){.shell-view-frame{min-height:calc(100dvh - 120px)}.shell-view-state{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){.shell-view-loader{animation:none;border-top-color:rgba(107,198,248,.22);background:radial-gradient(circle,#ff82c8 0 18%,transparent 20%)}}

/* Cross-browser mobile shell safety */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.unified-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.starlight-mobile .unified-nav a,.starlight-mobile .shell-menu-button,.starlight-mobile .shell-auth-button,.starlight-mobile .shell-account-menu-button{min-height:44px}
.starlight-mobile .shell-primary-links{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.starlight-mobile .shell-primary-links a{scroll-snap-align:start}
.starlight-engine-chromium .shell-view-frame iframe,.starlight-engine-opera .shell-view-frame iframe{-webkit-overflow-scrolling:touch}
/* V83 navigation hierarchy */
.shell-nav-label-sub{margin-top:10px!important;background:linear-gradient(135deg,rgba(255,240,249,.96),rgba(235,247,255,.96))!important;border:1px solid rgba(255,130,200,.28)!important;box-shadow:0 5px 14px rgba(61,83,132,.08)!important}
.shell-nav-label-sub span{filter:drop-shadow(0 2px 5px rgba(255,130,200,.3))}

/* V84.0 account authentication controls */
.shell-signed-out-actions,.shell-signed-in-actions{display:flex;align-items:center;gap:10px}
.shell-auth-button{min-height:38px;padding:8px 13px;border:1px solid rgba(107,198,248,.42);border-radius:999px;background:#fff;color:#405fa1;font-weight:900;text-decoration:none;cursor:pointer}
.shell-auth-button.primary{border-color:transparent;background:linear-gradient(135deg,#6bc6f8,#ff82c8);color:#fff}
.shell-account-menu-wrap{position:relative}
.shell-account-menu-button{position:relative;display:inline-flex;align-items:center;gap:10px;max-width:min(280px,46vw);min-height:46px;padding:5px 10px 5px 5px;border:1px solid rgba(107,198,248,.42);border-radius:999px;background:rgba(255,255,255,.96);color:#405fa1;font:inherit;text-align:left;cursor:pointer;box-shadow:0 6px 16px rgba(61,83,132,.08)}
.shell-account-menu-button:hover,.shell-account-menu-button[aria-expanded="true"]{border-color:rgba(255,130,200,.45);box-shadow:0 10px 22px rgba(61,83,132,.12)}
.shell-account-menu-button .shell-account-main{min-width:0;flex:1 1 auto}
.shell-account-menu-button .shell-account-main strong{font-size:.92rem;line-height:1.15}
.shell-account-menu-button .shell-account-main>span{display:block;font-size:.74rem;line-height:1.2}
.shell-account-caret{flex:none;color:#7a89ad;font-size:.78rem;margin-right:2px}
.shell-notify-bell{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;text-decoration:none;background:linear-gradient(135deg,#edf8ff,#ffeafa);border:1px solid rgba(107,198,248,.45);box-shadow:0 7px 18px rgba(61,83,132,.1);color:#4a6498}
.shell-notify-bell:hover,.shell-notify-bell:focus-visible{border-color:rgba(255,130,200,.5);color:#9c4677;box-shadow:0 10px 22px rgba(61,83,132,.14)}
.shell-notify-bell[hidden]{display:none!important}
.shell-notify-bell-icon{display:block}
.shell-notify-bell-dot{position:absolute;top:6px;right:7px;width:9px;height:9px;border-radius:50%;background:#ff5eaa;border:2px solid #fff;box-shadow:0 2px 8px rgba(255,94,170,.4)}
.shell-notify-bell-dot[hidden]{display:none!important}
.shell-avatar{overflow:hidden;flex:none}
.shell-avatar.is-placeholder{background:linear-gradient(145deg,#d7e7f7,#e8eef8);color:#7a8aaa;box-shadow:inset 0 0 0 1px rgba(107,198,248,.28),0 4px 12px rgba(61,83,132,.08)}
.shell-avatar.has-photo{
  background-size:cover;
  background-position:center;
  color:transparent!important;
  text-indent:100%;
  white-space:nowrap;
}
.shell-avatar.has-photo > *{display:none!important}
.shell-avatar-silhouette{display:block}
.shell-account-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:1200;min-width:230px;padding:8px;border:1px solid rgba(107,198,248,.35);border-radius:15px;background:#fff;box-shadow:0 18px 40px rgba(45,60,105,.2)}
.shell-account-menu[hidden]{display:none!important}
.shell-account-menu-summary{
  display:grid;
  gap:6px;
  margin:0 0 6px;
  padding:10px 12px 12px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(107,198,248,.12),rgba(255,130,200,.1));
  border:1px solid rgba(107,198,248,.22);
}
.shell-account-menu-summary[hidden]{display:none!important}
.shell-account-menu-name{
  color:#334f8d;
  font-size:.95rem;
  font-weight:900;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shell-account-menu-handle{
  color:#7a89ad;
  font-size:.74rem;
  font-weight:700;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shell-account-menu-summary .shell-profile-mini-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:4px 0 0;
  color:#405fa1;
  font-size:.78rem;
  font-weight:850;
}
.shell-account-menu-summary .shell-account-stat{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(107,198,248,.28);
}
.shell-account-menu-tools{
  margin-top:4px;
  padding-top:4px;
  border-top:1px solid rgba(107,198,248,.22);
}
.shell-account-sfx{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:44px;
  padding:10px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#405fa1!important;
  font:inherit;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  box-shadow:none!important;
}
.shell-account-sfx:hover,
.shell-account-sfx:focus-visible{
  background:rgba(107,198,248,.13)!important;
}
.shell-account-sfx-icon{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(107,198,248,.16);
  flex:none;
}
.shell-account-sfx.on .shell-account-sfx-icon{
  background:linear-gradient(135deg,#ff96cf,#ff4fa7);
  color:#fff;
}
.shell-account-sfx-label{flex:1 1 auto}
.shell-account-sfx-state{
  flex:none;
  min-width:2.2em;
  color:#7a89ad;
  font-size:.78rem;
  font-weight:850;
}
.shell-account-menu a,.shell-account-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#405fa1;text-align:left;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.shell-account-menu a:hover,.shell-account-menu button:hover{background:rgba(107,198,248,.13)}
.shell-account-menu .shell-nav-badge{margin-left:auto;flex:none}
.shell-account-menu-sep{margin:6px 8px;border:0;border-top:1px solid rgba(107,198,248,.28)}
.shell-account-menu .shell-signout-button{color:#9c4677;font-weight:900;display:block}
.shell-account-menu .shell-signout-button:hover{background:rgba(255,130,200,.12)}
.shell-nav-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#fed334,#ff82c8);color:#fff;font-size:.74rem;font-weight:900;box-shadow:0 0 14px rgba(255,130,200,.4)}
.shell-nav-badge[hidden]{display:none!important}
@media(max-width:900px){.shell-signed-in-actions .shell-account-stats,.shell-signed-in-actions .daily-booster-cta{display:none}.shell-auth-button{padding:7px 10px;font-size:.8rem}}
/* V84.1 account-state cleanup */
.shell-signed-out-actions[hidden],.shell-signed-in-actions[hidden],.shell-account-menu-signed-in[hidden],.shell-account-menu-signed-out[hidden]{display:none!important}

/* V88.1 Notifications and active-event shell */
.shell-notification-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;text-decoration:none;background:linear-gradient(135deg,#edf8ff,#ffeafa);border:1px solid rgba(107,198,248,.45);font-size:1.15rem;box-shadow:0 7px 18px rgba(61,83,132,.1)}
.shell-notification-button b{position:absolute;top:-6px;right:-6px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#ff5eaa;color:#fff;font-size:.68rem;border:2px solid #fff;box-shadow:0 4px 12px rgba(255,94,170,.36)}
.shell-event-banner{--event-accent:#ff82c8;--event-image:none;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:16px 20px;border-radius:20px;overflow:hidden;color:#fff;background:linear-gradient(110deg,rgba(64,95,161,.96),color-mix(in srgb,var(--event-accent) 68%,#6bc6f8));box-shadow:0 13px 30px rgba(61,83,132,.17)}
.shell-event-banner[hidden]{display:none!important}.shell-event-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(47,62,115,.93),rgba(79,91,154,.67)),var(--event-image) center/cover;opacity:.72}.shell-event-banner div{display:grid;gap:2px}.shell-event-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;opacity:.82}.shell-event-banner strong{font-size:1.12rem}.shell-event-banner a{flex:none;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.94);color:#405fa1;text-decoration:none;font-weight:900}.shell-nav-badge[data-notification-badge]{margin-left:auto}
@media(max-width:700px){.shell-event-banner{align-items:flex-start;flex-direction:column}.shell-event-banner a{align-self:stretch;text-align:center}}

/* V88.2 notification bell preview */
.shell-account-bar{position:relative}
.shell-notification-popover{position:absolute;right:18px;top:calc(100% + 8px);z-index:240;width:min(360px,calc(100vw - 32px));padding:12px;border:2px solid rgba(107,198,248,.42);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 45px rgba(61,83,132,.22)}
.shell-notification-popover[hidden]{display:none!important}.shell-popover-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 10px;color:#405fa1}.shell-popover-head a{font-weight:850;color:#d95b9f;text-decoration:none}.shell-popover-list{display:grid;gap:7px;max-height:350px;overflow:auto}.shell-popover-list button{display:grid;grid-template-columns:30px 1fr;gap:8px;text-align:left;border:0;border-radius:12px;padding:10px;background:#f6fbff;color:#405fa1;cursor:pointer}.shell-popover-list button:hover{background:#fff0f8}.shell-popover-list b,.shell-popover-list small{display:block}.shell-popover-list small{margin-top:3px;color:#6b7089;line-height:1.35}


/* ============================================================
   V88.2.1 ? navigation, top bar, and sidebar simplification
   ============================================================ */
.unified-shell .sidebar{overflow-y:auto!important}
.unified-shell .sidebar .brand,
.unified-shell .shell-sidebar-brand{
  display:grid;
  justify-items:center;
  gap:0;
  margin:0 0 12px;
  padding:2px 4px 8px;
  text-decoration:none;
  color:inherit;
  flex:none;
}
.unified-shell .shell-sidebar-brand .logo{
  width:min(205px,100%);
  height:auto;
  display:block;
}
.unified-shell .shell-sidebar-brand .binder-ribbon{
  display:block;
  width:100%;
  margin-top:-10px;
  padding:8px 14px;
  border-radius:999px;
  text-align:center;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:clamp(.72rem,2.4vw,.84rem);
  line-height:1.2;
  color:#334f8d;
  background:linear-gradient(135deg,rgba(107,198,248,.38),rgba(255,130,200,.28));
  border:1px solid rgba(107,198,248,.42);
  box-shadow:0 8px 18px rgba(61,83,132,.1);
  transform:none;
}
.unified-shell .unified-nav{padding-bottom:8px}
.unified-shell .filters{margin-top:2px}
.shell-account-bar-v883{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu feed actions";gap:10px 14px;padding:11px 14px!important}
.shell-account-bar-v883 .shell-account-left{grid-area:menu;min-width:0;flex:0 0 auto}
.shell-account-bar-v883 .shell-primary-links{display:none!important}
.shell-account-bar-v883 .shell-primary-links:not([hidden]){display:flex!important;grid-area:feed;justify-content:flex-start;align-items:center;gap:7px;min-width:0;overflow-x:auto}
.shell-primary-links a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid rgba(107,198,248,.28);border-radius:999px;background:rgba(255,255,255,.72);color:#405fa1;text-decoration:none;font-weight:850;white-space:nowrap;transition:.18s ease}
.shell-primary-links a:hover,.shell-primary-links a.active{transform:translateY(-1px);background:linear-gradient(135deg,rgba(107,198,248,.2),rgba(255,130,200,.18));border-color:rgba(255,130,200,.38);box-shadow:0 7px 16px rgba(61,83,132,.09)}
.shell-account-bar-v883 .shell-account-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.shell-profile-mini-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;color:#67708b;font-size:.75rem;font-weight:800}
.shell-profile-mini-stats[hidden]{display:none!important}
.shell-profile-mini-stats span{display:inline-flex;gap:3px;align-items:center}
.shell-profile-mini-stats .star-bit-icon{width:14px;height:14px;vertical-align:middle}
.shell-nav-icon-img.star-bit-icon,.unified-nav .star-bit-icon{width:18px;height:18px;border-radius:0}
.shell-account-bar-v883 .shell-signed-in-actions{display:none!important}
@media(max-width:1180px){.shell-account-bar-v883{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu feed actions"}}
@media(max-width:760px){.shell-account-bar-v883{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"menu feed actions"}.shell-profile-mini-stats:not([hidden]){display:flex!important}.shell-account-menu-button .shell-account-main span,.shell-account-menu-button .shell-profile-mini-stats{display:none!important}}

/* Collection owns progress/economy stats now, not the primary sidebar. */
.collection-progress-suite{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr 1.4fr;gap:14px;margin-top:16px}
.collection-progress-card{padding:16px;border:1px solid rgba(107,198,248,.3);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,251,255,.9) 55%,rgba(255,244,251,.9));box-shadow:0 9px 22px rgba(61,83,132,.08)}
.collection-progress-card>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#405fa1}.collection-progress-card small{display:block;margin-top:7px;color:#6b7089}.collection-progress-card a{display:inline-flex;margin-top:10px;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#dff5ff,#ffd9ed);color:#405fa1;text-decoration:none;font-weight:850}.collection-series-progress .mini-series{margin-top:9px;max-height:130px;overflow:auto}
@media(max-width:900px){.collection-progress-suite{grid-template-columns:1fr}.collection-series-progress .mini-series{max-height:none}}

/* V88.3 Home navigation */
.brand{color:inherit;text-decoration:none}
.shell-primary-links a[data-shell-view="home"]{font-weight:950}
@media(max-width:980px){.shell-primary-links{overflow-x:auto;scrollbar-width:none}.shell-primary-links::-webkit-scrollbar{display:none}}

/* V94.1 ? longer, clearer navigation labels. */
@media (min-width: 1181px) {
  body.unified-shell .site { grid-template-columns: minmax(286px, 310px) minmax(0, 1fr); }
}
.unified-nav a { align-items: flex-start; line-height: 1.25; }
.unified-shell .unified-nav a > span:not(.shell-nav-badge):not(.shell-daily-ready-badge) {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.shell-nav-label { line-height: 1.3; }
.unified-shell .main,
.unified-shell .shell-view-frame { overflow-anchor: none; }

/* Shared top chrome: account bar is the only page header above content. */
.shell-account-bar-v883{
  margin-bottom:14px!important;
  border:1px solid rgba(107,198,248,.36);
  border-radius:17px;
  background:rgba(255,255,255,.96);
  box-shadow:0 9px 24px rgba(61,83,132,.09);
}
.shell-view-frame{
  border-radius:22px;
}
.shell-view-frame iframe{
  border-radius:22px;
}

@media (max-width: 1450px) {
  .shell-account-bar-v883 {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "menu feed actions";
  }
}

@media (max-width: 520px) {
  .shell-account-bar-v883 {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "menu feed actions";
  }
  .shell-account-bar-v883 .shell-account-actions { justify-content: flex-end; flex-wrap: nowrap; }
  .shell-account-menu-button .shell-account-main { display: none; }
  .shell-live-feed-title strong { display: none; }
  .shell-live-feed-open { display: none; }
}

/* Docked LIVE feed — fixed bottom footer, expands upward */
.shell-live-strip-bottom{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:5100;
  margin:0;
  padding:0 0 env(safe-area-inset-bottom, 0px);
  border:0;
  background:transparent;
  pointer-events:none;
}
.shell-live-strip-bottom .shell-live-feed{
  pointer-events:auto;
}
.shell-live-feed{
  position:relative;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  margin:0;
  border:0;
  border-top:1px solid rgba(107,198,248,.34);
  border-radius:0;
  background:linear-gradient(180deg,rgba(255,252,255,.98),rgba(245,250,255,.97));
  box-shadow:0 -10px 32px rgba(45,60,105,.16);
  overflow:hidden;
}
.shell-live-feed-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:8px clamp(12px, 2.5vw, 28px);
  cursor:pointer;
  flex:none;
  border-top:1px solid rgba(107,198,248,.18);
  background:inherit;
}
.shell-live-feed-controls{
  display:flex;
  align-items:center;
  gap:6px;
}
.shell-live-feed-open,.shell-live-feed-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:4px 10px;
  border:1px solid rgba(107,198,248,.28);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#405fa1;
  font-size:.74rem;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}
.shell-live-feed-title{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#405fa1;
  white-space:nowrap;
}
.shell-live-feed-title strong{
  font-size:.78rem;
  letter-spacing:.08em;
}
.shell-live-feed-state{
  font-size:.68rem;
  font-weight:800;
  color:#6b7ea8;
}
.shell-live-feed-state:empty{display:none}
.shell-live-feed-pulse{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff82c8;
  box-shadow:0 0 0 0 rgba(255,130,200,.55);
  animation:shellLivePulse 1.8s ease-in-out infinite;
}
.shell-live-feed-ticker-wrap{
  overflow:hidden;
  min-width:0;
}
.shell-live-feed.is-expanded .shell-live-feed-ticker-wrap{display:none}
.shell-live-feed-ticker-track{
  display:inline-flex;
  align-items:center;
  gap:18px;
  max-width:100%;
  white-space:nowrap;
}
.shell-live-feed-ticker-track.is-static{
  overflow:hidden;
  text-overflow:ellipsis;
}
.shell-live-feed-ticker-track.is-advancing{
  animation:shellLiveFeedTickerAdvance .65s ease;
}
.shell-live-feed-ticker-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex:0 1 auto;
  min-width:0;
  max-width:100%;
  font-size:.78rem;
  font-weight:800;
  color:#4f628f;
}
.shell-live-feed-ticker-copy{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shell-live-feed-ticker-avatar{
  width:22px;
  height:22px;
  border-radius:50%;
  object-fit:cover;
  flex:none;
  border:1px solid rgba(107,198,248,.28);
  box-shadow:0 2px 6px rgba(61,83,132,.1);
}
.shell-live-feed-ticker-avatar.is-placeholder{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#d7e7f7,#f8d9ee);
  color:#5d6f98;
  font-size:.62rem;
  font-weight:900;
}
.shell-live-feed-ticker-item.is-entering{
  animation:shellLiveFeedTickerEnter .65s ease;
  color:#8a4b75;
}
.shell-live-feed-ticker-item.is-entering .shell-live-feed-ticker-copy{color:#8a4b75}
.shell-live-feed-ticker-sep{
  color:rgba(107,198,248,.75);
  font-size:.72rem;
}
.shell-live-feed-body{
  display:none;
  position:relative;
  left:auto;
  right:auto;
  top:auto;
  z-index:1;
  width:100%;
  height:30vh;
  max-height:30vh;
  overflow:hidden;
  border:0;
  border-bottom:1px solid rgba(107,198,248,.22);
  border-radius:0;
  background:rgba(255,255,255,.99);
  box-shadow:none;
  order:-1;
}
.shell-live-feed.is-expanded .shell-live-feed-body{display:block}
.shell-live-feed-list{
  height:100%;
  max-height:30vh;
  overflow:auto;
  padding:10px clamp(12px, 2.5vw, 28px);
  display:grid;
  gap:8px;
  overscroll-behavior:contain;
}
.shell-live-feed-item{
  display:grid;
  grid-template-columns:34px 1fr auto;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(247,251,255,.92);
  border:1px solid rgba(107,198,248,.18);
  animation:shellLiveItemIn .35s ease both;
  animation-delay:calc(var(--i, 0) * 28ms);
}
.shell-live-feed-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  flex-shrink:0;
  background:linear-gradient(135deg,#d7e7f7,#ffe8f4);
  color:#7a8aaa;
  font-weight:950;
  font-size:.82rem;
  text-decoration:none;
}
.shell-live-feed-avatar-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.shell-live-feed-avatar-placeholder{
  line-height:1;
}
.shell-live-feed-item.is-new{
  animation:shellLiveFeedPop .65s ease;
  border-color:rgba(255,130,200,.42);
  background:linear-gradient(90deg,rgba(255,130,200,.14),rgba(107,198,248,.08));
}
.shell-live-feed-item.is-series-complete{
  background:linear-gradient(135deg,rgba(255,247,214,.92),rgba(255,240,249,.92));
}
.shell-live-feed-badge{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,255,255,.88);
  font-size:1rem;
}
.shell-live-feed-thumb{
  width:34px;
  height:48px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid rgba(107,198,248,.22);
}
.shell-live-feed-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#6bc6f8;
  box-shadow:0 0 10px rgba(107,198,248,.55);
}
.shell-live-feed-copy{min-width:0}
.shell-live-feed-copy strong{
  display:block;
  font-size:.82rem;
  line-height:1.25;
  color:#33486f;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shell-live-feed-copy span{
  display:block;
  margin-top:2px;
  font-size:.72rem;
  font-weight:800;
  color:#6b7ea8;
}
.shell-live-feed-empty{
  padding:14px 12px;
  text-align:center;
  color:#6b7ea8;
  font-size:.82rem;
  font-weight:800;
}
.shell-live-feed.is-suppressed,
.shell-live-feed[hidden]{display:none!important}
@keyframes shellLiveFeedTickerAdvance{
  0%{transform:translateX(18px);opacity:.72}
  100%{transform:none;opacity:1}
}
@keyframes shellLiveFeedTickerEnter{
  0%{transform:translateX(100%);opacity:0}
  100%{transform:none;opacity:1}
}
@keyframes shellLiveFeedPop{
  0%{transform:scale(.98);opacity:.65}
  100%{transform:scale(1);opacity:1}
}
@keyframes shellLivePulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,130,200,.45)}
  70%{box-shadow:0 0 0 8px rgba(255,130,200,0)}
}
@keyframes shellLiveItemIn{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .shell-live-feed-pulse,.shell-live-feed-ticker-track,.shell-live-feed-ticker-item,.shell-live-feed-item{animation:none!important}
}

/* ===== TCG Live?style sticky masthead ===== */
body.shell-masthead-layout{
  --shell-masthead-h:76px;
  --shell-masthead-nav-break:2000px;
  --shell-masthead-nav-expand:2000px;
  --shell-chrome-pad:clamp(16px, 2.2vw, 28px);
  --shell-chrome-top:var(--shell-masthead-h, 76px);
  overflow-x:clip;
}

/* LIVE row sits inside the masthead, directly under nav + account actions. */
body.shell-masthead-layout .shell-masthead{
  position:sticky;
  top:0;
  z-index:5000;
  overflow:visible;
  display:flex;
  flex-direction:column;
  width:100%;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(245,251,255,.94));
  border-bottom:1px solid rgba(107,198,248,.34);
  box-shadow:0 10px 28px rgba(61,83,132,.1);
}
/* LIVE footer lives outside the masthead now. */
body.shell-masthead-layout.shell-live-feed-off .shell-live-strip-bottom,
body.shell-live-feed-off .shell-live-strip-bottom{
  display:none!important;
}
body.shell-live-feed-off{
  --shell-live-feed-h:0px;
}
body.shell-masthead-layout .site,
body.shell-masthead-layout .main{
  padding-bottom:calc(var(--shell-live-feed-h, 44px) + env(safe-area-inset-bottom, 0px));
}
body.shell-masthead-layout.shell-live-feed-off .site,
body.shell-masthead-layout.shell-live-feed-off .main{
  padding-bottom:env(safe-area-inset-bottom, 0px);
}

body.shell-masthead-layout .shell-masthead-inner{
  container-type:inline-size;
  container-name:shell-masthead;
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  grid-template-areas:"brand nav actions";
  align-items:center;
  column-gap:8px;
  row-gap:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:0;
  padding:0 var(--shell-chrome-pad);
  min-height:var(--shell-masthead-h, 76px);
  height:var(--shell-masthead-h, 76px);
  flex:none;
}
body.shell-masthead-layout .shell-masthead-brand{
  grid-area:brand;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:0 1 auto;
  max-width:min(520px, 48vw);
  text-decoration:none;
  color:#334f8d;
  font-weight:900;
}
body.shell-masthead-layout .shell-masthead-brand .logo{
  width:auto !important;
  height:40px !important;
  max-width:min(300px, 100%) !important;
  object-fit:contain;
  flex:none;
}
body.shell-masthead-layout .shell-brand-lockup{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:12px;
  min-width:0;
}
body.shell-masthead-layout .shell-masthead-brand .binder-ribbon{
  display:inline-flex;
  align-items:center;
  flex:none;
  margin:0;
  padding:7px 14px;
  border-radius:999px;
  white-space:nowrap;
  text-align:center;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:clamp(.62rem, .55rem + .35vw, .78rem);
  line-height:1.2;
  color:#334f8d;
  background:linear-gradient(135deg,rgba(107,198,248,.38),rgba(255,130,200,.28));
}
body.shell-masthead-layout .shell-masthead-nav{
  grid-area:nav;
  display:none;
  flex:1 1 auto;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(2px, .35vw, 6px);
  min-width:0;
  max-width:100%;
  overflow-x:clip;
  overflow-y:visible;
}
body.shell-masthead-layout .shell-masthead-actions{
  grid-area:actions;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  min-width:0;
  justify-self:end;
  margin-inline-end:0;
}
body.shell-masthead-layout .shell-menu-button{
  display:inline-grid;
  place-items:center;
}
body.shell-masthead-layout .shell-masthead-inner.shell-masthead--force-collapse .shell-masthead-nav{
  display:none!important;
}
body.shell-masthead-layout .shell-masthead-inner.shell-masthead--force-collapse .shell-menu-button{
  display:inline-grid!important;
  place-items:center;
}
body.shell-masthead-layout .shell-mega{position:relative;flex:0 1 auto;min-width:0;z-index:1}
body.shell-masthead-layout .shell-mega.is-open{z-index:5}
body.shell-masthead-layout .shell-mega-trigger,
body.shell-masthead-layout .shell-top-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:var(--shell-masthead-h, 76px);
  max-width:100%;
  padding:0 clamp(8px, 1vw, 14px);
  border:0;
  border-radius:0;
  background:transparent;
  color:#405fa1;
  font:inherit;
  font-size:clamp(.66rem, .62rem + .18vw, .78rem);
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
}
body.shell-masthead-layout .shell-mega-trigger:hover,
body.shell-masthead-layout .shell-mega-trigger:focus-visible,
body.shell-masthead-layout .shell-mega.is-open .shell-mega-trigger,
body.shell-masthead-layout .shell-top-link:hover,
body.shell-masthead-layout .shell-top-link:focus-visible,
body.shell-masthead-layout .shell-top-link.active{
  background:rgba(107,198,248,.16);
  outline:none;
}
body.shell-masthead-layout .shell-top-link.shell-daily-top-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding-top:0;
  padding-bottom:0;
  overflow:visible;
}
body.shell-masthead-layout .shell-top-link .shell-daily-ready-badge{
  position:absolute;
  left:0;
  right:0;
  top:8px;
  bottom:auto;
  z-index:2;
  width:max-content;
  max-width:calc(100% - 8px);
  margin:0 auto!important;
  padding:2px 7px!important;
  font-size:.55rem!important;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  transform:none;
}
body.shell-masthead-layout .shell-top-link .shell-daily-ready-badge[hidden]{
  display:none!important;
}
body.shell-masthead-layout .shell-masthead,
body.shell-masthead-layout .shell-masthead-nav,
body.shell-masthead-layout .shell-mega{
  overflow:visible;
}
body.shell-masthead-layout .site{
  padding-inline:0;
}
body.shell-masthead-layout .shell-mega-panel{
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  z-index:5100;
  display:grid;
  gap:4px;
  min-width:min(300px, min(92vw, 360px));
  max-height:min(70vh,520px);
  overflow:auto;
  padding:12px;
  border:1px solid rgba(107,198,248,.3);
  border-radius:16px;
  background:rgba(255,255,255,.99);
  box-shadow:0 18px 40px rgba(61,83,132,.22);
}
body.shell-masthead-layout .shell-mega-panel[hidden]{display:none!important}
body.shell-masthead-layout .shell-mega-panel .shell-nav-item{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:8px 10px;
  border-radius:12px;
  color:#405fa1;
  font-weight:800;
  text-decoration:none;
}
body.shell-masthead-layout .shell-mega-panel .shell-nav-item:hover,
body.shell-masthead-layout .shell-mega-panel .shell-nav-item:focus-visible{
  background:rgba(107,198,248,.14);
}
body.shell-masthead-layout .shell-mega-panel .shell-nav-label-sub{
  margin:8px 10px 4px;
  padding:6px 8px;
  border-radius:8px;
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#8a93aa;
}
body.shell-masthead-layout .shell-mega-panel .shell-series-links{
  display:grid;
  gap:2px;
  margin:0 0 4px;
}
body.shell-masthead-layout .shell-mega-panel .shell-series-links .shell-nav-item{
  padding-left:18px;
}
body.shell-masthead-layout .shell-mega-panel .shell-nav-empty{
  margin:0 12px 8px;
  color:#8a93aa;
  font-size:.75rem;
}
body.shell-masthead-layout .shell-masthead-actions .shell-sfx-button{
  width:32px;
  height:32px;
  min-width:32px;
  font-size:.92rem;
  box-shadow:0 4px 12px rgba(255,130,200,.22);
}
body.shell-masthead-layout .shell-masthead-actions .shell-notify-bell{
  width:32px;
  height:32px;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(61,83,132,.08);
}
body.shell-masthead-layout .shell-masthead-actions .shell-notify-bell-icon{
  width:16px;
  height:16px;
}
body.shell-masthead-layout .shell-masthead-actions .shell-notify-bell-dot{
  top:4px;
  right:5px;
  width:7px;
  height:7px;
}
body.shell-masthead-layout .shell-masthead-actions .shell-account-menu-button{
  min-height:0;
  width:42px;
  height:42px;
  max-width:none;
  gap:0;
  padding:0;
  border-radius:999px;
  justify-content:center;
}
body.shell-masthead-layout .shell-masthead-actions .shell-avatar{
  width:42px;
  height:42px;
}
body.shell-masthead-layout .shell-masthead-actions .shell-avatar-silhouette{
  width:22px;
  height:22px;
}
body.shell-masthead-layout .shell-masthead-actions .shell-account-menu{
  left:auto;
  right:0;
}
body.shell-masthead-layout .shell-account-menu{
  z-index:5200;
}
/* LIVE strip now lives above the masthead; keep event banner in-flow under content. */
body.shell-masthead-layout.unified-shell .shell-event-banner,
body.shell-masthead-layout .shell-event-banner{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
}
body.shell-masthead-layout .site{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0 var(--shell-chrome-pad) 24px;
}
body.shell-masthead-layout .shell-drawer{
  display:none;
}
body.shell-masthead-layout .main{
  width:100%;
  min-width:0;
  max-width:none;
}
body.shell-masthead-layout .shell-native-view,
body.shell-masthead-layout .shell-view-frame,
body.shell-masthead-layout .card-gallery-page{
  width:100%;
  max-width:none;
}
body.shell-masthead-layout .shell-view-frame{
  border-radius:18px;
}
body.shell-masthead-layout .shell-view-frame iframe{
  height:calc(100dvh - var(--shell-chrome-top, 112px) - 48px);
  min-height:640px;
}
body.shell-masthead-layout .shell-drawer-backdrop{
  display:none;
  position:fixed;
  inset:0;
  z-index:4900;
  background:rgba(32,42,72,.42);
}
body.shell-masthead-layout.shell-menu-open .shell-drawer-backdrop{
  display:block;
}
body.shell-masthead-layout.shell-menu-open .shell-drawer{
  display:block;
  position:fixed;
  z-index:5100;
  top:0;
  bottom:0;
  left:0;
  width:min(320px,88vw);
  overflow:auto;
  padding:calc(12px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
  background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(239,249,255,.96));
  box-shadow:18px 0 45px rgba(31,42,72,.24);
}
body.shell-masthead-layout .shell-drawer .unified-nav{
  margin:0;
  border:0;
  box-shadow:none;
  background:transparent;
  padding:0;
}
@container shell-masthead (min-width: 2000px) {
  .shell-masthead-nav{display:flex!important}
  .shell-masthead-actions .shell-menu-button{display:none!important}
  .shell-masthead-inner{grid-template-columns:auto minmax(0, 1fr) auto!important;grid-template-areas:"brand nav actions"!important}
  .shell-masthead-inner.shell-masthead--force-collapse .shell-masthead-nav{display:none!important}
  .shell-masthead-inner.shell-masthead--force-collapse .shell-masthead-actions .shell-menu-button{display:inline-grid!important;place-items:center}
}
@media(min-width:2000px){
  body.shell-masthead-layout .shell-masthead-nav{display:flex}
  body.shell-masthead-layout .shell-masthead-actions .shell-menu-button{display:none}
  body.shell-masthead-layout .shell-masthead-inner{grid-template-columns:auto minmax(0, 1fr) auto;grid-template-areas:"brand nav actions"}
  body.shell-masthead-layout .shell-masthead-inner.shell-masthead--force-collapse .shell-masthead-nav{display:none!important}
  body.shell-masthead-layout .shell-masthead-inner.shell-masthead--force-collapse .shell-masthead-actions .shell-menu-button{display:inline-grid!important;place-items:center}
  body.shell-masthead-layout .shell-mega.is-mobile-only{display:none}
}
@media(max-width:1999px){
  body.shell-masthead-layout .shell-masthead-actions .shell-account-menu-button{max-width:none;padding:0;border-radius:999px}
}
@media(max-width:600px){
  body.shell-masthead-layout .shell-masthead-brand .binder-ribbon{display:none}
}

/* Full-bleed content under masthead — fluid pages fill remaining viewport */
body.shell-masthead-layout.unified-shell{
  overflow:auto!important;
}
body.shell-masthead-layout.unified-shell .site{
  display:block;
  width:100%;
  max-width:none;
  height:auto!important;
  min-height:calc(100dvh - var(--shell-masthead-h, 68px));
  overflow:visible!important;
  padding-inline:var(--shell-chrome-pad);
  padding-bottom:clamp(20px, 3vw, 40px);
}
body.shell-masthead-layout.unified-shell .main{
  width:100%;
  max-width:none;
  height:auto!important;
  min-height:calc(100dvh - var(--shell-masthead-h, 68px) - 48px);
  overflow:visible!important;
}
body.shell-masthead-layout .shell-view-frame.active,
body.shell-masthead-layout .shell-native-view:not(.hidden),
body.shell-masthead-layout .card-gallery-page,
body.shell-masthead-layout .card-album-page{
  width:100%;
  max-width:none;
  min-width:0;
}
body.shell-masthead-layout .shell-view-frame iframe{
  width:100%;
  height:calc(100dvh - var(--shell-masthead-h, 68px) - 96px);
  min-height:min(720px, calc(100dvh - var(--shell-masthead-h, 68px) - 72px));
}
body.shell-masthead-layout .shell-account-menu .staff-link:not(.visible){
  display:none!important;
}

/* ===== Hybrid layout: full-height sidebar + content chrome column ===== */
body.shell-masthead-layout.shell-hybrid-layout{
  --shell-sidebar-w:min(278px, 26vw);
  --shell-hybrid-gap:clamp(12px, 1.5vw, 18px);
  --shell-masthead-h:clamp(84px, 9.5vw, 96px);
  --shell-chrome-pad:clamp(12px, 1.8vw, 22px);
}

body.shell-masthead-layout.shell-hybrid-layout .shell-masthead-nav{
  justify-content:flex-start;
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:thin;
}

body.shell-masthead-layout.shell-hybrid-layout .shell-masthead-nav .shell-top-link{
  min-height:28px;
  padding:3px 10px;
  font-size:.8rem;
}

@media(min-width:981px){
  /* Two-column shell: sidebar owns the left edge from top to bottom. */
  body.shell-masthead-layout.shell-hybrid-layout{
    display:grid;
    grid-template-columns:var(--shell-sidebar-w) minmax(0, 1fr);
    grid-template-rows:auto minmax(0, 1fr);
    grid-template-areas:
      "side head"
      "side main";
    column-gap:var(--shell-hybrid-gap);
    align-items:stretch;
    min-height:100dvh;
    padding:0 var(--shell-chrome-pad) 0 0;
    box-sizing:border-box;
  }

  body.shell-masthead-layout.shell-hybrid-layout > .sky{
    grid-column:1 / -1;
    grid-row:1 / -1;
  }

  body.shell-masthead-layout.shell-hybrid-layout > #cardOverlay{
    grid-column:1 / -1;
    grid-row:1 / -1;
  }

  body.shell-masthead-layout.shell-hybrid-layout .site{
    display:contents!important;
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-masthead{
    grid-area:head;
    position:sticky;
    top:0;
    z-index:5000;
    box-sizing:border-box;
    width:auto;
    max-width:none;
    margin:0;
    border:0;
    border-bottom:1px solid rgba(107,198,248,.28);
    border-radius:0;
    background:rgba(255,255,255,.97);
    box-shadow:0 8px 20px rgba(61,83,132,.06);
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-masthead-inner{
    grid-template-columns:minmax(0,1fr) auto;
    padding:3px 14px 3px 12px;
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-masthead-brand{
    display:none!important;
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-drawer,
  body.shell-masthead-layout.shell-hybrid-layout .sidebar{
    grid-area:side;
    display:flex!important;
    flex-direction:column;
    position:sticky!important;
    top:0!important;
    align-self:start!important;
    width:auto;
    min-width:0;
    margin:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-x:hidden;
    overflow-y:auto;
    transform:none!important;
    box-shadow:none;
    padding:14px 12px 20px;
    z-index:5200;
    background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,251,255,.96));
    border:0;
    border-right:1px solid rgba(107,198,248,.28);
    border-radius:0;
  }

  body.shell-masthead-layout.shell-hybrid-layout .main{
    grid-area:main;
    width:100%;
    min-width:0;
    max-width:none;
    padding:18px 4px 28px 0;
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-drawer-backdrop{
    display:none!important;
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-menu-button{
    display:none!important;
  }
}

/* Fallback / shared hybrid rules (mobile + when grid not applied) */
body.shell-masthead-layout.shell-hybrid-layout .sidebar .unified-nav{
  flex:1;
  min-height:0;
  overflow-y:auto;
}

body.shell-masthead-layout.shell-hybrid-layout .shell-drawer-backdrop{
  display:none!important;
}

body.shell-masthead-layout.shell-hybrid-layout .shell-native-view,
body.shell-masthead-layout.shell-hybrid-layout .shell-view-frame,
body.shell-masthead-layout.shell-hybrid-layout .card-gallery-page,
body.shell-masthead-layout.shell-hybrid-layout .card-album-page{
  width:100%;
  max-width:none;
  min-width:0;
}

body.shell-masthead-layout.shell-hybrid-layout .shell-view-frame iframe{
  height:calc(100dvh - var(--shell-chrome-top, 112px) - 48px);
  min-height:min(680px, calc(100dvh - var(--shell-chrome-top, 112px) - 32px));
}

body.shell-masthead-layout.shell-hybrid-layout.unified-shell{
  overflow:auto!important;
}

body.shell-masthead-layout.shell-hybrid-layout.unified-shell .main{
  height:auto!important;
  min-height:calc(100dvh - var(--shell-chrome-top, 112px) - 24px);
  overflow:visible!important;
}

@media(max-width:980px){
  body.shell-masthead-layout.shell-hybrid-layout{
    display:block;
    padding:0;
  }

  body.shell-masthead-layout.shell-hybrid-layout .site{
    display:block!important;
    padding-inline:var(--shell-chrome-pad);
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-live-strip-bottom,
  body.shell-masthead-layout.shell-hybrid-layout .shell-masthead{
    width:100%;
    margin:0;
    border-radius:0;
    border-left:0;
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-drawer,
  body.shell-masthead-layout.shell-hybrid-layout .sidebar{
    display:none!important;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    margin-top:0;
    height:100dvh;
    max-height:100dvh;
    width:min(320px, 88vw);
    padding:calc(12px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));
    box-shadow:18px 0 45px rgba(31,42,72,.24);
    border-radius:0;
    border-right:0;
    z-index:5100;
  }

  body.shell-masthead-layout.shell-hybrid-layout.shell-menu-open .shell-drawer,
  body.shell-masthead-layout.shell-hybrid-layout.shell-menu-open .sidebar{
    display:flex!important;
  }

  body.shell-masthead-layout.shell-hybrid-layout .shell-menu-button{
    display:inline-grid!important;
  }
}