/*
 * ICARO — STUDIO OVERRIDES
 *
 * Questo file viene caricato dopo app.css ed è il posto sicuro per le
 * regolazioni estetiche manuali. Mantieni qui solo override brevi; non
 * copiare interi componenti. Usa una sezione per viewport e annota sempre
 * la superficie modificata, così gli aggiornamenti dell'app restano leggibili.
 *
 * Token utili già disponibili:
 * --bg, --surface, --text, --muted, --line, --primary
 * --fantasy-gold, --fantasy-bronze, --fantasy-panel, --radius
 */

/* 1. Tema e tipografia --------------------------------------------------- */
:root{
  /* Esempio: --fantasy-gold:#e8c77a; */
}

/* 2. Componenti condivisi ----------------------------------------------- */
.deck-kpis{grid-template-columns:repeat(6,minmax(110px,1fr))}
.deck-kpi{grid-template-columns:minmax(0,1fr)!important;align-content:center!important;gap:5px}.deck-kpi>div{justify-content:flex-start}
.collection-value-summary{display:grid;justify-items:end;gap:2px;min-width:145px}.collection-value-summary span,.collection-value-summary small{color:var(--muted);font-size:9px}.collection-value-summary span{text-transform:uppercase;letter-spacing:.12em}.collection-value-summary b{color:var(--fantasy-gold);font-family:var(--display-font);font-size:20px}
.collection-header-tools{display:flex;align-items:center;gap:14px}
.admin-user-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(120px,.7fr));gap:8px;margin-bottom:12px}.admin-user-filters>*{min-width:0}.admin-user-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.admin-user-pager span{min-width:120px;color:var(--muted);font-size:10px;text-align:center}
.cardtrader-profile-card{display:none!important}
.builder-more .cardtrader-menu-action .icon{fill:currentColor;stroke:none;color:#fff}

/* 3. Singole pagine ------------------------------------------------------ */
/* Esempio: #view-collection .page-header{...} */

/* 4. Notebook ------------------------------------------------------------ */
@media(min-width:781px) and (max-width:1365px){
  .deck-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .admin-user-filters{grid-template-columns:1fr 1fr}
}

/* 5. Telefono ------------------------------------------------------------ */
@media(max-width:780px){
  /* Ospite: il richiamo all'accesso resta leggibile per esteso. */
  body.guest-mode .account-trigger{width:auto;min-width:68px;padding-inline:11px}
  body.guest-mode .account-trigger .account-avatar{display:none}
  body.guest-mode .account-trigger .user-badge{display:inline!important;color:var(--text);font-size:9px;font-weight:850;white-space:nowrap}

  /* Profilo e amministrazione: gerarchia compatta, aiuti sempre affiancati. */
  #view-profile .profile-card,#view-admin .admin-grid>.surface{padding:13px!important}
  #view-profile .profile-grid,#view-admin .admin-grid{gap:10px!important}
  #view-profile .surface-header h2,#view-admin .surface-header h2{display:flex;align-items:center;gap:7px;min-width:0;font-size:16px!important;line-height:1.2}
  #view-profile .surface-header h2 .help-hint,#view-admin .surface-header h2 .help-hint{position:static;margin:0;flex:0 0 19px}
  #view-profile .profile-form-grid{gap:9px}
  #view-profile :is(input,select,textarea){box-sizing:border-box;max-width:100%}
  #view-profile .profile-card>.button{width:100%;justify-content:center}
  #view-admin [data-mobile-collapse]>.surface-header{grid-template-columns:minmax(0,1fr) 70px!important}
  #view-admin [data-mobile-collapse]>.surface-header>.mobile-collapse-toggle{min-width:70px;padding-inline:8px}

  /* Distanza verticale tra l'ultima voce e il divisore dell'archivio. */
  .sidebar nav{
    padding-bottom:52px;
  }
  .sidebar-footer{
    margin-top:12px;
  }

  /* Assistenza staff: nessun figlio può allargare la viewport. */
  #view-support,.support-workspace,.support-panel,.support-conversation,
  .support-conversation-body,.support-thread-items,.support-thread,
  .support-thread-item,.support-reply-row{box-sizing:border-box;min-width:0!important;width:100%;max-width:100%!important}
  #view-support *{box-sizing:border-box;max-width:100%}
  #view-support{overflow-x:hidden!important}
  .support-workspace{display:grid;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}
  .support-panel{padding:15px;overflow:visible!important}
  .support-thread-items{max-height:none!important;overflow:visible!important}
  .support-thread-item{height:auto!important;overflow:visible!important;padding:12px;text-align:left}
  .support-thread-item small{line-height:1.45;padding-bottom:2px}
  .support-thread-item :is(b,span,small),.support-bubble span,.support-conversation-head :is(h2,.eyebrow){overflow-wrap:anywhere;word-break:break-word;white-space:normal}
  .support-conversation-head{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:stretch}
  .support-conversation-head>div{min-width:0}
  .support-conversation-head .button,.support-reply-row .button{width:100%}
  .support-reply-row textarea{box-sizing:border-box;width:100%;max-width:100%;min-width:0}

  .collection-value-summary{justify-items:start;width:100%;padding-top:10px;border-top:1px solid var(--line)}
  .collection-header-tools{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .collection-filter-toggle{width:100%;justify-content:center;margin-bottom:2px}
  .admin-user-filters{grid-template-columns:1fr}.admin-user-pager{display:grid;grid-template-columns:1fr 1fr}.admin-user-pager span{grid-column:1/-1;grid-row:1}
}

/* La landing resta fissata alla viewport senza una seconda larghezza laterale. */
.auth-landing{overflow-x:hidden!important}
.auth-landing-shell,.auth-landing-shell>*{box-sizing:border-box;min-width:0;max-width:100%}

/* Ospite: solo strumenti locali, nessuna falsa promessa di persistenza. */
.guest-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(218,181,109,.34);border-radius:3px 13px 3px 13px;background:linear-gradient(145deg,rgba(151,75,40,.18),rgba(12,14,12,.96))}
.guest-notice[hidden]{display:none}.guest-notice>div{display:grid;gap:3px}.guest-notice span{color:var(--muted);font-size:10px}
body.guest-mode :is([data-view="play"],[data-view="community"],[data-view="analyzer"],[data-view="profile"],#deckCsvBtn,#builderPublishToggle,#builderShareToggle,#exportForgeBtn,#openCollectionScanner,.collection-desktop-secondary,.collection-header-more,.import-surface,[data-open-mobile-import],#collectionSelectionMode,#collectionSelectAll,#collectionSelectAllLabel,#collectionDeleteSelected){display:none!important}
body.guest-mode #saveDeckBtn{border-color:#b78a50;background:linear-gradient(145deg,#463522,#1b1b16);color:#f0dcaf}
body.guest-mode .mobile-tabbar{grid-template-columns:repeat(4,minmax(0,1fr))}
body.guest-mode .mobile-tabbar [data-mobile-view="analyzer"]{display:none!important}
body.guest-mode .collection-workspace{grid-template-columns:minmax(0,1fr)}
body.guest-mode #view-decks .deck-library-toolbar{display:none}
body.guest-mode .inventory-editor .printing-owned,body.guest-mode .inventory-editor~.printing-heading select,body.guest-mode #printingGrid .printing-actions,body.guest-mode #printingGrid .printing-owned{display:none!important}
.guest-decks-empty{grid-column:1/-1}.guest-empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border:1px solid #765a39;border-radius:50%;color:var(--fantasy-gold);font-size:24px}
@media(max-width:780px){.guest-notice{align-items:stretch;flex-direction:column}.guest-notice .button{width:100%}}

/* Landing mobile: artwork protagonista e marchio sovrapposto al bordo. */
@media(max-width:900px){
  .auth-commander-showcase{height:270px}
  .auth-landing-brand{position:relative;z-index:3;padding-top:0;overflow:visible}
  .auth-brand-mark{position:relative;z-index:3;margin-top:-34px;box-shadow:0 0 0 7px rgba(5,7,6,.82),0 18px 48px rgba(0,0,0,.62)}
}
@media(max-width:560px){
  .auth-commander-showcase{height:245px}
  .auth-landing-brand{padding-top:0}
  .auth-brand-copy:before{inset:-8% 0}
  .auth-brand-mark{width:58px;height:58px;margin-top:-29px;margin-bottom:18px}
}

/* 6. Telefono compatto --------------------------------------------------- */
@media(max-width:390px){
}

/* Piani: confronto compatto dentro Profilo, Checkout esterno e gestione separata. */
.profile-plan-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.profile-plan-option{display:grid;gap:7px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(4,7,6,.48)}
.profile-plan-option.current{border-color:rgba(218,181,109,.68);box-shadow:inset 0 0 0 1px rgba(218,181,109,.18)}
.profile-plan-option>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.profile-plan-option>b{font-size:21px;color:var(--ivory)}
.profile-plan-option>b small{font-size:11px;color:var(--muted);font-weight:500}
.profile-plan-option p{min-height:34px;margin:0;color:var(--muted);font-size:12px;line-height:1.4}
.profile-plan-option .button{width:100%;padding-inline:10px}
.profile-plan-note{grid-column:1/-1;color:var(--muted);line-height:1.45}
/* Traduce i crediti mensili del piano attivo in azioni concrete (renderPlanBreakdown), così "27/30" o "100 crediti" smettono di essere un numero astratto. */
.profile-plan-breakdown{display:grid;gap:6px;margin:12px 0 4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(4,7,6,.32);list-style:none}
.profile-plan-breakdown li{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--muted)}
.profile-plan-breakdown b{color:var(--ivory);font-size:14px}
.profile-plan-breakdown small{color:var(--muted);opacity:.75}
/* Cancellazione programmata a fine periodo (Stripe Customer Portal) - distinto da un abbonamento normale in corso. */
.profile-plan-cancel-notice{margin:10px 0 0;padding:9px 12px;border:1px solid rgba(233,154,135,.4);border-radius:10px;background:rgba(233,154,135,.09);color:#e99a87;font-size:12px;line-height:1.45}
/* Il prezzo (es. "3,99 €/mese") usa white-space:nowrap in una riga flex senza min-width:0 sul lato sinistro: su schermi stretti finiva tagliato oltre il bordo invece di andare a capo. */
@media(max-width:520px){
  .profile-plan-card .surface-header{flex-wrap:wrap}
  .profile-plan-card .surface-header>div{min-width:0}
  .profile-plan-card .surface-header>strong{flex:none}
}
/* #userForm (admin "Gestisci utente") never had vertical spacing between
   its stacked field groups - .settings-grid's own gap only spaces items
   WITHIN one grid row, nothing separated one group from the next, so every
   section (Username/Email, password, Piano/Stato, permessi) touched the
   one after it on both desktop and mobile. */
#userForm.modal-card{display:grid;gap:18px}
@media(max-width:520px){#userForm.modal-card{gap:16px}}
/* Mobile card sheet's "Alza per i dettagli" drag handle: app.css has
   accumulated several overlapping !important rules for this across past
   redesigns. Rather than untangle that history blind (no live browser this
   session to verify against), added here at maximum specificity - this
   file loads last - to give the handle more breathing room without
   touching the underlying rules. */
.mobile-gallery-sheet .mobile-sheet-handle{height:40px!important}
.mobile-gallery-sheet .mobile-sheet-handle small{top:20px!important}
/* "Scegli questa versione" inside the full-screen printing zoom - commits
   to that printing right there instead of forcing close (X) then tap
   "Scegli" on the small card underneath. */
.printing-zoom-choose{display:block;width:100%;margin:14px 0 max(14px,env(safe-area-inset-bottom));min-height:48px}
/* "+ Foil"/"Scegli" on the mobile printing picker were down to 28px height
   and 7-7.5px font (two stacked mobile overrides in app.css) - too small
   to comfortably tap. Kept the 2-column layout (space-efficient, not
   itself the problem) but raised the touch target and made the label
   legible again; the owned-quantity +/- steppers got the same treatment. */
@media(max-width:780px){
  .printing-actions .button{min-height:40px!important;font-size:10px!important;padding:4px 6px!important}
  .printing-owned button{width:32px!important;height:32px!important}
}
/* "Aggiungi alla collezione" in the mobile card sheet (deck context, card
   not owned) - matches .mobile-gallery-collapse's sizing right below it. */
.mobile-gallery-add-to-collection{width:100%;min-height:44px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}
/* #analysisPlanHint became a <button> (it now links to Profilo) - undo
   default button chrome so it still reads as the same inline muted note,
   just with a visible affordance that it's clickable. */
.analysis-plan-hint{border:0;background:transparent;text-align:left;cursor:pointer;color:var(--muted)}
.analysis-plan-hint:hover{color:var(--text)}

/* Contextual subscription sheet: keeps the user on the action that created
   intent instead of throwing them into Profile. */
/* The <dialog> element itself never got a width to match its card child
   (every other specialized dialog in this app sets width on its own dialog
   class - .card-modal, .printing-zoom-dialog, .forge-modal - this one was
   missed). Without it, the dialog stayed at the generic 500px .modal
   default while the 980px card inside it overflowed its own container.
   Separately, and more seriously: "upgrade-card" collides with an
   UNRELATED, already-in-use class (app.css - a card-swap suggestion row
   with its own display:grid;grid-template-columns:170px 28px ... layout).
   Reusing that name let the old rule's 4-column grid silently hijack this
   sheet's layout, squeezing the whole plan grid into ~190px and rendering
   it as garbled, overlapping content. Renamed to "subscribe-card", unique
   and unclaimed. */
.upgrade-modal{width:min(1004px,calc(100vw - 12px))}
.subscribe-card{width:min(980px,calc(100vw - 24px));overflow:hidden;background:radial-gradient(circle at 82% 0,rgba(72,139,164,.16),transparent 34%),radial-gradient(circle at 8% 100%,rgba(190,91,48,.18),transparent 38%),var(--surface)}
.upgrade-technology{display:flex;flex-wrap:wrap;gap:8px}.upgrade-technology span{padding:7px 10px;border:1px solid rgba(218,181,109,.25);border-radius:99px;background:rgba(218,181,109,.06);color:var(--ivory);font-size:10px;font-weight:800}
.upgrade-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.upgrade-plan{position:relative;display:grid;align-content:start;gap:10px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(5,8,8,.68)}.upgrade-plan.is-recommended{border-color:rgba(218,181,109,.72);box-shadow:0 0 0 1px rgba(218,181,109,.14),0 18px 44px rgba(0,0,0,.24)}.upgrade-plan>em{position:absolute;right:12px;top:-10px;padding:4px 8px;border-radius:99px;background:var(--fantasy-gold);color:#111;font-size:8px;font-style:normal;font-weight:900;text-transform:uppercase}.upgrade-plan header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.upgrade-plan header span{font-weight:900}.upgrade-plan header b{white-space:nowrap;font-size:20px}.upgrade-plan header small{font-size:9px;color:var(--muted)}.upgrade-plan>strong{color:var(--fantasy-gold);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.upgrade-plan p{min-height:38px;margin:0;color:var(--muted);font-size:11px;line-height:1.45}.upgrade-plan ul{display:grid;gap:7px;margin:0 0 4px;padding:0;list-style:none;color:var(--text);font-size:10px}.upgrade-plan li:before{content:'✓';margin-right:7px;color:#71c995}.upgrade-plan .button{width:100%;margin-top:auto}.upgrade-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.upgrade-footer small{color:var(--muted)}.profile-plan-tech,.profile-plan-model{display:block;color:var(--fantasy-gold)}

/* Inventory controls are frequent but secondary: compact rows preserve the
   44px touch target without turning two counters into half a screen. */
.inspector-panel .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.inspector-panel .inventory-grid>label{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.inspector-panel .inventory-grid .quantity-stepper{height:44px!important}.inspector-panel .inventory-actions{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important}
.printing-zoom-inventory{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.printing-zoom-inventory>div{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 42px;align-items:center;min-height:46px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(12,14,14,.94);color:#fff}.printing-zoom-inventory span{padding-left:12px;font-size:10px;font-weight:850}.printing-zoom-inventory button{height:100%;border:0;border-left:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;font-size:20px}.printing-zoom-inventory b{text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:780px){
  /* Mobile plans are a single vertical comparison: the dialog itself owns
     the only scroll, so cards stay centred and can never drift sideways. */
  .upgrade-modal{width:100vw!important;max-width:100vw!important;margin:auto!important;padding:8px!important}
  .upgrade-modal>.subscribe-card{display:grid!important;grid-template-rows:auto auto auto auto;gap:10px;width:100%!important;max-height:calc(var(--app-viewport-height,100dvh) - 16px)!important;padding:14px!important;overflow-x:hidden!important;overflow-y:auto!important}
  .upgrade-modal>.subscribe-card>.modal-header{margin:-14px -14px 0!important;padding:14px 64px 12px 14px!important}
  .upgrade-modal .modal-header h2{font-size:clamp(20px,6vw,27px)!important;line-height:1.08}
  .upgrade-modal .modal-header p{margin:7px 0 0;font-size:12px;line-height:1.42}
  .upgrade-technology{flex-wrap:wrap;gap:6px;padding:1px 0 4px}.upgrade-technology span{padding:6px 9px;font-size:9px}
  .upgrade-plan-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;min-height:0;padding:2px 0 8px;overflow:visible}
  .upgrade-plan{width:100%;min-width:0;min-height:0;overflow:visible;padding:14px}
  .upgrade-plan>em{position:static;display:inline-block;justify-self:start;margin:0;padding:4px 8px}
  .upgrade-plan.is-recommended{padding-top:14px}.upgrade-plan p{min-height:0;font-size:10px;line-height:1.4;text-transform:none}.upgrade-plan ul{gap:5px;font-size:10px;line-height:1.35;text-transform:none}.upgrade-plan header span{text-transform:none}.upgrade-plan>strong{font-size:10px}.upgrade-plan .button{min-height:44px}
  .upgrade-footer{display:grid;grid-template-columns:1fr;gap:7px;padding-top:9px;border-top:1px solid var(--line)}.upgrade-footer .button{width:100%;min-height:42px}.upgrade-footer small{font-size:9px;line-height:1.35;text-align:center}
  .printing-owned,[data-printing-foil]{display:none!important}.printing-zoom-content{padding-top:64px}.printing-zoom-choose{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));z-index:2}.inspector-panel .inventory-grid{grid-template-columns:1fr 1fr!important}
}
  /* "Copie" and "Foil" side by side on one row, even on mobile - the
     desktop-authored grid-template-columns:1fr 1fr already does this; a
     leftover mobile override was forcing them back to grid-template-
     columns:1fr (stacked, one full-width row each). Shortened "Di cui
     foil" to "Foil" so the label fits comfortably at half width. */
@media(max-width:420px){.subscribe-card{width:calc(100vw - 12px)}}
.analysis-plan-hint u{color:var(--primary);text-decoration-color:var(--primary)}
/* Piano consigliato in base al consumo reale dell'account (recommend_plan_for_usage) - stesso linguaggio del bordo oro di .current, un filo più tenue perché non è il piano attivo. */
.profile-plan-option.recommended{border-color:rgba(94,214,158,.55);box-shadow:inset 0 0 0 1px rgba(94,214,158,.16)}
.profile-plan-badge{justify-self:start;padding:2px 8px;border-radius:999px;background:rgba(94,214,158,.14);color:#7be8b6;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.profile-plan-value{color:var(--text);font-weight:600}
#manageSubscription{width:100%;margin-top:12px}
@media(max-width:680px){.profile-plan-choices{grid-template-columns:1fr}.profile-plan-option p{min-height:0}}

/* Account centre: identity, security and game preferences are distinct jobs. */
.profile-hub{align-items:start}
.profile-preferences-card,.profile-plan-card{grid-column:1/-1}
.profile-account-card .surface-header{align-items:flex-start}
.profile-email-field{grid-column:1/-1}
.account-status-chip{display:inline-flex;align-items:center;flex:none;min-height:28px;padding:5px 10px;border:1px solid rgba(218,181,109,.36);border-radius:999px;color:var(--fantasy-gold);background:rgba(218,181,109,.08);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.account-status-chip.verified{border-color:rgba(94,214,158,.42);color:#79dba8;background:rgba(94,214,158,.08)}
.profile-security-form{display:grid;gap:10px}
.profile-security-form .button{width:100%;justify-content:center}
.profile-session-block{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid var(--line)}
.profile-session-block>div{display:grid;gap:3px;min-width:0}.profile-session-block small{color:var(--muted)}
.profile-account-actions{align-items:center;flex-wrap:wrap}
.auth-text-action{justify-self:end;padding:0;border:0;background:none;color:var(--fantasy-gold);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.auth-text-action:hover{text-decoration:underline}
@media(max-width:760px){
  .profile-preferences-card,.profile-plan-card{grid-column:auto}
  .profile-hub .profile-card{padding:15px!important}
  .profile-hub .surface-header{gap:10px}
  .profile-hub .surface-header h2{font-size:20px!important}
  .profile-hub .profile-form-grid{grid-template-columns:1fr}
  .profile-email-field{grid-column:auto}
  .profile-session-block{align-items:stretch;flex-direction:column}
  .profile-session-block .button,.profile-account-actions .button,.profile-preferences-card .button-row .button{width:100%;justify-content:center}
  .profile-account-actions,.profile-preferences-card .button-row{display:grid;grid-template-columns:1fr;gap:8px}
  .account-status-chip{font-size:8px;padding-inline:8px}
}

/* Collection filter/sort panel: was always-visible inline on desktop (a
   permanent row of six controls above the grid) with only mobile getting a
   collapse-behind-a-button treatment. Unconditional (not media-queried) so
   the same funnel toggle now works identically on both. #collectionQuickTools
   shares .collection-mobile-tool-panel but not .collection-filter-panel, so
   its own always-visible-on-desktop behavior is untouched. */
.collection-filter-panel:not(.is-open){display:none!important}
.collection-filter-panel.is-open{animation:mobileSectionReveal .22s ease-out}
.collection-filter-toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px}
.collection-filter-toggle.active{border-color:var(--fantasy-gold);color:var(--fantasy-gold-pale);background:linear-gradient(180deg,rgba(176,138,85,.16),rgba(176,138,85,.07))}

/* Builder deck-list panel: had no filter/sort at all (unlike the collection
   grid or the card library sidebar) despite being the one place a nearly-100
   card list has the least room to scan visually. Shares the collection
   funnel's toggle/collapse mechanics (.collection-filter-panel) but needs
   its own column count - the base rule's 8 tracks are sized for the
   collection's 8 controls, not this panel's 3. */
.deck-panel-header-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.deck-list-filter-panel{grid-template-columns:minmax(200px,2fr) minmax(150px,1fr) minmax(150px,1fr);padding:0 0 12px}
@media(max-width:780px){
  .deck-panel-header-tools{flex-direction:column;align-items:stretch;width:100%}
  .deck-panel-header-tools #deckListFilterToggle{width:100%;justify-content:center}
  .deck-list-filter-panel{grid-template-columns:1fr}
}

/* Database MTG is a single focused catalog. Commander discovery has its own
   guided destination, so it must not be duplicated halfway down this page. */
.database-mtg-workspace{display:grid;gap:16px}
.database-catalog-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:stretch;margin:14px 0 10px}
.database-catalog-search{min-width:0;margin:0}.database-catalog-search input{min-width:0}
.database-catalog-toolbar .collection-filter-toggle{min-height:42px}
.database-browse-filter-panel{grid-template-columns:repeat(4,minmax(130px,1fr))}
.database-browse-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 12px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.database-browse-status .result-count{margin:0;color:var(--text);font-weight:700}
@media(max-width:780px){
  #view-database-mtg>.page-header{margin-bottom:10px;padding-inline:2px}
  #view-database-mtg>.page-header h1{font-size:clamp(26px,8vw,34px)}
  #view-database-mtg>.page-header p{margin-top:4px;font-size:12px}
  .database-browse{padding:12px;overflow:visible}
  .database-browse>.surface-header{margin-bottom:8px}
  .database-browse>.surface-header h2{font-size:18px}
  .database-browse>.surface-header p{font-size:11px}
  .database-catalog-toolbar{position:sticky;top:6px;z-index:6;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:8px -4px 9px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(8,10,9,.96);box-shadow:0 8px 22px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
  .database-catalog-toolbar .search-field{min-height:42px}
  .database-catalog-toolbar .collection-filter-toggle{width:44px;min-width:44px;padding:0;justify-content:center}
  .database-catalog-toolbar .collection-filter-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .database-browse-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}
  .database-browse-status{margin:3px 1px 9px;font-size:8px}
  .database-browse #dbBrowseGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .database-browse #dbBrowseGrid .mtg-card-info{padding:7px}
  .database-browse #dbBrowseGrid .mtg-card-name{display:-webkit-box;min-height:2.5em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;font-size:10px;line-height:1.25}
  .database-browse #dbBrowseGrid .mtg-card-meta{overflow:hidden;text-overflow:ellipsis;font-size:8px}
  .database-browse #dbBrowseLoadMore{margin-top:10px}
}
@media(max-width:430px){
  .database-browse-filter-panel{grid-template-columns:1fr}
}

/* Commander discovery: a first-class path from intent to Forge. The cards
   stay vertical and fully readable (no swipe carousel), while the metrics
   make the ranking explainable without pretending to rate a whole deck. */
.commander-discovery-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1100px;margin:0 auto 14px}
.commander-discovery-mode>button{display:flex;align-items:center;gap:12px;min-height:68px;padding:13px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(8,10,9,.82);color:var(--muted);text-align:left;cursor:pointer}
.commander-discovery-mode>button .icon{width:23px;height:23px}.commander-discovery-mode>button span{display:grid;gap:2px}.commander-discovery-mode>button b{color:var(--text);font-size:13px}.commander-discovery-mode>button small{font-size:10px}
.commander-discovery-mode>button.active{border-color:var(--fantasy-gold);background:linear-gradient(135deg,rgba(189,103,59,.16),rgba(222,193,125,.07));box-shadow:inset 0 0 0 1px rgba(222,193,125,.1)}
.commander-wizard-panel{display:grid;gap:24px;max-width:1100px;margin-inline:auto;padding:clamp(18px,3vw,34px)}
.commander-wizard-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);align-items:center;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.commander-wizard-intro h2{margin:5px 0;font:700 clamp(24px,3vw,36px)/1.05 var(--display-font,inherit)}.commander-wizard-intro p{max-width:680px;margin:0;color:var(--muted);line-height:1.55}
.commander-wizard-progress{display:flex;align-items:center;justify-content:flex-end}.commander-wizard-progress span{display:grid;place-items:center;gap:5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.commander-wizard-progress span b{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--muted)}.commander-wizard-progress i{width:28px;height:1px;background:var(--line)}.commander-wizard-progress span:is(.active,.complete){color:var(--fantasy-gold-pale)}.commander-wizard-progress span:is(.active,.complete) b{border-color:var(--fantasy-gold);color:#15120d;background:var(--fantasy-gold)}
.commander-wizard-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.commander-question{display:grid;align-content:start;gap:14px;min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(7,9,8,.68)}
.commander-question legend{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;width:100%;padding:0}.commander-question legend>span{grid-row:1/3;color:var(--fantasy-gold);font:800 11px/1.4 var(--display-font,inherit);letter-spacing:.12em}.commander-question legend>b{font-size:15px}.commander-question legend>small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}
.commander-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.commander-choice-grid>button,.commander-theme-choices>button,.commander-color-choices>button{border:1px solid var(--line);background:rgba(18,20,18,.8);color:var(--muted);cursor:pointer}.commander-choice-grid>button{display:grid;gap:3px;min-height:66px;padding:11px;border-radius:11px;text-align:left}.commander-choice-grid>button b{color:var(--text);font-size:12px}.commander-choice-grid>button small{font-size:9px;line-height:1.35}
.commander-choice-grid>button.selected,.commander-theme-choices>button.selected,.commander-color-choices>button.selected{border-color:var(--fantasy-gold);color:var(--fantasy-gold-pale);background:linear-gradient(145deg,rgba(189,103,59,.2),rgba(222,193,125,.07));box-shadow:inset 0 0 0 1px rgba(222,193,125,.08)}
.commander-color-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.commander-color-choices>button{display:grid;place-items:center;gap:6px;min-height:76px;padding:8px 3px;border-radius:11px;font-size:9px}.commander-color-choices i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ded4b5;color:#201b12;font:800 13px/1 var(--display-font,inherit);box-shadow:0 4px 12px rgba(0,0,0,.35)}.commander-color-choices [data-wizard-color="U"] i{background:#9fc5df}.commander-color-choices [data-wizard-color="B"] i{background:#a7a09c}.commander-color-choices [data-wizard-color="R"] i{background:#dc9476}.commander-color-choices [data-wizard-color="G"] i{background:#8fb69a}
.commander-theme-choices{display:flex;flex-wrap:wrap;gap:7px}.commander-theme-choices>button{min-height:34px;padding:7px 11px;border-radius:999px;font-size:10px}.commander-target-question{grid-template-columns:repeat(2,minmax(0,1fr))}.commander-target-question legend{grid-column:1/-1}.commander-wizard-submit{grid-column:1/-1;justify-self:center;min-width:min(100%,380px)}
.commander-wizard-results{display:grid;gap:15px;padding-top:10px}.commander-results-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.commander-results-head h2{margin:4px 0;font:700 clamp(22px,3vw,32px)/1.1 var(--display-font,inherit)}.commander-results-head p{margin:0;color:var(--muted);font-size:11px}
.commander-result-list{display:grid;gap:12px}.commander-result-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,rgba(26,25,20,.9),rgba(7,10,9,.96));overflow:hidden}.commander-result-art{min-height:265px;padding:0;border:0;border-radius:12px;background:var(--surface-2);overflow:hidden;cursor:pointer}.commander-result-art img{width:100%;height:100%;object-fit:cover}.commander-result-art>span{display:grid;place-items:center;height:100%;font-size:50px;color:var(--fantasy-gold)}
.commander-result-body{display:grid;align-content:start;gap:11px;min-width:0}.commander-result-title{display:flex;align-items:start;justify-content:space-between;gap:14px}.commander-result-title h3{margin:3px 0;font:700 clamp(20px,2.5vw,29px)/1.05 var(--display-font,inherit)}.commander-result-title p{margin:0;color:var(--muted);font-size:10px}.commander-fit-pill{display:grid;place-items:center;flex:0 0 72px;height:62px;border:1px solid var(--fantasy-gold);border-radius:14px;background:rgba(222,193,125,.08)}.commander-fit-pill b{color:var(--fantasy-gold-pale);font-size:20px}.commander-fit-pill small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.commander-overall-track{height:5px;border-radius:99px;background:#262722;overflow:hidden}.commander-overall-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--icaros-copper),var(--fantasy-gold));box-shadow:0 0 14px rgba(222,193,125,.28)}.commander-result-text{display:-webkit-box;overflow:hidden;margin:0;color:#aaa296;font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.commander-fit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.commander-fit-stat{display:grid;gap:5px}.commander-fit-stat>span{display:flex;justify-content:space-between;gap:5px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.commander-fit-stat strong{color:var(--text);font-size:10px}.commander-fit-stat>i{height:3px;border-radius:99px;background:#262722;overflow:hidden}.commander-fit-stat u{display:block;height:100%;border-radius:inherit;background:var(--icaros-copper)}
.commander-result-reasons{display:flex;flex-wrap:wrap;gap:6px}.commander-result-reasons span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px}.commander-result-reasons span.owned{border-color:rgba(104,196,138,.5);color:#79d79d}.commander-result-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}.commander-result-actions .button{min-height:40px}
@media(max-width:780px){
  .commander-picker-view>.page-header{display:grid}.commander-picker-view>.page-header .button{justify-self:start}
  .commander-discovery-mode{grid-template-columns:1fr;gap:7px}.commander-discovery-mode>button{min-height:58px;padding:10px 13px}
  .commander-wizard-panel{gap:17px;padding:15px}.commander-wizard-intro{grid-template-columns:1fr;gap:18px}.commander-wizard-progress{justify-content:center}.commander-wizard-progress i{width:clamp(10px,4vw,22px)}
  .commander-wizard-form{grid-template-columns:1fr}.commander-question{padding:14px}.commander-choice-grid{grid-template-columns:1fr 1fr}.commander-choice-grid>button{min-height:62px}.commander-color-choices{grid-template-columns:repeat(5,1fr);gap:4px}.commander-color-choices>button{min-height:65px;font-size:0}.commander-color-choices i{width:30px;height:30px}.commander-target-question{grid-template-columns:1fr}.commander-wizard-submit{width:100%}
  .commander-results-head{display:grid;align-items:start}.commander-results-head .button{justify-self:start}.commander-result-card{grid-template-columns:92px minmax(0,1fr);gap:11px;padding:10px}.commander-result-art{min-height:130px;align-self:start}.commander-result-title h3{font-size:18px}.commander-fit-pill{flex-basis:57px;height:50px}.commander-fit-pill b{font-size:16px}.commander-result-text{grid-column:1/-1;-webkit-line-clamp:2}.commander-fit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.commander-result-reasons{grid-column:1/-1}.commander-result-actions{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.3fr}.commander-result-actions .button{width:100%;padding-inline:8px;font-size:10px}
}

/* v0.40.1 — The guided finder is a journey, not a settings form. Exactly
   one decision occupies the stage; navigation and progress remain stable. */
.commander-wizard-panel{min-height:620px;align-content:start;overflow:hidden}
.commander-wizard-journey{display:flex;align-items:center;width:min(100%,880px);margin-inline:auto;padding-bottom:18px;border-bottom:1px solid var(--line)}
.commander-wizard-journey>button{display:grid;place-items:center;gap:6px;flex:0 0 auto;padding:0;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}
.commander-wizard-journey>button:disabled{cursor:default;opacity:.55}.commander-wizard-journey>button b{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);font-size:10px}.commander-wizard-journey>button span{font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.commander-wizard-journey>i{flex:1;height:1px;min-width:16px;margin:0 7px 20px;background:var(--line)}
.commander-wizard-journey>button:is(.active,.complete){color:var(--fantasy-gold-pale)}.commander-wizard-journey>button:is(.active,.complete) b{border-color:var(--fantasy-gold);background:rgba(222,193,125,.13)}.commander-wizard-journey>button.active b{color:#1b160d;background:var(--fantasy-gold);box-shadow:0 0 22px rgba(222,193,125,.24)}.commander-wizard-journey>button.complete+ i{background:var(--fantasy-gold)}
.commander-wizard-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:18px;min-height:500px}
.commander-wizard-screen{width:min(100%,900px);margin-inline:auto;animation:commanderStepIn .3s cubic-bezier(.2,.75,.2,1)}
.commander-wizard-screen[hidden]{display:none!important}
.commander-wizard-welcome{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:55px;min-height:370px;padding:35px 34px}.commander-wizard-welcome h2{max-width:680px;margin:8px 0 14px;font:700 clamp(32px,5vw,56px)/.98 var(--display-font,inherit);letter-spacing:-.035em}.commander-wizard-welcome p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.commander-wizard-promises{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.commander-wizard-promises span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--text-secondary);font-size:9px}.commander-wizard-promises .icon{width:14px;height:14px;color:var(--fantasy-gold)}
.commander-wizard-emblem{position:relative;display:grid;place-items:center;width:210px;aspect-ratio:1;border:1px solid var(--fantasy-bronze);border-radius:50%;background:radial-gradient(circle,rgba(189,103,59,.18),rgba(6,9,8,.7) 62%,transparent 63%);box-shadow:0 0 70px rgba(189,103,59,.12)}.commander-wizard-emblem .icon{z-index:2;width:74px;height:74px;color:var(--fantasy-gold)}.commander-wizard-emblem i{position:absolute;inset:18px;border:1px solid rgba(222,193,125,.18);border-radius:50%}.commander-wizard-emblem i:nth-of-type(2){inset:38px;transform:rotate(45deg);border-radius:4px}.commander-wizard-emblem i:nth-of-type(3){inset:62px;border-color:rgba(189,103,59,.34)}
.commander-wizard-panel .commander-question{min-height:370px;padding:32px 36px;border-color:rgba(222,193,125,.2);background:radial-gradient(circle at 100% 0,rgba(189,103,59,.08),transparent 36%),rgba(7,9,8,.7)}.commander-wizard-panel .commander-question legend{margin-bottom:8px}.commander-wizard-panel .commander-question legend>span{font-size:13px}.commander-wizard-panel .commander-question legend>b{font:700 clamp(24px,3vw,36px)/1.05 var(--display-font,inherit)}.commander-wizard-panel .commander-question legend>small{font-size:11px}
.commander-wizard-panel .commander-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.commander-wizard-panel .commander-choice-grid>button{position:relative;min-height:88px;padding:16px;border-radius:14px}.commander-wizard-panel .commander-choice-grid>button b{font-size:14px}.commander-wizard-panel .commander-choice-grid>button small{font-size:10px}.commander-wizard-panel .commander-choice-grid>button.selected:after,.commander-wizard-panel .commander-theme-choices>button.selected:after{content:'✓';position:absolute;top:10px;right:11px;color:var(--fantasy-gold);font-weight:900}
.commander-wizard-panel .commander-color-choices{width:min(100%,720px);margin:auto}.commander-wizard-panel .commander-color-choices>button{min-height:120px;font-size:10px}.commander-wizard-panel .commander-color-choices i{width:48px;height:48px;font-size:16px}.commander-wizard-panel .commander-theme-choices{gap:9px}.commander-wizard-panel .commander-theme-choices>button{position:relative;min-height:44px;padding:10px 30px 10px 15px;font-size:11px}.commander-wizard-panel .commander-question>.field-label{margin-top:12px}.commander-target-question{grid-template-columns:repeat(2,minmax(0,1fr))}.commander-target-note{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(222,193,125,.2);border-radius:12px;background:rgba(222,193,125,.05)}.commander-target-note .icon{flex:none;width:24px;height:24px;color:var(--fantasy-gold)}.commander-target-note span{display:grid;gap:3px}.commander-target-note b{font-size:11px}.commander-target-note small{color:var(--muted);font-size:9px;line-height:1.45}
.commander-wizard-navigation{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;width:min(100%,900px);margin:auto;padding-top:16px;border-top:1px solid var(--line)}.commander-wizard-navigation>span{color:var(--muted);font-size:9px;text-align:center;text-transform:uppercase;letter-spacing:.08em}.commander-wizard-navigation .button:first-child{justify-self:start}.commander-wizard-navigation .button:last-child{justify-self:end;min-width:160px}.commander-wizard-navigation .button[hidden]{display:block!important;visibility:hidden;pointer-events:none}.commander-wizard-navigation .button:last-child[hidden]{display:block!important;visibility:hidden}
.commander-wizard-results{width:100%;padding-top:4px}.commander-wizard-results+.forge-form-error{width:min(100%,900px);margin-inline:auto}
@keyframes commanderStepIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}

/* One visual language for scores across the whole deck analysis: value,
   readable meter and interpretation. It replaces decorative rings but uses
   the exact same backend values. */
.analysis-scoreboard{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.analysis-score.metric-strip{display:grid!important;align-content:center;gap:10px;min-height:112px;padding:15px 16px!important;border-radius:15px!important;background:linear-gradient(145deg,var(--surface),var(--bg-soft))!important}
.analysis-score.metric-strip:before{display:none!important}.analysis-metric-head{display:flex;align-items:end;justify-content:space-between;gap:8px}.analysis-metric-head span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.analysis-metric-head b{color:var(--text);font:750 27px/1 var(--display-font,inherit)}
.analysis-metric-track{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.analysis-metric-track i{display:block;width:calc(var(--score)*1%);height:100%;border-radius:inherit;background:var(--danger);box-shadow:0 0 14px color-mix(in srgb,var(--danger) 55%,transparent)}.analysis-score.metric-strip.watch .analysis-metric-track i{background:var(--warning);box-shadow:0 0 14px color-mix(in srgb,var(--warning) 50%,transparent)}.analysis-score.metric-strip.good .analysis-metric-track i{background:var(--green);box-shadow:0 0 14px color-mix(in srgb,var(--green) 50%,transparent)}.analysis-score.metric-strip>small{color:var(--muted);font-size:9px}.analysis-score.metric-strip.good>small{color:var(--green)}.analysis-score.metric-strip.watch>small{color:var(--warning)}.analysis-score.metric-strip.low>small{color:var(--danger)}
.manabase-hero-gauge .analysis-score.metric-strip{width:100%;min-height:104px!important;padding:14px!important;border:1px solid var(--line)!important;background:rgba(7,9,8,.42)!important}.manabase-hero-gauge .analysis-score.metric-strip>span{display:none}.manabase-hero-gauge .analysis-score.metric-strip:before{display:none!important}

@media(max-width:780px){
  .commander-wizard-panel{min-height:calc(100dvh - 190px);padding:13px!important}.commander-wizard-journey{width:100%;padding:0 2px 12px;overflow:hidden}.commander-wizard-journey>button b{width:28px;height:28px}.commander-wizard-journey>button span{display:none}.commander-wizard-journey>i{min-width:7px;margin:0 3px}.commander-wizard-form{min-height:calc(100dvh - 290px)}
  .commander-wizard-welcome{grid-template-columns:1fr;min-height:430px;padding:20px 8px;text-align:center}.commander-wizard-welcome h2{font-size:clamp(35px,11vw,50px)}.commander-wizard-welcome p{font-size:12px}.commander-wizard-promises{justify-content:center}.commander-wizard-emblem{grid-row:1;width:125px;margin:auto}.commander-wizard-emblem .icon{width:45px;height:45px}.commander-wizard-emblem i{inset:12px}.commander-wizard-emblem i:nth-of-type(2){inset:25px}.commander-wizard-emblem i:nth-of-type(3){inset:40px}
  .commander-wizard-panel .commander-question{min-height:430px;padding:23px 15px}.commander-wizard-panel .commander-question legend>b{font-size:27px}.commander-wizard-panel .commander-choice-grid{grid-template-columns:1fr}.commander-wizard-panel .commander-choice-grid>button{min-height:72px}.commander-wizard-panel .commander-color-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.commander-wizard-panel .commander-color-choices>button{min-height:80px;font-size:9px}.commander-wizard-panel .commander-color-choices>button:last-child{grid-column:1/-1}.commander-wizard-panel .commander-color-choices i{width:36px;height:36px}.commander-target-question{grid-template-columns:1fr}.commander-wizard-navigation{grid-template-columns:1fr 1fr}.commander-wizard-navigation>span{display:none}.commander-wizard-navigation .button{width:100%;min-width:0!important}.commander-wizard-navigation .button:last-child{grid-column:2}.commander-wizard-navigation .button:first-child{grid-column:1;grid-row:1}
  .analysis-scoreboard{grid-template-columns:1fr 1fr!important}.analysis-score.metric-strip{min-height:98px;padding:12px!important}.analysis-metric-head{display:grid;gap:5px}.analysis-metric-head b{font-size:23px}.analysis-score.metric-strip>small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.commander-wizard-screen{animation:none}}