/* Live data and forms extend the seven reference stylesheets loaded above.
   Keep the reference header, homepage, sidebar and footer geometry intact. */
.header-wallet-info{display:flex;flex-direction:column;line-height:1.2;gap:3px}.header-wallet-info>small{font-size:8px;letter-spacing:.035em;color:var(--muted)}.header-wallet-info>.balance-text{font-size:14px;white-space:nowrap}.product-detail-price>small{display:block;font:12px var(--font);margin-top:10px}.product-art>img{width:100%;height:100%;object-fit:contain}.product-art>svg{max-width:100%}
.portal-loading{padding:80px 20px;text-align:center;color:var(--muted)}
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0 32px}
.portal-grid>[data-search]{display:flex;min-width:0}
.portal-grid>[data-search]>.portal-card{width:100%}
.portal-card{overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#17191e,#111317);box-shadow:0 9px 30px #00000016;transition:border-color .2s}
.portal-card:hover{border-color:#616266}
.portal-card>a:first-child{display:flex;flex-direction:column;flex:1;min-width:0}
.portal-card-art{height:190px;width:100%;object-fit:cover;filter:saturate(.64);transition:filter .45s}
.portal-card:hover .portal-card-art{filter:saturate(.9)}
.portal-card-copy{padding:23px;flex:1;overflow-wrap:anywhere}
.portal-card-copy h2{font-size:19px;margin-bottom:12px}
.portal-card-copy p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:0}
.portal-card-footer{padding:0 23px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.portal-card-kicker{font-size:9px;letter-spacing:.1em;color:#cc8d9a;text-transform:uppercase;margin-bottom:10px}
.portal-prose{white-space:pre-wrap;line-height:1.85;overflow-wrap:anywhere;color:#c8cad2}
.portal-article{max-width:900px}
.portal-article .portal-prose{padding:28px}
.portal-back{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:8px;margin-bottom:22px}
.portal-back:hover{color:var(--brand-light)}
.portal-state{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#17191e,#111317);margin:24px 0}
.portal-state h2{font-size:21px;margin-bottom:12px}
.portal-state p{max-width:690px;color:var(--muted);font-size:13px;line-height:1.8}
.portal-state .btn{margin-top:8px}
.portal-state-icon{color:var(--brand-light);margin-bottom:16px}
.portal-section{margin:38px 0}
.portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.portal-section-head h2{margin:0}
.portal-section-head>a{font-size:11px;color:var(--muted)}
.portal-section-head>a:hover{color:var(--brand-light)}

/* Server-backed forms, including the case reward editor. */
.portal-form{max-width:760px}
.portal-form .field{display:block}
.portal-form label.field>.field-label{display:block;margin-bottom:8px}
.portal-form .input,.portal-form .select,.portal-form .textarea{width:100%}
.portal-form .textarea{min-height:120px;resize:vertical}
.portal-form .field+.field{margin-top:20px}
.portal-form .btn{margin-top:8px}
.portal-error{color:#ff9da7;white-space:pre-wrap;min-height:1px}
.portal-help{color:var(--muted);font-size:12px;line-height:1.7;display:block;margin-top:8px}
.portal-actions{display:flex;gap:10px;flex-wrap:wrap}
.portal-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}
.portal-toolbar .input{max-width:400px}
.portal-list{display:flex;flex-direction:column;gap:12px}
.portal-row{padding:19px 22px;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:flex;justify-content:space-between;align-items:center;gap:18px;overflow-wrap:anywhere}
.portal-row h3{font-size:16px;margin:0 0 7px}
.portal-row p{margin:0;color:var(--muted);font-size:12px}
.portal-row>div:first-child{min-width:0}
.portal-table-actions{display:flex;gap:6px;flex-wrap:wrap}
.portal-message{padding:18px 22px;border-bottom:1px solid var(--line)}
.portal-message:last-child{border:0}
.portal-message p{white-space:pre-wrap;margin:10px 0 0;overflow-wrap:anywhere;font-size:13px}
.portal-message-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px}
.portal-message-meta strong{color:#e797a2}
.portal-message-meta time{color:var(--muted);font-size:11px}
.portal-avatar{background:#2a2029;border:1px solid #6c414a;width:36px;height:36px;border-radius:6px;display:grid;place-items:center;flex-shrink:0;font-weight:650;color:#e9c2c8}
.portal-profile{display:flex;align-items:center;gap:23px;padding:35px;position:relative;overflow:hidden;background:linear-gradient(100deg,#351c27,#161922);border-color:#49313f}
.portal-profile .portal-avatar{width:80px;height:80px;font-size:26px}
.portal-profile h2{font-family:var(--display);font-size:36px;font-weight:400;letter-spacing:.03em;margin:0 0 8px}
.portal-profile p{font-size:12px;margin:0;color:var(--muted)}
.portal-product-art{height:220px;object-fit:contain;padding:25px;background:radial-gradient(ellipse at 50% 40%,#3e303c33,#0d0e13 75%)}
.portal-case-art{height:230px;object-fit:contain;padding:25px}
.portal-price{font-size:20px;color:#f1ccd3;font-weight:650}
.portal-balance{font-size:clamp(38px,6vw,68px);line-height:1.3;color:var(--silver);font-variant-numeric:tabular-nums}
.portal-fact{display:inline-flex;margin:0 8px 8px 0;padding:7px 12px;background:#20222a;border:1px solid #3e414e;border-radius:5px;color:#b3b7c2;font-size:12px}
.portal-map{position:relative;min-height:300px;background:linear-gradient(#08090bc9,#08090bee),url('/static/assets/hero-clean.png') center/cover;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:25px;text-align:center}
.portal-map h2{margin-bottom:15px}
.portal-map p{max-width:610px;color:var(--muted)}
.portal-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
.portal-status-grid .panel{padding:24px}
.portal-status-grid h3{margin:0 0 12px}
.portal-source-note{font-size:11px;color:var(--dim);margin:15px 0}
.portal-empty-compact{padding:25px;border:1px dashed #3e414e;color:var(--muted);border-radius:7px;font-size:12px}
.portal-home-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:30px}
.portal-home-links>a{padding:23px;background:linear-gradient(145deg,#17191e,#111317);border:1px solid var(--line);border-radius:7px}
.portal-home-links>a:hover{border-color:#616266}
.portal-home-links h3{font-size:17px;margin:12px 0 8px}
.portal-home-links p{color:var(--muted);font-size:12px;margin:0}
.portal-home-links .icon{color:var(--brand-light)}
.portal-modal-body{padding:26px;max-height:70vh;overflow:auto}
.portal-modal-body .portal-form{max-width:none}
.portal-json{font-family:Consolas,monospace;font-size:12px;min-height:180px!important}
.portal-live-label{font-size:11px;color:var(--muted)}
.portal-reward-row:not(.ca-reward-row){display:grid;grid-template-columns:minmax(150px,2fr) 90px minmax(120px,1fr) 110px 38px;align-items:end;gap:10px;padding:16px;border:1px solid var(--line);border-radius:6px;margin:0 0 15px}
.portal-reward-row:not(.ca-reward-row) legend{padding:0 6px;color:var(--muted);font-size:11px}
.portal-reward-row:not(.ca-reward-row) .field+.field{margin:0}
.portal-reward-row:not(.ca-reward-row)>.btn{height:44px;margin:0}
.portal-odds-total{font-size:13px;color:#ff9da7}
.portal-odds-total.complete{color:#a3d8b4}
.portal-reward-row:not(.ca-reward-row) .field-label{font-size:11px}
.portal-form section{margin:0}

/* This animation only reveals an already persisted opening result. */
.portal-opening-visual{text-align:center;padding:15px}
.portal-opening-visual img{height:190px;object-fit:contain;margin:auto;animation:portal-case-arrive 2.4s ease-in-out both}
.portal-opening-visual p{color:var(--muted);margin:20px 0}
.paused .portal-opening-visual img{animation-play-state:paused}
.portal-reward-strip{display:flex;overflow:auto;gap:10px;margin:12px 0 25px;padding-bottom:10px}
.portal-reward-strip span{padding:15px;min-width:140px;border:1px solid var(--line);background:var(--panel);border-radius:5px;font-size:12px;text-align:center}
.portal-opening-visual~.portal-help{margin:0}
.portal-result{padding:35px;background:radial-gradient(ellipse at 50% 0,#b2224020,transparent 70%),var(--panel);border:1px solid #702c39;border-radius:var(--radius);text-align:center}
.portal-result img{height:150px;object-fit:contain;margin:0 auto 25px}
.portal-result h2{font-size:30px}
.portal-result p{color:var(--muted)}
@keyframes portal-case-arrive{0%{opacity:.3;transform:scale(.85)}70%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}

/* The mobile trigger also supports pages rendered before the shell refresh. */
.portal-nav-mobile{display:none}
@media(max-width:1100px){
  .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-home-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-reward-row:not(.ca-reward-row){grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-reward-row:not(.ca-reward-row)>.field:first-of-type{grid-column:1/-1}
  .portal-reward-row:not(.ca-reward-row)>.btn{width:38px}
}
@media(max-width:780px){
  .portal-grid,.portal-status-grid{grid-template-columns:1fr}
  .portal-home-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .portal-home-links>a{padding:18px}
  .portal-home-links h3{font-size:16px}
  .portal-home-links p{font-size:11px}
  .portal-row{align-items:flex-start;flex-direction:column}
  .portal-row>.portal-actions{width:100%}
  .portal-state{padding:25px}
  .portal-card-art{height:200px}
  .portal-section-head{align-items:flex-start}
  .portal-toolbar{align-items:stretch}
  .portal-toolbar .input{max-width:none;width:100%}
  .portal-nav-mobile{display:inline-flex;width:28px;flex-shrink:0}
  .portal-message-meta{flex-wrap:wrap}
  .portal-prose{font-size:14px}
  .portal-profile{padding:23px;gap:16px;flex-wrap:wrap}
  .portal-profile h2{font-size:30px}
  .portal-profile .portal-avatar{width:64px;height:64px}
  .portal-modal-body{padding:20px}
  .portal-admin-links{gap:6px}
  .portal-admin-links>a,.portal-json{font-size:11px}
  .portal-form .grid-2{grid-template-columns:1fr}
}
@media(max-width:420px){
  .portal-reward-row:not(.ca-reward-row){grid-template-columns:1fr}
  .portal-grid{gap:15px}
  .portal-card-copy{padding:20px}
  .portal-card-footer{padding:0 20px 20px}
}
.portal-reduced-motion *, .portal-reduced-motion *:before, .portal-reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.portal-reduced-motion .reveal-prepared{opacity:1!important;transform:none!important}
.portal-reduced-motion .hero-embers{display:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Image controls used in account and publishing forms. */
.portal-media-field{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#111317}
.portal-media-field .field-label{display:block;margin-bottom:12px}
.portal-media-preview{width:100%;max-width:360px;aspect-ratio:16/9;margin-bottom:14px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#08090b}
.portal-media-preview img{width:100%;height:100%;object-fit:contain}
.portal-media-field[data-media-purpose="avatar"] .portal-media-preview{width:120px;aspect-ratio:1;border-radius:50%}
.portal-media-field[data-media-purpose="avatar"] .portal-media-preview img{object-fit:cover}
.portal-media-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.portal-media-picker{position:relative;cursor:pointer;overflow:hidden}
.portal-media-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.portal-media-picker:focus-within{outline:2px solid var(--brand-light);outline-offset:3px}
.portal-media-field .portal-help{display:block;margin:12px 0 0}
.portal-media-status,.portal-media-error{font-size:12px;line-height:1.5;margin:8px 0 0}
.portal-media-status:empty,.portal-media-error:empty{display:none}
.portal-media-status{color:#a3d8b4}
.portal-media-field[aria-busy="true"] .portal-media-status{color:var(--muted)}
.portal-media-error{color:#ff9da7}
.portal-media-cover{width:100%;max-height:430px;object-fit:cover;border-radius:var(--radius);margin-bottom:24px}
.c-feature-image,.w-material-image{width:100%;height:170px;object-fit:cover;margin-bottom:18px;border-radius:5px}
.c-message-avatar{width:28px;height:28px;object-fit:cover;border-radius:50%;flex-shrink:0}
.c-person img.avatar,.c-profile-identity img.avatar,.st-avatar img{object-fit:cover}
.st-avatar img{height:100%;width:100%;border-radius:inherit}
.faction-sign img{height:100%;width:100%;border-radius:inherit;object-fit:cover}
.c-message-head .c-message-avatar{margin-right:4px}
.portal-media-field [hidden]{display:none!important}

/* The original case reel geometry is supplied by cases.css. */
#modal:has(.portal-case-opening){width:min(960px,calc(100vw - 32px));max-width:960px}
#modal:has(.portal-case-opening) .portal-modal-body{padding:24px}
.portal-case-opening .case-result-panel{margin-bottom:22px}
.portal-case-opening .case-reel-section{margin-bottom:22px}
.portal-case-opening .case-reel-track{animation-play-state:running}
.portal-case-opening .paused .case-reel-track{animation-play-state:paused!important}
.portal-case-opening [hidden]{display:none!important}
.portal-case-opening .case-result-art .product-art>img{object-fit:contain}
@keyframes portal-case-reel{from{transform:translateX(var(--reel-start))}to{transform:translateX(var(--reel-end))}}
.portal-steam-connection,.portal-server-statistics{margin:24px 0}
.portal-game-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:20px 0}
.portal-game-metrics .metric{padding:16px;background:#101116;border:1px solid var(--line);border-radius:5px}
.portal-game-metrics .metric-value{font-size:24px;line-height:1.4;overflow-wrap:anywhere}
.portal-game-count{font-size:32px;font-weight:700;margin:16px 0}.portal-game-count small{font-size:14px;color:var(--muted);font-weight:400}
/* Full reference page blocks use live records in the original world/community grids. */
.portal-profile-preferences{border-top:1px solid var(--line);padding-top:20px;margin-top:24px!important}
.portal-chart-empty{min-height:180px;display:grid!important;place-items:center;border:1px dashed var(--line);border-radius:6px;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff06 40px);padding:20px;text-align:center}
.portal-chart-empty>span,.portal-chart-empty>p{background:none!important;flex:none!important;max-width:280px;font-size:12px;line-height:1.8}
.portal-map-zoom{width:100%;height:100%;transition:transform .2s;transform-origin:center center}
.portal-map-zoom .w-world-svg{height:100%;min-height:575px}
.w-faction-insignia .w-emblem img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.w-quest-objectives>div{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}
.portal-quest-cover{height:240px;margin-bottom:24px}
.c-event-cover{position:relative;overflow:hidden}
.c-event-cover>.badge{position:absolute;left:25px;bottom:25px}
.c-ticket-thread .portal-form{max-width:none}
.c-ticket-thread .c-thread-message p{white-space:pre-wrap;overflow-wrap:anywhere}
.portal-material-fields{margin-top:24px!important;padding-top:22px;border-top:1px solid var(--line)}
.portal-material-fields [hidden]{display:none!important}
.portal-material-fields>div{margin-top:18px}
.portal-audit-detail{margin:0;max-width:400px;max-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace;color:var(--muted)}
.c-admin-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.c-profile-banner .c-profile-identity{min-width:0}.c-profile-banner h2{overflow-wrap:anywhere}.c-profile-banner img.avatar{object-fit:cover}
@media(max-width:680px){.portal-map-zoom .w-world-svg{min-height:275px}.portal-quest-cover{height:180px}.c-admin-overview{grid-template-columns:1fr}.portal-material-fields{padding-top:16px}.c-status-hero{flex-wrap:wrap}.portal-chart-empty{min-height:140px}.c-faction-hero{display:block}}
@media(max-width:680px){#modal:has(.portal-case-opening) .portal-modal-body{padding:16px}.portal-case-opening .case-reel-title{align-items:flex-start}.portal-case-opening .case-result-panel{padding:20px}}
.st-stage.has-player{position:relative;overflow:hidden;padding:0}
.st-stage.has-player .st-player{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.st-live-badge.is-offline{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere}
.st-live-badge.is-offline i{flex-shrink:0}
.st-preview-top .st-platform,.st-stage-top .st-platform{flex-shrink:0;align-self:flex-start}
.wallet-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.wallet-recipient-results{margin-top:22px;display:grid;gap:12px}
.wallet-recipient-results .portal-row{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.wallet-recipient-results .portal-row h3{margin:0 0 6px}
.wallet-recipient-results .portal-row p{margin:3px 0;font-size:12px}
.wallet-recipient-card{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:18px 0 24px;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.wallet-recipient-card h3{margin:5px 0 8px}.wallet-recipient-card p{margin:4px 0;font-size:12px;overflow-wrap:anywhere}
.wallet-recipient-balance{display:grid;gap:8px;text-align:right;flex-shrink:0}.wallet-recipient-balance small{color:var(--muted)}
.wallet-recipient-balance strong{display:flex;align-items:center;justify-content:flex-end;gap:7px;font:700 23px var(--display)}
.wallet-grant-success{max-width:900px}.wallet-grant-success .grid-2{margin:24px 0}
@media(max-width:900px){.wallet-admin-layout{grid-template-columns:1fr}.wallet-recipient-card{flex-wrap:wrap}.wallet-recipient-balance{text-align:left}.wallet-recipient-balance strong{justify-content:flex-start}}
.c-admin-extra-nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;max-width:100%}
.c-admin-extra-nav>.chip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.st-channel-links{display:flex;flex-direction:column;gap:10px;min-width:0;margin:14px 0}
.st-channel-link{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:11px 0;border-top:1px solid var(--line);min-width:0;width:100%}
.st-channel-link>a:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px;max-width:100%}
.st-channel-link small{flex-basis:100%;font-size:11px;color:var(--muted);overflow-wrap:anywhere;word-break:break-word}
.st-platform-state{font-size:10px;letter-spacing:.06em;color:var(--muted)}.st-platform-state.is-live{color:var(--red,#ef4455)}
.st-card-copy .st-channel-links{margin-top:8px}.st-admin-table .st-channel-links{min-width:170px;max-width:260px}
.st-application-platforms{border:1px solid var(--line);padding:18px;display:grid;gap:13px;margin:0;min-width:0}
.st-application-platforms legend{padding:0 8px;font-weight:700}.st-application-platforms .portal-help{margin:0}
.progression-spaced{margin-top:26px}.progression-notice{padding:18px 22px;border-left:3px solid var(--red,#ef4455);background:rgba(255,255,255,.035);line-height:1.7;color:var(--muted)}
.progression-notice p{margin:6px 0}.progression-notice strong{color:var(--text,#fff)}
.progression-provider-grid,.progression-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.progression-provider-grid>section:only-child{grid-column:1/-1;max-width:900px;width:100%}
.progression-provider,.progression-rank,.progression-rule{min-width:0}.progression-provider .section-title{align-items:flex-start;flex-wrap:wrap;gap:10px}
.progression-checks{display:grid;gap:10px}.progression-capabilities{list-style:none;margin:0;padding:0}.progression-capabilities li{padding:13px 0;border-top:1px solid var(--line)}
.progression-capabilities li>strong{display:block;margin-bottom:9px;font-size:13px}.progression-capabilities .portal-help{margin-bottom:0}
.progression-provider h3{margin:24px 0 12px}.progression-rule .section-title{flex-wrap:wrap;gap:12px}.progression-reward{display:flex;align-items:center;gap:8px;font-size:23px;color:var(--gold,#d4b071)}
.progression-rank-order{display:inline-flex;align-items:center;gap:10px;color:var(--gold,#d4b071);font-size:13px}.progression-rank h3{margin:14px 0 10px}
.progression-rank>p{line-height:1.65;overflow-wrap:anywhere}.progression-rank>small{display:block;margin-top:7px}.progression-rank.is-disabled{opacity:.62}
.progression-membership{display:flex;align-items:center;gap:20px}.progression-membership .eyebrow{margin:0 0 8px}.progression-membership h2{margin:0 0 8px}.progression-membership small{display:block}
.progression-stream-panel h3{display:flex;gap:9px;align-items:center}.progression-provider .portal-help,.progression-rule .portal-help{overflow-wrap:anywhere}
#progression-faction-workspace[aria-busy="true"]{opacity:.7;pointer-events:none}
@media(max-width:1100px){.progression-provider-grid,.progression-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.progression-provider-grid,.progression-rank-grid{grid-template-columns:minmax(0,1fr)}.progression-notice{padding:15px}.st-application-platforms{padding:12px}.progression-membership{align-items:flex-start}.progression-reward{font-size:20px}}
@media(max-width:780px){.page-head>.page-actions{flex-wrap:wrap;flex-shrink:1;min-width:0;max-width:100%;width:100%}.page-actions>.btn{max-width:100%}.c-admin-extra-nav{gap:6px}}
[data-community-form] .field,
[data-community-form] .field + .field { margin-top: 0; margin-bottom: 0; }
[data-community-form] .portal-help { margin-top: 12px; margin-bottom: 0; }
/* Stream reports share the reference palette and keep private viewer tables readable. */
.sa-page{min-width:0}.sa-page .section-title{gap:14px;flex-wrap:wrap}.sa-page .portal-help{line-height:1.75;overflow-wrap:anywhere}.sa-page .metric-value{overflow-wrap:anywhere}
.sa-filters{display:grid;grid-template-columns:minmax(170px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto;gap:16px;align-items:end;margin:24px 0}.sa-filters .field,.sa-filters .field+.field{margin:0}.sa-filters input{min-width:0;color-scheme:dark}.sa-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.sa-full{grid-column:1/-1}.sa-full:empty{display:none}
.sa-explanation{display:flex;gap:14px;padding:20px 22px;margin:22px 0;border:1px solid var(--line);border-left:3px solid var(--red,#ef4455);background:rgba(255,255,255,.025)}.sa-explanation>span{color:var(--red,#ef4455);flex-shrink:0}.sa-explanation strong{font-size:14px}.sa-explanation p{margin:8px 0 0;line-height:1.8;color:var(--muted);font-size:12px}
.sa-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sa-platform{min-width:0}.sa-platform .section-title h2{font-size:18px;margin:0}.sa-platform-duration{display:grid;gap:8px;margin:28px 0}.sa-platform-duration>span{font-size:11px;color:var(--muted)}.sa-platform-duration strong{font:700 30px var(--display);line-height:1.25}
.sa-facts{margin:0;display:grid;gap:0}.sa-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-top:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.5}.sa-facts dt{color:var(--muted)}.sa-facts dd{margin:0;text-align:right;font-weight:600}.sa-section{margin-top:26px}.sa-title{font-weight:700;overflow-wrap:anywhere}.sa-broadcast-table td:first-child{min-width:210px;max-width:350px}.sa-broadcast-table td small,.sa-viewer-table td small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.7}.sa-broadcast-table td:not(:first-child){min-width:130px}.sa-broadcast-table td:last-child{min-width:90px}.sa-broadcast-table .badge{white-space:nowrap}
.sa-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.sa-pagination>div{display:flex;gap:8px}.sa-pagination button:disabled{opacity:.4;cursor:default}.sa-session{margin-top:24px}.sa-session-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sa-session-facts>div{display:block}.sa-session-facts dd{margin-top:8px;text-align:left}.sa-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.sa-metrics>.metric,.sa-viewer-summary>.metric{padding:20px;border:1px solid var(--line);background:#101116}.sa-metrics .metric-value{font-size:23px}.sa-metrics .metric-hint{line-height:1.6}
.sa-metrics{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.sa-chart{margin:0}.sa-chart>svg{width:100%;max-height:310px;display:block}.sa-chart-grid line{stroke:var(--line);stroke-dasharray:4 6}.sa-chart-grid text{fill:var(--muted);font-size:12px;font-family:inherit}.sa-chart-line polyline{fill:none;stroke:var(--red,#ef4455);stroke-width:2.5;stroke-linejoin:round}.sa-chart-line circle{fill:var(--red,#ef4455);stroke:#131417;stroke-width:1.5}.sa-chart figcaption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.sa-coverage{display:flex;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font-size:12px;color:var(--muted)}.sa-coverage strong{color:var(--text,#eee);font-weight:600;margin-left:5px}.sa-viewer-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:24px}.sa-viewer-table td{min-width:160px}.sa-page .portal-state{padding:35px 20px}
@media(max-width:1250px){.sa-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-filter-actions{grid-column:1/-1}.sa-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.sa-platform-grid,.sa-session-facts,.sa-filters,.sa-viewer-summary{grid-template-columns:minmax(0,1fr)}.sa-filters{gap:14px}.sa-platform-duration strong{font-size:27px}.sa-explanation{padding:16px}.sa-pagination{flex-wrap:wrap;padding:16px}.sa-metrics{gap:9px}.sa-metrics>.metric{padding:14px}.sa-metrics .metric-value{font-size:20px}.sa-chart>svg{min-height:170px}.sa-chart figcaption{font-size:10px}.sa-session-facts{gap:0}.sa-chart-grid text{font-size:17px}.sa-page .st-nav{gap:6px}.sa-page .st-nav .btn{font-size:11px;padding:9px 10px}}

/* VK-only reports use the available width instead of leaving retired platform columns. */
.sa-platform-grid>.sa-platform:only-child{grid-column:1/-1;max-width:900px;width:100%}
.storage-summary{margin-bottom:24px}.storage-instructions{display:flex;gap:18px;padding:22px;margin-bottom:16px}.storage-instructions>span{color:var(--accent);padding-top:3px}.storage-instructions p{margin:7px 0 0;color:var(--muted);line-height:1.7}.storage-connection{display:flex;align-items:center;gap:12px;margin:15px 0 22px;font-size:13px;color:var(--muted)}.storage-connection p{margin:0}.storage-tabs{flex-wrap:wrap}.storage-tabs span{margin-left:7px;color:var(--muted);font-size:12px}.storage-list{display:grid;gap:12px}.storage-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px}.storage-item-art{display:flex;align-items:center;justify-content:center;min-height:96px;background:#0c0d11;border-radius:6px;color:var(--muted)}.storage-item-art img{display:block;width:96px;height:96px;object-fit:contain}.storage-item-copy{min-width:0}.storage-item-copy>small{color:var(--muted);font-size:10px;letter-spacing:1px}.storage-item-copy h2{font-size:19px;margin:7px 0;overflow-wrap:anywhere}.storage-item-copy h2 span{color:var(--muted);font-size:15px;font-weight:400;white-space:nowrap}.storage-item-copy p{color:var(--muted);font-size:12px;margin:7px 0;overflow-wrap:anywhere}.storage-item-copy .storage-delivery-time{color:var(--text)}.storage-item-copy .portal-help{max-width:620px;line-height:1.6}.storage-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.storage-item-actions .btn:disabled{cursor:default;opacity:.45}.storage-order-link{padding:0!important;border:0!important;min-height:0!important;font-size:12px!important;background:transparent!important}.storage-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;color:var(--muted);font-size:12px}.storage-pagination>div{display:flex;gap:8px}.storage-pagination .btn:disabled{opacity:.4;cursor:default}.storage-footnote{margin-top:24px;line-height:1.7}.storage-page .alert-box{margin-bottom:16px}
@media(max-width:780px){.storage-item{grid-template-columns:70px minmax(0,1fr);gap:16px;padding:17px}.storage-item-art{min-height:70px}.storage-item-art img{width:70px;height:70px}.storage-item-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.storage-instructions{padding:17px;gap:12px}.storage-pagination{flex-wrap:wrap}.storage-tabs .tab{font-size:12px;padding:11px 10px}.storage-item-copy h2{font-size:17px}}