/* WOLF ZONE audit1654 — focused redesign of three primary hub pages.
   One layout owner. Live UI only: exports, player data, auth and theme assets unchanged.
   Styles are placed in the existing identity layer so older !important rules
   can't unexpectedly win against new responsive geometry. */
@layer identity {
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page) {
    box-sizing:border-box!important;
    width:min(100%,620px)!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0 clamp(4px,1.8vw,10px) 12px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    min-width:0!important;
    isolation:isolate;
  }
  /* Ribbon remains the original geometric title. Never add an opaque slab. */
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page) > .mode-page-title {
    box-sizing:border-box!important;
    margin:2px auto var(--ui-section-gap)!important;
    width:min(88%,480px)!important;
    max-width:calc(100% - 16px)!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page) > .mode-page-title:not(.royal-tier-page) .title-copy {
    font-size:var(--ui-page-title-size)!important;
    font-weight:var(--ui-title-weight)!important;
    letter-spacing:0!important;
    line-height:1.38!important;
    gap:var(--ui-space-sm)!important;
    white-space:normal!important;text-wrap:balance!important;
  }
  /* Maintain the original clear, high-contrast title icon. */
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page) > .mode-page-title .mode-title-icon {
    flex:0 0 var(--ui-title-icon-size,36px)!important;
    width:var(--ui-title-icon-size)!important;height:var(--ui-title-icon-size)!important;
    min-width:var(--ui-title-icon-size)!important;min-height:var(--ui-title-icon-size)!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    border-radius:var(--ui-control-radius)!important;
  }
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page) :is(.team-hub-menu,.records-vertical,.tournament-modes) {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    margin:var(--ui-space) 0 0!important;
    gap:var(--ui-row-gap)!important;
    padding:0!important;
  }
  /* The three hubs share one quiet, readable card surface. */
  #app #view .management-hub-page .team-hub-menu > .menu-row,
  #app #view .records-menu-page .records-vertical > .record-card,
  #app #view .tournament-hub-page .tournament-modes > .mode-card {
    box-sizing:border-box!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    border-radius:var(--ui-hub-radius)!important;
    border:var(--ui-neon-card-border)!important;
    background:linear-gradient(135deg,rgba(var(--ui-rgb),.07),transparent 70%),var(--ui-surface)!important;
    background-color:var(--ui-surface)!important;
    box-shadow:var(--ui-neon-card-shadow)!important;
    overflow:hidden!important;
    isolation:isolate!important;
    transition:box-shadow .16s ease,border-color .16s ease!important;
    touch-action:manipulation;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row:focus-visible,
  #app #view .records-menu-page .records-vertical > .record-card:focus-visible,
  #app #view .tournament-hub-page .tournament-modes > .mode-card:focus-visible {
    outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row:active,
  #app #view .records-menu-page .records-vertical > .record-card:active,
  #app #view .tournament-hub-page .tournament-modes > .mode-card:active {
    box-shadow:var(--ui-neon-card-pressed)!important;
  }
  /* Administration: one icon, one text block and one arrow on every row. */
  #app #view .management-hub-page > .team-hub-menu {
    gap:var(--ui-row-gap)!important;margin-top:var(--ui-section-gap)!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row {
    display:grid!important;
    grid-template-columns:var(--ui-icon-box) minmax(0,1fr) var(--ui-arrow-size)!important;
    align-items:center!important;
    column-gap:var(--ui-space)!important;
    direction:ltr!important;
    min-height:var(--ui-hub-card-height)!important;
    padding:var(--ui-hub-card-padding)!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon) {
    grid-column:1!important;grid-row:1!important;
    order:unset!important;position:static!important;
    display:grid!important;place-items:center!important;
    box-sizing:border-box!important;
    width:var(--ui-icon-box)!important;height:var(--ui-icon-box)!important;
    min-width:var(--ui-icon-box)!important;min-height:var(--ui-icon-box)!important;
    margin:0!important;padding:8px!important;
    border:1.5px solid var(--ui-accent)!important;
    border-radius:var(--ui-control-radius)!important;
    color:var(--ui-accent)!important;
    background:var(--ui-inner)!important;
    box-shadow:var(--wolf-neon-tier-medium)!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon) svg {
    width:var(--ui-hub-svg-size)!important;height:var(--ui-hub-svg-size)!important;max-width:var(--ui-hub-svg-size)!important;max-height:var(--ui-hub-svg-size)!important;
    filter:none!important;
    stroke:currentColor!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row > .menu-copy {
    grid-column:2!important;grid-row:1!important;
    order:unset!important;display:flex!important;
    flex-direction:column!important;justify-content:center!important;
    gap:1px!important;direction:rtl!important;
    text-align:right!important;min-width:0!important;
    margin:0!important;padding:0!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row .menu-copy b {
    font-size:var(--ui-hub-card-title-size)!important;
    line-height:1.37!important;
    font-weight:var(--ui-title-weight)!important;
    color:var(--ui-ink)!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row .menu-copy small {
    font-size:var(--ui-small-size)!important;
    font-weight:550!important;
    color:var(--ui-muted)!important;
    line-height:1.4!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row > .menu-chevron {
    grid-column:3!important;grid-row:1!important;order:unset!important;
    position:static!important;transform:none!important;
    display:grid!important;place-items:center!important;
    width:var(--ui-arrow-size)!important;height:var(--ui-arrow-size)!important;
    margin:0!important;padding:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  #app #view .management-hub-page .team-hub-menu > .menu-row > .menu-chevron svg {
    width:var(--ui-arrow-size)!important;height:var(--ui-arrow-size)!important;
  }
  /* Records: count stays beside the proper heading, not drifting into the row. */
  #app #view .records-menu-page > .records-vertical {
    gap:var(--ui-row-gap)!important;margin-top:var(--ui-section-gap)!important;grid-auto-rows:auto!important;
  }
  #app #view .records-menu-page .records-vertical > .record-card.record-wide {
    display:grid!important;
    grid-template-columns:var(--ui-icon-box) minmax(0,1fr) var(--ui-arrow-size)!important;
    align-items:center!important;
    column-gap:var(--ui-space)!important;
    direction:ltr!important;
    min-height:var(--ui-hub-card-height)!important;
    padding:var(--ui-hub-card-padding)!important;
  }
  #app #view .records-menu-page .records-vertical > .record-card.record-wide > .record-visual.record-visual-icon {
    grid-column:1!important;grid-row:1!important;
    grid-area:1 / 1!important;
    box-sizing:border-box!important;
    display:grid!important;place-items:center!important;
    width:var(--ui-icon-box)!important;height:var(--ui-icon-box)!important;
    min-width:var(--ui-icon-box)!important;min-height:var(--ui-icon-box)!important;
    max-width:var(--ui-icon-box)!important;max-height:var(--ui-icon-box)!important;
    padding:6px!important;margin:0!important;
    border:1.5px solid var(--ui-accent)!important;
    border-radius:var(--ui-control-radius)!important;
    color:var(--ui-accent)!important;
    background:var(--ui-inner)!important;
    box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.08),0 0 9px rgba(var(--ui-rgb),.22)!important;
  }
  #app #view .records-menu-page .records-vertical .record-visual-icon > .record-symbol,
  #app #view .records-menu-page .records-vertical .record-visual-icon > .record-symbol > svg {
    width:var(--ui-hub-svg-size)!important;height:var(--ui-hub-svg-size)!important;
    max-width:var(--ui-hub-svg-size)!important;max-height:var(--ui-hub-svg-size)!important;
    min-width:0!important;min-height:0!important;
    color:var(--ui-accent)!important;
  }
  #app #view .records-menu-page .records-vertical > .record-card > .record-copy {
    grid-column:2!important;grid-row:1!important;
    direction:rtl!important;text-align:right!important;
    display:flex!important;align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;margin:0!important;padding:0!important;
  }
  #app #view .records-menu-page .records-vertical > .record-card .record-copy > b {
    display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:flex-start!important;
    flex-wrap:wrap!important;column-gap:var(--ui-row-gap)!important;row-gap:3px!important;
    width:100%!important;min-width:0!important;
    font-size:var(--ui-hub-card-title-size)!important;
    font-weight:var(--ui-title-weight)!important;line-height:1.36!important;
    color:var(--ui-ink)!important;text-align:right!important;
  }
  #app #view .records-menu-page .records-vertical .record-mini-count {
    position:static!important;transform:none!important;
    display:inline-grid!important;place-items:center!important;
    flex:0 0 auto!important;
    box-sizing:border-box!important;
    min-width:33px!important;min-height:30px!important;
    margin:0!important;padding:2px 7px!important;
    font-size:var(--ui-small-size)!important;font-weight:800!important;
    font-variant-numeric:tabular-nums!important;
    color:var(--ui-ink)!important;
    background:var(--ui-inner)!important;
    border:1px solid rgba(var(--ui-rgb),.6)!important;
    border-radius:9px!important;
    box-shadow:none!important;
  }
  #app #view .records-menu-page .records-vertical > .record-card > .menu-chevron {
    grid-column:3!important;grid-row:1!important;
    position:static!important;transform:none!important;
    display:grid!important;place-items:center!important;
    width:var(--ui-arrow-size)!important;height:var(--ui-arrow-size)!important;
    margin:0!important;padding:0!important;
    color:var(--ui-accent)!important;background:transparent!important;
    box-shadow:none!important;
  }
  #app #view .records-menu-page .records-vertical > .record-card > .menu-chevron svg {
    width:var(--ui-arrow-size)!important;height:var(--ui-arrow-size)!important;
  }
  /* Tournament hub: heading, choice title and two equal-sized choices form one unit. */
  #app #view .tournament-hub-page > .mode-page-title {margin:0 auto var(--wolf-head-title-content-gap,18px)!important;}
  #app #view .tournament-hub-page > .tournament-hub-subtitle {
    display:block!important;
    width:max-content!important;max-width:100%!important;
    margin:12px auto 18px!important;
    padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    text-align:center!important;
    font-size:var(--ui-hub-subtitle-size)!important;
    font-weight:var(--ui-title-weight)!important;
    line-height:1.45!important;
    color:var(--ui-ink)!important;
    text-shadow:none!important;
  }
  /* recovery2001: Move both tournament choices 20px down as one group.
     Relative positioning preserves the approved card gap and the positions
     of the title, channel identity and footer in all three themes. */
  #app #view .tournament-hub-page > .tournament-modes {
    position:relative!important;
    top:20px!important;
    gap:var(--ui-row-gap)!important;
    margin:0!important;
    padding:0!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card {
    display:grid!important;
    grid-template-columns:var(--ui-icon-box) minmax(0,1fr) var(--ui-arrow-size)!important;
    align-items:center!important;
    column-gap:var(--ui-space)!important;
    direction:ltr!important;
    min-height:var(--ui-hub-card-height)!important;
    padding:var(--ui-hub-card-padding)!important;
    text-align:right!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card > .mode-icon {
    grid-column:1!important;grid-row:1!important;
    position:static!important;transform:none!important;
    display:grid!important;place-items:center!important;
    box-sizing:border-box!important;
    width:var(--ui-icon-box)!important;height:var(--ui-icon-box)!important;
    min-width:var(--ui-icon-box)!important;min-height:var(--ui-icon-box)!important;
    margin:0!important;padding:7px!important;
    border:1.5px solid var(--ui-accent)!important;border-radius:var(--ui-control-radius)!important;
    background:var(--ui-inner)!important;color:var(--ui-accent)!important;
    box-shadow:0 0 9px rgba(var(--ui-rgb),.2)!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card > .mode-icon svg {
    width:var(--ui-hub-svg-size)!important;height:var(--ui-hub-svg-size)!important;max-width:var(--ui-hub-svg-size)!important;max-height:var(--ui-hub-svg-size)!important;
    color:var(--ui-accent)!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card > .mode-copy {
    grid-column:2!important;grid-row:1!important;
    display:flex!important;flex-direction:column!important;
    align-items:flex-start!important;justify-content:center!important;
    gap:2px!important;
    direction:rtl!important;text-align:right!important;
    min-width:0!important;margin:0!important;padding:0!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card > .mode-copy > b {
    width:100%!important;
    font-size:var(--ui-hub-card-title-size)!important;
    font-weight:var(--ui-title-weight)!important;line-height:1.33!important;
    color:var(--ui-ink)!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card > .mode-copy > small {
    width:100%!important;max-width:100%!important;
    font-size:var(--ui-small-size)!important;
    font-weight:650!important;line-height:1.45!important;
    color:var(--ui-muted)!important;
    overflow-wrap:break-word!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card > .mode-arrow {
    grid-column:3!important;grid-row:1!important;
    position:static!important;transform:none!important;
    display:grid!important;place-items:center!important;
    width:var(--ui-arrow-size)!important;height:var(--ui-arrow-size)!important;
    margin:0!important;padding:0!important;
    background:transparent!important;box-shadow:none!important;
    color:var(--ui-accent)!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card > .mode-arrow svg {
    width:var(--ui-arrow-size)!important;height:var(--ui-arrow-size)!important;
  }
  /* No legacy full-screen glow/overlay on these screens. The backdrop is one continuous scene. */
  #app #view > .records-menu-page::before,
  #app #view > .records-menu-page::after {
    content:none!important;display:none!important;
  }
  @media(max-width:375px) {
    /* Reflow the whitespace, never shrink approved icons, cards or arrows. */
    #app #view .management-hub-page .team-hub-menu > .menu-row,
    #app #view .records-menu-page .records-vertical > .record-card.record-wide,
    #app #view .tournament-hub-page .tournament-modes > .mode-card {
      grid-template-columns:var(--ui-icon-box) minmax(0,1fr) var(--ui-arrow-size)!important;
      column-gap:var(--ui-space-sm)!important;padding-inline:var(--ui-space-sm)!important;
    }
  }
  @media(prefers-reduced-motion:reduce) {
    #app #view .management-hub-page .team-hub-menu > .menu-row,
    #app #view .records-menu-page .records-vertical > .record-card,
    #app #view .tournament-hub-page .tournament-modes > .mode-card {transition:none!important;}
  }
}
/* Hub pages inherit the same approved background scene as the rest of the app. */

/* audit1657 — Appearance page consumes shared UI tokens, never hardcoded pink/blue. */
@layer identity {
  #app #view .settings-page > :is(.settings-appearance-card,.settings-feedback-card,.settings-about-card) {
    border-radius:var(--ui-premium-card-radius)!important;
    background:var(--ui-surface)!important;border-color:rgba(var(--ui-rgb),.72)!important;
    box-shadow:var(--ui-neon-card-shadow)!important;
  }
  #app #view .settings-page .settings-switch-row {
    background:var(--ui-inner)!important;color:var(--ui-ink)!important;
    border-color:rgba(var(--ui-rgb),.58)!important;
  }
  #app #view .settings-page :is(.theme-chooser button,.settings-toggle) {
    border-color:rgba(var(--ui-rgb),.61)!important;background:var(--ui-inner)!important;
    color:var(--ui-ink)!important;
  }
  #app #view .settings-page .theme-chooser button.selected,
  #app #view .settings-page .settings-toggle.on {
    border-color:var(--ui-accent)!important;
    box-shadow:var(--ui-neon-card-pressed)!important;
  }
}

/* Records: monthly victory statistics — consolidated from audit1703, original rules retired. */
/* Monthly victories are calculated from the selected authenticated dataset. */
#app #view .wolf-month-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
#app #view .wolf-month-stat{min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:var(--ui-space-sm) 5px;border-radius:var(--ui-control-radius);background:var(--ui-surface);border:1px solid var(--ui-accent);color:var(--ui-ink);font:inherit}
#app #view .wolf-month-stat b{font:800 clamp(19px,5vw,25px)/1.3 var(--ui-font);color:var(--ui-ink);font-variant-numeric:tabular-nums}
#app #view .wolf-month-stat span{font:700 var(--ui-small-size)/1.6 var(--ui-font);color:var(--ui-muted);overflow-wrap:anywhere}
#app #view .wolf-month-leader{margin:8px 0 4px;text-align:center;font:700 var(--ui-small-size)/1.6 var(--ui-font);color:var(--ui-muted)}
#app #view .wolf-month-leader b{color:var(--ui-accent)}


/* Admin notice typography — consolidated from audit1703, original rules retired. */
/* audit1623: same hierarchy for administration and modal action buttons. */
#app #view .settings-backup-card .notice{font-size:var(--ui-small-size);line-height:1.8}
#app #view .admin-activity-card .notice{margin-block:8px 12px}

/* audit1831 — one compact menu-row rhythm in the three hubs, control panel,
   and admin navigation. All controls remain direct accessible buttons. */
@layer identity {
  #app #view :is(.management-hub-page,.records-menu-page,.tournament-hub-page) > .mode-page-title{margin:0 auto var(--wolf-head-title-content-gap,18px)!important;}
  #app #view :is(.management-hub-page,.records-menu-page,.tournament-hub-page) :is(.team-hub-menu,.records-vertical,.tournament-modes){gap:var(--wolf-nav-gap,14px)!important;margin-top:0!important;}
  #app #view .tournament-hub-page .tournament-hub-subtitle{font-size:clamp(21px,5.1vw,25px)!important;font-weight:700!important;line-height:1.4!important;margin:3px auto 11px!important;}
  #app #view .tournament-hub-page .tournament-modes>.mode-card,
  #app #view .management-hub-page .team-hub-menu>.menu-row,
  #app #view .records-menu-page .records-vertical>.record-card.record-wide,
  #app #view .wolf-control-menu>.menu-row{min-height:80px!important;padding:9px 12px!important;column-gap:10px!important;border-radius:17px!important;}
  #app #view .tournament-hub-page .tournament-modes .mode-copy>b,
  #app #view .management-hub-page .team-hub-menu .menu-copy>b,
  #app #view .wolf-control-menu .menu-copy>b{font-size:clamp(19px,4.8vw,23px)!important;line-height:1.3!important;}
  #app #view .tournament-hub-page .tournament-modes .mode-copy>small,
  #app #view .management-hub-page .team-hub-menu .menu-copy>small,
  #app #view .wolf-control-menu .menu-copy>small{font-size:clamp(14px,3.7vw,16px)!important;line-height:1.35!important;}
  #app #view .wolf-control-menu{gap:10px!important;margin:9px 0 0!important;}
  #app #view .wolf-control-menu>.menu-row>.home-icon,
  #app #view .wolf-control-menu>.menu-row>.records-admin-tool-icon{width:46px!important;height:46px!important;flex-basis:46px!important;}
  #app #view .wolf-control-menu>.menu-row>.home-icon svg,
  #app #view .wolf-control-menu>.menu-row>.records-admin-tool-icon svg{width:26px!important;height:26px!important;}
}



/* audit1849 — Same compact layout for homepage, tournament selection,
   records, management hub and its dashboard. No icon or neon palette change. */
@layer identity {
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page) {
    width:100%!important;max-width:100%!important;
    padding-inline:2px!important;
  }
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page)
    > .mode-page-title {margin:0 auto var(--wolf-head-title-content-gap,18px)!important;}
  #app #view > :is(.management-hub-page,.records-menu-page,.tournament-hub-page)
    :is(.team-hub-menu,.records-vertical,.tournament-modes) {
    gap:var(--wolf-nav-gap,14px)!important;margin-top:0!important;
  }
  #app #view .tournament-hub-page .tournament-hub-subtitle {
    font-size:clamp(20px,5vw,24px)!important;
    line-height:1.35!important;margin:3px auto 9px!important;
  }
  #app #view .tournament-hub-page .tournament-modes > .mode-card,
  #app #view .management-hub-page .team-hub-menu > .menu-row,
  #app #view .records-menu-page .records-vertical > .record-card.record-wide,
  #app #view .wolf-control-menu > .menu-row {
    min-height:70px!important;height:auto!important;
    padding:8px 10px!important;column-gap:9px!important;border-radius:16px!important;
  }
  #app #view .tournament-hub-page .tournament-modes .mode-copy > b,
  #app #view .management-hub-page .team-hub-menu .menu-copy > b,
  #app #view .wolf-control-menu .menu-copy > b {
    font-size:clamp(18px,4.55vw,21px)!important;line-height:1.32!important;
  }
  #app #view :is(.management-hub-page,.tournament-hub-page,.wolf-control-menu)
    :is(.menu-copy,.mode-copy) > small {
    font-size:clamp(13px,3.45vw,15px)!important;line-height:1.35!important;
  }
  #app #view .wolf-control-menu {
    gap:var(--wolf-nav-gap,14px)!important;margin:0 0 14px!important;
  }
  #app #view .home-main-menu {gap:var(--wolf-head-card-gap,14px)!important;}
  #app #view .home-main-menu :is(.home-entry,.menu-row) {
    box-sizing:border-box!important;min-height:70px!important;height:auto!important;
    padding:9px 11px!important;
  }
  #app #view .home-main-menu .menu-copy b {font-size:clamp(19px,4.7vw,22px)!important;line-height:1.3!important;}
  #app #view .home-main-menu .menu-copy small {font-size:clamp(13px,3.45vw,15px)!important;line-height:1.35!important;}
  #app #view .home-showcase.home-simple + .home-main-menu {margin-top:0!important;}
  #app #view .record-detail-page :is(.record-filters,.admin-activity-card,.record-summary-card) {
    padding:10px!important;margin-block:8px!important;
  }
  #app #view :is(.management-hub-page,.records-menu-page,.record-detail-page)
    :is(.admin-user-row,.admin-activity-row,.deleted-win-row,.record-card) {
    max-width:100%!important;min-width:0!important;
  }
  @media(max-width:375px){
    #app #view .tournament-hub-page .tournament-modes > .mode-card,
    #app #view .management-hub-page .team-hub-menu > .menu-row,
    #app #view .records-menu-page .records-vertical > .record-card.record-wide {
      grid-template-columns:var(--ui-icon-box) minmax(0,1fr) var(--ui-arrow-size)!important;
      column-gap:6px!important;padding-inline:8px!important;
    }
  }
}


/* audit1849 — consistent iPhone hub density and channel tone.
   Scope: live navigation only; never export PNG sheets, admin data or fixtures.
   Compact boxes have 44px+ complete-row tap targets. */
@layer identity {
  /* Channel label is a child of the common brand, not an independent pale tile.
     Use the same theme surface as the other live page panels, including ivory. */
  #app #view > .page-brand > .channel {
    box-sizing:border-box!important;
    background:var(--ui-surface)!important;
    color:var(--ui-ink)!important;
    border:1.4px solid var(--ui-accent)!important;
    box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.07),0 0 9px rgba(var(--ui-rgb),.28)!important;
  }
  body.light #app #view > .page-brand > .channel {
    background:#DCCBB0!important;
    border-color:#987027!important;
    color:#3B2A18!important;
    box-shadow:inset 0 0 12px rgba(179,126,35,.20),0 0 9px rgba(179,126,35,.68),0 0 20px rgba(179,126,35,.43),0 0 31px rgba(179,126,35,.19)!important;
  }
  /* Administrative and related hub rows: reduce apparent size on iPhone while
     keeping text readable and the entire button comfortably touchable. */
  @media (max-width:480px) {
    #app #view :is(.management-hub-page,.records-menu-page) > .mode-page-title {margin:0 auto var(--wolf-head-title-content-gap,18px)!important;}
    #app #view :is(.management-hub-page,.records-menu-page,.tournament-hub-page)
      :is(.team-hub-menu,.records-vertical,.tournament-modes) {gap:var(--wolf-nav-gap,14px)!important;margin-top:0!important;}
    #app #view .management-hub-page .team-hub-menu > .menu-row,
    #app #view .records-menu-page .records-vertical > .record-card.record-wide,
    #app #view .wolf-control-menu > .menu-row {
      min-height:58px!important;height:auto!important;
      padding:6px 9px!important;column-gap:7px!important;
      border-radius:14px!important;
      --ui-icon-box:38px;
      --ui-hub-svg-size:23px;
      --ui-arrow-size:20px;
    }
    #app #view :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
      :is(.menu-copy,.record-copy) > b {
      font-size:clamp(17px,4.45vw,19px)!important;
      line-height:1.28!important;
    }
    #app #view :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
      :is(.menu-copy,.record-copy) > small {
      font-size:clamp(12px,3.3vw,13px)!important;
      line-height:1.30!important;
    }
    #app #view .management-hub-page .team-hub-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon),
    #app #view .records-menu-page .records-vertical > .record-card.record-wide > .record-visual.record-visual-icon,
    #app #view .wolf-control-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon) {
      box-sizing:border-box!important;width:38px!important;height:38px!important;
      min-width:38px!important;min-height:38px!important;
      padding:6px!important;border-radius:11px!important;
    }
    #app #view .management-hub-page .team-hub-menu > .menu-row :is(.home-icon,.records-admin-tool-icon) svg,
    #app #view .records-menu-page .records-vertical > .record-card .record-visual svg,
    #app #view .wolf-control-menu > .menu-row :is(.home-icon,.records-admin-tool-icon) svg {
      width:23px!important;height:23px!important;
      max-width:23px!important;max-height:23px!important;
    }
    #app #view :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
      :is(.menu-chevron,.records-menu-arrow,.records-arrow) svg {
      width:20px!important;height:20px!important;
    }
  }
  /* Warm-gold ivory icon surfaces: previously pale tiles read as unrelated
     to the neighbouring darker hub cards and to the other pages. */
  body.light #app #view :is(.team-hub-menu,.wolf-control-menu,.records-vertical,.tournament-modes)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.mode-icon,.mode-card-icon) {
    background:#D5C09E!important;
    border-color:#987027!important;
    color:#805A1D!important;
    box-shadow:inset 0 0 7px rgba(151,112,39,.08),0 0 8px rgba(151,112,39,.29)!important;
  }
  body.light #app #view :is(.team-hub-menu,.wolf-control-menu,.records-vertical,.tournament-modes)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.mode-icon,.mode-card-icon) svg {
    stroke:#8A621D!important;color:#8A621D!important;
  }
  body.light #app #view .management-hub-page .mode-page-title .mode-title-icon {
    background:#D5C09E!important;border-color:#987027!important;
    box-shadow:0 0 9px rgba(151,112,39,.25)!important;
  }
}


/* audit1849 — unified iPhone density across ALL live WOLF ZONE routes.
   Corrects the audit1849 menu-only rule; no capture image, result, account,
   overlay, keyboard, or tournament geometry is touched. Touch surfaces >=44px. */
@layer identity {
  /* The channel banner and icon boxes share one theme-specific surface across
     home, tournaments, admin, records, game setup, awards and settings. */
  #app #view {
    --wolf-mobile-chip-bg:var(--ui-inner);
    --wolf-mobile-chip-ink:var(--ui-accent);
    --wolf-mobile-card-bg:var(--ui-surface);
  }
  body.light #app #view {
    --wolf-mobile-chip-bg:#D5C09E;
    --wolf-mobile-chip-ink:#82591F;
    --wolf-mobile-card-bg:#DCCBB0;
  }
  #app #view :is(.page-brand,.home-showcase) > :is(.channel,.home-channel) {
    box-sizing:border-box!important;
    background:var(--wolf-mobile-chip-bg)!important;
    color:var(--ui-ink)!important;
    border:1.4px solid var(--ui-accent)!important;
    box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.10),0 0 10px rgba(var(--ui-rgb),.25)!important;
  }
  body.light #app #view :is(.page-brand,.home-showcase) > :is(.channel,.home-channel) {
    border-color:#987027!important;
    color:#3B2A18!important;
  }
  #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
    .records-vertical,.tournament-modes)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-visual,
    .mode-icon,.mode-card-icon),
  #app #view :is(.mode-page-title,.home-title) .mode-title-icon {
    box-sizing:border-box!important;
    background:var(--wolf-mobile-chip-bg)!important;
    color:var(--wolf-mobile-chip-ink)!important;
    border-color:var(--ui-accent)!important;
    box-shadow:inset 0 0 6px rgba(var(--ui-rgb),.09),0 0 9px rgba(var(--ui-rgb),.27)!important;
    opacity:1!important;
  }
  body.light #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
    .records-vertical,.tournament-modes)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-visual,
    .mode-icon,.mode-card-icon),
  body.light #app #view :is(.mode-page-title,.home-title) .mode-title-icon {
    border-color:#987027!important;color:#82591F!important;
  }
  /* Live action and title icons: color follows the route theme without
     overriding filled brand symbols or tournament trophy export artwork. */
  #app #view :is(.mode-page-title,.home-title) .mode-title-icon svg,
  #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
    .records-vertical,.tournament-modes)
    :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual-icon) svg {
    color:var(--wolf-mobile-chip-ink)!important;
  }
  @media (max-width:480px) {
    /* Match the actual device viewport rather than forcing a fixed-height
       card; text-only and subtitle cards have distinct natural heights. */
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes) {
      gap:7px!important;margin-block:6px 9px!important;
    }
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      > :is(.home-entry,.menu-row,.mode-card,.record-card) {
      box-sizing:border-box!important;min-height:58px!important;height:auto!important;
      padding:7px 9px!important;gap:7px!important;border-radius:14px!important;
      max-width:100%!important;min-width:0!important;
    }
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      :is(.menu-copy,.mode-copy,.record-copy) {
      min-width:0!important;gap:1px!important;
    }
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      :is(.menu-copy,.mode-copy,.record-copy) > b {
      font-size:clamp(17px,4.4vw,19px)!important;
      line-height:1.28!important;
    }
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      :is(.menu-copy,.mode-copy,.record-copy) > small {
      font-size:clamp(12px,3.2vw,13px)!important;
      line-height:1.34!important;
    }
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,
      .record-visual,.record-visual-icon) {
      width:38px!important;height:38px!important;
      min-width:38px!important;min-height:38px!important;
      padding:6px!important;border-radius:11px!important;
    }
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,
      .record-visual,.record-visual-icon) svg {
      width:23px!important;height:23px!important;
      max-width:23px!important;max-height:23px!important;
    }
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg {
      width:20px!important;height:20px!important;
    }
    /* Shared headers: reduce only surrounding whitespace; never scale the
       actual approved logo, geometric heading frame or its stroke art. */
    #app #view > .page-brand {gap:0!important;margin-bottom:var(--wolf-head-caption-title-gap,18px)!important;}
    #app #view :is(.mode-page-title,.home-title) {margin-block:0 var(--wolf-head-title-content-gap,18px)!important;}
    #app #view :is(.mode-page-title,.home-title) .mode-title-icon {
      width:35px!important;height:35px!important;min-width:35px!important;
      padding:5px!important;border-radius:11px!important;
    }
    #app #view :is(.mode-page-title,.home-title) .mode-title-icon svg {
      width:24px!important;height:24px!important;
    }
    /* Common cards in every route. Do not select .match, .match-panel,
       KO tree connectors, ranking cells or any capture sheet. */
    #app #view :is(.quick-normal-page,.knockout-page,.league-page,
      .honor-page,.honor-studio-page,.settings-page,.record-detail-page,
      .account-management-page,.backup-page,.management-hub-page)
      :is(.ui-section-card,.settings-section,.hs-panel,.account-card,
      .standalone-backup-card,.admin-activity-card,.standalone-controls-card,
      .smart-entry-card,.game-select-card,.competition-meta-card,
      .league-system-card,.league-standings-card,.knockout-control-card,
      .award-picker-card,.honor-actions-card) {
      box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
      padding:9px 10px!important;margin-block:6px 8px!important;
      border-radius:15px!important;
    }
    #app #view :is(.quick-normal-page,.knockout-page,.league-page,
      .honor-page,.settings-page,.record-detail-page,
      .account-management-page,.backup-page)
      :is(.card,.ui-section-card,.hs-panel,.settings-section) > h2 {
      font-size:clamp(18px,4.6vw,21px)!important;
      line-height:1.32!important;margin-bottom:7px!important;
    }
    #app #view .settings-page .settings-switch-row {
      min-height:48px!important;padding:6px 9px!important;margin:4px 0!important;
    }
    #app #view .settings-page .theme-chooser button {
      min-height:46px!important;padding:6px 3px!important;
    }
    #app #view .honor-page.honor-studio-page :is(.hs-panel,.award-picker-card) {
      padding:9px 10px!important;margin-block:5px 7px!important;
    }
    #app #view :is(.quick-normal-page,.knockout-page,.league-page)
      :is(.quick-tools,.league-tools,.ko-actions,.unified-control-strip) {
      gap:5px!important;
    }
    /* Keep each actionable row/button tap target at least 44px. */
    #app #view :is(.quick-normal-page,.knockout-page,.league-page,
      .honor-page,.settings-page,.record-detail-page,
      .account-management-page,.backup-page)
      :is(.action,.hs-button,.settings-action,.wolf-backup-button) {
      min-height:44px!important;
    }
    #app #view .home-showcase.home-simple + .home-main-menu {
      margin-top:0!important;
    }
  }
  @media (max-width:360px) {
    #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,
      .records-vertical,.tournament-modes)
      > :is(.home-entry,.menu-row,.mode-card,.record-card) {
      padding-inline:7px!important;column-gap:5px!important;
    }
  }
}



/* recovery1916 — ONE visual component for landing and all subpage menus.
   Same radius/height/air/icon/arrow/font/inner-outer neon. Only route content
   changes. Height is a minimum so longer Arabic labels cannot get clipped.
   Scope is LIVE menu navigation, never competition nodes or export canvases. */
@layer identity {
  #app #view {
    --wolf-nav-min-height:80px;
    --wolf-nav-gap:14px;
    --wolf-nav-radius:18px;
    --wolf-nav-pad:12px 14px;
    --wolf-nav-icon:40px;
    --wolf-nav-glyph:24px;
    --wolf-nav-arrow:22px;
    --wolf-nav-title:clamp(19px,4.7vw,21px);
    --wolf-nav-subtitle:clamp(13px,3.35vw,15px);
  }
  #app #view.wolf-layout-home > .home-main-menu,
  #app #view.wolf-layout-page > .tournament-hub-page .tournament-modes,
  #app #view.wolf-layout-page > .management-hub-page .team-hub-menu,
  #app #view.wolf-layout-page > .wolf-control-menu,
  #app #view.wolf-layout-page > .records-menu-page .records-vertical {
    box-sizing:border-box!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding:0!important;
    margin-block:0 14px!important;
    row-gap:var(--wolf-nav-gap)!important;column-gap:var(--wolf-nav-gap)!important;
  }
  #app #view.wolf-layout-home > .home-main-menu > .home-entry,
  #app #view.wolf-layout-page > .tournament-hub-page .tournament-modes > .mode-card,
  #app #view.wolf-layout-page > .management-hub-page .team-hub-menu > .menu-row,
  #app #view.wolf-layout-page > .wolf-control-menu > .menu-row,
  #app #view.wolf-layout-page > .records-menu-page .records-vertical > .record-card {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:var(--wolf-nav-icon) minmax(0,1fr) var(--wolf-nav-arrow)!important;
    align-items:center!important;
    direction:ltr!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:var(--wolf-nav-min-height)!important;height:auto!important;
    border-radius:var(--wolf-nav-radius)!important;
    padding:var(--wolf-nav-pad)!important;
    column-gap:11px!important;
    background:var(--ui-surface)!important;
    border:1.6px solid var(--ui-accent)!important;
    box-shadow:var(--wolf-live-rim)!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  /* recovery1979 — 8% lighter five-card HOME ONLY layout, all three themes.
     Retain card widths, type metrics, 40px icon plates, arrows, 14px row gap,
     plaque and logo. The responsive inline padding stays as before, including
     the <=360px variant. A flexible content height prevents text clipping. */
  body #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    min-height:74px!important; /* shared baseline 80px: ~7.5% smaller */
    height:auto!important;
    padding-block:8px!important; /* formerly 12px on standard phones */
  }
  #app #view.wolf-layout-home > .home-main-menu > .home-entry > :is(.home-icon,.home-vs),
  #app #view.wolf-layout-page :is(.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.mode-card,.menu-row,.record-card) > :is(.home-icon,.home-vs,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual,.record-visual-icon){
    box-sizing:border-box!important;
    display:grid!important;place-items:center!important;
    grid-column:1!important;grid-row:1!important;
    position:static!important;transform:none!important;
    width:var(--wolf-nav-icon)!important;height:var(--wolf-nav-icon)!important;
    min-width:var(--wolf-nav-icon)!important;min-height:var(--wolf-nav-icon)!important;
    padding:7px!important;margin:0!important;
    border:1.5px solid var(--ui-accent)!important;border-radius:12px!important;
    background:var(--ui-inner)!important;color:var(--ui-icon)!important;
    box-shadow:inset 0 0 9px rgba(var(--ui-rgb),.15),0 0 8px rgba(var(--ui-rgb),.45)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual,.record-visual-icon) svg {
    width:var(--wolf-nav-glyph)!important;height:var(--wolf-nav-glyph)!important;
    max-width:var(--wolf-nav-glyph)!important;max-height:var(--wolf-nav-glyph)!important;
    color:var(--ui-icon)!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 4px rgba(var(--ui-rgb),.62))!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.menu-copy,.mode-copy,.record-copy){
    box-sizing:border-box!important;
    grid-column:2!important;grid-row:1!important;
    min-width:0!important;max-width:100%!important;
    direction:rtl!important;text-align:right!important;
    margin:0!important;padding:0!important;
    overflow-wrap:break-word!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > b {
    font-size:var(--wolf-nav-title)!important;
    line-height:1.35!important;font-weight:800!important;
    color:var(--ui-ink)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > small {
    font-size:var(--wolf-nav-subtitle)!important;
    line-height:1.43!important;font-weight:600!important;
    color:var(--ui-muted)!important;
    white-space:normal!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow){
    box-sizing:border-box!important;
    display:grid!important;place-items:center!important;
    grid-column:3!important;grid-row:1!important;
    position:static!important;transform:none!important;
    width:var(--wolf-nav-arrow)!important;height:var(--wolf-nav-arrow)!important;
    padding:0!important;margin:0!important;
    color:var(--ui-icon)!important;background:transparent!important;
    border:none!important;box-shadow:none!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg{
    width:var(--wolf-nav-arrow)!important;height:var(--wolf-nav-arrow)!important;
    stroke:var(--ui-icon)!important;color:var(--ui-icon)!important;
    stroke-width:2.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
    filter:drop-shadow(0 0 5px rgba(var(--ui-rgb),.82))!important;
    opacity:1!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card):active{
    box-shadow:inset 0 0 16px rgba(var(--ui-rgb),.22),0 0 12px rgba(var(--ui-rgb),.62),
      0 0 25px rgba(var(--ui-rgb),.27)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card):focus-visible{
    outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;
  }
  @media(max-width:360px){
    #app #view {--wolf-nav-pad:10px 9px;--wolf-nav-gap:14px;--wolf-nav-min-height:78px;}
    #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
      > :is(.home-entry,.mode-card,.menu-row,.record-card){column-gap:8px!important;}
  }
}

/* recovery1911 — dashboard descendants share the same responsive row grammar.
   Home and tournament cards stay at recovery1910's generous 84/92px dimensions. */
@layer identity {
  #app #view.wolf-layout-page :is(.management-hub-page,.wolf-control-menu,
    .records-menu-page,.account-management-page,.record-detail-page,.backup-page)
    :is(.team-hub-menu,.records-vertical,.admin-tools,.record-tools,.account-list){
    box-sizing:border-box!important;inline-size:100%!important;min-inline-size:0!important;
    max-inline-size:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }
  #app #view.wolf-layout-page :is(.management-hub-page,.wolf-control-menu,.records-menu-page)
    :is(.menu-row,.record-card.record-wide){
    box-sizing:border-box!important;inline-size:100%!important;min-inline-size:0!important;
    max-inline-size:100%!important;min-height:72px!important;height:auto!important;
    padding:10px 11px!important;
    grid-template-columns:40px minmax(0,1fr) 24px!important;
    column-gap:9px!important;
  }
  #app #view.wolf-layout-page :is(.management-hub-page,.wolf-control-menu,.records-menu-page)
    :is(.menu-copy,.record-copy){min-inline-size:0!important;max-inline-size:100%!important;}
  #app #view.wolf-layout-page :is(.management-hub-page,.wolf-control-menu,.records-menu-page)
    :is(.menu-copy b,.record-copy b){font-size:clamp(16px,4.15vw,19px)!important;line-height:1.35!important;}
  #app #view.wolf-layout-page :is(.management-hub-page,.wolf-control-menu,.records-menu-page)
    :is(.menu-copy small,.record-copy small){font-size:clamp(12px,3.2vw,14px)!important;line-height:1.4!important;}
  @media(max-width:365px){
    #app #view.wolf-layout-page :is(.management-hub-page,.wolf-control-menu,.records-menu-page)
      :is(.menu-row,.record-card.record-wide){grid-template-columns:38px minmax(0,1fr) 22px!important;gap:7px!important;padding-inline:8px!important;}
  }
}



/* recovery1917: approved one-system navigation + compact settings.
   All rules are LIVE UI only. No bracket, fixture, export or game semantics.
   This is the sole final owner of navigation glow/press behaviour. */
@layer identity {
  #app #view {
    --wolf-nav-min-height:80px;
    --wolf-nav-title:clamp(20px,5.0vw,23px);
    --wolf-nav-subtitle:clamp(14px,3.65vw,16px);
    --wolf-nav-gap:14px;
    --wolf-nav-radius:18px;
    --wolf-nav-icon:40px;
    --wolf-nav-arrow:22px;
    --wolf-nav-neon-rgb:55,143,253;
    --wolf-nav-edge:var(--ui-accent);
    --wolf-nav-glyph-color:#D8E9FF;
    --wolf-royal-ring:inset 0 1px 0 rgba(255,255,255,.09),
      inset 0 0 11px rgba(var(--wolf-nav-neon-rgb),.17),
      0 0 9px rgba(var(--wolf-nav-neon-rgb),.45),
      0 0 21px rgba(var(--wolf-nav-neon-rgb),.21);
    --wolf-royal-ring-pressed:inset 0 0 15px rgba(var(--wolf-nav-neon-rgb),.23),
      0 0 12px rgba(var(--wolf-nav-neon-rgb),.66),
      0 0 25px rgba(var(--wolf-nav-neon-rgb),.28);
  }
  body.burgundy #app #view {
    --wolf-nav-neon-rgb:191,112,82;
    --wolf-nav-edge:#C37A5E;
    --wolf-nav-glyph-color:#EDB98C;
  }
  body.light #app #view {
    --wolf-nav-neon-rgb:155,110,39;
    --wolf-nav-edge:#AC8039;
    --wolf-nav-glyph-color:#75501D;
  }
  /* Consistent minimum and genuine flexible height for all menu routes. */
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card) {
    box-sizing:border-box!important;
    min-height:var(--wolf-nav-min-height)!important;height:auto!important;
    border:1.6px solid var(--wolf-nav-edge)!important;
    border-radius:var(--wolf-nav-radius)!important;
    background:var(--ui-surface)!important;
    box-shadow:var(--wolf-live-rim)!important;
    transition:box-shadow .13s ease,border-color .13s ease!important;
    touch-action:manipulation;
    min-width:0!important;max-width:100%!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card):active {
    box-shadow:var(--wolf-royal-ring-pressed)!important;
    border-color:var(--wolf-nav-edge)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg {
    width:var(--wolf-nav-arrow)!important;height:var(--wolf-nav-arrow)!important;
    stroke-width:2.8!important;stroke:var(--wolf-nav-glyph-color)!important;
    color:var(--wolf-nav-glyph-color)!important;
    filter:drop-shadow(0 0 2px rgba(var(--wolf-live-neon-rgb),.80))!important;
    transition:filter .13s ease!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card):active
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg {
    filter:drop-shadow(0 0 2px rgba(var(--wolf-nav-neon-rgb),.45))!important;
  }
  /* HOME + secondary navigation icons: real vector edges, not blurred glyphs. */
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual,.record-visual-icon){
    border-color:var(--wolf-nav-edge)!important;
    box-shadow:0 0 8px rgba(var(--wolf-nav-neon-rgb),.38),inset 0 0 7px rgba(var(--wolf-nav-neon-rgb),.10)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual,.record-visual-icon) svg{
    stroke:var(--wolf-nav-glyph-color)!important;
    color:var(--wolf-nav-glyph-color)!important;
    stroke-width:2.4!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
    fill:none!important;
    opacity:1!important;
    filter:none!important;
    text-shadow:none!important;
    transform:none!important;
  }
  /* On the iconic VS symbol: preserve crisp text, no unnecessary halo. */
  #app #view .home-main-menu .home-vs{
    filter:none!important;text-shadow:none!important;opacity:1!important;
  }
  /* All other important press targets use the same accent without transforms;
     this avoids label jitter on touch and avoids continuous animation. */
  #app #view :is(.action.primary,.next-round-action,.honor-save,.settings-toggle):not(:disabled){
    transition:box-shadow .13s ease!important;
  }
  #app #view :is(.action.primary,.next-round-action,.honor-save):not(:disabled):active{
    box-shadow:var(--wolf-royal-ring-pressed)!important;
  }
  /* Settings has informational panels, not oversized homepage-sized menus. */
  #app #view .settings-page {
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    display:flex!important;flex-direction:column!important;gap:14px!important;
  }
  /* 14px flex layout air plus 4px lower margin creates 18px between
     the royal heading and the first settings panel, without double spacing. */
  #app #view .settings-page > .mode-page-title.royal-tier-page {
    margin-bottom:4px!important;
  }
  #app #view .settings-page > .card.ui-section-card:is(.settings-appearance-card,.settings-feedback-card,.settings-about-card){
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;
    padding:13px clamp(11px,3.6vw,16px)!important;
    margin:0!important;
    border:1.6px solid var(--ui-accent)!important;
    border-radius:var(--wolf-nav-radius)!important;
    background:var(--ui-surface)!important;
    box-shadow:var(--wolf-live-panel-rim)!important;
  }
  #app #view .settings-page > .mode-page-title{margin:0 auto var(--wolf-head-title-content-gap,18px)!important;}
  #app #view .settings-page > .card.ui-section-card > h2{
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(18px,4.7vw,20px)!important;font-weight:800!important;
    line-height:1.4!important;
    margin:0 0 9px!important;padding:0!important;
    color:var(--ui-ink)!important;text-align:right!important;
  }
  #app #view .settings-page .theme-chooser{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;margin:0!important;padding:0!important;min-width:0!important;
  }
  #app #view .settings-page .theme-chooser > button{
    box-sizing:border-box!important;
    min-width:0!important;min-height:44px!important;height:auto!important;
    padding:8px 4px!important;
    border-radius:12px!important;border:1.4px solid rgba(var(--ui-rgb),.72)!important;
    background:var(--ui-inner)!important;
    color:var(--ui-ink)!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(12px,3.6vw,14px)!important;font-weight:750!important;
    line-height:1.35!important;text-align:center!important;
    box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.075)!important;
    transition:box-shadow .13s ease!important;
  }
  #app #view .settings-page .theme-chooser > button.selected{
    border:2px solid var(--ui-accent)!important;
    box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.17),0 0 8px rgba(var(--ui-rgb),.57),0 0 18px rgba(var(--ui-rgb),.25)!important;
  }
  #app #view .settings-page .theme-chooser > button:active{
    box-shadow:var(--wolf-royal-ring-pressed)!important;
  }
  #app #view .settings-page .settings-switch-row.feedback-royal-row{
    box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:80px!important;height:auto!important;
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) 62px!important;
    align-items:center!important;
    direction:rtl!important;
    column-gap:9px!important;
    padding:9px 10px!important;
    margin:0!important;
    border:1.4px solid rgba(var(--ui-rgb),.67)!important;
    border-radius:15px!important;
    background:var(--ui-inner)!important;
    box-shadow:inset 0 0 9px rgba(var(--ui-rgb),.11),0 0 7px rgba(var(--ui-rgb),.18)!important;
  }
  #app #view .settings-page .settings-feedback-card{
    display:flex!important;flex-direction:column!important;gap:9px!important;
  }
  #app #view .settings-page .settings-feedback-card > h2{margin-bottom:0!important;}
  #app #view .settings-page .feedback-royal-row > .feedback-icon-shell{
    grid-column:1!important;grid-row:1!important;
    box-sizing:border-box!important;display:grid!important;place-items:center!important;
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    padding:7px!important;margin:0!important;
    border-radius:12px!important;
    border:1.4px solid var(--ui-accent)!important;
    background:var(--ui-surface)!important;
    color:var(--wolf-feedback-glyph)!important;
    box-shadow:0 0 9px rgba(var(--ui-rgb),.35),inset 0 0 8px rgba(var(--ui-rgb),.12)!important;
  }
  #app #view .settings-page .feedback-icon-shell .feedback-drawn-icon{
    width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
    color:inherit!important;stroke:currentColor!important;filter:none!important;opacity:1!important;
  }
  body:not(.light):not(.burgundy) #app #view .settings-page .feedback-royal-row > .feedback-icon-shell{
    background:linear-gradient(155deg,#123A63,#061C36)!important;
    border-color:#4DABFF!important;color:#A7D8FF!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-row > .feedback-icon-shell{
    background:linear-gradient(155deg,#542033,#300D1C)!important;
    border-color:#B97A56!important;color:#F1BF98!important;
  }
  body.light #app #view .settings-page .feedback-royal-row > .feedback-icon-shell{
    background:linear-gradient(155deg,#F8E9C6,#E6CD95)!important;
    border-color:#B7832F!important;color:#A66A13!important;
  }
  #app #view .settings-page .feedback-royal-row > .feedback-row-copy{
    grid-column:2!important;grid-row:1!important;
    display:flex!important;flex-direction:column!important;
    gap:2px!important;min-width:0!important;max-width:100%!important;
    align-items:stretch!important;text-align:right!important;
    white-space:normal!important;
  }
  #app #view .settings-page .feedback-row-copy b{
    font-size:clamp(16px,4.2vw,18px)!important;line-height:1.3!important;
  }
  #app #view .settings-page .feedback-row-copy small{
    font-size:clamp(12px,3.35vw,14px)!important;line-height:1.42!important;
    color:var(--ui-muted)!important;overflow-wrap:normal!important;
  }
  #app #view .settings-page .feedback-state{font-size:11px!important;line-height:1.35!important;}
  #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle{
    grid-column:3!important;grid-row:1!important;
    width:62px!important;min-width:62px!important;max-width:62px!important;
    flex-basis:62px!important;height:44px!important;min-height:44px!important;
    place-self:center!important;margin:0!important;
  }
  #app #view .settings-page .feedback-royal-toggle > .feedback-toggle-knob{
    top:7px!important;right:6px!important;width:27px!important;height:27px!important;
    min-width:27px!important;min-height:27px!important;
  }
  #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{
    transform:translateX(-21px)!important;
  }
  #app #view .settings-page .feedback-royal-toggle:disabled{
    opacity:.82!important;cursor:not-allowed!important;
    filter:saturate(.72)!important;
  }
  #app #view .settings-page .settings-about-card .about-developer{
    box-sizing:border-box!important;margin:0 0 10px!important;padding:0!important;text-align:center!important;
  }
  #app #view .settings-page .settings-about-card .about-omar{
    display:block!important;font-size:19px!important;line-height:1.35!important;
    color:var(--ui-accent)!important;margin:0 0 5px!important;
  }
  body.burgundy #app #view .settings-page .settings-about-card .about-omar{
    color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
    text-shadow:0 0 8px rgba(255,255,255,.14)!important;
  }
  #app #view .settings-page .settings-about-card .about-developer p{
    font-size:clamp(13px,3.5vw,15px)!important;line-height:1.6!important;
    margin:0!important;color:var(--ui-muted)!important;
  }
  #app #view .settings-page .settings-utility-list{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;margin:0!important;padding:0!important;
    box-sizing:border-box!important;min-width:0!important;
  }
  #app #view .settings-page .settings-utility-item,
  #app #view .settings-page .settings-contact-action{
    box-sizing:border-box!important;
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    padding:0!important;margin:0!important;
    border:1.5px solid var(--ui-accent)!important;
    border-radius:15px!important;
    background:var(--ui-inner)!important;
    color:var(--ui-ink)!important;
    box-shadow:inset 0 0 9px rgba(var(--ui-rgb),.11),0 0 9px rgba(var(--ui-rgb),.27)!important;
    overflow:hidden!important;
  }
  #app #view .settings-page :is(.settings-utility-item > summary,.settings-contact-action){
    box-sizing:border-box!important;
    min-height:54px!important;max-width:100%!important;
    display:flex!important;flex-direction:row!important;direction:rtl!important;
    justify-content:space-between!important;align-items:center!important;
    gap:12px!important;padding:9px 12px!important;margin:0!important;
    list-style:none!important;cursor:pointer!important;
    font:750 clamp(14px,3.8vw,17px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
    text-align:right!important;text-decoration:none!important;color:var(--ui-ink)!important;
  }
  #app #view .settings-page .settings-utility-item > summary::-webkit-details-marker{display:none!important;}
  #app #view .settings-page .settings-utility-item > summary::marker{content:''!important;}
  #app #view .settings-page .wolf-settings-chevron{
    flex:0 0 22px!important;width:22px!important;height:22px!important;
    color:var(--ui-icon)!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 4px rgba(var(--ui-rgb),.66))!important;
  }
  #app #view .settings-page .settings-utility-item[open] > summary > .wolf-settings-chevron{
    transform:rotate(-90deg)!important;
  }
  #app #view .settings-page :is(.settings-utility-item > summary,.settings-contact-action):active{
    background:rgba(var(--ui-rgb),.1)!important;
  }
  #app #view .settings-page .settings-utility-detail{
    margin:0!important;padding:0 12px 12px!important;
  }
  #app #view .settings-page .settings-utility-detail .notice{
    font-size:13px!important;line-height:1.55!important;margin:0 0 9px!important;
    color:var(--ui-muted)!important;text-align:right!important;
  }
  #app #view .settings-page .settings-utility-detail .action{
    min-height:44px!important;margin:0!important;
  }
  #app #view .settings-page .settings-contact-action{
    display:flex!important;justify-content:flex-start!important;gap:10px!important;
  }
  #app #view .settings-page .settings-contact-action > span{flex:1 1 auto!important;min-width:0!important;}
  #app #view .settings-page .settings-contact-action .wolf-contact-logo{
    width:30px!important;height:30px!important;object-fit:contain!important;
    margin:0!important;flex:0 0 30px!important;
  }
  #app #view .settings-page :is(.theme-chooser button,.settings-utility-item summary,.settings-contact-action):focus-visible{
    outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;
  }
  @media(max-width:360px){
    #app #view .settings-page .settings-switch-row.feedback-royal-row{
      grid-template-columns:36px minmax(0,1fr) 58px!important;
      gap:7px!important;padding-inline:8px!important;
    }
    #app #view .settings-page .feedback-royal-row > .feedback-icon-shell{
      width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
    }
    #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle{
      width:58px!important;min-width:58px!important;max-width:58px!important;flex-basis:58px!important;
    }
    #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{
      transform:translateX(-17px)!important;
    }
  }
  @media(prefers-reduced-motion:reduce){
    #app #view :is(.home-entry,.mode-card,.menu-row,.record-card,.action,.theme-chooser button,.settings-toggle){transition:none!important;}
  }
}


/* recovery1931 — unified visible rhythm and luxury neon.
   Real iPhone-layout measurements on the prior build: 18px title-to-first-card;
   18px navigation label / 15px description. Scoped to UI, not export sheets. */
@layer identity {
  #app #view {
    --wolf-nav-title:clamp(22px,5.85vw,25px);
    --wolf-nav-subtitle:clamp(16px,4.35vw,18px);
    --wolf-nav-gap:14px;
    --wolf-live-neon-rgb:55,143,253;
    --wolf-live-neon-edge:#429DFB;
    --wolf-live-rim:inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 0 13px rgba(var(--wolf-live-neon-rgb),.22),
      0 0 10px rgba(var(--wolf-live-neon-rgb),.68),
      0 0 24px rgba(var(--wolf-live-neon-rgb),.36);
    --wolf-live-panel-rim:inset 0 0 12px rgba(var(--wolf-live-neon-rgb),.14),
      0 0 9px rgba(var(--wolf-live-neon-rgb),.50),
      0 0 23px rgba(var(--wolf-live-neon-rgb),.22);
    --wolf-live-rim-active:inset 0 0 15px rgba(var(--wolf-live-neon-rgb),.29),
      0 0 13px rgba(var(--wolf-live-neon-rgb),.84),
      0 0 27px rgba(var(--wolf-live-neon-rgb),.47);
  }
  body.burgundy #app #view {
    --wolf-live-neon-rgb:178,91,63;
    --wolf-live-neon-edge:#B96C54;
  }
  body.light #app #view {
    --wolf-live-neon-rgb:179,126,35;
    --wolf-live-neon-edge:#AA772B;
  }

  /* This adjacency is shared by Tournament Hub, Administration, Settings,
     Records, Challenge, Knockout, League, and other titled subroutes. The
     gap is measured from plaque to content, not from an optional subtitle. */
  #app #view.wolf-layout-page > :is(section,div) > .mode-page-title.royal-tier-page,
  #app #view.wolf-layout-page > .mode-page-title.royal-tier-page {
    margin-block-end:30px!important;
  }
  #app #view.wolf-layout-page > :is(section,div) > .mode-page-title.royal-tier-page + :is(.team-hub-menu,.tournament-modes,.records-vertical,.wolf-control-menu,.card,.ui-section-card),
  #app #view.wolf-layout-page > .mode-page-title.royal-tier-page + :is(.card,.account-card,.wolf-admin-login-card){
    margin-block-start:0!important;
  }
  #app #view.wolf-layout-page :is(.management-hub-page,.tournament-hub-page,.records-menu-page)
    > :is(.team-hub-menu,.tournament-modes,.records-vertical) {
    row-gap:14px!important;
    column-gap:14px!important;
  }

  /* Navigation typography wins over old admin/tournament compact overrides.
     Natural height grows for long labels on small phones. */
  #app #view.wolf-layout-home .home-main-menu > :is(.home-entry,.menu-row) :is(.menu-copy,.mode-copy) > b{
    font-size:clamp(24px,6.3vw,27px)!important;
    line-height:1.32!important;
    font-weight:850!important;
  }
  #app #view.wolf-layout-home .home-main-menu > :is(.home-entry,.menu-row) :is(.menu-copy,.mode-copy) > small{
    font-size:clamp(17px,4.35vw,19px)!important;
    line-height:1.44!important;
    font-weight:650!important;
  }
  #app #view.wolf-layout-page :is(.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.mode-card,.menu-row,.record-card) :is(.menu-copy,.mode-copy,.record-copy) > b{
    font-size:var(--wolf-nav-title)!important;
    line-height:1.32!important;
    font-weight:850!important;
  }
  #app #view.wolf-layout-page :is(.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.mode-card,.menu-row,.record-card) :is(.menu-copy,.mode-copy,.record-copy) > small{
    font-size:var(--wolf-nav-subtitle)!important;
    line-height:1.45!important;
    font-weight:650!important;
  }
  #app #view.wolf-layout-page :is(.settings-page,.record-detail-page,.account-management-page,.management-hub-page,.quick-normal-page,.knockout-page,.league-page,.honor-page)
    > :is(.card,.ui-section-card) > :is(h2,h3){
    font-size:clamp(22px,5.45vw,26px)!important;
    line-height:1.37!important;
  }

  /* Always-visible royal illumination. The SVG glyph stays crisp; light is
     concentrated on the container rim and the arrow's thin stroke only. */
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card){
    border-color:var(--wolf-live-neon-edge)!important;
    box-shadow:var(--wolf-live-rim)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card):active{
    box-shadow:var(--wolf-live-rim-active)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.home-icon,.home-vs,.mode-icon,.mode-card-icon,.records-admin-tool-icon,.record-visual,.record-visual-icon){
    border-color:var(--wolf-live-neon-edge)!important;
    box-shadow:inset 0 0 10px rgba(var(--wolf-live-neon-rgb),.20),
      0 0 9px rgba(var(--wolf-live-neon-rgb),.66),
      0 0 18px rgba(var(--wolf-live-neon-rgb),.26)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg{
    filter:drop-shadow(0 0 2px rgba(var(--wolf-live-neon-rgb),.81))!important;
    opacity:1!important;
  }
  /* More light on content panels across all subpages, without affecting
     nested matchup/trophy/export art or making input glyphs blurry. */
  #app #view.wolf-layout-page :is(.card.ui-section-card,.settings-appearance-card,.settings-feedback-card,.settings-about-card,.wolf-admin-login-card,.account-card){
    box-shadow:inset 0 0 13px rgba(var(--wolf-live-neon-rgb),.12),
      0 0 10px rgba(var(--wolf-live-neon-rgb),.44),
      0 0 24px rgba(var(--wolf-live-neon-rgb),.19)!important;
  }
  #app #view.wolf-layout-page :is(.action.primary,.theme-chooser .selected){
    box-shadow:inset 0 0 12px rgba(var(--wolf-live-neon-rgb),.20),
      0 0 12px rgba(var(--wolf-live-neon-rgb),.59),
      0 0 23px rgba(var(--wolf-live-neon-rgb),.24)!important;
  }
  #app #view.wolf-layout-page :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.tournament-modes,.team-hub-menu,.records-vertical)
    > :is(.mode-card,.menu-row,.record-card)
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg,
  #app #view.wolf-layout-home > .home-main-menu > .home-entry
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg{
    filter:drop-shadow(0 0 2px rgba(var(--wolf-live-neon-rgb),.79))!important;
  }
  @media(prefers-reduced-motion:reduce){
    #app #view :is(.home-entry,.mode-card,.menu-row,.record-card){transition:none!important;}
  }
}


/* recovery1932 — burgundy icon/neon strength + larger home/subpage navigation typography */
@layer identity {
  body.burgundy #app #view {
    --wolf-live-neon-rgb:191,112,82;
    --wolf-live-neon-edge:#C37A5E;
    --wolf-mobile-chip-ink:#E3AE82;
  }
  body.burgundy #app #view :is(.page-brand,.home-showcase) > :is(.channel,.home-channel){
    box-shadow:inset 0 0 10px rgba(191,112,82,.16),0 0 14px rgba(191,112,82,.38),0 0 28px rgba(191,112,82,.18)!important;
    border-color:#C37A5E!important;
  }
  body.burgundy #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card){
    border-color:#C37A5E!important;
    box-shadow:inset 0 0 14px rgba(191,112,82,.17),0 0 12px rgba(191,112,82,.60),0 0 30px rgba(191,112,82,.26)!important;
  }
  body.burgundy #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.home-icon,.home-vs,.mode-icon,.mode-card-icon,.records-admin-tool-icon,.record-visual,.record-visual-icon){
    border-color:#C37A5E!important;
    color:#E5AF84!important;
    box-shadow:inset 0 0 12px rgba(191,112,82,.22),0 0 13px rgba(191,112,82,.78),0 0 26px rgba(191,112,82,.32)!important;
    opacity:1!important;
  }
  body.burgundy #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.home-icon,.home-vs,.mode-icon,.mode-card-icon,.records-admin-tool-icon,.record-visual,.record-visual-icon) svg{
    stroke:#E9B48B!important;
    color:#E9B48B!important;
    fill:none!important;
    filter:none!important;
    opacity:1!important;
  }
  body.burgundy #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg{
    stroke:#F7CB98!important;
    color:#F7CB98!important;
    filter:drop-shadow(0 0 3px rgba(247,203,152,.42))!important;
    opacity:1!important;
  }

  /* recovery1943: retain balanced navigation sizes and soften oversize/bold appearance. */
  #app #view.wolf-layout-home .home-main-menu > :is(.home-entry,.menu-row) :is(.menu-copy,.mode-copy) > b{
    font-size:clamp(18.5px,5.05vw,21px)!important;
    line-height:1.31!important;
    font-weight:800!important;
  }
  #app #view.wolf-layout-home .home-main-menu > :is(.home-entry,.menu-row) :is(.menu-copy,.mode-copy) > small{
    font-size:clamp(14px,3.7vw,15.5px)!important;
    line-height:1.44!important;
  }
  #app #view.wolf-layout-page :is(.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.mode-card,.menu-row,.record-card) :is(.menu-copy,.mode-copy,.record-copy) > b{
    font-size:clamp(18px,4.85vw,20px)!important;
    line-height:1.32!important;
    font-weight:800!important;
  }
  #app #view.wolf-layout-page :is(.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.mode-card,.menu-row,.record-card) :is(.menu-copy,.mode-copy,.record-copy) > small{
    font-size:clamp(13.6px,3.53vw,15px)!important;
    line-height:1.44!important;
  }
}


/* recovery1934: remove the extra pale square ONLY inside ivory subpage
   title plaques. Retain the golden icon as a crisp bare glyph. This is
   deliberately scoped to the header; navigation-card icon boxes stay intact. */
@layer identity {
  body.light #app #view .mode-page-title.royal-tier-page
    .royal-reference-lettering > .mode-title-icon {
      box-sizing:border-box!important;
      flex:0 0 31px!important;
      width:31px!important;height:31px!important;
      min-width:31px!important;min-height:31px!important;
      max-width:31px!important;max-height:31px!important;
      align-items:center!important;justify-content:center!important;
      margin:0!important;padding:0!important;
      border:0!important;border-radius:0!important;
      outline:0!important;
      background:none!important;background-color:transparent!important;background-image:none!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
      filter:none!important;opacity:1!important;
      color:#8D6426!important;
  }
  body.light #app #view .mode-page-title.royal-tier-page
    .royal-reference-lettering > .mode-title-icon > :is(.records-admin-tool-icon,.home-icon,.mode-icon,.mode-card-icon,.record-visual-icon){
      display:inline-flex!important;
      box-sizing:border-box!important;
      flex:0 0 auto!important;
      align-items:center!important;justify-content:center!important;
      width:28px!important;height:28px!important;
      min-width:0!important;min-height:0!important;
      margin:0!important;padding:0!important;
      border:0!important;border-radius:0!important;
      outline:0!important;
      background:none!important;background-color:transparent!important;background-image:none!important;
      box-shadow:none!important;
      -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
      filter:none!important;opacity:1!important;
      color:inherit!important;
  }
  body.light #app #view .mode-page-title.royal-tier-page
    .royal-reference-lettering > .mode-title-icon :is(svg,.title-glyph-svg){
      display:block!important;
      width:26px!important;height:26px!important;
      max-width:26px!important;max-height:26px!important;
      background:none!important;background-color:transparent!important;
      border:0!important;box-shadow:none!important;
      color:#8D6426!important;stroke:currentColor!important;
      filter:drop-shadow(0 0 2px rgba(167,122,45,.28))!important;
      opacity:1!important;
  }
  body.light #app #view .mode-page-title.royal-tier-page
    .royal-reference-lettering > .mode-title-icon::before,
  body.light #app #view .mode-page-title.royal-tier-page
    .royal-reference-lettering > .mode-title-icon::after,
  body.light #app #view .mode-page-title.royal-tier-page
    .royal-reference-lettering > .mode-title-icon > :is(.records-admin-tool-icon,.home-icon)::before,
  body.light #app #view .mode-page-title.royal-tier-page
    .royal-reference-lettering > .mode-title-icon > :is(.records-admin-tool-icon,.home-icon)::after{
      content:none!important;display:none!important;
  }
}


/* recovery1935 — all visible live boxes carry a tangible royal neon.  The
   same two-rim light hierarchy covers navigation, content and settings; no
   changes to knockout nodes, export canvas, trophy art, or match geometry. */
@layer identity {
  #app #view {
    --wolf-box-neon-rgb:59,156,255;
    --wolf-box-neon-edge:#53ADFF;
    --wolf-box-neon-rim:inset 0 0 13px rgba(var(--wolf-box-neon-rgb),.23),
      0 0 10px rgba(var(--wolf-box-neon-rgb),.72),
      0 0 26px rgba(var(--wolf-box-neon-rgb),.37);
    --wolf-box-neon-interior:inset 0 0 10px rgba(var(--wolf-box-neon-rgb),.17),
      0 0 9px rgba(var(--wolf-box-neon-rgb),.62),
      0 0 22px rgba(var(--wolf-box-neon-rgb),.30);
  }
  body.burgundy #app #view {
    --wolf-box-neon-rgb:191,112,82;
    --wolf-box-neon-edge:#C37A5E;
  }
  body.light #app #view {
    --wolf-box-neon-rgb:177,122,35;
    --wolf-box-neon-edge:#A87727;
    --wolf-box-neon-rim:inset 0 0 13px rgba(var(--wolf-box-neon-rgb),.18),
      0 0 10px rgba(var(--wolf-box-neon-rgb),.54),
      0 0 25px rgba(var(--wolf-box-neon-rgb),.29);
    --wolf-box-neon-interior:inset 0 0 10px rgba(var(--wolf-box-neon-rgb),.14),
      0 0 9px rgba(var(--wolf-box-neon-rgb),.47),
      0 0 22px rgba(var(--wolf-box-neon-rgb),.25);
  }
  /* Main navigation cards across the home page and all secondary menus. */
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card){
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-rim)!important;
  }
  #app #view :is(.home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical)
    > :is(.home-entry,.mode-card,.menu-row,.record-card):active{
    box-shadow:inset 0 0 16px rgba(var(--wolf-box-neon-rgb),.29),0 0 14px rgba(var(--wolf-box-neon-rgb),.85),0 0 30px rgba(var(--wolf-box-neon-rgb),.46)!important;
  }
  /* Nested app panels, settings cards, management / record surfaces. Exports
     render outside #view and are never affected by this visual-only change. */
  #app #view.wolf-layout-page :is(.settings-page,.management-hub-page,.tournament-hub-page,
      .records-menu-page,.record-detail-page,.account-management-page,.backup-page,
      .quick-normal-page,.knockout-page,.league-page,.honor-page,.wolf-control-menu)
    > :is(.card,.ui-section-card,.panel,.record-card,.account-card),
  #app #view.wolf-layout-page :is(.card.ui-section-card,.settings-appearance-card,
      .settings-feedback-card,.settings-about-card,.wolf-admin-login-card,.account-card){
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-rim)!important;
  }
  #app #view .settings-page :is(.feedback-royal-row.settings-switch-row,
      .settings-contact-action,.settings-utility-item,.theme-chooser button){
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-interior)!important;
  }
  #app #view .settings-page :is(.feedback-royal-row .feedback-icon-shell,
      .theme-chooser button.selected){
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:inset 0 0 9px rgba(var(--wolf-box-neon-rgb),.17),
      0 0 10px rgba(var(--wolf-box-neon-rgb),.72),
      0 0 20px rgba(var(--wolf-box-neon-rgb),.30)!important;
  }
  #app #view.wolf-layout-page :is(.wolf-admin-login-card,.account-card) :is(.input,.action.primary),
  #app #view.wolf-layout-page :is(.action.primary,.theme-chooser .selected){
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-interior)!important;
  }
  /* Sound button + native iOS vibration label. Only the metal knob changes
     colour; native input/OS haptics and all event handlers remain untouched. */
  #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle{
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:inset 0 0 10px rgba(var(--wolf-box-neon-rgb),.20),
      0 0 10px rgba(var(--wolf-box-neon-rgb),.54)!important;
  }
  #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle.on{
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:inset 0 0 11px rgba(var(--wolf-box-neon-rgb),.27),
      0 0 12px rgba(var(--wolf-box-neon-rgb),.67)!important;
  }
}

/* The older theme-specific card rules carry extra selector weight. These
   scoped live-page owners are deliberately stronger than the legacy compact
   selectors; otherwise the requested glow is computed but not painted. */
@layer identity {
  body #app #view.wolf-layout-home .home-main-menu > :is(.home-entry,.menu-row),
  body #app #view.wolf-layout-page :is(.tournament-hub-page,.management-hub-page,.records-menu-page,.wolf-control-menu)
     :is(.tournament-modes,.team-hub-menu,.records-vertical) > :is(.mode-card,.menu-row,.record-card){
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-rim)!important;
  }
  body #app #view.wolf-layout-page .settings-page > :is(.card.ui-section-card,.settings-feedback-card,.settings-appearance-card,.settings-about-card),
  body #app #view.wolf-layout-page :is(.management-hub-page,.record-detail-page,.account-management-page,.backup-page,
    .quick-normal-page,.knockout-page,.league-page,.honor-page,.tournament-hub-page) > :is(.card,.ui-section-card,.panel,.account-card){
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-rim)!important;
  }
  body #app #view.wolf-layout-page .settings-page .settings-feedback-card > .feedback-royal-row.settings-switch-row,
  body #app #view.wolf-layout-page .settings-page .settings-about-card .settings-contact-action,
  body #app #view.wolf-layout-page .settings-page .settings-appearance-card .theme-chooser > button{
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-interior)!important;
  }
}


/* recovery1948 — full-site burgundy / ivory contrast and glyph ownership.
   This is the last live-view skin layer: the navy theme is deliberately unchanged.
   No dimensions, placements, awards, result logic, or export sheets are modified. */
@layer identity {
  body.burgundy #app #view {
    --ui-accent:#CF986C!important;--ui-rgb:207,152,108!important;
    --ui-ink:#FFF6EE!important;--ui-muted:#E8CFC0!important;
    --ui-icon:#F4D2AC!important;
    --ui-surface:#351321!important;--ui-inner:#441A2B!important;
    --wz-theme-neon-edge:#CF986C!important;
    --wolf-box-neon-rgb:207,152,108!important;
    --wolf-box-neon-edge:#D3A077!important;
    --wolf-head-neon-rgb:207,152,108!important;
    --wolf-icon-glyph:#F4D2AC;
    --wolf-icon-halo:rgba(207,152,108,.52);
    --wolf-field-edge:rgba(207,152,108,.62);
    --wolf-skin-panel:var(--ui-surface);
    --wolf-skin-field:var(--ui-inner);
    --wolf-neon-tier-strong:inset 0 0 10px rgba(207,152,108,.16),0 0 10px rgba(207,152,108,.54),0 0 20px rgba(207,152,108,.24)!important;
    --wolf-neon-tier-medium:inset 0 0 8px rgba(207,152,108,.11),0 0 8px rgba(207,152,108,.38),0 0 15px rgba(207,152,108,.18)!important;
    --wolf-neon-tier-soft:inset 0 0 6px rgba(207,152,108,.07),0 0 5px rgba(207,152,108,.15)!important;
    --wolf-box-neon-rim:inset 0 0 10px rgba(207,152,108,.12),0 0 9px rgba(207,152,108,.41),0 0 21px rgba(207,152,108,.18)!important;
    --wolf-box-neon-interior:inset 0 0 8px rgba(207,152,108,.10),0 0 7px rgba(207,152,108,.28)!important;
    --wolf-back-glyph:#F4D2AC!important;
    --wolf-back-edge:#CF986C!important;
    --wolf-back-rgb:207,152,108!important;
    --wolf-feedback-glyph:#F4D2AC!important;
  }
  body.light #app #view {
    --ui-accent:#B58430!important;--ui-rgb:181,132,48!important;
    --ui-ink:#382812!important;--ui-muted:#6A4C26!important;
    --ui-icon:#865B18!important;
    --ui-surface:#DFCCAC!important;--ui-inner:#EDDFC8!important;
    --wz-theme-neon-edge:#C29840!important;
    --wolf-box-neon-rgb:181,132,48!important;
    --wolf-box-neon-edge:#B98A31!important;
    --wolf-head-neon-rgb:181,132,48!important;
    --wolf-icon-glyph:#875B19;
    --wolf-icon-halo:rgba(181,132,48,.36);
    --wolf-field-edge:rgba(166,113,30,.68);
    --wolf-skin-panel:var(--ui-surface);
    --wolf-skin-field:var(--ui-inner);
    --wolf-neon-tier-strong:inset 0 0 9px rgba(181,132,48,.12),0 0 9px rgba(181,132,48,.44),0 0 17px rgba(181,132,48,.18)!important;
    --wolf-neon-tier-medium:inset 0 0 7px rgba(181,132,48,.08),0 0 8px rgba(181,132,48,.30),0 0 14px rgba(181,132,48,.14)!important;
    --wolf-neon-tier-soft:inset 0 0 5px rgba(181,132,48,.05),0 0 5px rgba(181,132,48,.11)!important;
    --wolf-box-neon-rim:inset 0 0 9px rgba(181,132,48,.09),0 0 9px rgba(181,132,48,.35),0 0 18px rgba(181,132,48,.16)!important;
    --wolf-box-neon-interior:inset 0 0 7px rgba(181,132,48,.08),0 0 7px rgba(181,132,48,.25)!important;
    --wolf-back-glyph:#865B18!important;
    --wolf-back-edge:#B58430!important;
    --wolf-back-rgb:181,132,48!important;
    --wolf-feedback-glyph:#865B18!important;
  }
  /* The outlined glyph itself has enough opacity to read on every card.
     Style icon drawings, not only their surrounding glowing squares. */
  body:is(.burgundy,.light) #app #view :is(
    .home-icon,.home-icon-settings,.mode-icon,.mode-card-icon,
    .records-admin-tool-icon,.record-visual-icon,.record-action-icon,
    .settings-icon,.menu-icon,.navigation-icon,.control-icon,
    .ko-save-icon,.league-calendar-symbol,.wolf-date-calendar,
    .add-player-btn .control-icon,.record-symbol
  ) {
    color:var(--wolf-icon-glyph)!important;
    opacity:1!important;
  }
  body:is(.burgundy,.light) #app #view :is(
    .home-icon,.home-icon-settings,.mode-icon,.mode-card-icon,
    .records-admin-tool-icon,.record-visual-icon,.record-action-icon,
    .settings-icon,.menu-icon,.navigation-icon,.control-icon,
    .ko-save-icon,.league-calendar-symbol,.wolf-date-calendar,
    .record-symbol
  ) svg:not(.wolf-brand-logo):not(.title-frame) {
    color:var(--wolf-icon-glyph)!important;
    stroke:currentColor!important;
    opacity:1!important;
    filter:drop-shadow(0 0 3px var(--wolf-icon-halo))!important;
  }
  /* Maintain dimensions, but balance halo around the icon plate with the drawing. */
  body:is(.burgundy,.light) #app #view :is(
    .home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card) > :is(
    .home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual,.record-visual-icon
  ) {
    background:var(--wolf-skin-field)!important;
    border-color:var(--wolf-box-neon-edge)!important;
    color:var(--wolf-icon-glyph)!important;
    box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.09),0 0 8px rgba(var(--ui-rgb),.33)!important;
  }
  /* Primary navigation outline is one clear tier; text and descriptors retain high contrast. */
  body:is(.burgundy,.light) #app #view :is(
    .home-main-menu,.tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card) {
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-box-neon-rim)!important;
  }
  body:is(.burgundy,.light) #app #view :is(
    .home-entry,.mode-card,.menu-row,.record-card
  ) :is(.menu-copy small,.home-desc,.mode-desc,.record-copy small) {
    color:var(--ui-muted)!important;opacity:1!important;
  }
  /* Royal arrows have no square, rim or plate. Neon belongs to the arrow stroke. */
  body:is(.burgundy,.light) #app #view :is(
    .home-entry,.mode-card,.menu-row,.record-card,.records-menu-row,.records-menu-card
  ) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) {
    color:var(--wolf-icon-glyph)!important;background:transparent!important;
    background-image:none!important;border:0!important;box-shadow:none!important;
    filter:none!important;opacity:1!important;
  }
  body:is(.burgundy,.light) #app #view :is(
    .home-entry,.mode-card,.menu-row,.record-card,.records-menu-row,.records-menu-card
  ) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg {
    color:var(--wolf-icon-glyph)!important;stroke:currentColor!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
    filter:drop-shadow(0 0 3px var(--wolf-icon-halo))!important;
    opacity:1!important;
  }
  /* The page back target retains a 44px hit area with no distracting box. */
  body:is(.burgundy,.light) #app #view > :is(button.back,button.back.back-system) {
    background:transparent!important;background-image:none!important;
    border:0!important;box-shadow:none!important;
    color:var(--wolf-back-glyph)!important;filter:none!important;
  }
  body:is(.burgundy,.light) #app #view > :is(button.back,button.back.back-system) svg {
    color:var(--wolf-back-glyph)!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 4px var(--wolf-icon-halo))!important;
  }
  /* Uniform input treatment across competitions, account, settings, awards and admin. */
  body:is(.burgundy,.light) #app #view :is(
    .input,.smart-player-input,.wolf-batch-input,.quick-event-owner-input,
    .league-title-input,.league-date-input,.wolf-admin-login-card input,
    input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]),
    textarea,select
  ) {
    color:var(--ui-ink)!important;
    border-color:var(--wolf-field-edge)!important;
    background-color:var(--wolf-skin-field)!important;
    box-shadow:inset 0 0 6px rgba(var(--ui-rgb),.08)!important;
  }
  body:is(.burgundy,.light) #app #view :is(input,textarea,select)::placeholder {
    color:var(--ui-muted)!important;opacity:.88!important;
  }
  body:is(.burgundy,.light) #app #view :is(input,textarea,select):focus-visible {
    outline:1.5px solid var(--ui-accent)!important;outline-offset:2px!important;
    box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.09),0 0 10px rgba(var(--ui-rgb),.28)!important;
  }
  /* Secondary controls stay legible; dimmed ones stay disabled, never fake-enabled. */
  body:is(.burgundy,.light) #app #view :is(
    .quick-control,.add-player-btn,.action,.settings-action,.record-action-button,
    .wolf-fixture-filters>button,.wolf-batch-choice,.theme-chooser button
  ) {
    border-color:var(--wolf-field-edge)!important;
  }
  body:is(.burgundy,.light) #app #view :is(
    .action,.quick-control,.settings-action,.record-action-button,.add-player-btn,
    .wolf-fixture-filters>button,.wolf-batch-choice
  ):disabled {
    opacity:.62!important;filter:saturate(.75)!important;
  }
  /* Selected chips and choices have clear local light, not the ambient panel rim. */
  body:is(.burgundy,.light) #app #view :is(
    .game-card-option.selected,.game-card-option.active,
    .wolf-fixture-filters>button.selected,.theme-chooser button.selected,
    .league-mode>button.selected,.league-scoring-picker>button.selected
  ) {
    border-color:var(--wolf-box-neon-edge)!important;
    box-shadow:var(--wolf-neon-tier-strong)!important;
  }
  body:is(.burgundy,.light) #app #view :is(
    .quick-normal-page,.knockout-page,.league-page,.settings-page,
    .management-hub-page,.records-menu-page,.record-detail-page,
    .honor-page,.account-management-page,.backup-page
  ) :is(.smart-entry-hint,.quick-game-status,.wolf-search-label,
    .ko-round-help,.league-field-hint,.wolf-match-progress,
    .settings-row-subtitle,.notice,.menu-copy small) {
    color:var(--ui-muted)!important;opacity:1!important;
  }
  /* Never recolour golden victory cards, logo images, trophies, or graphic exports. */
}


/* recovery1949 — Records menu: crisp illuminated GLYPHS, not only icon tiles.
   Three original SVG drawings retain their shape, size and positions.
   Silver is a metal glyph on burgundy/ivory; neon follows each theme. */
@layer identity {
  #app #view .records-menu-page {
    --wolf-record-glyph:#77BDFF;
    --wolf-record-edge:#429EFF;
    --wolf-record-glow:rgba(52,145,255,.50);
    --wolf-record-halo:rgba(78,163,255,.31);
    --wolf-record-plate:rgba(62,140,255,.14);
    --wolf-record-shine:rgba(229,246,255,.23);
  }
  body.burgundy #app #view .records-menu-page {
    --wolf-record-glyph:#E7EAF0;
    --wolf-record-edge:#C1C6D0;
    --wolf-record-glow:rgba(228,236,248,.44);
    --wolf-record-halo:rgba(166,67,101,.34);
    --wolf-record-plate:rgba(170,82,111,.17);
    --wolf-record-shine:rgba(255,251,249,.22);
  }
  body.light #app #view .records-menu-page {
    --wolf-record-glyph:#56616B;
    --wolf-record-edge:#84919C;
    --wolf-record-glow:rgba(100,117,133,.30);
    --wolf-record-halo:rgba(177,128,48,.23);
    --wolf-record-plate:rgba(161,130,73,.10);
    --wolf-record-shine:rgba(255,255,255,.59);
  }
  /* Silver/blue strokes have their own internal reflection and pin-sharp core. */
  #app #view .records-menu-page .records-vertical
    > .record-card.record-wide > .record-visual.record-visual-icon {
    border-color:var(--wolf-record-edge)!important;
    color:var(--wolf-record-glyph)!important;
    background:var(--ui-inner)!important;
    box-shadow:
      inset 0 1px 0 var(--wolf-record-shine),
      inset 0 0 9px var(--wolf-record-plate),
      0 0 7px var(--wolf-record-halo)!important;
    opacity:1!important;
  }
  #app #view .records-menu-page .records-vertical
    > .record-card.record-wide > .record-visual.record-visual-icon > .record-symbol {
    color:var(--wolf-record-glyph)!important;
    opacity:1!important;
    filter:none!important;
  }
  #app #view .records-menu-page .records-vertical
    > .record-card.record-wide > .record-visual.record-visual-icon > .record-symbol > svg {
    color:var(--wolf-record-glyph)!important;
    stroke:var(--wolf-record-glyph)!important;
    stroke-width:2.6!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    fill:none!important;
    opacity:1!important;
    /* Tiny stroke-local light, so carrom pockets / Luno cards / star remain legible. */
    filter:drop-shadow(0 0 1px var(--wolf-record-glow))
           drop-shadow(0 0 2px var(--wolf-record-halo))!important;
  }
  #app #view .records-menu-page .records-vertical
    > .record-card.record-wide:active > .record-visual.record-visual-icon,
  #app #view .records-menu-page .records-vertical
    > .record-card.record-wide:focus-visible > .record-visual.record-visual-icon {
    box-shadow:
      inset 0 1px 0 var(--wolf-record-shine),
      inset 0 0 11px var(--wolf-record-plate),
      0 0 10px var(--wolf-record-halo)!important;
  }
  @media (prefers-reduced-motion:reduce) {
    #app #view .records-menu-page .records-vertical
      > .record-card.record-wide > .record-visual.record-visual-icon,
    #app #view .records-menu-page .records-vertical
      > .record-card.record-wide .record-symbol svg {
      animation:none!important;
      transition:none!important;
    }
  }
}

/* Historical back-button styles removed; single global owner below. */
@layer identity {
  /* Silver ink/illustration inside cards. The background retains each theme's palette. */
  body.burgundy #app #view {--wolf-icon-glyph:#E3EAF0!important;--wolf-record-glyph:#E7EDF2!important;}
  body.light #app #view {--wolf-icon-glyph:#596875!important;--wolf-record-glyph:#53616E!important;}
  body:is(.burgundy,.light) #app #view :is(.home-icon,.mode-icon,.record-visual-icon,.record-symbol,.records-admin-tool-icon,.settings-icon) svg {
    color:var(--wolf-icon-glyph)!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(var(--ui-rgb),.42))!important;
  }
  /* Consistent typography for home and record cards; reduce heavy titles without reducing hit areas. */
  #app #view :is(.home-entry,.record-card,.mode-card) :is(.menu-copy,.record-copy,.mode-copy)>b{
    font-size:clamp(23px,5.85vw,27px)!important;font-weight:800!important;line-height:1.3!important;
  }
  #app #view :is(.home-entry,.record-card,.mode-card) :is(.menu-copy,.record-copy,.mode-copy)>small{
    font-size:clamp(16px,4.1vw,18px)!important;font-weight:650!important;line-height:1.4!important;
  }
  #app #view .record-mini-count{font-size:clamp(17px,4.5vw,20px)!important;font-weight:800!important;}
}

/* recovery1950 silver metallic details: actual silver borders and icons,
   burgundy/ivory atmosphere remains the unique neon source of each theme. */
@layer identity {
  body.burgundy #app #view {
    --ui-accent:#D1DEE8!important;
    --ui-rgb:135,52,73!important;
    --ui-icon:#E2EAF1!important;
    --ui-muted:#E1D0D4!important;
    --wz-theme-neon-edge:#C8D7E0!important;
    --wolf-box-neon-edge:#CAD7E0!important;
    --wolf-icon-glyph:#E5EDF3!important;
    --wolf-icon-halo:rgba(135,52,73,.56)!important;
  }
  body.light #app #view {
    --ui-accent:#647480!important;
    --ui-icon:#54626D!important;
    --ui-muted:#55473A!important;
    --wz-theme-neon-edge:#8C9BA5!important;
    --wolf-box-neon-edge:#9BA8AF!important;
    --wolf-icon-glyph:#4C5A65!important;
    --wolf-icon-halo:rgba(181,132,48,.29)!important;
  }
  body:is(.burgundy,.light) #app #view :is(.home-entry,.record-card,.mode-card) :is(.home-icon,.mode-icon,.record-visual-icon){
    color:var(--wolf-icon-glyph)!important;border-color:var(--wolf-box-neon-edge)!important;
  }
  body:is(.burgundy,.light) #app #view :is(.home-entry,.record-card,.mode-card) :is(.menu-chevron,.mode-arrow,.records-arrow) svg {
    color:var(--wolf-icon-glyph)!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 3px var(--wolf-icon-halo))!important;
  }
  /* Less layered motion; retain a visible short press response. */
  #app #view :is(.home-entry,.record-card,.mode-card,.game-card-option,.hs-award-choice):active{
    transform:translateY(1px)!important;
    transition:transform .12s ease,box-shadow .12s ease!important;
  }
  @media (prefers-reduced-motion:reduce){
    #app #view :is(.home-entry,.record-card,.mode-card,.game-card-option,.hs-award-choice){
      animation:none!important;transition:none!important;
    }
  }
}


/* recovery1953 — Unified, compact original records (carrom / luno / combined). */
#app #view .record-detail-page[data-record-scope]{gap:12px!important;}
#app #view .record-detail-page[data-record-scope] .win-registration-card{padding:16px!important;gap:12px!important;}
#app #view .record-detail-page[data-record-scope] .win-registration-card h2{font-size:clamp(22px,5.7vw,25px)!important;margin:0 0 8px!important;line-height:1.45!important;}
#app #view .record-detail-page[data-record-scope] .win-registration-card label{font-size:clamp(17px,4.3vw,19px)!important;}
#app #view .record-detail-page[data-record-scope] .win-registration-card .input{min-height:52px!important;height:52px!important;font-size:17px!important;}
#app #view .record-detail-page[data-record-scope] .date-parts{gap:7px!important;}
#app #view .record-detail-page[data-record-scope] .record-date-field{padding:11px!important;gap:7px!important;}
#app #view .record-detail-page[data-record-scope] .record-part select{height:49px!important;min-height:49px!important;font-size:17px!important;}
#app #view .record-detail-page[data-record-scope] .win-save-btn{min-height:52px!important;font-size:19px!important;}
#app #view .record-detail-page[data-record-scope] .wolf-all-records-link{min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;text-align:center!important;font-size:clamp(17px,4.2vw,19px)!important;line-height:1.4!important;padding:10px 12px!important;}
#app #view .record-detail-page[data-record-scope] .wolf-all-records-link .record-action-icon{display:inline-flex;width:23px;height:23px;flex:none;}
#app #view .record-detail-page[data-record-scope] .wolf-all-records-link .record-action-icon svg{width:100%;height:100%;}
#app #view .record-detail-page[data-record-scope] .wolf-all-records-link>.menu-chevron{width:18px;flex:none;}
#app #view .record-detail-page[data-record-scope] .wolf-combined-caption{margin:0!important;text-align:center!important;font-size:16px!important;font-weight:600!important;color:var(--ui-muted)!important;}
#app #view .record-detail-page[data-record-scope] .wolf-recent-disclosure{padding:0!important;overflow:hidden!important;min-width:0!important;}
#app #view .record-detail-page[data-record-scope] .wolf-recent-summary{cursor:pointer;list-style:none;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px 17px!important;min-height:54px!important;font-size:clamp(20px,5.1vw,24px)!important;font-weight:700!important;color:var(--ui-ink)!important;}
#app #view .record-detail-page[data-record-scope] .wolf-recent-summary::-webkit-details-marker{display:none;}
#app #view .record-detail-page[data-record-scope] .wolf-recent-summary .menu-chevron{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--ui-accent)!important;transition:transform .16s ease;}
#app #view .record-detail-page[data-record-scope] .wolf-recent-disclosure[open] .wolf-recent-summary .menu-chevron{transform:rotate(180deg);}
#app #view .record-detail-page[data-record-scope] .wolf-recent-content{padding:0 12px 12px!important;}
#app #view .record-detail-page[data-record-scope] .wolf-record-report-card{padding:14px!important;display:grid;gap:12px!important;min-width:0!important;}
#app #view .record-detail-page[data-record-scope] .wolf-record-report-card .record-rank-title{font-size:clamp(20px,5.2vw,24px)!important;margin:5px 0 0!important;}
#app #view .record-detail-page[data-record-scope] .record-monthly-filters{gap:8px!important;}
#app #view .record-detail-page[data-record-scope] .wolf-record-exports{display:grid;gap:9px;}
#app #view .record-detail-page[data-record-scope] .wolf-record-exports .action{min-height:50px!important;font-size:17px!important;}
#app #view .record-detail-page[data-record-scope] .wolf-compact-win-card{display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px 13px!important;margin:9px 0!important;min-width:0!important;}
#app #view .record-detail-page[data-record-scope] .wolf-win-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;}
#app #view .record-detail-page[data-record-scope] .wolf-win-heading b{font-size:clamp(18px,4.6vw,21px)!important;line-height:1.4!important;min-width:0;overflow-wrap:anywhere;}
#app #view .record-detail-page[data-record-scope] .wolf-win-badge{white-space:nowrap;padding:4px 9px;border:1px solid var(--ui-accent);border-radius:10px;font-size:15px;font-weight:700;color:var(--ui-ink);background:var(--ui-surface);}
#app #view .record-detail-page[data-record-scope] .wolf-win-line{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;color:var(--ui-muted);font-size:clamp(15px,3.9vw,17px);}
#app #view .record-detail-page[data-record-scope] .wolf-win-event{font-size:clamp(15px,3.9vw,17px);line-height:1.5;color:var(--ui-muted);}
#app #view .record-detail-page[data-record-scope] .wolf-win-audit{border-top:1px solid rgba(var(--ui-rgb),.24);padding-top:7px;color:var(--ui-muted);line-height:1.55;font-size:15px;}
#app #view .record-detail-page[data-record-scope] .wolf-win-audit summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;color:var(--ui-ink);font-size:15px;font-weight:600;min-height:35px;}
#app #view .record-detail-page[data-record-scope] .wolf-win-audit summary::-webkit-details-marker{display:none;}
#app #view .record-detail-page[data-record-scope] .wolf-win-audit .menu-chevron{width:18px;color:var(--ui-accent);transition:transform .16s ease;}
#app #view .record-detail-page[data-record-scope] .wolf-win-audit[open] .menu-chevron{transform:rotate(180deg);}
#app #view .record-detail-page[data-record-scope] .wolf-win-audit>div{padding:3px 0;overflow-wrap:anywhere;}
#app #view .record-detail-page[data-record-scope] .wolf-compact-win-card .win-actions{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin:0!important;}
#app #view .record-detail-page[data-record-scope] .wolf-compact-win-card .win-actions .iconbtn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;}
#app #view .record-detail-page[data-record-scope] .wolf-record-history-full{display:grid;gap:12px;padding:14px!important;min-width:0;}
#app #view .record-detail-page[data-record-scope] .wolf-record-history-full>h2{font-size:clamp(20px,5.1vw,24px)!important;margin:0!important;}
#app #view .record-detail-page[data-record-scope] .wolf-record-return{display:flex;justify-content:center;align-items:center;gap:10px;min-height:49px;font-size:17px!important;}
@media(max-width:360px){
 #app #view .record-detail-page[data-record-scope] .wolf-all-records-link{font-size:16px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-win-line{font-size:15px;}
}

/* Royal chevron orientation in the three records' disclosure headers. */
#app #view .record-detail-page[data-record-scope] .wolf-recent-summary>.navigation-icon,
#app #view .record-detail-page[data-record-scope] .wolf-win-audit summary>.navigation-icon{width:22px!important;height:22px!important;flex:none!important;color:var(--ui-accent)!important;transform:rotate(90deg);transition:transform .16s ease;}
#app #view .record-detail-page[data-record-scope] .wolf-recent-disclosure[open] .wolf-recent-summary>.navigation-icon,
#app #view .record-detail-page[data-record-scope] .wolf-win-audit[open] summary>.navigation-icon{transform:rotate(-90deg);}
#app #view .record-detail-page[data-record-scope] .wolf-all-records-link>.navigation-icon{width:21px!important;height:21px!important;flex:none!important;color:var(--ui-ink)!important;}


/* recovery1966 — authoritative subpage color / depth / typography owner.
   This file loads after competition-system.css; keep this same identity
   priority layer so late competition-specific selectors cannot restore
   silver borders in Burgundy or blue-gray controls in Ivory. Home, SVG
   match geometry, winner semantics and export sheets are outside this scope. */
@layer identity {
  body.burgundy #app #view.wolf-layout-page {
    /* recovery1969: bright champagne glow, copper stays the physical edge. */
    --sub1966-edge:#D9A77B;
    --sub1966-edge-strong:#F2D7B7;
    --sub1966-rgb:248,231,210;
    --sub1966-glyph:#F5DFC4;
    --sub1966-heading:#FFF5E9;
    --sub1966-secondary:#EED9C6;
    --sub1966-panel-shadow:inset 0 0 7px rgba(248,231,210,.08),0 0 8px rgba(248,231,210,.29),0 0 17px rgba(248,231,210,.13);
    --sub1966-field-shadow:inset 0 0 6px rgba(248,231,210,.055),0 0 5px rgba(248,231,210,.15);
  }
  body.light #app #view.wolf-layout-page {
    --sub1966-edge:#B98B35;
    --sub1966-edge-strong:#C99C43;
    --sub1966-rgb:181,132,42;
    --sub1966-glyph:#95691E;
    --sub1966-heading:#382710;
    --sub1966-secondary:#6A502C;
    --sub1966-panel-shadow:inset 0 0 7px rgba(181,132,42,.07),0 0 8px rgba(181,132,42,.25),0 0 17px rgba(181,132,42,.11);
    --sub1966-field-shadow:inset 0 0 6px rgba(181,132,42,.055),0 0 5px rgba(181,132,42,.14);
  }
  /* Exact top-level content panels, no nested panel frames or match rows. */
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page) > :is(
       .card.game-select-card,.card.smart-entry-card,.card.participants,
       .card.standalone-controls-card,.card.match-panel,
       .card.competition-meta-card,.card.league-standings-card,
       .card.league-live-roster,.card.league-system-card,.card.league-setup-card
    ) {
    border:1.5px solid var(--sub1966-edge)!important;
    box-shadow:var(--sub1966-panel-shadow)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page) > .card:not(.match-panel):not(.standalone-controls-card) {
    border-color:var(--sub1966-edge)!important;
    box-shadow:var(--sub1966-panel-shadow)!important;
  }
  /* Consistent warm outlines on ordinary subpage section cards. */
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.settings-page,.management-hub-page,.records-menu-page,
       .record-detail-page,.account-management-page,.backup-page,
       .honor-studio-page,.tournament-hub-page)
    > :is(.card,.ui-section-card,.account-card,.hs-panel) {
    border-color:var(--sub1966-edge)!important;
    box-shadow:var(--sub1966-panel-shadow)!important;
  }
  /* Input focus stays visible and theme-correct, with native font and
     interaction untouched. This also covers the quick-player textarea. */
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.smart-entry-card,.competition-meta-card,.game-select-card,
        .league-system-card,.league-setup-card,.wolf-match-search)
    :is(input.input,textarea.input,select.input,.smart-player-input,.quick-event-owner-input) {
    border:1.35px solid var(--sub1966-edge)!important;
    box-shadow:var(--sub1966-field-shadow)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.smart-entry-card,.competition-meta-card,.game-select-card,
        .league-system-card,.league-setup-card,.wolf-match-search)
    :is(input.input,textarea.input,select.input,.smart-player-input,.quick-event-owner-input):focus-visible {
    border-color:var(--sub1966-edge-strong)!important;
    outline:1px solid var(--sub1966-edge-strong)!important;
    outline-offset:1px!important;
    box-shadow:inset 0 0 7px rgba(var(--sub1966-rgb),.09),0 0 10px rgba(var(--sub1966-rgb),.28)!important;
  }
  /* Gold selection edge, not a lingering slate-blue ring. Photos untouched. */
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    .game-card-picker > .game-card-option.selected {
    border-color:var(--sub1966-edge-strong)!important;
    box-shadow:0 0 8px rgba(var(--sub1966-rgb),.30),
      inset 0 0 5px rgba(var(--sub1966-rgb),.13)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    .game-card-picker > .game-card-option:not(.selected) {
    border-color:rgba(var(--sub1966-rgb),.38)!important;
  }
  /* Action glyphs and their buttons are painted with the same warm metal. */
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.add-player-btn,.quick-control,.wolf-roster-open-btn,
        .wolf-fixture-filters > button,.wolf-search-modes > button) {
    border-color:var(--sub1966-edge)!important;
    box-shadow:var(--sub1966-field-shadow)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.add-player-btn,.quick-control,.wolf-roster-open-btn,
        .wolf-fixture-filters > button,.wolf-search-modes > button)
    :is(svg,.control-icon,.navigation-icon) {
    color:var(--sub1966-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(var(--sub1966-rgb),.26))!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    .participants :is(.wolf-roster-open-btn,.menu-chevron,.navigation-icon) {
    color:var(--sub1966-glyph)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    .participants :is(.wolf-roster-open-btn,.menu-chevron) svg {
    color:var(--sub1966-glyph)!important;stroke:currentColor!important;
  }
  /* Restrained metallic subpage title: the royal frame remains intact,
     only specular strokes and outer halo are quieter. */
  body #app #view.wolf-layout-page .royal-tier-page .royal-reference-frame {
    filter:drop-shadow(0 2px 2px rgba(10,8,13,.14))
      drop-shadow(0 0 4px rgba(var(--wolf-sub-neon-rgb),.22))!important;
  }
  body #app #view.wolf-layout-page .royal-tier-page .royal-gold-upper-ridge {
    stroke-width:4.2!important;
  }
  body #app #view.wolf-layout-page .royal-tier-page .royal-glass-highlight {
    opacity:.13!important;
  }
  body #app #view.wolf-layout-page .royal-tier-page .royal-plaque-neon-aura .royal-aura-core {
    stroke-width:2.15!important;
  }
  body #app #view.wolf-layout-page .royal-tier-page .royal-plaque-neon-aura .royal-aura-wide {
    stroke-opacity:.48!important;
  }
  /* Restrained Tajawal type hierarchy on real challenge setup panels. */
  body #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    > :is(.game-select-card,.smart-entry-card,.participants,.competition-meta-card)
    > :is(h2,.field-label) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(21px,5.65vw,23px)!important;
    font-weight:700!important;line-height:1.35!important;
  }
  body #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    > .smart-entry-card > .field-label {
    font-size:clamp(17px,4.65vw,19px)!important;
    font-weight:600!important;
  }
  body #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.quick-game-status,.smart-entry-hint) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(15px,4.25vw,17px)!important;
    line-height:1.48!important;
    font-weight:500!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.quick-game-status,.smart-entry-hint,.field-label) {
    color:var(--sub1966-secondary)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.game-select-card,.participants) > h2 {
    color:var(--sub1966-heading)!important;
  }
  /* Preserve 44px native hit targets; only trim redundant section padding. */
  body #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page)
    > :is(.game-select-card,.smart-entry-card,.participants) {
    padding:clamp(11px,3.1vw,14px)!important;
  }


  /* recovery1967 — application-wide component parity, one identity owner.
     Geometry is intentionally excluded: no selectors for the KO board,
     bracket, cup, result/match nodes, exported sheets or the locked home. */
  body #app #view.wolf-layout-page {
    --wolf-unify-edge:#438FE8;
    --wolf-unify-bright:#8FC9FF;
    --wolf-unify-ink:#F1F7FF;
    --wolf-unify-muted:#B8CBE3;
    --wolf-unify-glyph:#72BCFF;
    --wolf-unify-rgb:61,144,231;
    --wolf-unify-panel:inset 0 0 9px rgba(61,144,231,.105),0 0 9px rgba(61,144,231,.36),0 0 20px rgba(61,144,231,.13);
    --wolf-unify-field:inset 0 0 7px rgba(61,144,231,.075),0 0 6px rgba(61,144,231,.22);
  }
  body.burgundy #app #view.wolf-layout-page {
    --wolf-unify-edge:#D9A77B;
    --wolf-unify-bright:#FFF0DB;
    --wolf-unify-ink:#FFF4E8;
    --wolf-unify-muted:#E9D2BD;
    --wolf-unify-glyph:#F5DFC4;
    --wolf-unify-rgb:248,231,210;
    --wolf-unify-panel:inset 0 0 9px rgba(248,231,210,.08),0 0 10px rgba(248,231,210,.34),0 0 20px rgba(248,231,210,.15);
    --wolf-unify-field:inset 0 0 7px rgba(248,231,210,.065),0 0 6px rgba(248,231,210,.21);
  }
  body.light #app #view.wolf-layout-page {
    --wolf-unify-edge:#B78937;
    --wolf-unify-bright:#D3A94F;
    --wolf-unify-ink:#392812;
    --wolf-unify-muted:#705333;
    --wolf-unify-glyph:#9A701E;
    --wolf-unify-rgb:181,132,42;
    --wolf-unify-panel:inset 0 0 8px rgba(181,132,42,.07),0 0 8px rgba(181,132,42,.25),0 0 17px rgba(181,132,42,.11);
    --wolf-unify-field:inset 0 0 7px rgba(181,132,42,.045),0 0 6px rgba(181,132,42,.14);
  }

  /* Cohesive panels across pages: select TOP-LEVEL cards exclusively.
     KO tree is under #tournamentBoard and never matches these selectors. */
  body #app #view.wolf-layout-page
    :is(.quick-normal-page,.league-page) > :is(
      .game-select-card,.smart-entry-card,.participants,.competition-meta-card,
      .league-system-card,.league-setup-card,.standalone-controls-card,
      .league-add-card,.league-participants-card
    ),
  body #app #view.wolf-layout-page
    :is(.settings-page,.management-hub-page,.tournament-hub-page,
      .records-menu-page,.record-detail-page,.account-management-page,
      .backup-page,.honor-studio-page) > :is(.card,.ui-section-card,.account-card,.hs-panel) {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-panel)!important;
  }
  /* League live: standings and round outer surfaces, never game fixtures. */
  body #app #view.wolf-layout-page .league-page #leagueLiveBoard > :is(
    .league-standings-card,.league-stage,.league-live-overview,.wolf-league-live-status
  ) {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-panel)!important;
  }
  body #app #view.wolf-layout-page .league-page #leagueLiveBoard
    .league-round-group > .league-round {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-field)!important;
  }
  body #app #view.wolf-layout-page .league-page #leagueLiveBoard
    :is(.league-standings-summary,.wolf-league-stage-heading) {
    color:var(--wolf-unify-ink)!important;
  }

  /* One readable Tajawal scale, without resizing any tree cells. */
  body #app #view.wolf-layout-page
    :is(.league-page,.quick-normal-page) > :is(
      .game-select-card,.smart-entry-card,.participants,.league-setup-card,
      .league-system-card,.competition-meta-card,.league-add-card
    ) :is(h2,.league-section-heading>b,.league-date-caption) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(21px,5.75vw,24px)!important;
    font-weight:700!important;
    line-height:1.35!important;
    color:var(--wolf-unify-ink)!important;
  }
  body #app #view.wolf-layout-page .league-page #leagueLiveBoard
    :is(.league-standings-summary>b,.wolf-league-stage-heading-label,.league-round-name) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-weight:700!important;
    color:var(--wolf-unify-ink)!important;
  }
  body #app #view.wolf-layout-page
    :is(.league-page,.quick-normal-page) > :is(
      .league-setup-card,.league-system-card,.smart-entry-card,
      .competition-meta-card,.game-select-card
    ) :is(.field-label,.league-choice-head>label) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(17px,4.5vw,19px)!important;
    font-weight:600!important;
    color:var(--wolf-unify-ink)!important;
  }
  body #app #view.wolf-layout-page
    :is(.league-page,.quick-normal-page) > :is(
      .league-setup-card,.league-system-card,.smart-entry-card,
      .competition-meta-card,.game-select-card
    ) :is(.smart-entry-hint,.league-field-hint,.league-calendar-hint,.quick-game-status,
          .league-choice-head>small,.league-section-heading>small,.league-date-caption>small) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(15px,4vw,17px)!important;
    font-weight:500!important;
    line-height:1.48!important;
    color:var(--wolf-unify-muted)!important;
  }
  body #app #view.wolf-layout-page
    :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.menu-copy>b,.mode-copy>b,.record-copy>b) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(20px,5.35vw,22px)!important;
    font-weight:700!important;
    line-height:1.35!important;
    color:var(--wolf-unify-ink)!important;
  }
  body #app #view.wolf-layout-page
    :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.menu-copy>small,.mode-copy>small,.record-copy>small) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(15px,4.05vw,17px)!important;
    font-weight:500!important;
    color:var(--wolf-unify-muted)!important;
  }

  /* Uniform navigation tiles across tournaments, admin and records. */
  body #app #view.wolf-layout-page
    :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.tournament-modes,.team-hub-menu,.records-vertical) > :is(
      .mode-card,.menu-row,.record-card
    ) {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-panel)!important;
  }
  body #app #view.wolf-layout-page
    :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.tournament-modes,.team-hub-menu,.records-vertical) > :is(
      .mode-card,.menu-row,.record-card
    ) > :is(.mode-icon,.mode-card-icon,.home-icon,.records-admin-tool-icon,.record-visual-icon) {
    border-color:var(--wolf-unify-edge)!important;
    color:var(--wolf-unify-glyph)!important;
    box-shadow:var(--wolf-unify-field)!important;
  }
  body #app #view.wolf-layout-page
    :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.tournament-modes,.team-hub-menu,.records-vertical) > :is(
      .mode-card,.menu-row,.record-card
    ) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) {
    color:var(--wolf-unify-glyph)!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body #app #view.wolf-layout-page
    :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.tournament-modes,.team-hub-menu,.records-vertical) > :is(
      .mode-card,.menu-row,.record-card
    ) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg,
  body #app #view.wolf-layout-page
    :is(.tournament-hub-page,.management-hub-page,.records-menu-page)
    :is(.mode-icon,.mode-card-icon,.home-icon,.records-admin-tool-icon,.record-visual-icon) svg {
    color:var(--wolf-unify-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(var(--wolf-unify-rgb),.27))!important;
  }

  /* League setup: game choice, scoring, calendar and player input. */
  body #app #view.wolf-layout-page .league-page > :is(
    .league-setup-card,.league-system-card,.league-add-card
  ) :is(.input,.league-mode>button,.league-scoring-picker>button,
        .league-start-date-card,.league-auto-end-toggle) {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-field)!important;
  }
  body #app #view.wolf-layout-page .league-page > .league-system-card
    :is(.league-mode>button.selected,.league-scoring-picker>button.selected) {
    border-color:var(--wolf-unify-bright)!important;
    box-shadow:inset 0 0 8px rgba(var(--wolf-unify-rgb),.10),
      0 0 9px rgba(var(--wolf-unify-rgb),.28)!important;
  }
  body #app #view.wolf-layout-page .league-page > .league-system-card
    :is(.league-calendar-symbol,.league-calendar-symbol svg) {
    color:var(--wolf-unify-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(var(--wolf-unify-rgb),.24))!important;
  }
  body #app #view.wolf-layout-page .league-page > :is(
    .league-add-card,.league-control-card,.league-system-card
  ) :is(.add-player-btn,.neon-control,.league-mode>button,.league-scoring-picker>button)
    :is(.control-icon,.control-icon svg,.wz-control-icon,.wz-control-icon svg) {
    color:var(--wolf-unify-glyph)!important;
    stroke:currentColor!important;
  }
  /* KO setup and its controls only: the actual bracket is never styled here. */
  body #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) :is(.input,.add-player-btn,.quick-control,.wolf-roster-open-btn) {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-field)!important;
  }
  body #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) :is(.control-icon,.control-icon svg,.navigation-icon,.navigation-icon svg) {
    color:var(--wolf-unify-glyph)!important;
    stroke:currentColor!important;
  }
  body #app #view.wolf-layout-page .knockout-page > .knockout-control-card
    .quick-control {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-weight:700!important;
    font-size:clamp(16px,4.4vw,18px)!important;
  }

  /* Shared account, settings and records controls: no size or state changes. */
  body #app #view.wolf-layout-page
    :is(.settings-page,.account-management-page,.backup-page,
      .record-detail-page,.honor-studio-page)
    :is(.settings-appearance-card,.settings-feedback-card,.settings-about-card,
        .account-card,.win-registration-card,.record-date-field)
    :is(input.input,select.input,textarea.input,.settings-contact-action,.record-action-button) {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-field)!important;
  }
  body #app #view.wolf-layout-page
    :is(.settings-page,.account-management-page,.backup-page,
      .record-detail-page,.management-hub-page,.records-menu-page)
    :is(.navigation-icon,.settings-icon,.records-admin-tool-icon,.record-action-icon) svg {
    color:var(--wolf-unify-glyph)!important;
    stroke:currentColor!important;
  }
  /* Admin secondary navigation uses the same ink/edge as the first hubs. */
  body #app #view.wolf-layout-page .management-hub-page
    .wolf-control-menu > :is(.menu-row,.bigbtn),
  body #app #view.wolf-layout-page .records-menu-page
    :is(.records-menu-row,.records-menu-card) {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-panel)!important;
  }
  body #app #view.wolf-layout-page .management-hub-page
    .wolf-control-menu :is(.menu-copy>small,.menu-chevron,.home-icon),
  body #app #view.wolf-layout-page .records-menu-page
    :is(.records-arrow,.records-menu-arrow,.record-visual-icon) {
    color:var(--wolf-unify-glyph)!important;
  }
  body #app #view.wolf-layout-page
    :is(.record-total-page,.honor-page) > :is(.card,.ui-section-card,.hs-panel),
  body #app #view.wolf-layout-page
    :is(.management-hub-page,.account-management-page) .admin-activity-card {
    border-color:var(--wolf-unify-edge)!important;
    box-shadow:var(--wolf-unify-panel)!important;
  }
  body #app #view.wolf-layout-page
    :is(.settings-page,.account-management-page,.backup-page,
      .record-detail-page,.record-total-page,.management-hub-page)
    :is(.settings-section,.admin-section-title,.record-rank-title,.wolf-section-title) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--wolf-unify-ink)!important;
  }
  body #app #view.wolf-layout-page
    :is(.settings-page,.account-management-page,.backup-page,
      .record-detail-page,.record-total-page,.management-hub-page)
    :is(.settings-utility-detail,.account-status,.wolf-combined-caption,.notice) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--wolf-unify-muted)!important;
  }

  /* Keep focus usable; buttons retain existing click targets and semantics. */
  body #app #view.wolf-layout-page .league-page > :is(
    .league-setup-card,.league-system-card,.league-add-card
  ) :is(input.input,textarea.input,.league-mode>button,.league-scoring-picker>button):focus-visible,
  body #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) :is(input.input,textarea.input,.add-player-btn,.quick-control):focus-visible {
    outline:2px solid var(--wolf-unify-bright)!important;
    outline-offset:2px!important;
  }


  /* recovery1969: opt-in warm off-white illumination for Burgundy's non-tree
     subpage UI. The burgundy view root remains unchanged so all KO bracket,
     trophy, match/result and export descendants retain their existing skin. */
  body.burgundy #app #view.wolf-layout-page .royal-tier-page,
  body.burgundy #app #view.wolf-layout-page > .page-brand,
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card),
  body.burgundy #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page
  ) > :is(.card,.game-select-card,.smart-entry-card,.participants,
    .standalone-controls-card,.league-setup-card,.league-system-card,.league-add-card),
  body.burgundy #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card),
  body.burgundy #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.tournament-hub-page,
    .records-menu-page,.record-detail-page,.record-total-page,
    .account-management-page,.backup-page,.honor-studio-page,.honor-page
  ) > :is(.card,.ui-section-card,.settings-appearance-card,
    .settings-feedback-card,.settings-about-card,.account-card,.hs-panel),
  body.burgundy #app #view.wolf-layout-page .league-page #leagueLiveBoard > :is(
    .league-standings-card,.league-stage,.league-live-overview,.wolf-league-live-status
  ) {
    --wolf-sub-neon-rgb:248,231,210;
    --wolf-sub-neon-edge:#D9A77B;
    --wolf-sub-glyph:#F5DFC4;
    --wolf-sub-icon-sheen:rgba(255,251,236,.36);
  }
  /* Focused warmth for shell controls (the tree itself is not a descendant). */
  body.burgundy #app #view.wolf-layout-page > :is(button.back,button.back.back-system),
  body.burgundy #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page
  ) > :is(.card,.participants,.standalone-controls-card) :is(
    .quick-control,.add-player-btn,.wolf-roster-open-btn,.wolf-fixture-filters > button
  ),
  body.burgundy #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) :is(.quick-control,.add-player-btn,.wolf-roster-open-btn) {
    --wolf-sub-neon-rgb:248,231,210;
    --wolf-sub-glyph:#F5DFC4;
    --wolf-back-glyph:#FFF0DB;
  }

}


/* recovery1970 — shared subpage polish across all themes.
   Applies the approved visual language to quick challenge, league and knockout
   setup/live chrome without altering knockout tree geometry or bracket routes. */
@layer identity {
  body #app #view.wolf-layout-page :is(.quick-normal-page,.league-page) > :is(
    .card,.game-select-card,.smart-entry-card,.participants,
    .standalone-controls-card,.league-setup-card,.league-system-card,.league-add-card
  ),
  body #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ),
  body #app #view.wolf-layout-page .league-page #leagueLiveBoard > :is(
    .league-standings-card,.league-stage,.league-live-overview,.wolf-league-live-status
  ) {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      inset 0 0 18px rgba(var(--ui-rgb),.06),
      0 0 12px rgba(var(--ui-rgb),.20)!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.league-page) > :is(
    .card,.game-select-card,.smart-entry-card,.participants,
    .standalone-controls-card,.league-setup-card,.league-system-card,.league-add-card
  ) :is(h2,.field-label),
  body #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) :is(h2,.field-label) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-weight:830!important;
    letter-spacing:0!important;
    line-height:1.2!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.league-page) > :is(
    .card,.game-select-card,.smart-entry-card,.participants,
    .standalone-controls-card,.league-setup-card,.league-system-card,.league-add-card
  ) :is(.quick-game-status,.smart-entry-hint,.notice,.quick-round-progress),
  body #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) :is(.quick-game-status,.smart-entry-hint,.notice,.quick-round-progress) {
    line-height:1.7!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(.quick-normal-page,.league-page) > :is(
    .card,.game-select-card,.smart-entry-card,.participants,
    .standalone-controls-card,.league-setup-card,.league-system-card,.league-add-card
  ),
  body.burgundy #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ),
  body.burgundy #app #view.wolf-layout-page .league-page #leagueLiveBoard > :is(
    .league-standings-card,.league-stage,.league-live-overview,.wolf-league-live-status
  ) {
    box-shadow:
      inset 0 1px 0 rgba(255,250,238,.07),
      inset 0 0 22px rgba(248,231,210,.05),
      0 0 13px rgba(248,231,210,.18),
      0 0 26px rgba(248,231,210,.07)!important;
  }
  body.light #app #view.wolf-layout-page :is(.quick-normal-page,.league-page) > :is(
    .card,.game-select-card,.smart-entry-card,.participants,
    .standalone-controls-card,.league-setup-card,.league-system-card,.league-add-card
  ),
  body.light #app #view.wolf-layout-page .knockout-page > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) {
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 0 14px rgba(181,132,48,.05),
      0 0 10px rgba(181,132,48,.16)!important;
  }
}


/* recovery1971: approved competition navigation and soft single-frame setup.
   Cosmetic only: applies to quick challenge / KO setup / league, NOT the
   knockout bracket, export sheets, or the approved home screen. */
@layer identity {
  /* The actual routed view always contains one of these competition sections. */
  body #app #view.wolf-layout-page:has(> :is(.quick-normal-page,.league-page)) {
    --wolf-comp-back-edge:#389CF0;
    --wolf-comp-back-ink:#E4F2FF;
    --wolf-comp-back-rgb:45,154,250;
    --wolf-comp-back-fill:#071B34;
    --wolf-comp-card-edge:#368EE6;
    --wolf-comp-card-rgb:56,153,246;
    --wolf-comp-head:#F2F8FF;
    --wolf-comp-muted:#BBD4EE;
  }
  body.burgundy #app #view.wolf-layout-page:has(> :is(.quick-normal-page,.league-page)) {
    --wolf-comp-back-edge:#F8FAF9;
    --wolf-comp-back-ink:#F8FAF9;
    --wolf-comp-back-rgb:248,250,249;
    --wolf-comp-back-fill:#371624;
    --wolf-comp-card-edge:#F8FAF9;
    --wolf-comp-card-rgb:248,250,249;
    --wolf-comp-head:#FFF3E5;
    --wolf-comp-muted:#EAD5C2;
  }
  body.light #app #view.wolf-layout-page:has(> :is(.quick-normal-page,.league-page)) {
    --wolf-comp-back-edge:#B58A39;
    --wolf-comp-back-ink:#765116;
    --wolf-comp-back-rgb:182,132,47;
    --wolf-comp-back-fill:#F0E0C4;
    --wolf-comp-card-edge:#B68A38;
    --wolf-comp-card-rgb:181,132,48;
    --wolf-comp-head:#382710;
    --wolf-comp-muted:#624D30;
  }
  /* All top back buttons now use the single global owner below. */
  /* One coherent title frame, avoiding a second red inner glow when expanded. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page)
    > .wolf-setup-disclosure {
    border:1.5px solid var(--wolf-comp-card-edge)!important;
    box-shadow:inset 0 0 9px rgba(var(--wolf-comp-card-rgb),.055),0 0 11px rgba(var(--wolf-comp-card-rgb),.25)!important;
    background:var(--ui-surface)!important;
    overflow:hidden!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page)
    > .wolf-setup-disclosure > .wolf-setup-heading {
    min-height:48px!important;
    padding:8px 12px!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(21px,5.7vw,24px)!important;
    font-weight:700!important;
    line-height:1.32!important;
    color:var(--wolf-comp-head)!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page)
    > .wolf-setup-disclosure > :is(.game-select-card,.tournament-setup) {
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
    border-radius:0!important;
    padding:8px 11px 10px!important;
    margin:0!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page)
    > .wolf-setup-disclosure > :is(.game-select-card,.tournament-setup)::before,
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page)
    > .wolf-setup-disclosure > :is(.game-select-card,.tournament-setup)::after {
    content:none!important;
    display:none!important;
  }
  /* Text hierarchy in all three competitions; gameplay and game images stay put. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.game-select-card,.league-setup-card) > h2 {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(22px,5.8vw,24px)!important;
    font-weight:700!important;
    line-height:1.35!important;
    margin-bottom:6px!important;
    color:var(--wolf-comp-head)!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.smart-entry-card,.league-setup-card,.game-select-card) .field-label {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(20px,5.4vw,22px)!important;
    font-weight:700!important;
    line-height:1.4!important;
    color:var(--wolf-comp-head)!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.game-select-card,.league-setup-card) > :is(.game-picker,.game-card-picker) {
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    margin-block:7px!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.game-select-card,.league-setup-card) .quick-game-status {
    margin-top:5px!important;
    margin-bottom:0!important;
    font-weight:500!important;
    line-height:1.5!important;
    color:var(--wolf-comp-muted)!important;
  }
  /* Compact vertical breathing room without shrinking touch controls. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    > :is(.game-select-card,.smart-entry-card,.league-setup-card,.league-add-card) {
    padding:10px 11px!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.smart-entry-card,.league-add-card) :is(.smart-entry-hint,.league-field-hint) {
    margin-top:5px!important;
    line-height:1.55!important;
  }
  /* Locked game badge moves to a low corner away from the central game artwork. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .game-card-picker.is-locked > .game-card-option.selected:disabled::before {
    position:absolute!important;
    top:auto!important;
    bottom:5px!important;
    inset-inline-start:5px!important;
    inset-inline-end:auto!important;
    z-index:3!important;
    padding:2px 5px!important;
    border:1px solid var(--wolf-comp-card-edge)!important;
    border-radius:8px!important;
    background:var(--ui-surface)!important;
    color:var(--wolf-comp-head)!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1.2!important;
    box-shadow:0 0 4px rgba(var(--wolf-comp-card-rgb),.2)!important;
  }
}


/* recovery1972 — ONE back-navigation square shared by every routed page.
   It intentionally excludes card chevrons, game board arrows and the home menu.
   All three themes have identical geometry; only their color tokens differ. */
@layer identity {
  body #app #view.wolf-layout-page {
    --wolf-app-back-edge:#48A1FF;
    --wolf-app-back-ink:#D9F0FF;
    --wolf-app-back-glow:58,153,255;
    --wolf-app-back-surface:#06182E;
  }
  body.burgundy #app #view.wolf-layout-page {
    --wolf-app-back-edge:#DCAD86;
    --wolf-app-back-ink:#FFF0DC;
    --wolf-app-back-glow:248,231,210;
    --wolf-app-back-surface:#321423;
  }
  body.light #app #view.wolf-layout-page {
    --wolf-app-back-edge:#BF903C;
    --wolf-app-back-ink:#755017;
    --wolf-app-back-glow:190,140,48;
    --wolf-app-back-surface:#EEDAB8;
  }
  body #app #view.wolf-layout-page > :is(button.back,button.back.back-system) {
    box-sizing:border-box!important;
    position:absolute!important;
    top:15px!important;
    right:8px!important;
    left:auto!important;
    inset-inline-start:auto!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    flex:none!important;
    border:1.7px solid var(--wolf-app-back-edge)!important;
    border-radius:13px!important;
    outline:0!important;
    background:linear-gradient(150deg,rgba(255,255,255,.09),transparent 66%),var(--wolf-app-back-surface)!important;
    background-color:var(--wolf-app-back-surface)!important;
    color:var(--wolf-app-back-ink)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 0 9px rgba(var(--wolf-app-back-glow),.10),
      0 0 9px rgba(var(--wolf-app-back-glow),.39),
      0 0 18px rgba(var(--wolf-app-back-glow),.14)!important;
    opacity:1!important;
    visibility:visible!important;
    filter:none!important;
    transform:none!important;
    z-index:32!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    -webkit-tap-highlight-color:transparent;
    transition:box-shadow .18s ease,background-color .18s ease!important;
  }
  body #app #view.wolf-layout-page > :is(button.back,button.back.back-system) :is(svg,.navigation-icon) {
    display:block!important;
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
    padding:0!important;
    margin:0!important;
    color:var(--wolf-app-back-ink)!important;
    stroke:currentColor!important;
    stroke-width:2.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    fill:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    opacity:1!important;
    filter:drop-shadow(0 0 3px rgba(var(--wolf-app-back-glow),.4))!important;
    transform:none!important;
  }
  body #app #view.wolf-layout-page > :is(button.back,button.back.back-system):active {
    background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 64%),var(--wolf-app-back-surface)!important;
    box-shadow:inset 0 0 12px rgba(var(--wolf-app-back-glow),.15),
      0 0 12px rgba(var(--wolf-app-back-glow),.53)!important;
  }
  body #app #view.wolf-layout-page > :is(button.back,button.back.back-system):focus-visible {
    outline:2px solid var(--wolf-app-back-edge)!important;
    outline-offset:3px!important;
  }
  @media (max-width:360px) {
    body #app #view.wolf-layout-page > :is(button.back,button.back.back-system) {
      right:2px!important;
    }
  }
}


/* recovery1973 — Burgundy champagne light distribution, main + routed pages.
   Metal edges keep their existing copper colors. The external light becomes a
   soft warm off-white, and SVG drawings carry more light than their icon tiles.
   No size, padding, layout, export, image or KO tree rule is introduced. */
@layer identity {
  body.burgundy #app #view:is(.wolf-layout-home,.wolf-layout-page) {
    --wolf-burgundy-specular:rgba(255,255,255,.69);
    --wolf-burgundy-outer-rgb:248,250,249;
    --wolf-burgundy-glyph:#F8FAF9;
  }

  /* Homepage: preserve copper outline; let champagne illumination diffuse
     beyond the physical edge, not turn the edge into a white line. */
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    box-shadow:
      inset 0 1px 0 rgba(255,248,231,.11),
      inset 0 0 12px rgba(216,161,110,.09),
      0 0 8px rgba(var(--wolf-burgundy-outer-rgb),.42),
      0 0 23px rgba(var(--wolf-burgundy-outer-rgb),.22),
      0 0 35px rgba(var(--wolf-burgundy-outer-rgb),.08)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon {
    box-shadow:
      inset 0 0 7px rgba(var(--wolf-burgundy-outer-rgb),.07),
      0 0 6px rgba(var(--wolf-burgundy-outer-rgb),.29),
      0 0 12px rgba(var(--wolf-burgundy-outer-rgb),.13)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon svg {
    color:var(--wolf-burgundy-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 -0.8px 0 var(--wolf-burgundy-specular))
           drop-shadow(0 0 3px rgba(var(--wolf-burgundy-outer-rgb),.69))!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry > .menu-chevron svg {
    filter:drop-shadow(0 0 3px rgba(var(--wolf-burgundy-outer-rgb),.56))!important;
  }
  body.burgundy #app #view.wolf-layout-home .home-showcase.home-simple .royal-tier-hero .royal-title-frame {
    filter:drop-shadow(0 0 5px rgba(var(--wolf-burgundy-outer-rgb),.40))
           drop-shadow(0 0 14px rgba(var(--wolf-burgundy-outer-rgb),.19))!important;
  }

  /* Only page headers and their immediately owned cards; the knockout board
     lives in #tournamentBoard and is intentionally never selected. */
  body.burgundy #app #view.wolf-layout-page .royal-tier-page .royal-reference-frame {
    filter:drop-shadow(0 2px 2px rgba(20,8,14,.14))
           drop-shadow(0 0 5px rgba(var(--wolf-burgundy-outer-rgb),.33))
           drop-shadow(0 0 10px rgba(var(--wolf-burgundy-outer-rgb),.13))!important;
  }
  body.burgundy #app #view.wolf-layout-page .royal-tier-page .royal-plaque-neon-aura .royal-aura-mid {
    stroke:rgba(var(--wolf-burgundy-outer-rgb),.22)!important;
  }
  body.burgundy #app #view.wolf-layout-page .royal-tier-page .royal-reference-lettering > .mode-title-icon svg {
    color:var(--wolf-burgundy-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 -0.6px 0 var(--wolf-burgundy-specular))
           drop-shadow(0 0 2.5px rgba(var(--wolf-burgundy-outer-rgb),.55))!important;
  }
  body.burgundy #app #view.wolf-layout-page > .page-brand > .wolf-brand-channel {
    box-shadow:inset 0 0 6px rgba(var(--wolf-burgundy-outer-rgb),.06),
      0 0 7px rgba(var(--wolf-burgundy-outer-rgb),.27),
      0 0 14px rgba(var(--wolf-burgundy-outer-rgb),.10)!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card),
  body.burgundy #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page,
    .settings-page,.management-hub-page,.tournament-hub-page,
    .records-menu-page,.record-detail-page,.record-total-page,
    .account-management-page,.backup-page,.honor-studio-page,.honor-page
  ) > :is(.card,.ui-section-card,.account-card,.hs-panel),
  body.burgundy #app #view.wolf-layout-page .league-page #leagueLiveBoard > :is(
    .league-standings-card,.league-stage,.league-live-overview,.wolf-league-live-status
  ) {
    box-shadow:inset 0 1px 0 rgba(255,248,230,.07),
      inset 0 0 10px rgba(var(--wolf-burgundy-outer-rgb),.055),
      0 0 8px rgba(var(--wolf-burgundy-outer-rgb),.28),
      0 0 19px rgba(var(--wolf-burgundy-outer-rgb),.14)!important;
  }

  /* Glyph surfaces are brighter than their plates, but physical square borders
     are unchanged. These are the non-bracket actions and navigation cards. */
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card) > :is(
    .home-icon,.mode-icon,.mode-card-icon,.records-admin-tool-icon,.record-visual,.record-visual-icon
  ) svg,
  body.burgundy #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page
  ) > :is(.smart-entry-card,.standalone-controls-card,.participants)
    :is(.add-player-btn,.quick-control,.neon-control,.wolf-roster-open-btn)
    :is(.control-icon svg,.wz-control-icon svg,.navigation-icon svg),
  body.burgundy #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.records-menu-page,
    .record-detail-page,.account-management-page,.backup-page,.honor-studio-page
  ) > :is(.card,.ui-section-card,.account-card,.hs-panel)
    :is(.settings-icon,.navigation-icon,.records-admin-tool-icon,.record-action-icon) svg {
    color:var(--wolf-burgundy-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 -0.6px 0 var(--wolf-burgundy-specular))
           drop-shadow(0 0 2.6px rgba(var(--wolf-burgundy-outer-rgb),.58))!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg {
    filter:drop-shadow(0 0 2.5px rgba(var(--wolf-burgundy-outer-rgb),.47))!important;
  }
}


/* recovery1975 — ONE live-page palette contract for the three WOLF themes.
   The same visual hierarchy, independent palette for each theme, with no
   geometric/typographic changes. Scoped away from #tournamentBoard, champion
   artwork, export canvases and the established royal home of the navy theme. */
@layer identity {
  body #app #view.wolf-layout-page {
    --wz-royal-panel:#0B1D32;
    --wz-royal-field:#102640;
    --wz-royal-edge:#4099F3;
    --wz-royal-bright:#D9F1FF;
    --wz-royal-ink:#F5FAFF;
    --wz-royal-muted:#BED6EF;
    --wz-royal-glyph:#83C4FF;
    --wz-royal-glow:63,156,248;
    --wz-royal-shadow:rgba(0,7,19,.23);
    --wz-royal-sheen:rgba(229,246,255,.09);
    --wz-royal-rim:inset 0 1px 0 rgba(229,246,255,.09),
      inset 0 0 11px rgba(63,156,248,.08),
      0 0 9px rgba(63,156,248,.32),
      0 0 19px rgba(63,156,248,.11),
      0 5px 11px rgba(0,7,19,.17);
    --wz-royal-mini-rim:inset 0 0 7px rgba(63,156,248,.07),
      0 0 7px rgba(63,156,248,.24);
  }
  body.burgundy #app #view.wolf-layout-page {
    /* Burgundy Royal: distinct wine surface, copper hardware and tightly
       focused warm off-white light, not a broad orange/pink haze. */
    --wz-royal-panel:#40192A;
    --wz-royal-field:#502438;
    --wz-royal-edge:#D9AD85;
    --wz-royal-bright:#FFF0D9;
    --wz-royal-ink:#FFF5E8;
    --wz-royal-muted:#E8CDB8;
    --wz-royal-glyph:#F3D2A5;
    --wz-royal-glow:255,242,221;
    --wz-royal-shadow:rgba(20,7,14,.34);
    --wz-royal-sheen:rgba(255,247,229,.095);
    --wz-royal-rim:inset 0 1px 0 rgba(255,243,223,.11),
      inset 0 0 9px rgba(217,173,133,.075),
      0 0 7px rgba(255,242,221,.34),
      0 0 14px rgba(255,242,221,.12),
      0 5px 13px rgba(20,7,14,.32);
    --wz-royal-mini-rim:inset 0 0 6px rgba(255,242,221,.045),
      0 0 7px rgba(255,242,221,.23);
    --wolf-app-back-edge:#D9AD85;
    --wolf-app-back-ink:#FFF0D9;
    --wolf-app-back-glow:255,242,221;
    --wolf-app-back-surface:#381827;
  }
  body.light #app #view.wolf-layout-page {
    /* Ivory Royal Gold: sand-gold panels visibly darker than the ivory scene,
       brown depth and clean honey-gold rim without blue/steel reflections. */
    --wz-royal-panel:#D6C19C;
    --wz-royal-field:#E9D8B9;
    --wz-royal-edge:#B58432;
    --wz-royal-bright:#7C5419;
    --wz-royal-ink:#342510;
    --wz-royal-muted:#69502F;
    --wz-royal-glyph:#8B601A;
    --wz-royal-glow:189,139,43;
    --wz-royal-shadow:rgba(83,53,20,.23);
    --wz-royal-sheen:rgba(255,250,228,.19);
    --wz-royal-rim:inset 0 1px 0 rgba(255,249,226,.24),
      inset 0 0 8px rgba(189,139,43,.045),
      0 0 8px rgba(189,139,43,.27),
      0 0 15px rgba(189,139,43,.11),
      0 5px 12px rgba(83,53,20,.16);
    --wz-royal-mini-rim:inset 0 0 6px rgba(189,139,43,.07),
      0 0 6px rgba(189,139,43,.20);
    --wolf-app-back-edge:#B58432;
    --wolf-app-back-ink:#754F15;
    --wolf-app-back-glow:189,139,43;
    --wolf-app-back-surface:#E7D4B1;
  }

  /* Live section panels only: no knockout tree cards, player result cells,
     game image sizes, trophy artwork or export sheets are selected. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.league-page) >
    :is(.game-select-card,.smart-entry-card,.participants,.standalone-controls-card,
      .setup-card,.league-setup-card,.league-system-card,.league-add-card,
      .league-participants-card,.competition-meta-card),
  body #app #view.wolf-layout-page .knockout-page >
    :is(.game-select-card,.smart-entry-card,.participants,.knockout-control-card,
      .competition-meta-card),
  body #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.tournament-hub-page,.records-menu-page,
    .record-detail-page,.record-total-page,.account-management-page,.backup-page,
    .honor-studio-page,.honor-page,.team-hub-page
  ) > :is(.card,.ui-section-card,.account-card,.settings-appearance-card,
    .settings-feedback-card,.settings-about-card,.hs-panel),
  body #app #view.wolf-layout-page .league-page #leagueLiveBoard > :is(
    .league-standings-card,.league-stage,.league-live-overview,.wolf-league-live-status
  ) {
    background:linear-gradient(157deg,var(--wz-royal-sheen),transparent 38%),
      var(--wz-royal-panel)!important;
    border-color:var(--wz-royal-edge)!important;
    box-shadow:var(--wz-royal-rim)!important;
  }

  /* Primary navigation cards in the hubs and records sections share one
     premium edge tier but retain their previously approved shape/placement. */
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card) {
    background:linear-gradient(155deg,var(--wz-royal-sheen),transparent 44%),
      var(--wz-royal-panel)!important;
    border-color:var(--wz-royal-edge)!important;
    box-shadow:var(--wz-royal-rim)!important;
    color:var(--wz-royal-ink)!important;
  }
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.home-icon,.mode-icon,.mode-card-icon,.records-admin-tool-icon,
      .record-visual,.record-visual-icon) {
    color:var(--wz-royal-glyph)!important;
    background:var(--wz-royal-field)!important;
    border-color:var(--wz-royal-edge)!important;
    box-shadow:var(--wz-royal-mini-rim)!important;
  }
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.home-icon,.mode-icon,.mode-card-icon,.records-admin-tool-icon,
      .record-visual,.record-visual-icon) svg {
    color:var(--wz-royal-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(var(--wz-royal-glow),.28))!important;
  }
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow),
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg {
    color:var(--wz-royal-glyph)!important;
    stroke:currentColor!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
    filter:drop-shadow(0 0 2px rgba(var(--wz-royal-glow),.23))!important;
  }
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > b {
    color:var(--wz-royal-ink)!important;
  }
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > small {
    color:var(--wz-royal-muted)!important;
  }

  /* Shared section labels and captions. Only color/material is adjusted;
     Tajawal sizes and text weight remain whatever the prior owner approved. */
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page,.settings-page,
    .management-hub-page,.records-menu-page,.tournament-hub-page,
    .record-detail-page,.record-total-page,.account-management-page,
    .backup-page,.honor-studio-page,.honor-page,.team-hub-page
  ) :is(.field-label,.quick-game-status,.smart-entry-hint,.league-field-hint,
    .league-calendar-hint,.settings-utility-detail,.record-copy > small,
    .notice,.muted,.account-status,.wolf-combined-caption) {
    color:var(--wz-royal-muted)!important;
  }
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page,.settings-page,
    .management-hub-page,.records-menu-page,.tournament-hub-page,
    .record-detail-page,.record-total-page,.account-management-page,
    .backup-page,.honor-studio-page,.honor-page,.team-hub-page
  ) > :is(.card,.ui-section-card,.participants,.game-select-card,
    .smart-entry-card,.league-system-card,.league-setup-card) > :is(h2,h3) {
    color:var(--wz-royal-ink)!important;
  }

  /* Real inputs and buttons, deliberately restricted to non-bracket shells.
     Keep native/selected/gold/winner states, dimensions and hit areas intact. */
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page
  ) > :is(.game-select-card,.smart-entry-card,.participants,.league-setup-card,
    .league-system-card,.league-add-card,.standalone-controls-card,.knockout-control-card)
    :is(input.input,textarea.input,select.input,.wolf-roster-open-btn,
      .quick-control,.add-player-btn,.league-start-date-card,.neon-control),
  body #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.account-management-page,
    .backup-page,.record-detail-page,.record-total-page
  ) > :is(.card,.ui-section-card,.account-card)
    :is(input.input,textarea.input,select.input,.settings-action,.record-action-button) {
    border-color:var(--wz-royal-edge)!important;
    box-shadow:var(--wz-royal-mini-rim)!important;
  }
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page
  ) > :is(.game-select-card,.smart-entry-card,.participants,.league-setup-card,
    .league-system-card,.league-add-card,.standalone-controls-card,.knockout-control-card)
    :is(input.input,textarea.input,select.input),
  body #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.account-management-page,
    .backup-page,.record-detail-page
  ) > :is(.card,.ui-section-card,.account-card) :is(input.input,textarea.input,select.input) {
    background:var(--wz-royal-field)!important;
    color:var(--wz-royal-ink)!important;
  }
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page
  ) > :is(.game-select-card,.smart-entry-card,.participants,.league-setup-card,
    .league-system-card,.league-add-card,.standalone-controls-card,.knockout-control-card)
    :is(input.input,textarea.input,select.input):focus-visible {
    border-color:var(--wz-royal-bright)!important;
    box-shadow:inset 0 0 7px rgba(var(--wz-royal-glow),.08),
      0 0 9px rgba(var(--wz-royal-glow),.31)!important;
  }
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page
  ) > :is(.game-select-card,.smart-entry-card,.participants,.league-setup-card,
    .league-system-card,.league-add-card,.standalone-controls-card,.knockout-control-card)
    :is(.quick-control,.add-player-btn,.wolf-roster-open-btn,.neon-control)
    :is(.control-icon,.wz-control-icon,.navigation-icon,svg),
  body #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.record-detail-page,
    .account-management-page,.backup-page
  ) > :is(.card,.ui-section-card,.account-card)
    :is(.settings-icon,.navigation-icon,.control-icon,.records-admin-tool-icon,
      .record-action-icon) svg {
    color:var(--wz-royal-glyph)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(var(--wz-royal-glow),.25))!important;
  }
  /* Selection accents belong to their own theme, not pink/cold blue. */
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page
  ) > :is(.game-select-card,.league-setup-card,.league-system-card)
    :is(.game-card-option.selected,.league-mode > button.selected,
      .league-scoring-picker > button.selected) {
    border-color:var(--wz-royal-edge)!important;
    box-shadow:0 0 9px rgba(var(--wz-royal-glow),.28)!important;
  }
}

/* recovery1976 — royal homepage finish (BURGUNDY & IVORY ONLY).
   Burgundy: deep garnet material without purple/pink tint, a crisp champagne
   copper perimeter, warmer brighter SVG drawing than its icon plate.
   Ivory: softened neutral-sand surface, focused gold rim and warmer directional
   shadow, darker gold icon drawing. The navy home, splash, plaque artwork,
   font metrics, page layout, knockout tree and export selectors are untouched. */
@layer identity {
  body.burgundy #app #view.wolf-layout-home {
    --wz-home-material:#3B1722;
    --wz-home-material-hi:#4A202B;
    --wz-home-face:#FFF6EA;
    --wz-home-secondary:#E8CFBF;
    --wz-home-icon-plate:#42202A;
    --wz-home-edge:var(--wolf-theme-neon);
    --wz-home-glyph:var(--wolf-theme-neon);
    --wz-home-glow:var(--wolf-theme-neon-rgb);
  }
  body.light #app #view.wolf-layout-home {
    --wz-home-material:#D7C5A8;
    --wz-home-material-hi:#E1D2B9;
    --wz-home-face:#342510;
    --wz-home-secondary:#674F33;
    --wz-home-icon-plate:#EFE3CE;
    --wz-home-edge:#B17D29;
    --wz-home-glyph:#865410;
    --wz-home-glow:190,140,49;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home
    > .home-main-menu > .home-entry {
    background:linear-gradient(158deg,var(--wz-home-material-hi) 0%,
      var(--wz-home-material) 70%)!important;
    border-color:var(--wz-home-edge)!important;
  }
  /* A short halo reads as a luminous metal edge rather than a broad haze. */
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    box-shadow:inset 0 1px 0 rgba(255,245,228,.18),
      inset 0 0 6px rgba(224,183,145,.055),
      0 0 5px rgba(255,242,221,.45),
      0 0 11px rgba(255,242,221,.14),
      0 6px 12px rgba(20,6,11,.26)!important;
  }
  body.light #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    box-shadow:inset 0 1px 0 rgba(255,251,240,.43),
      inset 0 -1px 0 rgba(143,100,37,.07),
      0 0 5px rgba(190,140,49,.31),
      0 0 11px rgba(190,140,49,.10),
      0 7px 13px rgba(93,62,28,.23)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .home-icon {
    background:var(--wz-home-icon-plate)!important;
    border-color:var(--wz-home-edge)!important;
    color:var(--wz-home-glyph)!important;
  }
  /* Icon plate stays subdued; light belongs to the actual SVG outline. */
  body.burgundy #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .home-icon {
    box-shadow:inset 0 1px 0 rgba(255,244,230,.13),
      0 0 5px rgba(255,242,221,.20)!important;
  }
  body.light #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .home-icon {
    box-shadow:inset 0 1px 0 rgba(255,252,240,.35),
      0 2px 5px rgba(104,68,23,.16),
      0 0 5px rgba(190,140,49,.20)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .home-icon svg {
    color:var(--wz-home-glyph)!important;
    stroke:currentColor!important;
    opacity:1!important;
  }
  body.burgundy #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .home-icon svg {
    filter:drop-shadow(0 -0.4px 0 rgba(255,250,235,.54))
      drop-shadow(0 0 1.35px rgba(255,234,201,.46))!important;
  }
  body.light #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .home-icon svg {
    /* recovery1978: legible gold SVG drawing, unchanged icon plate/rim. */
    stroke-width:2.62px!important;
    opacity:1!important;
    filter:drop-shadow(0 0 .8px rgba(181,132,50,.48))
      drop-shadow(0 0 1.65px rgba(181,132,50,.25))!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home
    > .home-main-menu > .home-entry :is(.menu-copy,.mode-copy) > b {
    color:var(--wz-home-face)!important;
    text-shadow:none!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home
    > .home-main-menu > .home-entry :is(.menu-copy,.mode-copy) > small {
    color:var(--wz-home-secondary)!important;
    text-shadow:none!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .menu-chevron svg {
    color:var(--wz-home-glyph)!important;
    stroke:currentColor!important;
    opacity:1!important;
    filter:drop-shadow(0 0 1.8px rgba(var(--wz-home-glow),.26))!important;
  }
}


/* recovery1977 — WOLF ZONE / ONE INK + ONE NEON PER THEME.
   Single chromatic identity owner. Every screen uses exactly one family of text
   pigment and one hue of luminous UI detailing. Home is brightest; routed
   titles medium; interactive surfaces moderate; descriptions soft. Icon drawings,
   arrows and panel edges receive the same single theme neon, never independent
   pink, copper, blue or cold-silver decorations in a different theme.
   Does not own the original logo, SVG plaque silhouette, player/winner/result
   semantics, tournamentBoard geometry, trophy artwork, or exported canvases. */
@layer identity {
  body:not(.burgundy):not(.light) {
    --wolf-theme-ink:#EAF4FF;
    --wolf-theme-neon:#378FFD;
    --wolf-theme-neon-rgb:55,143,253;
    --wolf-theme-plate:#0D1D30;
    --wolf-theme-panel:#0B1D32;
    --wolf-theme-field:#102640;
    --wolf-theme-shadow:rgba(0,7,19,.24);
    --wolf-theme-light-sheen:rgba(234,244,255,.075);
  }
  body.burgundy {
    --wolf-theme-ink:#F7E8D8;
    --wolf-theme-neon:#F8FAF9;
    --wolf-theme-neon-rgb:248,250,249;
    --wolf-theme-plate:#43202B;
    --wolf-theme-panel:#3B1722;
    --wolf-theme-field:#4A202B;
    --wolf-theme-shadow:rgba(20,7,14,.32);
    --wolf-theme-light-sheen:rgba(247,232,216,.09);
  }
  body.light {
    --wolf-theme-ink:#3C2B1D;
    --wolf-theme-neon:#B58432;
    --wolf-theme-neon-rgb:181,132,50;
    --wolf-theme-plate:#EEE1CB;
    --wolf-theme-panel:#D7C5A8;
    --wolf-theme-field:#E8D7BA;
    --wolf-theme-shadow:rgba(83,53,20,.22);
    --wolf-theme-light-sheen:rgba(255,250,231,.18);
  }
  /* Update the app's existing legacy aliases rather than adding a second
     competing color model to individual pages. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) {
    --ui-ink:var(--wolf-theme-ink)!important;
    --ui-text:var(--wolf-theme-ink)!important;
    --ui-muted:color-mix(in srgb,var(--wolf-theme-ink) 76%,transparent)!important;
    --ui-icon:var(--wolf-theme-neon)!important;
    --ui-accent:var(--wolf-theme-neon)!important;
    --ui-rgb:var(--wolf-theme-neon-rgb)!important;
    --wz-theme-neon-edge:var(--wolf-theme-neon);
    --wolf-icon-glyph:var(--wolf-theme-neon)!important;
    --wolf-back-glyph:var(--wolf-theme-neon)!important;
    --wolf-back-edge:var(--wolf-theme-neon)!important;
    --wolf-record-glyph:var(--wolf-theme-neon)!important;
    --wolf-neon-tier-border:var(--wolf-theme-neon);
    --wolf-neon-tier-glow-color:rgba(var(--wolf-theme-neon-rgb),.36);
    --wolf-neon-tier-strong:inset 0 0 12px rgba(var(--wolf-theme-neon-rgb),.15),0 0 10px rgba(var(--wolf-theme-neon-rgb),.53),0 0 21px rgba(var(--wolf-theme-neon-rgb),.24);
    --wolf-neon-tier-medium:inset 0 0 8px rgba(var(--wolf-theme-neon-rgb),.09),0 0 8px rgba(var(--wolf-theme-neon-rgb),.32),0 0 16px rgba(var(--wolf-theme-neon-rgb),.13);
    --wolf-neon-tier-soft:inset 0 0 6px rgba(var(--wolf-theme-neon-rgb),.04),0 0 6px rgba(var(--wolf-theme-neon-rgb),.14);
    --wolf-neon:var(--wolf-theme-neon)!important;
    --wolf-glow-icon:rgba(var(--wolf-theme-neon-rgb),.46)!important;
    --wolf-icon-halo:rgba(var(--wolf-theme-neon-rgb),.32)!important;
    --wolf-glow:rgba(var(--wolf-theme-neon-rgb),.24)!important;
    --wz-glow:rgba(var(--wolf-theme-neon-rgb),.24)!important;
    --wolf-settings-neon-line:var(--wolf-theme-neon);
    --wolf-settings-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-feedback-glyph:var(--wolf-theme-neon);
    --wolf-record-edge:var(--wolf-theme-neon);
    --wolf-record-glow:rgba(var(--wolf-theme-neon-rgb),.29);
    --wolf-nav-edge:var(--wolf-theme-neon);
    --wolf-nav-glyph:var(--wolf-theme-neon);
    --wolf-nav-glyph-color:var(--wolf-theme-neon);
    --wolf-nav-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-live-neon-edge:var(--wolf-theme-neon);
    --wolf-live-neon-rgb:var(--wolf-theme-neon-rgb);
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view:is(.wolf-layout-home,.wolf-layout-page) {
    --wolf-one-title:var(--wolf-theme-ink);
    --wolf-one-copy:color-mix(in srgb,var(--wolf-theme-ink) 77%,transparent);
    --wolf-one-detail:color-mix(in srgb,var(--wolf-theme-ink) 65%,transparent);
    --wolf-one-icon:var(--wolf-theme-neon);
    --wolf-one-neon:var(--wolf-theme-neon);
    --wolf-one-glow:var(--wolf-theme-neon-rgb);
    --wolf-head-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-box-neon-edge:var(--wolf-theme-neon)!important;
    --wolf-back-rgb:var(--wolf-theme-neon-rgb)!important;
    --wolf-sub-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-sub-neon-edge:var(--wolf-theme-neon);
    --wolf-sub-glyph:var(--wolf-theme-neon);
    /* Own the view-level aliases too: older skins set these directly on
       #view with !important, so inheriting body aliases is not sufficient. */
    --ui-ink:var(--wolf-theme-ink)!important;
    --ui-text:var(--wolf-theme-ink)!important;
    --ui-muted:color-mix(in srgb,var(--wolf-theme-ink) 76%,transparent)!important;
    --ui-icon:var(--wolf-theme-neon)!important;
    --ui-accent:var(--wolf-theme-neon)!important;
    --ui-rgb:var(--wolf-theme-neon-rgb)!important;
    --wz-theme-neon-edge:var(--wolf-theme-neon);
    --wolf-glow-icon:rgba(var(--wolf-theme-neon-rgb),.46)!important;
    --wolf-icon-halo:rgba(var(--wolf-theme-neon-rgb),.32)!important;
    --wolf-glow:rgba(var(--wolf-theme-neon-rgb),.24)!important;
    --wolf-settings-neon-line:var(--wolf-theme-neon);
    --wolf-settings-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-nav-edge:var(--wolf-theme-neon);
    --wolf-nav-glyph:var(--wolf-theme-neon);
    --wolf-nav-glyph-color:var(--wolf-theme-neon);
    --wolf-nav-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-live-neon-edge:var(--wolf-theme-neon);
    --wolf-live-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-record-edge:var(--wolf-theme-neon);
    --wolf-record-glow:rgba(var(--wolf-theme-neon-rgb),.29);
    --wolf-feedback-glyph:var(--wolf-theme-neon);
  }
  /* Route-only chrome: lower ambient strength than the primary landing scene. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page {
    --wz-royal-panel:var(--wolf-theme-panel);
    --wz-royal-field:var(--wolf-theme-field);
    --wz-royal-edge:var(--wolf-theme-neon);
    --wz-royal-bright:var(--wolf-theme-ink);
    --wz-royal-ink:var(--wolf-theme-ink);
    --wz-royal-muted:color-mix(in srgb,var(--wolf-theme-ink) 76%,transparent);
    --wz-royal-glyph:var(--wolf-theme-neon);
    --wz-royal-glow:var(--wolf-theme-neon-rgb);
    --wz-royal-shadow:var(--wolf-theme-shadow);
    --wz-royal-sheen:var(--wolf-theme-light-sheen);
    --wz-royal-rim:inset 0 1px 0 var(--wolf-theme-light-sheen),
      inset 0 0 9px rgba(var(--wolf-theme-neon-rgb),.055),
      0 0 7px rgba(var(--wolf-theme-neon-rgb),.30),
      0 0 13px rgba(var(--wolf-theme-neon-rgb),.10),
      0 5px 12px var(--wolf-theme-shadow);
    --wz-royal-mini-rim:inset 0 0 6px rgba(var(--wolf-theme-neon-rgb),.045),
      0 0 7px rgba(var(--wolf-theme-neon-rgb),.19);
    --wolf-app-back-edge:var(--wolf-theme-neon);
    --wolf-app-back-ink:var(--wolf-theme-neon);
    --wolf-app-back-glow:var(--wolf-theme-neon-rgb);
    --wolf-app-back-surface:var(--wolf-theme-plate);
    --wolf-sub-card-ink:var(--wolf-theme-ink);
    --wolf-sub-copy-ink:var(--wz-royal-muted);
    --wolf-sub-panel-rim:var(--wz-royal-rim);
  }
  /* Shared non-competition page features reusing the single contract. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.account-management-page,
    .records-menu-page,.record-detail-page,.record-total-page,
    .backup-page,.honor-studio-page,.honor-page,.tournament-hub-page,.team-hub-page
  ) {
    --wolf-settings-neon-line:var(--wolf-theme-neon);
    --wolf-settings-neon-rgb:var(--wolf-theme-neon-rgb);
    --wolf-nav-edge:var(--wolf-theme-neon);
    --wolf-nav-glyph:var(--wolf-theme-neon);
    --wolf-record-edge:var(--wolf-theme-neon);
    --wolf-feedback-glyph:var(--wolf-theme-neon);
    --wolf-record-glyph:var(--wolf-theme-neon);
    --wolf-record-glow:rgba(var(--wolf-theme-neon-rgb),.29);
  }
  /* Home: preserve original geometry and navy reference material. One glow
     pigment across menu rims, title plaque rim, arrows and real SVG drawings. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-home {
    --home-neon-rgb:var(--wolf-theme-neon-rgb);
    --home-neon-edge:var(--wolf-theme-neon);
    --home-glow-glyph:var(--wolf-theme-neon);
    --home-glow-chevron:var(--wolf-theme-neon);
    --home-neon-frame:var(--wolf-theme-neon-rgb);
    --wz-home-face:var(--wolf-theme-ink);
    --wz-home-secondary:var(--wolf-one-copy);
    --wz-home-edge:var(--wolf-theme-neon);
    --wz-home-glyph:var(--wolf-theme-neon);
    --wz-home-glow:var(--wolf-theme-neon-rgb);
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-home > .home-main-menu > .home-entry
    :is(.menu-copy,.mode-copy) > b {
    color:var(--wolf-one-title)!important;
    -webkit-text-fill-color:var(--wolf-one-title)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-home > .home-main-menu > .home-entry
    :is(.menu-copy,.mode-copy) > small {
    color:var(--wolf-one-copy)!important;
    -webkit-text-fill-color:var(--wolf-one-copy)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-home > .home-main-menu > .home-entry
    > :is(.home-icon,.menu-chevron) :is(svg,path,rect,circle,polyline,line,polygon) {
    color:var(--wolf-one-icon)!important;
    stroke:currentColor!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    border-color:var(--wolf-theme-neon)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    box-shadow:inset 0 1px 0 rgba(255,247,237,.17),
      inset 0 0 5px rgba(244,212,179,.10),
      0 0 5px rgba(244,212,179,.55),0 0 11px rgba(244,212,179,.20),
      0 6px 12px rgba(20,6,11,.27)!important;
  }
  body.light #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    box-shadow:inset 0 1px 0 rgba(255,251,240,.38),
      0 0 5px rgba(181,132,50,.33),0 0 11px rgba(181,132,50,.14),
      0 7px 13px rgba(83,53,20,.22)!important;
  }
  body:is(.burgundy,.light) #app #view.wolf-layout-home
    > .home-main-menu > .home-entry > .home-icon {
    border-color:var(--wolf-one-neon)!important;
    color:var(--wolf-one-icon)!important;
    box-shadow:inset 0 1px 0 var(--wolf-theme-light-sheen),
      0 0 6px rgba(var(--wolf-one-glow),.20)!important;
  }
  /* Original channel emblem stays multicolor. Its surrounding WRITTEN word
     'ولف' no longer introduces a fourth arbitrary yellow shade. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view:is(.wolf-layout-home,.wolf-layout-page)
    :is(.wolf-brand-channel,.home-channel,.channel) {
    color:var(--wolf-one-title)!important;
    border-color:var(--wolf-one-neon)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view:is(.wolf-layout-home,.wolf-layout-page)
    :is(.wolf-brand-channel,.home-channel,.channel) :is(b,.wolf-highlight,span) {
    color:var(--wolf-one-title)!important;
    -webkit-text-fill-color:var(--wolf-one-title)!important;
    text-shadow:none!important;
  }
  /* Signed metallic typography: one pigment with alternating reflection and
     shadow of the SAME tint. No gold insert in a silver theme or vice versa. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view:is(.wolf-layout-home,.wolf-layout-page)
    :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering {
    --wolf-royal-silver-face:linear-gradient(180deg,
      color-mix(in srgb,var(--wolf-one-title) 94%,white) 0%,
      var(--wolf-one-title) 24%,
      color-mix(in srgb,var(--wolf-one-title) 79%,black) 48%,
      color-mix(in srgb,var(--wolf-one-title) 95%,white) 67%,
      color-mix(in srgb,var(--wolf-one-title) 84%,black) 86%,
      var(--wolf-one-title) 100%);
    --wolf-royal-accent-face:var(--wolf-royal-silver-face);
    --wolf-royal-letter-rim:color-mix(in srgb,var(--wolf-one-title) 68%,black);
    --wolf-royal-letter-depth:color-mix(in srgb,var(--wolf-one-title) 69%,black);
    --wolf-royal-letter-shadow:var(--wolf-theme-shadow);
  }
  /* Exact text-material owner for both chrome title renderers: the previous
     homepage selector is more specific than the common plaque rule above.
     Same pigment, softly modulated brightness to retain 3D lettering. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-home .home-showcase.home-simple
    .royal-tier-hero .royal-reference-lettering,
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page .royal-tier-page .royal-reference-lettering {
    --wolf-royal-silver-face:linear-gradient(180deg,
      color-mix(in srgb,var(--wolf-one-title) 95%,white) 0%,
      var(--wolf-one-title) 24%,
      color-mix(in srgb,var(--wolf-one-title) 79%,black) 49%,
      var(--wolf-one-title) 69%,
      color-mix(in srgb,var(--wolf-one-title) 83%,black) 86%,
      var(--wolf-one-title) 100%);
    --wolf-royal-accent-face:var(--wolf-royal-silver-face);
    --wolf-royal-letter-rim:color-mix(in srgb,var(--wolf-one-title) 67%,black);
    --wolf-royal-letter-depth:color-mix(in srgb,var(--wolf-one-title) 72%,black);
    --wolf-royal-letter-shadow:var(--wolf-theme-shadow);
  }
  /* recovery1978 — Burgundy: one champagne-ivory ink on metallic plaques.
     Small warm-luminance reflections only, no cold gray or separate gold hue.
     The title lettering keeps the exact dimensions, geometry and typeface. */
  body.burgundy #app #view.wolf-layout-home .home-showcase.home-simple
    .royal-tier-hero .royal-reference-lettering,
  body.burgundy #app #view.wolf-layout-page .royal-tier-page .royal-reference-lettering {
    --wolf-royal-silver-face:linear-gradient(180deg,
      #FFF2E7 0%,#F7E8D8 24%,#E8D1BE 48%,
      #F7E8D8 69%,#E4C6AE 86%,#F7E8D8 100%)!important;
    --wolf-royal-accent-face:var(--wolf-royal-silver-face)!important;
    --wolf-royal-letter-rim:#C8A78D!important;
    --wolf-royal-letter-depth:#B99A83!important;
    --wolf-royal-letter-shadow:rgba(30,9,16,.38)!important;
  }
  /* Text hierarchy across the real content chrome; neither the KO tree nor
     match/result rows nor artwork are selected. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > b,
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page,.settings-page,
    .management-hub-page,.records-menu-page,.record-detail-page,.record-total-page,
    .account-management-page,.backup-page,.honor-studio-page,.honor-page,.team-hub-page
  ) > :is(.card,.ui-section-card,.participants,.smart-entry-card,.game-select-card,
    .league-setup-card,.league-system-card,.account-card,.hs-panel) > :is(h2,h3,h4,.section-title),
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(.settings-page,.management-hub-page,
    .records-menu-page,.account-management-page,.backup-page)
    :is(.settings-section-title,.setting-title,.record-section-title,.management-title) {
    color:var(--wolf-one-title)!important;
    -webkit-text-fill-color:var(--wolf-one-title)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > small,
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page,.settings-page,
    .management-hub-page,.records-menu-page,.record-detail-page,.record-total-page,
    .account-management-page,.backup-page,.honor-studio-page,.honor-page,.team-hub-page
  ) :is(.field-label,.quick-game-status,.smart-entry-hint,.league-field-hint,
    .league-calendar-hint,.settings-utility-detail,.muted,.account-status,
    .wolf-combined-caption,.record-copy > small,.notice) {
    color:var(--wolf-one-copy)!important;
    -webkit-text-fill-color:var(--wolf-one-copy)!important;
  }
  /* The approved tournament board has an isolated copy of the PREVIOUS
     stable theme inheritance, so the new chrome palette cannot recolour its
     fixtures, winner badges, cup or trophy. No bracket geometry is changed. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page #tournamentBoard {
    --ui-icon:#83B8FF!important;
    --ui-accent:#378FFD!important;
    --ui-rgb:55,143,253!important;
    --ui-ink:#F4F7FC!important;
    --ui-muted:#D1DEEF!important;
    --wz-theme-neon-edge:#378FFD;
    --wolf-icon-glyph:#83B8FF!important;
    --wolf-glow-icon:rgba(55,143,253,.55)!important;
    --wolf-neon-tier-border:#378FFD;
    --wolf-neon-tier-medium:inset 0 0 9px rgba(55,143,253,.12),0 0 9px rgba(55,143,253,.40),0 0 16px rgba(55,143,253,.19);
    --wolf-neon-tier-soft:inset 0 0 6px rgba(55,143,253,.055),0 0 6px rgba(55,143,253,.15);
  }
  body.burgundy #app #view.wolf-layout-page #tournamentBoard {
    /* One real owner for the burgundy KO board's non-result chrome. */
    --ui-icon:#F8FAF9!important;
    --ui-accent:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --ui-ink:#FFF6EE!important;
    --ui-muted:#DFD6D7!important;
    --wz-theme-neon-edge:#F8FAF9;
    --wolf-icon-glyph:#F8FAF9!important;
    --wolf-glow-icon:rgba(248,250,249,.48)!important;
    --wolf-neon-tier-border:#F8FAF9;
    --wolf-neon-tier-medium:inset 0 0 9px rgba(248,250,249,.12),0 0 9px rgba(248,250,249,.40),0 0 16px rgba(248,250,249,.19);
    --wolf-neon-tier-soft:inset 0 0 6px rgba(248,250,249,.055),0 0 6px rgba(248,250,249,.15);
  }
  body.light #app #view.wolf-layout-page #tournamentBoard {
    --ui-icon:#865B18!important;
    --ui-accent:#B58430!important;
    --ui-rgb:181,132,48!important;
    --ui-ink:#382812!important;
    --ui-muted:#6A4C26!important;
    --wz-theme-neon-edge:#C29840;
    --wolf-icon-glyph:#865B18!important;
    --wolf-glow-icon:rgba(184,132,37,.68)!important;
    --wolf-neon-tier-border:#C29840;
    --wolf-neon-tier-medium:inset 0 0 9px rgba(181,132,48,.12),0 0 9px rgba(181,132,48,.40),0 0 16px rgba(181,132,48,.19);
    --wolf-neon-tier-soft:inset 0 0 6px rgba(181,132,48,.055),0 0 6px rgba(181,132,48,.15);
  }
  /* Interactive primary UI uses the theme pigment and theme luminous outline,
     with the existing semantic disabled/success/winner-danger styles untouched. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page,.settings-page,
    .management-hub-page,.account-management-page,.backup-page
  ) > :is(.game-select-card,.smart-entry-card,.participants,.league-setup-card,
    .league-system-card,.league-add-card,.standalone-controls-card,
    .knockout-control-card,.card,.ui-section-card,.account-card)
    :is(input.input,textarea.input,select.input,.wolf-roster-open-btn,
    .add-player-btn,.quick-control,.neon-control,.settings-action,
    .league-start-date-card):not(.danger):not(.gold) {
    border-color:var(--wolf-one-neon)!important;
    color:var(--wolf-one-title)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page,.settings-page,
    .management-hub-page,.account-management-page,.backup-page
  ) > :is(.game-select-card,.smart-entry-card,.participants,.league-setup-card,
    .league-system-card,.league-add-card,.standalone-controls-card,
    .knockout-control-card,.card,.ui-section-card,.account-card)
    :is(input.input,textarea.input,select.input):not([type='checkbox']) {
    background:var(--wolf-theme-field)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page,.settings-page,
    .management-hub-page,.account-management-page,.backup-page,
    .record-detail-page,.record-total-page,.records-menu-page
  ) :is(.control-icon,.wz-control-icon,.navigation-icon,.settings-icon,
    .records-admin-tool-icon,.record-action-icon,.menu-icon,.mode-icon,
    .mode-card-icon,.record-visual-icon,.mode-arrow,.menu-chevron,
    .records-menu-arrow,.records-arrow) svg {
    color:var(--wolf-one-icon)!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 1.6px rgba(var(--wolf-one-glow),.23))!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page > :is(button.back,button.back.back-system) {
    color:var(--wolf-one-neon)!important;
    border-color:var(--wolf-one-neon)!important;
    box-shadow:inset 0 0 7px rgba(var(--wolf-one-glow),.08),
      0 0 8px rgba(var(--wolf-one-glow),.38),
      0 0 15px rgba(var(--wolf-one-glow),.12)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page > :is(button.back,button.back.back-system) :is(svg,.navigation-icon) {
    color:var(--wolf-one-icon)!important;
    stroke:currentColor!important;
  }
  /* One luminous color in the theme for surfaces, fields and menus. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card) {
    border-color:var(--wolf-one-neon)!important;
    box-shadow:var(--wz-royal-rim)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.home-entry,.mode-card,.menu-row,.record-card)
    > :is(.home-icon,.mode-icon,.mode-card-icon,.records-admin-tool-icon,
      .record-visual,.record-visual-icon) {
    color:var(--wolf-one-icon)!important;
    border-color:var(--wolf-one-neon)!important;
  }
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .quick-normal-page,.league-page,.knockout-page
  ) > :is(.game-select-card,.smart-entry-card,.participants,.standalone-controls-card,
    .setup-card,.league-setup-card,.league-system-card,.league-add-card,
    .league-participants-card,.competition-meta-card,.knockout-control-card),
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.tournament-hub-page,.records-menu-page,
    .record-detail-page,.record-total-page,.account-management-page,.backup-page,
    .honor-studio-page,.honor-page,.team-hub-page
  ) > :is(.card,.ui-section-card,.account-card,.settings-appearance-card,
    .settings-feedback-card,.settings-about-card,.hs-panel) {
    border-color:var(--wolf-one-neon)!important;
    box-shadow:var(--wz-royal-rim)!important;
  }
  /* All non-semantic common action buttons share the hue without introducing
     yellow/red/blue split backgrounds. Semantically meaningful result colors
     and delete-danger indicators remain intentionally distinct. */
  body:is(:not(.burgundy):not(.light),.burgundy,.light) #app #view.wolf-layout-page :is(.settings-page,.management-hub-page,
    .account-management-page,.backup-page,.records-menu-page)
    :is(button.action,button.settings-action,button.ui-action,
      button.record-action-button):not(.red):not(.danger):not(.gold) {
    border-color:var(--wolf-one-neon)!important;
    color:var(--wolf-one-title)!important;
    box-shadow:var(--wz-royal-mini-rim)!important;
  }
}


/* recovery1980 — 5–6% tighter SUBPAGE rectangles, three themes.
   One sizing contract for live route chrome only. The five home cards from
   recovery1979 remain separate. All text, glyphs, card widths, 44px controls,
   fixture rows, bracket and export content preserve their approved geometry. */
@layer identity {
  body #app #view.wolf-layout-page {
    --wolf-nav-min-height:76px; /* 80 -> 76, exactly 5% */
    --wolf-nav-pad:10px 14px; /* former 12px vertical, unchanged horizontal */
  }
  /* Hubs: tournament, admin, records and control menus. Natural height
     protects Arabic wrapped titles, tall icons and accessible tap targets. */
  body #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical
  ) > :is(.mode-card,.menu-row,.record-card) {
    min-height:76px!important;
    height:auto!important;
    padding-block:10px!important;
  }
  /* Only first-level setup/controls/participant panels. NEVER match-panel,
     .match, .league-stage, #tournamentBoard, trophy or exported templates. */
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page
  ) > :is(
    .setup-card,.game-select-card,.smart-entry-card,.participants,
    .standalone-controls-card,.league-setup-card,.league-system-card,
    .league-add-card,.league-participants-card,.competition-meta-card,
    .knockout-control-card,.league-control-card
  ) {
    padding-block:clamp(10.4px,2.83vw,14.1px)!important;
  }
  /* Settings' dedicated 13px panel padding: reduce 5.4%, keep inline padding. */
  body #app #view.wolf-layout-page .settings-page
    > .card.ui-section-card:is(
      .settings-appearance-card,.settings-feedback-card,.settings-about-card
    ) {
    padding-block:12.3px!important;
  }
  /* Smaller information sections on iPhone already have 8px vertical
     padding: keep their approved layout and gently reduce it to 7.55px.
     Never target competition matchup panels or inner award artwork. */
  @media (max-width:480px) {
    body #app #view.wolf-layout-page :is(
      .management-hub-page,.records-menu-page,.record-detail-page,
      .record-total-page,.account-management-page,.backup-page,
      .honor-page,.honor-studio-page,.team-hub-page,.tournament-hub-page
    ) > :is(
      .card,.ui-section-card,.account-card,.hs-panel,
      .standalone-backup-card,.admin-activity-card
    ) {
      padding-block:7.55px!important; /* 8 -> 7.55, ~5.6% */
    }
  }
  @media (max-width:360px) {
    body #app #view.wolf-layout-page {
      --wolf-nav-min-height:74px; /* earlier narrow 78px: -5.1% */
      --wolf-nav-pad:9px 9px;
    }
    body #app #view.wolf-layout-page :is(
      .tournament-modes,.team-hub-menu,.wolf-control-menu,.records-vertical
    ) > :is(.mode-card,.menu-row,.record-card) {
      min-height:74px!important;
      padding-block:9px!important;
    }
  }
}

/* recovery1982 — iOS-safe roster navigation / compact empty workspace.
   A native dialog is promoted to the browser top layer; its sticky back button
   stays outside the scrolling roster. Preserve the original page/form/handlers. */
@layer identity {
  #app #view .wolf-roster-dialog {
    position:fixed!important;inset:0!important;z-index:4000!important;
    box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;
    height:100dvh!important;max-height:100dvh!important;min-height:0!important;
    margin:0!important;padding:max(18px,env(safe-area-inset-top,0px)) 16px max(24px,env(safe-area-inset-bottom,0px))!important;
    border:0!important;border-radius:0!important;
    background:var(--ui-bg,#050D1B)!important;color:var(--wolf-theme-ink,var(--ui-ink))!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #app #view .wolf-roster-dialog::backdrop{
    background:var(--ui-bg,#050D1B)!important;opacity:1!important;
  }
  #app #view .wolf-roster-dialog.wolf-roster-dialog-fallback{z-index:4000!important;}
  #app #view .wolf-roster-dialog > .wolf-roster-page-back{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    gap:9px!important;position:sticky!important;top:0!important;z-index:2!important;
    min-height:48px!important;margin:0 0 15px!important;padding:9px 15px!important;
    border:1px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    border-radius:12px!important;background:var(--ui-inner,var(--ui-surface))!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;
    box-shadow:0 0 7px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.19)!important;
    font:700 15px WolfTajawal,Tajawal,sans-serif!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-page-back .navigation-icon{
    width:22px!important;height:22px!important;color:var(--wolf-theme-neon,var(--ui-accent))!important;
  }
  #app #view .wolf-roster-dialog .wolf-smart-roster.wolf-roster-open{
    position:relative!important;inset:auto!important;z-index:auto!important;
    width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;
    overflow:visible!important;margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  #app #view .wolf-roster-dialog .wolf-smart-roster.wolf-roster-open > h2{
    font-size:clamp(19px,4.5vw,22px)!important;font-weight:750!important;line-height:1.3!important;
    margin:3px 0 8px!important;
  }
  #app #view .wolf-roster-dialog .wolf-smart-roster .wolf-roster-body{
    margin:8px 0 0!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-locked-note{
    font-size:clamp(13px,3.4vw,15px)!important;line-height:1.5!important;margin-block:7px 12px!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-empty-state{
    display:none!important;
    padding:20px 10px!important;margin:8px 0!important;text-align:center!important;
    font-size:15px!important;font-weight:600!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;opacity:.7!important;
    border:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.32)!important;
    border-radius:12px!important;
  }
  
  
}

/* recovery1981 — approved 9-point competitions, settings, tournament selection. */
@layer identity {
  /* Fixed roster workspace overlays without re-rendering the actual competition. */
  body.wolf-roster-page-visible{overflow:hidden!important;}
  #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-smart-roster > h2 {
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
    font-size:clamp(21px,5.45vw,27px)!important;line-height:1.3!important;
  }
  #app #view .wolf-smart-roster > h2 .wolf-roster-open-btn{
    margin:0!important;min-height:44px!important;flex-shrink:0!important;font-size:14px!important;
  }
  #app #view .wolf-smart-roster:not(.wolf-roster-open) .wolf-roster-body{display:none!important;}
  #app #view .wolf-smart-roster .wolf-roster-page-back{display:none!important;}
  #app #view .wolf-smart-roster.wolf-roster-open {
    position:fixed!important;inset:0!important;z-index:3200!important;overflow:auto!important;
    width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;
    margin:0!important;border-radius:0!important;padding:max(14px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom))!important;
    background:var(--wolf-theme-bg,var(--ui-bg))!important;
    box-sizing:border-box!important;overscroll-behavior:contain!important;
    box-shadow:none!important;-webkit-overflow-scrolling:touch!important;
  }
  #app #view .wolf-smart-roster.wolf-roster-open .wolf-roster-page-back{
    display:block!important;min-height:46px!important;padding:8px 14px!important;margin:4px 0 18px!important;
    border:1px solid var(--wolf-theme-neon,var(--ui-accent))!important;border-radius:12px!important;
    background:var(--ui-surface)!important;color:var(--wolf-theme-ink,var(--ui-ink))!important;
    font:700 16px WolfTajawal,Tajawal,sans-serif!important;
  }
  #app #view .wolf-smart-roster.wolf-roster-open .wolf-roster-open-btn{display:none!important;}
  #app #view .wolf-smart-roster.wolf-roster-open .wolf-roster-body{display:block!important;margin:14px 0!important;}
  #app #view .wolf-smart-roster.wolf-roster-open .wolf-roster-workspace-add{
    display:grid!important;gap:8px!important;margin:8px 0 18px!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;
  }
  #app #view .wolf-smart-roster .wolf-roster-workspace-row{display:flex!important;align-items:stretch!important;gap:9px!important;}
  #app #view .wolf-smart-roster .wolf-roster-workspace-input{flex:1!important;min-width:0!important;min-height:72px!important;resize:vertical!important;}
  #app #view .wolf-smart-roster .wolf-roster-workspace-row .action{min-width:76px!important;min-height:46px!important;}
  #app #view .wolf-smart-roster .wolf-roster-locked-note{color:var(--ui-muted)!important;margin-block:10px!important;}
  #app #view .wolf-smart-roster.wolf-roster-open .participant-table :is(th,td){padding-block:5px!important;}
  #app #view .wolf-smart-roster.wolf-roster-open .participant-table .participant-controls :is(button,.iconbtn){min-width:44px!important;min-height:44px!important;filter:none!important;box-shadow:0 0 5px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.13)!important;}
  /* Status is inline with an existing heading: no extra badge or card. */
  #app #view :is(.quick-normal-page,.knockout-page) .game-select-card > h2{
    display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page) .wolf-stage-status{
    color:var(--wolf-theme-ink,var(--ui-ink))!important;opacity:.65!important;
    font-size:clamp(12px,3vw,14px)!important;font-weight:650!important;white-space:nowrap!important;
  }
  /* Existing fields, match cards and names retain readable sizes; only empty space is reduced. */
  #app #view :is(.quick-normal-page,.knockout-page) :is(.game-select-card,.smart-entry-card,.match-panel:not(.ko-current-round)){
    padding-block:clamp(10px,2.6vw,13px)!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page) :is(.game-select-card,.smart-entry-card) > h2,
  #app #view :is(.quick-normal-page,.knockout-page) :is(.match-title-row h2,.wolf-winner-heading){
    font-size:clamp(22px,5.35vw,28px)!important;font-weight:750!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page) .wolf-compact-winner .wolf-batch-confirm{
    min-height:44px!important;font-weight:800!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page) .wolf-batch-confirm:not(.wolf-batch-complete){
    background:var(--ui-accent)!important;filter:none!important;
    box-shadow:0 0 10px rgba(var(--ui-rgb),.25)!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page) :is(.participant-controls .iconbtn,.quick-control:not(.primary),.wolf-batch-choice){
    filter:none!important;box-shadow:0 0 5px rgba(var(--ui-rgb),.12)!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page)[data-wolf-stage='setup'] :is(.game-select-card,.smart-entry-card){
    border-color:var(--wolf-theme-neon,var(--ui-accent))!important;
  }
  /* Tournament hub: icon glyph contrast and warm ivory depth, no layout changes. */
  body.burgundy #app #view .tournament-hub-page .mode-card.league .mode-svg{
    stroke-width:2.2!important;filter:drop-shadow(0 0 2px rgba(226,181,138,.30))!important;
  }
  body.light #app #view .tournament-hub-page .mode-card{
    box-shadow:0 5px 10px rgba(80,52,27,.17),inset 0 1px 0 rgba(255,250,238,.25)!important;
  }
  /* Settings: compact interactions with stable touch targets and one theme palette. */
  #app #view .settings-page :is(.settings-appearance-card,.settings-feedback-card,.settings-about-card) > h2{
    font-size:clamp(22px,5.35vw,28px)!important;font-weight:750!important;
  }
  #app #view .settings-page .feedback-royal-row.settings-switch-row{
    padding-block:clamp(9px,2.4vw,12px)!important;min-height:76px!important;
    box-shadow:0 0 7px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.13)!important;
  }
  #app #view .settings-page .feedback-royal-row > .settings-toggle,
  #app #view .settings-page .theme-chooser button{min-height:44px!important;}
  #app #view .settings-page .about-omar{color:var(--wolf-theme-ink,var(--ui-ink))!important;-webkit-text-fill-color:var(--wolf-theme-ink,var(--ui-ink))!important;text-shadow:none!important;}
  #app #view .settings-page .theme-chooser button:not(.selected){
    box-shadow:none!important;filter:none!important;opacity:.8!important;
  }
  #app #view .settings-page .theme-chooser button.selected{
    border-color:var(--wolf-theme-neon,var(--ui-accent))!important;
    box-shadow:0 0 9px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.28)!important;
    opacity:1!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-toggle .feedback-toggle-knob{
    background:#E2B58A!important;background-image:none!important;box-shadow:0 0 6px rgba(226,181,138,.2)!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-toggle{
    border-color:#E2B58A!important;box-shadow:0 0 6px rgba(226,181,138,.17)!important;
  }
  body.light #app #view .settings-page .feedback-royal-row.settings-switch-row{
    box-shadow:0 4px 9px rgba(73,48,24,.14)!important;
  }
}

@layer identity {
  /* Draw focus follows the competition phase, without hiding usable controls. */
  #app #view .quick-normal-page[data-wolf-stage='active'] :is(.game-select-card,.smart-entry-card){opacity:.90!important;}
  #app #view .quick-normal-page[data-wolf-stage='active'] .match-panel:not(.ko-current-round){
    border-color:var(--ui-accent)!important;
    box-shadow:0 0 12px rgba(var(--ui-rgb),.20)!important;
  }
}


/* recovery1984 — Royal auto-qualifier parity (LIVE FIXTURE PANELS ONLY).
   A bye stays after all bouts. Match grid, bracket tree and player cards
   are deliberately excluded. Reduce only the bye box's vertical footprint
   (about 20%) while matching the fixture's radius/border and gold winner ink. */
@layer identity {
  #app #view .quick-normal-page #matches > .match.quick-bye-match,
  #app #view .knockout-page .ko-current-round .ko-fixture-list > .match.ko-bye-match {
    box-sizing:border-box!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-height:0!important;height:auto!important;
    width:100%!important;padding:4px 0 0!important;margin:9px 0 0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-player.quick-bye-card.winner,
  #app #view .knockout-page .ko-current-round .ko-fixture-list > .match.ko-bye-match > .ko-bye-display {
    box-sizing:border-box!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;
    width:min(100%,420px)!important;max-width:100%!important;
    min-height:56px!important;height:auto!important;
    padding:7px 12px!important;gap:2px!important;
    border:2px solid #E6B85D!important;border-style:solid!important;
    border-radius:var(--ui-control-radius,13px)!important;
    background:#503B20!important;color:#FFE9B6!important;
    box-shadow:0 0 8px rgba(230,184,93,.20)!important;
    text-align:center!important;
  }
  #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-card .quick-player-name,
  #app #view .knockout-page .ko-current-round .ko-bye-match > .ko-bye-display > strong {
    font:800 17px/1.25 var(--ui-font)!important;
    color:inherit!important;min-width:0!important;overflow-wrap:anywhere!important;
  }
  #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-card > small,
  #app #view .knockout-page .ko-current-round .ko-bye-match > .ko-bye-display > small {
    font:700 13px/1.3 var(--ui-font)!important;
    color:inherit!important;margin:0!important;
  }
  body.burgundy #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-card.winner,
  body.burgundy #app #view .knockout-page .ko-current-round .ko-bye-match > .ko-bye-display {
    background:#513822!important;border-color:#E2B58A!important;
    color:#FFE9C4!important;box-shadow:0 0 8px rgba(226,181,138,.18)!important;
  }
  body.light #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-card.winner,
  body.light #app #view .knockout-page .ko-current-round .ko-bye-match > .ko-bye-display {
    background:#E6C47A!important;border-color:#A97727!important;
    color:#432A09!important;box-shadow:0 0 7px rgba(169,121,43,.21)!important;
  }
}

/* recovery2013 (extends recovery2000) — Automatic qualifier matches normal fixture cards.
   Use the same grid geometry as A/B/VS/number in real matches; no VS on the bye. The bye row
   is placed last by renderMatches. This is live quick challenge only. */
@layer identity {
  #app #view .quick-normal-page #matches > .match.quick-bye-match {
    display:flex!important;justify-content:stretch!important;align-items:center!important;
    box-sizing:border-box!important;min-width:0!important;width:100%!important;
    min-height:0!important;margin:9px 0 0!important;padding:3px 0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    display:grid!important;direction:rtl!important;align-items:stretch!important;
    grid-template-columns:22px minmax(0,1fr) 22px minmax(0,1fr)!important;
    column-gap:5px!important;row-gap:0!important;
  }
  #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-card {
    grid-column:2!important;grid-row:1!important;
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
    flex-direction:row!important;width:100%!important;max-width:none!important;min-width:0!important;
    min-height:44px!important;height:auto!important;margin:0!important;padding:7px 8px!important;
    border-width:2px!important;border-style:solid!important;border-radius:var(--ui-control-radius,13px)!important;
    /* Let .quick-player.winner own gold surface, edge, ink and glow in all themes. */
    text-align:center!important;
  }
  #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-card .quick-player-name {
    min-width:0!important;max-width:100%!important;flex:1 1 auto!important;
    color:inherit!important;font:inherit!important;
    text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-status {
    grid-column:4!important;grid-row:1!important;
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;min-height:44px!important;height:auto!important;
    margin:0!important;padding:7px 5px!important;
    border:2px solid #E6B85D!important;border-radius:var(--ui-control-radius,13px)!important;
    background:color-mix(in srgb,#E6B85D 12%,var(--ui-surface))!important;
    color:var(--ui-ink)!important;box-shadow:0 0 6px rgba(230,184,93,.14)!important;
    font:750 clamp(11px,3.5vw,14px)/1.3 var(--ui-font)!important;text-align:center!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
  }
  body.burgundy #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-status {
    border-color:#E2B58A!important;background:#36212A!important;color:#FFE9C4!important;
    box-shadow:0 0 5px rgba(226,181,138,.13)!important;
  }
  body.light #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-status {
    background:#F4E3BC!important;border-color:#A97727!important;color:#432A09!important;
    box-shadow:0 0 5px rgba(169,121,43,.13)!important;
  }
}

/* recovery1986 — BURGUNDY ROYAL / ICY WHITE SINGLE NEON.
   ONE neutral frost-white emission (#F8FAF9). No pink/copper/blue neon.
   Bright landing scene, calmer routed cards and controls. Keep warm champagne
   type, burgundy surfaces, fixed dimensions, original logo, win/loss semantics,
   tournament board / knockout tree / cup / exported imagery unchanged. */
@layer identity {
  body.burgundy {
    --wolf-theme-neon:#F8FAF9;
    --wolf-theme-neon-rgb:248,250,249;
    --wolf-burgundy-outer-rgb:248,250,249;
    --wolf-burgundy-glyph:#F8FAF9;
    --wolf-burgundy-specular:rgba(255,255,255,.73);
    --wolf-neon-tier-border:var(--wolf-theme-neon);
    --wolf-neon-tier-glow-color:rgba(248,250,249,.42);
    --wolf-neon-tier-strong:inset 0 1px 0 rgba(255,255,255,.53),
      inset 0 0 7px rgba(255,255,255,.17),
      0 0 4px rgba(255,255,255,.90),
      0 0 12px rgba(248,250,249,.54),
      0 0 22px rgba(248,250,249,.20);
    --wolf-neon-tier-medium:inset 0 1px 0 rgba(255,255,255,.30),
      inset 0 0 6px rgba(255,255,255,.07),
      0 0 4px rgba(255,255,255,.58),
      0 0 11px rgba(248,250,249,.29);
    --wolf-neon-tier-soft:inset 0 0 5px rgba(255,255,255,.045),
      0 0 5px rgba(248,250,249,.24);
    --wolf-glow-icon:rgba(248,250,249,.46)!important;
    --wolf-icon-halo:rgba(248,250,249,.27)!important;
    --wolf-settings-neon-line:#F8FAF9;
    --wolf-settings-neon-rgb:248,250,249;
    --wolf-record-edge:#F8FAF9;
    --wolf-record-glow:rgba(248,250,249,.30);
  }
  body.burgundy #app #view:is(.wolf-layout-home,.wolf-layout-page) {
    /* Route-owned aliases are set directly with !important in older skins. */
    --ui-accent:#F8FAF9!important;
    --ui-icon:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --wolf-one-neon:#F8FAF9;
    --wolf-one-icon:#F8FAF9;
    --wolf-one-glow:248,250,249;
    --wolf-sub-neon-edge:#F8FAF9;
    --wolf-sub-neon-rgb:248,250,249;
    --wolf-head-neon-rgb:248,250,249;
    --wolf-box-neon-edge:#F8FAF9!important;
    --wolf-nav-edge:#F8FAF9;
    --wolf-nav-glyph:#F8FAF9;
    --wolf-nav-neon-rgb:248,250,249;
    --wolf-app-back-edge:#F8FAF9;
    --wolf-app-back-ink:#F8FAF9;
    --wolf-app-back-glow:248,250,249;
    --wolf-settings-neon-line:#F8FAF9;
    --wolf-settings-neon-rgb:248,250,249;
    --wolf-record-edge:#F8FAF9;
    --wolf-record-glow:rgba(248,250,249,.30);
    --wolf-feedback-glyph:#F8FAF9;
    --wolf-icon-glyph:#F8FAF9!important;
    --wolf-glow-icon:rgba(248,250,249,.49)!important;
    --wolf-icon-halo:rgba(248,250,249,.30)!important;
    --wolf-burgundy-outer-rgb:248,250,249;
    --wolf-burgundy-glyph:#F8FAF9;
  }
  /* Landing: stronger light at the perimeter with a defined brilliant core. */
  body.burgundy #app #view.wolf-layout-home {
    --home-neon-edge:#F8FAF9!important;
    --home-neon-rgb:248,250,249!important;
    --home-neon-frame:248,250,249!important;
    --wz-home-edge:#F8FAF9!important;
    --wz-home-glyph:#F8FAF9!important;
    --wz-home-glow:248,250,249!important;
    --wz-home-card-edge:#F8FAF9!important;
    --wz-home-chevron-color:#F8FAF9!important;
    --wz-home-icon-color:#F8FAF9!important;
    --wz-home-icon-glow:rgba(248,250,249,.38)!important;
    --wolf-neon-tier-strong:inset 0 1px 0 rgba(255,255,255,.58),
      inset 0 0 7px rgba(255,255,255,.16),
      0 0 4px rgba(255,255,255,.94),
      0 0 13px rgba(248,250,249,.46),
      0 0 25px rgba(248,250,249,.17);
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    border-color:#F8FAF9!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.44),
      inset 0 0 7px rgba(255,255,255,.11),
      0 0 3px rgba(255,255,255,.93),
      0 0 12px rgba(248,250,249,.44),
      0 0 23px rgba(248,250,249,.17),
      0 6px 12px rgba(20,6,11,.27)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon {
    border-color:#F8FAF9!important;
    color:#F8FAF9!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.33),
      0 0 4px rgba(255,255,255,.48),
      0 0 10px rgba(248,250,249,.18)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon svg,
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry > .menu-chevron svg {
    color:#F8FAF9!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 1px rgba(255,255,255,.90))
      drop-shadow(0 0 3.5px rgba(248,250,249,.63))!important;
  }
  body.burgundy #app #view.wolf-layout-home .home-showcase.home-simple
    .royal-tier-hero .royal-title-frame {
    filter:drop-shadow(0 0 4px rgba(255,255,255,.68))
      drop-shadow(0 0 12px rgba(248,250,249,.34))!important;
  }
  /* Routed pages: same icy white light, softened for legibility. */
  body.burgundy #app #view.wolf-layout-page {
    --wz-royal-edge:#F8FAF9;
    --wz-royal-glyph:#F8FAF9;
    --wz-royal-glow:248,250,249;
    --wz-royal-rim:inset 0 1px 0 rgba(255,255,255,.27),
      inset 0 0 6px rgba(255,255,255,.055),
      0 0 4px rgba(255,255,255,.57),
      0 0 11px rgba(248,250,249,.26),
      0 5px 12px rgba(20,7,14,.30);
    --wz-royal-mini-rim:inset 0 0 5px rgba(255,255,255,.045),
      0 0 5px rgba(248,250,249,.29);
    --wolf-sub-panel-rim:var(--wz-royal-rim);
    --wolf-neon-tier-strong:inset 0 0 7px rgba(255,255,255,.09),
      0 0 4px rgba(255,255,255,.65),
      0 0 12px rgba(248,250,249,.26);
  }
  body.burgundy #app #view.wolf-layout-page .royal-tier-page .royal-reference-frame {
    filter:drop-shadow(0 0 4px rgba(255,255,255,.48))
      drop-shadow(0 0 10px rgba(248,250,249,.22))!important;
  }
  /* Interface chrome only: never alter winner badges, bracket geometry or
     knockout tree nodes. */
  body.burgundy #app #view.wolf-layout-page > :is(button.back,button.back.back-system),
  body.burgundy #app #view.wolf-layout-page .wolf-roster-dialog > .wolf-roster-page-back {
    color:#F8FAF9!important;
    border-color:#F8FAF9!important;
    box-shadow:inset 0 0 5px rgba(255,255,255,.08),
      0 0 4px rgba(255,255,255,.47),
      0 0 10px rgba(248,250,249,.22)!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.mode-card,.menu-row,.record-card) {
    border-color:#F8FAF9!important;
    box-shadow:var(--wz-royal-rim)!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page,.settings-page,
    .management-hub-page,.records-menu-page,.record-detail-page,
    .record-total-page,.account-management-page,.backup-page,
    .honor-page,.honor-studio-page,.team-hub-page
  ) > :is(.card,.ui-section-card,.account-card,.hs-panel,
    .game-select-card,.smart-entry-card,.participants,.league-setup-card,
    .league-system-card,.league-add-card,.standalone-controls-card) {
    border-color:#F8FAF9!important;
    box-shadow:var(--wz-royal-rim)!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.mode-card,.menu-row,.record-card) > :is(
    .mode-icon,.mode-card-icon,.records-admin-tool-icon,.record-visual,.record-visual-icon
  ) svg,
  body.burgundy #app #view.wolf-layout-page :is(
    .settings-page,.management-hub-page,.records-menu-page,.record-detail-page,
    .account-management-page,.backup-page,.honor-studio-page
  ) :is(.settings-icon,.navigation-icon,.records-admin-tool-icon,.record-action-icon) svg {
    color:#F8FAF9!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(255,255,255,.51))!important;
  }
  /* Remove legacy copper from the league icon and settings switches. */
  body.burgundy #app #view .tournament-hub-page .mode-card.league .mode-svg {
    filter:drop-shadow(0 0 2px rgba(248,250,249,.40))!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-toggle,
  body.burgundy #app #view .settings-page .feedback-royal-toggle .feedback-toggle-knob {
    border-color:#F8FAF9!important;
    box-shadow:0 0 6px rgba(248,250,249,.23)!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-toggle .feedback-toggle-knob {
    background:#F8FAF9!important;
    background-image:none!important;
  }
}


/* recovery1999 — Unified participants workspace; same channel mark, spacing,
   cards, chrome and page footer as other WOLF ZONE subpages. Only the native
   name workspace is re-skinned, never the competition table/board or export.
   Quick, Knockout and League share this one owner in navy/burgundy/ivory. */
@layer identity {
  /* Compact link card visible INSIDE the competition. */
  #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-smart-roster:not(.wolf-roster-open) {
    padding:9px 11px!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-smart-roster:not(.wolf-roster-open) > h2 {
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:max-content max-content minmax(0,1fr)!important;
    align-items:center!important;column-gap:8px!important;
    min-height:46px!important;margin:0!important;padding:0!important;
    font:700 clamp(15px,4.1vw,17px)/1.32 WolfTajawal,Tajawal,sans-serif!important;
    cursor:pointer!important;
  }
  #app #view .wolf-smart-roster:not(.wolf-roster-open) > h2 > span:first-of-type {
    font:inherit!important;min-width:0!important;white-space:nowrap!important;
  }
  #app #view .wolf-smart-roster:not(.wolf-roster-open) > h2 > small {
    display:grid!important;place-items:center!important;box-sizing:border-box!important;
    min-width:28px!important;width:auto!important;min-height:28px!important;
    font:750 12px/1 WolfTajawal,Tajawal,sans-serif!important;
    border-radius:9px!important;padding:2px 5px!important;
    box-shadow:0 0 5px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.15)!important;
  }
  #app #view .wolf-smart-roster:not(.wolf-roster-open) > h2 > .wolf-roster-open-btn {
    justify-self:end!important;box-sizing:border-box!important;
    min-height:44px!important;min-width:118px!important;
    margin:0!important;padding:6px 9px!important;gap:5px!important;
    font:700 clamp(12px,3.35vw,13px)/1.3 WolfTajawal,Tajawal,sans-serif!important;
  }
  #app #view .wolf-smart-roster:not(.wolf-roster-open) .wolf-roster-open-btn svg {
    width:19px!important;height:19px!important;
  }
  #app #view .wolf-smart-roster:not(.wolf-roster-open) :is(.wolf-roster-search,.wolf-roster-page-description) {
    display:none!important;
  }

  /* Native iOS-safe modal uses the same decorative background as subpages. */
  #app #view .wolf-roster-dialog {
    box-sizing:border-box!important;direction:rtl!important;
    padding:max(13px,env(safe-area-inset-top,0px)) 14px max(24px,env(safe-area-inset-bottom,0px))!important;
    background-color:var(--ui-bg,#050D1B)!important;
    background-image:linear-gradient(180deg,rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.032),transparent 38%),var(--wz-background-art)!important;
    background-repeat:no-repeat,no-repeat!important;
    background-size:100% 100%,100% auto!important;
    background-position:center center,center top!important;
    background-attachment:scroll!important;
    overflow-x:hidden!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-topbar {
    direction:rtl!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;
    align-items:center!important;justify-items:center!important;
    height:82px!important;min-height:82px!important;max-height:82px!important;
    margin:0!important;padding:0!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-topbar > .wolf-roster-page-back {
    grid-column:1!important;grid-row:1!important;
    position:static!important;display:grid!important;place-items:center!important;
    box-sizing:border-box!important;width:48px!important;height:48px!important;
    min-width:48px!important;min-height:48px!important;max-height:48px!important;
    margin:0!important;padding:0!important;font-size:0!important;
    border:1.5px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    border-radius:13px!important;background:var(--ui-inner,var(--ui-surface))!important;
    color:var(--wolf-theme-neon,var(--ui-accent))!important;
    box-shadow:0 0 7px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.24)!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-topbar .wolf-roster-page-back .navigation-icon {
    display:block!important;width:24px!important;height:24px!important;
    color:inherit!important;stroke:currentColor!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-topbar > .wolf-roster-brand-mark {
    grid-column:2!important;grid-row:1!important;
    display:block!important;box-sizing:border-box!important;
    width:92px!important;height:78px!important;max-width:29vw!important;
    margin:0!important;padding:0!important;object-fit:contain!important;
    filter:none!important;transform:none!important;pointer-events:none!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-channel {
    display:table!important;max-width:min(100%,320px)!important;
    margin:0 auto 13px!important;padding:5px 15px 4px!important;
    border:1px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    border-radius:999px!important;background:var(--ui-surface)!important;
    box-shadow:0 0 8px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.25)!important;
    font:750 clamp(13px,3.5vw,15px)/1.6 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;
    text-align:center!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-channel > b {
    font:inherit!important;color:var(--wolf-theme-ink,var(--ui-ink))!important;
  }
  #app #view .wolf-roster-dialog .wolf-smart-roster.wolf-roster-open {
    display:block!important;box-sizing:border-box!important;
    position:relative!important;inset:auto!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;border:0!important;
    border-radius:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important;
  }
  /* recovery2012 — approved participants workspace hierarchy:
     small LIVE count square above the title, then helper text/search/table.
     The count is still the original <small id=...> updated by game logic.
     Compact entry cards within competitions keep their approved inline layout. */
  #app #view .wolf-roster-dialog .wolf-smart-roster.wolf-roster-open > h2 {
    box-sizing:border-box!important;display:flex!important;direction:rtl!important;
    flex-direction:column!important;align-items:center!important;
    justify-content:center!important;gap:5px!important;
    width:100%!important;min-height:73px!important;
    margin:1px 0 2px!important;padding:5px 0 4px!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;
    font:750 clamp(17px,4.55vw,19px)/1.3 WolfTajawal,Tajawal,sans-serif!important;
    text-align:center!important;color:var(--wolf-theme-ink,var(--ui-ink))!important;
  }
  #app #view .wolf-roster-dialog .wolf-smart-roster.wolf-roster-open > h2 > span:first-of-type {
    order:1!important;display:block!important;flex:0 0 auto!important;
    margin:0!important;font:inherit!important;white-space:nowrap!important;
    text-align:center!important;
  }
  #app #view .wolf-roster-dialog .wolf-smart-roster.wolf-roster-open > h2 > small {
    order:0!important;box-sizing:border-box!important;
    display:grid!important;place-items:center!important;flex:0 0 38px!important;
    width:40px!important;min-width:40px!important;max-width:40px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    margin:0!important;padding:0 3px!important;
    border:1.25px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    border-radius:11px!important;background:var(--ui-surface)!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;
    font:750 15px/1 WolfTajawal,Tajawal,sans-serif!important;
    font-variant-numeric:tabular-nums!important;
    box-shadow:0 0 7px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.24),inset 0 0 5px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.09)!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-page-description {
    display:block!important;margin:2px 3px 11px!important;padding:0!important;
    font:500 clamp(12px,3.35vw,14px)/1.5 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--ui-muted)!important;text-align:center!important;
  }
  #app #view .wolf-roster-dialog .wolf-smart-roster .wolf-roster-body {
    display:block!important;box-sizing:border-box!important;
    width:100%!important;min-width:0!important;margin:0!important;padding:0!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-locked-note {
    margin:4px 0 9px!important;padding:7px 10px!important;
    border-radius:10px!important;background:var(--ui-surface)!important;
    font:600 12px/1.5 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--ui-muted)!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-locked-note[hidden],
  #app #view .wolf-roster-dialog .wolf-roster-body:has(.participant-table tbody tr) .wolf-roster-locked-note {
    display:none!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-workspace-add {
    display:grid!important;gap:6px!important;margin:0 0 10px!important;
    padding:10px!important;border:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.50)!important;
    border-radius:13px!important;background:var(--ui-surface)!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-workspace-add label {
    font:700 13px WolfTajawal,Tajawal,sans-serif!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-workspace-row {gap:8px!important;}
  #app #view .wolf-roster-dialog .wolf-roster-workspace-input {
    box-sizing:border-box!important;min-height:52px!important;max-height:110px!important;
    font-size:16px!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-workspace-row .action {
    box-sizing:border-box!important;min-height:48px!important;min-width:70px!important;
  }
  /* Search is its own light section between page title and roster table. */
  #app #view .wolf-roster-dialog .wolf-roster-search {
    display:grid!important;grid-template-columns:1fr!important;
    gap:5px!important;margin:0 0 11px!important;padding:9px 10px!important;
    border:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.43)!important;
    border-radius:13px!important;background:var(--ui-surface)!important;
    box-shadow:0 0 6px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.09)!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-label {
    font:700 13px/1.35 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;text-align:right!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-field {
    box-sizing:border-box!important;display:flex!important;direction:rtl!important;
    align-items:center!important;gap:8px!important;min-height:46px!important;
    padding:0 11px!important;border-radius:11px!important;
    border:1px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    background:var(--ui-inner)!important;
    box-shadow:inset 0 0 4px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.06)!important;
    color:var(--wolf-theme-neon,var(--ui-accent))!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-field:focus-within {
    box-shadow:0 0 8px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.28)!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-field > svg {
    width:19px!important;height:19px!important;flex:none!important;stroke:currentColor!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-input {
    box-sizing:border-box!important;flex:1 1 auto!important;min-width:0!important;
    min-height:44px!important;max-height:48px!important;padding:8px 0!important;
    font:500 16px/1.3 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;
    border:0!important;outline:none!important;background:transparent!important;
    box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;
    text-align:right!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-input::placeholder {
    color:var(--ui-muted)!important;opacity:.80!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-input::-webkit-search-cancel-button {display:none!important;}
  #app #view .wolf-roster-dialog .wolf-roster-search-clear {
    display:grid!important;place-items:center!important;box-sizing:border-box!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    padding:10px!important;margin:0!important;border:0!important;border-radius:10px!important;
    background:transparent!important;color:var(--wolf-theme-neon,var(--ui-accent))!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-clear svg {
    width:19px!important;height:19px!important;stroke:currentColor!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-count {
    margin:0!important;padding:0!important;font:600 12px WolfTajawal,Tajawal,sans-serif!important;
    color:var(--ui-muted)!important;text-align:right!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-search-empty {
    padding:12px 10px!important;margin:0!important;border-radius:10px!important;
    border:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.38)!important;
    font:600 13px WolfTajawal,Tajawal,sans-serif!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;text-align:center!important;
  }
  #app #view .wolf-roster-dialog :is(
    .wolf-roster-search-clear[hidden],.wolf-roster-search-count[hidden],
    .wolf-roster-search-empty[hidden],.participant-table tbody tr[hidden]
  ) {display:none!important;}
  #app #view .wolf-roster-dialog .wolf-roster-searching .wolf-roster-empty-state {display:none!important;}

  /* One rounded table section, calm individual rows, no doubled outlines. */
  #app #view .wolf-roster-dialog .wolf-roster-body :is(#plist,#kplist,#leaguePlayerList) {
    box-sizing:border-box!important;min-width:0!important;width:100%!important;
    margin:0!important;padding:6px 8px 8px!important;
    border:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.55)!important;
    border-radius:14px!important;background:var(--ui-surface)!important;
    box-shadow:0 0 8px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.11)!important;
  }
  #app #view .wolf-roster-dialog .participant-table {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    margin:0!important;table-layout:fixed!important;
    border-collapse:separate!important;border-spacing:0 6px!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  #app #view .wolf-roster-dialog .participant-table thead,
  #app #view .wolf-roster-dialog .participant-table thead tr {
    height:31px!important;min-height:31px!important;
    background:transparent!important;box-shadow:none!important;
  }
  #app #view .wolf-roster-dialog .participant-table thead th {
    box-sizing:border-box!important;height:31px!important;min-height:31px!important;
    padding:3px 5px!important;border:0!important;border-bottom:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.28)!important;
    background:transparent!important;box-shadow:none!important;
    font:700 clamp(12px,3.2vw,13px)/1.3 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--ui-muted)!important;text-align:right!important;
  }
  #app #view .wolf-roster-dialog .participant-table :is(th,td):first-child {
    box-sizing:border-box!important;width:36px!important;text-align:center!important;
  }
  #app #view .wolf-roster-dialog .participant-table :is(th,td):last-child {
    box-sizing:border-box!important;width:104px!important;text-align:center!important;
  }
  #app #view .wolf-roster-dialog .participant-table tbody tr {
    height:51px!important;min-height:51px!important;border:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  #app #view .wolf-roster-dialog .participant-table tbody td {
    box-sizing:border-box!important;height:51px!important;min-height:51px!important;
    padding:3px 5px!important;vertical-align:middle!important;
    border-top:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.57)!important;
    border-bottom:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.57)!important;
    border-left:0!important;border-right:0!important;
    background:var(--ui-inner)!important;box-shadow:none!important;
  }
  #app #view .wolf-roster-dialog .participant-table tbody td:first-child {
    border-right:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.57)!important;
    border-radius:0 11px 11px 0!important;
    font:700 13px WolfTajawal,Tajawal,sans-serif!important;
  }
  #app #view .wolf-roster-dialog .participant-table tbody td:last-child {
    border-left:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.57)!important;
    border-radius:11px 0 0 11px!important;
  }
  #app #view .wolf-roster-dialog .participant-table .participant-name {
    font:750 clamp(14px,3.7vw,16px)/1.35 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--wolf-theme-ink,var(--ui-ink))!important;text-align:right!important;
    overflow-wrap:anywhere!important;
  }
  #app #view .wolf-roster-dialog .participant-table .participant-controls {
    white-space:nowrap!important;text-align:center!important;
    padding-inline:3px!important;
  }
  #app #view .wolf-roster-dialog .participant-table .participant-controls .iconbtn {
    box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    margin:0 1px!important;padding:9px!important;
    border:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.48)!important;
    border-radius:10px!important;background:var(--ui-surface)!important;
    color:var(--wolf-theme-neon,var(--ui-accent))!important;
    box-shadow:none!important;filter:none!important;
  }
  #app #view .wolf-roster-dialog .participant-table .participant-controls .iconbtn svg {
    width:19px!important;height:19px!important;stroke:currentColor!important;
  }
  #app #view .wolf-roster-dialog .participant-table .participant-controls .iconbtn:focus-visible {
    outline:2px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    outline-offset:1px!important;
  }
  #app #view .wolf-roster-dialog .participant-table :is(thead,tbody,tr,td,th)::after {
    box-shadow:none!important;content:none!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-empty-state {
    display:none!important;margin:0!important;padding:16px 8px!important;
    border-radius:12px!important;text-align:center!important;
    color:var(--ui-muted)!important;
    font:600 14px WolfTajawal,Tajawal,sans-serif!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-body:not(:has(.participant-table tbody tr)) .wolf-roster-empty-state {
    display:block!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-body:not(:has(.participant-table tbody tr)) .participant-table {
    display:none!important;
  }
  #app #view .wolf-roster-dialog .wolf-roster-body:has(.wolf-roster-empty-state) .league-empty-state {
    display:none!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-footer {
    box-sizing:border-box!important;display:grid!important;justify-items:center!important;
    gap:1px!important;width:100%!important;margin:20px 0 4px!important;
    padding:14px 4px 0!important;
    border-top:1px solid rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.28)!important;
    background:transparent!important;box-shadow:none!important;
    color:var(--ui-muted)!important;text-align:center!important;
    font:500 12px/1.6 WolfTajawal,Tajawal,sans-serif!important;
  }
  #app #view .wolf-roster-dialog > .wolf-roster-footer small {
    font:inherit!important;color:inherit!important;
  }
  @media(max-width:360px){
    #app #view .wolf-smart-roster:not(.wolf-roster-open) > h2 {
      font-size:15px!important;column-gap:5px!important;
    }
    #app #view .wolf-smart-roster:not(.wolf-roster-open) > h2 > .wolf-roster-open-btn {
      min-width:112px!important;font-size:12px!important;padding-inline:6px!important;
    }
    #app #view .wolf-roster-dialog {padding-inline:10px!important;}
    #app #view .wolf-roster-dialog .wolf-roster-body :is(#plist,#kplist,#leaguePlayerList) {
      padding-inline:5px!important;
    }
    #app #view .wolf-roster-dialog .participant-table :is(th,td):last-child {
      width:101px!important;
    }
  }
}

/* recovery1991 — BURGUNDY ICY WHITE / ALL ROUTED CHROME OWNER.
   Burgundy is MATERIAL, never the color of a luminous edge, arrow, glyph or
   interactive focus. One frozen-neutral emitter (#F8FAF9). This replaces
   remaining copper/pink legacy page-local aliases at their actual element
   owners, not merely the parent theme variables. No dimensions, typography,
   bracket geometry, result semantics or trophy are touched. */
@layer identity {
  body.burgundy {
    --wolf-theme-neon:#F8FAF9!important;
    --wolf-theme-neon-rgb:248,250,249!important;
    --wolf-neon-rgb:248,250,249!important;
    --ui-accent:#F8FAF9!important;
    --ui-icon:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --wolf-nav-edge:#F8FAF9!important;
    --wolf-nav-glyph-color:#F8FAF9!important;
    --wolf-nav-neon-rgb:248,250,249!important;
    --wolf-back-edge:#F8FAF9!important;
    --wolf-back-glyph:#F8FAF9!important;
    --wolf-icon-glyph:#F8FAF9!important;
    --wolf-glow-icon:rgba(248,250,249,.42)!important;
    --wolf-icon-halo:rgba(248,250,249,.25)!important;
    --staff-accent:#F8FAF9!important;
    --staff-rgb:248,250,249!important;
    --staff-edge:#F8FAF9!important;
    --staff-glow:rgba(248,250,249,.29)!important;
    --wolf-roster-edge:#F8FAF9;
    --wolf-roster-rgb:248,250,249;
    /* Ice-silver main/secondary typography; gold is reserved for awards/results. */
    --ui-ink:#F4F6F5!important;
    --ui-muted:#CDD2D2!important;
  }
  /* Competition systems and individual subscreens previously reintroduced
     copper !important custom properties below #view; these locals are the
     critical fix for quick, KO prep/results, league and setup panels. */
  body.burgundy #app #view:is(.wolf-layout-page,.wolf-layout-home),
  body.burgundy #app #view :is(
    .quick-normal-page,.knockout-page,.league-page,.tournament-hub-page,
    .settings-page,.management-hub-page,.account-management-page,
    .records-menu-page,.record-detail-page,.record-total-page,.backup-page,
    .honor-page,.honor-studio-page,.team-hub-page,.wolf-control-page,
    .wolf-smart-roster,.wolf-roster-dialog,.wolf-roster-shell,
    .wolf-mod-panel,.wolf-staff-fullpage,.league-stage,.league-setup-card
  ) {
    --ui-accent:#F8FAF9!important;
    --ui-icon:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --wz-theme-neon-edge:#F8FAF9!important;
    --wolf-one-neon:#F8FAF9!important;
    --wolf-one-icon:#F8FAF9!important;
    --wolf-one-glow:248,250,249!important;
    --wolf-icon-glyph:#F8FAF9!important;
    --wolf-record-glyph:#F8FAF9!important;
    --wolf-record-edge:#F8FAF9!important;
    --wolf-live-neon-edge:#F8FAF9!important;
    --wolf-live-neon-rgb:248,250,249!important;
    --wolf-box-neon-edge:#F8FAF9!important;
    --wolf-sub-neon-edge:#F8FAF9!important;
    --wolf-sub-neon-rgb:248,250,249!important;
    --wolf-sub-glyph:#F8FAF9!important;
    --wolf-head-neon-rgb:248,250,249!important;
    --wolf-app-back-edge:#F8FAF9!important;
    --wolf-app-back-ink:#F8FAF9!important;
    --wolf-app-back-glow:248,250,249!important;
    --wolf-nav-edge:#F8FAF9!important;
    --wolf-nav-glyph-color:#F8FAF9!important;
    --wolf-nav-glyph:#F8FAF9!important;
    --wolf-nav-neon-rgb:248,250,249!important;
    --wolf-settings-neon-line:#F8FAF9!important;
    --wolf-settings-neon-rgb:248,250,249!important;
    --wolf-glow-icon:rgba(248,250,249,.40)!important;
    --qc-accent:#F8FAF9!important;
    --q584-accent:#F8FAF9!important;
    --q587-edge:#F8FAF9!important;
    --q595-accent:#F8FAF9!important;
    --q597-border:#F8FAF9!important;
    --q597-icon:#F8FAF9!important;
    --sub1966-edge:#F8FAF9!important;
    --sub1966-edge-strong:#FFFFFF!important;
    --sub1966-glyph:#F8FAF9!important;
    --sub1966-rgb:248,250,249!important;
    --wolf-unify-edge:#F8FAF9!important;
    --wolf-unify-glyph:#F8FAF9!important;
    --wolf-comp-back-edge:#F8FAF9!important;
    --wolf-comp-back-ink:#F8FAF9!important;
    --wolf-comp-card-edge:#F8FAF9!important;
    --honor-accent:#F8FAF9!important;
    --honor-rgb:248,250,249!important;
    --hs-edge:#F8FAF9!important;
    --hs-rgb:248,250,249!important;
    --record-accent:#F8FAF9!important;
    --league-accent:#F8FAF9!important;
    --league-accent-2:#F8FAF9!important;
    --staff-edge:#F8FAF9!important;
    --staff-glow:rgba(248,250,249,.24)!important;
    --wolf-neon-tier-border:#F8FAF9!important;
    --wolf-neon-tier-glow-color:rgba(248,250,249,.27)!important;
  }
  /* The knockout tree is an intentionally locked drawing. We do not change
     its layout or its artistically functional gold/copper states. */
  /* One coherent medium-tier chrome light across routed interfaces. */
  body.burgundy #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page,.settings-page,
    .management-hub-page,.account-management-page,.records-menu-page,
    .record-detail-page,.record-total-page,.backup-page,.honor-page,
    .honor-studio-page,.tournament-hub-page,.team-hub-page
  ) :is(
    .game-select-card,.smart-entry-card,.participants,.competition-meta-card,
    .league-setup-card,.league-system-card,.league-add-card,.league-stage,
    .league-start-date-card,.standalone-controls-card,.settings-appearance-card,
    .settings-feedback-card,.settings-about-card,.ui-section-card,.account-card,
    .record-card,.record-action-card,.mode-card,.menu-row,.hs-panel
  ):not(.winner):not(.loser):not(.ko-player):not(.quick-player) {
    border-color:#F8FAF9!important;
    box-shadow:inset 0 0 6px rgba(255,255,255,.055),
      0 0 4px rgba(255,255,255,.48),
      0 0 11px rgba(248,250,249,.23),
      0 4px 12px rgba(20,7,14,.28)!important;
  }
  /* The only visible color on all chevrons, back buttons, calendar, list,
     control and editing glyphs is icy white. Preserve SVG size and stroke. */
  body.burgundy #app #view.wolf-layout-page :is(
    .menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow,
    .navigation-icon,.back,.back-system,.wolf-roster-page-back,
    .control-icon,.wz-control-icon,.settings-icon,.mode-icon,.mode-card-icon,
    .record-action-icon,.records-admin-tool-icon,.record-visual-icon,
    .league-calendar-symbol,.wolf-roster-open-btn,.participant-controls .iconbtn,
    .quick-tools-control .action,.unified-control-strip .action,
    .league-fixture-filters button,.wolf-fixture-filters button
  ):not(.winner):not(.gold):not(.danger) {
    --ui-accent:#F8FAF9!important;
    --ui-icon:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --wolf-glow-icon:rgba(248,250,249,.32)!important;
    border-color:#F8FAF9!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow,
    .navigation-icon,.back,.back-system,.wolf-roster-page-back,
    .control-icon,.wz-control-icon,.settings-icon,.mode-icon,.mode-card-icon,
    .record-action-icon,.records-admin-tool-icon,.record-visual-icon,
    .league-calendar-symbol,.wolf-roster-open-btn,.participant-controls .iconbtn,
    .quick-tools-control .action,.unified-control-strip .action,
    .league-fixture-filters button,.wolf-fixture-filters button
  ):not(.winner):not(.gold):not(.danger) svg {
    color:#F8FAF9!important;
    stroke:currentColor!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow,
    .navigation-icon,.back,.back-system,.wolf-roster-page-back,
    .control-icon,.wz-control-icon,.settings-icon,.mode-icon,.mode-card-icon,
    .record-action-icon,.records-admin-tool-icon,.record-visual-icon,
    .league-calendar-symbol,.wolf-roster-open-btn,.participant-controls .iconbtn,
    .quick-tools-control .action,.unified-control-strip .action,
    .league-fixture-filters button,.wolf-fixture-filters button
  ):not(.winner):not(.gold):not(.danger) svg
    :is(path,polyline,line,circle,rect)[stroke]:not([stroke="none"]) {
    color:#F8FAF9!important;stroke:currentColor!important;
  }
  /* SVGs remain intact, with a single neutral halo at the SVG root.
     Avoid per-path glow stacking and preserve viewBox geometry. */
  body.burgundy #app #view.wolf-layout-page :is(
    .menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow,
    .navigation-icon,.back,.back-system,.wolf-roster-page-back,
    .control-icon,.wz-control-icon,.settings-icon,.mode-icon,.mode-card-icon,
    .record-action-icon,.records-admin-tool-icon,.record-visual-icon,
    .league-calendar-symbol,.wolf-roster-open-btn,.participant-controls .iconbtn,
    .quick-tools-control .action,.unified-control-strip .action
  ):not(.winner):not(.gold):not(.danger) svg {
    filter:drop-shadow(0 0 2px rgba(248,250,249,.43))!important;
  }
  /* Old Quick Challenge buttons and game selection had literal pink strokes.
     Controls named .gold are still normal controls, not winner badges. */
  body.burgundy #app #view.quick-challenge-view :is(
    .quick-tools .action:not(.red),.quick-tools-control>.action.gold:not(:disabled)
  ),
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .game-card-picker .game-card-option.selected {
    border-color:#F8FAF9!important;outline-color:#F8FAF9!important;
    box-shadow:inset 0 0 5px rgba(255,255,255,.07),
      0 0 8px rgba(248,250,249,.31)!important;
  }
  body.burgundy #app #view.quick-challenge-view
    .quick-tools-control>.action.gold:not(:disabled) :is(svg,.control-icon){
    color:#F8FAF9!important;stroke:currentColor!important;
  }
  body.burgundy #app #view .honor-page #trophyPreview {
    border-color:#F8FAF9!important;
    box-shadow:0 0 7px rgba(248,250,249,.36),
      0 0 14px rgba(248,250,249,.15)!important;
  }
  body.burgundy #app #view .honor-page .mode-page-title .title-frame {
    filter:drop-shadow(0 0 5px rgba(248,250,249,.47))!important;
  }
  body.burgundy #app #view .honor-page .mode-page-title .title-copy {
    text-shadow:0 0 8px rgba(248,250,249,.23)!important;
  }
  /* Inputs, toggles, selection and editing controls: same hue, less glow
     than the home screen. Do not color the underlying burgundy material. */
  body.burgundy #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page,.settings-page,
    .management-hub-page,.account-management-page,.records-menu-page,
    .record-detail-page,.record-total-page,.backup-page,.honor-page,
    .honor-studio-page
  ) :is(
    .input,.smart-player-input,.wolf-batch-input,.league-title-input,
    .quick-event-owner-input,.game-card-option.selected,
    .theme-chooser button.selected,.wolf-fixture-filters>button.selected,
    .league-fixture-filters>button.selected,.feedback-royal-toggle
  ):not(.winner):not(.gold) {
    border-color:#F8FAF9!important;
    outline-color:#F8FAF9!important;
    box-shadow:inset 0 0 5px rgba(255,255,255,.07),
      0 0 7px rgba(248,250,249,.25)!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-row>.feedback-icon-shell {
    border-color:#F8FAF9!important;color:#F8FAF9!important;
    box-shadow:0 0 5px rgba(248,250,249,.24)!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-row>.feedback-icon-shell svg {
    color:#F8FAF9!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(248,250,249,.32))!important;
  }
  /* General card interaction status is not a pink selection state. */
  body.burgundy #app #view :is(.theme-chooser button.selected,
    .settings-theme-choice.selected,.game-card-option.selected,
    .league-mode>button.selected,.league-scoring-picker>button.selected) {
    border-color:#F8FAF9!important;outline-color:#F8FAF9!important;
    box-shadow:0 0 0 1px rgba(248,250,249,.46),
      0 0 9px rgba(248,250,249,.22)!important;
  }
  body.burgundy #app #view .records-menu-page :is(.menu-chevron,.records-arrow) svg,
  body.burgundy #app #view .tournament-hub-page .mode-arrow svg,
  body.burgundy #app #view .management-hub-page .menu-chevron svg {
    color:#F8FAF9!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(248,250,249,.41))!important;
  }
  body.burgundy #app #view .settings-page :is(
    .feedback-royal-toggle,.feedback-toggle-knob,.feedback-icon-shell
  ) {
    --ui-accent:#F8FAF9!important;
    --ui-icon:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    border-color:#F8FAF9!important;
    color:#F8FAF9!important;
  }
  body.burgundy #app #view .settings-page .feedback-royal-toggle .feedback-toggle-knob {
    background:#F8FAF9!important;
    box-shadow:0 0 6px rgba(248,250,249,.26)!important;
  }
  /* Account/moderator interfaces include dialogs mounted outside #view. */
  body.burgundy :is(.wolf-staff-fullpage,.wolf-mod-backdrop,.wolf-mod-panel,.quick-save-dialog) {
    --ui-accent:#F8FAF9!important;
    --ui-icon:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --staff-edge:#F8FAF9!important;
    --staff-glow:rgba(248,250,249,.32)!important;
    --save-edge:#F8FAF9!important;
    --save-glow:rgba(248,250,249,.26)!important;
  }
  body.burgundy :is(.wolf-staff-fullpage,.wolf-mod-backdrop,.quick-save-dialog)
    :is(button:not(.danger),.wolf-mod-close,.wolf-mod-panel,.wolf-mod-form input) {
    border-color:#F8FAF9!important;
  }
  body.burgundy :is(.wolf-staff-fullpage,.wolf-mod-backdrop,.quick-save-dialog)
    :is(button:not(.danger),.wolf-mod-close) svg {
    color:#F8FAF9!important;
    stroke:currentColor!important;
  }
}


/* recovery2028 — theme-owned non-semantic chrome and typography.
   The primary body palettes in identity.css supply ink + glow for all pages.
   These are the specific older direct-color components seen in records,
   administration, activity, settings, backup and honor. Do not recolor
   winner badges, delete warnings, illustrations, or image/certificate exports. */
@layer identity {
  /* Dynamic operations log previously shipped an inline cobalt border. */
  body:is(.burgundy,.light) #app #view :is(
    .admin-log-row,.admin-user-row,.user-row,.record-card,
    .wolf-archive-entry,.wolf-archive-history-item,.record-history-item
  ):not(.winner):not(.is-winner):not(.danger) {
    border-color:rgba(var(--ui-rgb),.74)!important;
    box-shadow:inset 0 0 5px rgba(var(--ui-rgb),.045),
      0 0 9px rgba(var(--ui-rgb),.16)!important;
  }
  body.burgundy #app #view :is(.admin-log-row,.admin-user-row,.user-row,
    .wolf-archive-history-item) :is(b,strong,span,small):not(.danger):not(.error) {
    color:var(--ui-ink)!important;
    -webkit-text-fill-color:currentColor!important;
  }
  body.burgundy #app #view :is(.admin-log-row,.admin-user-row,.user-row,
    .wolf-archive-history-item) :is(small,.notice,.muted) {
    color:var(--ui-muted)!important;
    -webkit-text-fill-color:currentColor!important;
  }
  body.light #app #view :is(.admin-log-row,.admin-user-row,.user-row,
    .wolf-archive-history-item) :is(b,strong,span,small):not(.danger):not(.error) {
    color:#382812!important;
    -webkit-text-fill-color:currentColor!important;
  }
  body.light #app #view :is(.admin-log-row,.admin-user-row,.user-row,
    .wolf-archive-history-item) :is(small,.notice,.muted) {
    color:#70542B!important;
    -webkit-text-fill-color:currentColor!important;
  }
  /* The records and account input chrome have their own older hardcoded
     copper/cobalt sources; these touch borders only, not control geometry. */
  body:is(.burgundy,.light) #app #view :is(
    .record-detail-page,.wolf-staff-record-detail,.records-menu-page,
    .wolf-archive-page,.management-hub-page,.account-management-page,
    .honor-page,.honor-studio-page,.settings-page,.backup-page
  ) :is(
    .input,input:not([type=checkbox]):not([type=radio]),textarea,select,
    .wolf-record-search-field,.record-filters,.admin-log-row,
    .wolf-month-stat,.record-summary-card
  ):not(.danger):not(.error):not(.winner) {
    border-color:var(--ui-accent)!important;
  }
  body:is(.burgundy,.light) #app #view :is(
    .account-card,.user-management-card,.admin-activity-card,.records-menu-page,
    .record-detail-page,.wolf-staff-record-detail,.wolf-archive-page
  ) :is(input,textarea,select):focus-visible {
    border-color:var(--ui-accent)!important;
    outline-color:var(--ui-accent)!important;
    box-shadow:inset 0 0 6px rgba(var(--ui-rgb),.045),
      0 0 0 2px rgba(var(--ui-rgb),.21),0 0 10px rgba(var(--ui-rgb),.2)!important;
  }
  body:is(.burgundy,.light) #app #view :is(
    .admin-activity-card,.account-card,.user-management-card,
    .record-detail-page,.wolf-staff-record-detail,.wolf-archive-page,
    .settings-page,.backup-page
  ) :is(
    .admin-log-summary,.admin-users-shown,.admin-user-copy,
    .wolf-record-query-total,.notice,.account-status,.record-copy small,
    .wolf-record-filter-foot
  ):not(.error):not(.danger) {
    color:var(--ui-muted)!important;
    -webkit-text-fill-color:currentColor!important;
  }
  /* Buttons that indicate an ordinary page action are palette-colored;
     deliberately omit winner/champion, destructive and selected gold states. */
  body:is(.burgundy,.light) #app #view :is(
    .user-management-card,.admin-activity-card,.account-card,.records-menu-page,
    .record-detail-page,.wolf-staff-record-detail,.wolf-archive-page,
    .honor-page,.honor-studio-page,.settings-page,.backup-page
  ) :is(
    .action,.admin-section-back,.wolf-record-search-clear,.record-action-button,
    .wolf-record-archive-link,.wolf-archive-choice
  ):not(.danger):not(.red):not(.winner):not(.gold):not(.is-winner) {
    border-color:var(--ui-accent)!important;
  }
  body.burgundy #app #view :is(.account-card,.user-management-card,
    .admin-activity-card,.record-detail-page,.wolf-staff-record-detail)
    :is(.control-icon,.record-action-icon,.navigation-icon,.records-admin-tool-icon) svg {
    color:#F8FAF9!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 3px rgba(248,250,249,.28))!important;
  }
  body.light #app #view :is(.account-card,.user-management-card,
    .admin-activity-card,.record-detail-page,.wolf-staff-record-detail)
    :is(.control-icon,.record-action-icon,.navigation-icon,.records-admin-tool-icon) svg {
    color:#986A21!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(181,132,48,.25))!important;
  }
  /* Ivory: enforce dark ink for unselected navigation and text controls.
     Avoid inverting golden winners, game art, decorative logos or award SVGs. */
  body.light #app #view :is(
    .records-menu-page,.record-detail-page,.wolf-staff-record-detail,
    .wolf-archive-page,.management-hub-page,.account-management-page,
    .honor-studio-page,.settings-page,.backup-page
  ) :is(.action,.admin-section-back,.wolf-record-archive-link,
    .wolf-archive-choice,.record-action-button):not(.winner):not(.gold):not(.danger) {
    color:var(--ui-ink)!important;
    -webkit-text-fill-color:currentColor!important;
  }
}

/* recovery1992 — LEAGUE DESIGN OWNERSHIP / THREE-THEME SETUP & LIVE FLOW.
   Keep all scoring, fixture, date-input and export behavior. The calendar is a
   separate focused section. No blanket application scaling, and every real
   action remains >=44px hit area. Colors inherit each theme's single ink and
   neon; burgundy always uses icy-white chrome, not copper/pink accents. */
@layer identity {
  #app #view .league-page {
    --league-quiet-ink:var(--ui-muted);
    --league-chrome:var(--ui-accent);
    --league-edge-rgb:var(--ui-rgb);
  }
  #app #view .league-page > :is(
    .league-setup-card,.league-system-card,.league-calendar-card,
    .league-add-card,.league-participants-card,.league-live-preview,
    .standalone-controls-card,.league-start-area
  ) {box-sizing:border-box!important;min-width:0!important;max-width:100%!important;}
  #app #view .league-page :is(.league-setup-card,.league-system-card,.league-calendar-card){
    padding:clamp(12px,3vw,17px)!important;
    margin-block:9px!important;
    border-radius:var(--ui-card-radius,18px)!important;
  }
  /* A calmer hierarchy: heading first, concise helper below it. */
  #app #view .league-page :is(.league-section-heading,.league-date-caption) {
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:2px!important;margin:0 0 8px!important;padding:0 0 6px!important;
    border-bottom:1px solid rgba(var(--league-edge-rgb),.22)!important;
    background:transparent!important;box-shadow:none!important;
  }
  #app #view .league-page :is(.league-section-heading,.league-date-caption) > b {
    font-size:clamp(18px,4.65vw,21px)!important;font-weight:700!important;
    line-height:1.32!important;color:var(--ui-ink)!important;
  }
  #app #view .league-page :is(.league-section-heading,.league-date-caption) > small {
    font-size:clamp(13px,3.65vw,15px)!important;line-height:1.38!important;
    font-weight:500!important;color:var(--league-quiet-ink)!important;
  }
  #app #view .league-page .league-setup-card .field-label,
  #app #view .league-page .league-choice-head .field-label {
    font-size:clamp(16px,4.2vw,18px)!important;font-weight:700!important;
    line-height:1.45!important;margin-bottom:6px!important;
  }
  #app #view .league-page .league-title-input {
    box-sizing:border-box!important;min-height:50px!important;height:auto!important;
    padding:11px 13px!important;border-radius:13px!important;
    font-size:clamp(16px,4.2vw,18px)!important;
  }
  #app #view .league-page .league-field-hint {
    display:block!important;min-height:0!important;margin:5px 0 0!important;
    font-size:clamp(12px,3.45vw,14px)!important;line-height:1.4!important;
  }
  #app #view .league-page .league-field-hint:empty {display:none!important;}
  #app #view .league-page .league-choice-head {
    display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;
    justify-content:space-between!important;gap:3px 10px!important;
    margin:9px 0 6px!important;padding:0!important;
  }
  #app #view .league-page .league-choice-head>small {
    font-size:clamp(12px,3.45vw,14px)!important;line-height:1.38!important;
    color:var(--league-quiet-ink)!important;
  }
  #app #view .league-page :is(.league-mode,.league-scoring-picker){
    display:grid!important;gap:7px!important;width:100%!important;
    max-width:100%!important;margin:3px 0 8px!important;
  }
  #app #view .league-page .league-mode {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #app #view .league-page .league-scoring-picker {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #app #view .league-page :is(.league-mode,.league-scoring-picker)>button {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;gap:4px!important;
    padding:7px 5px!important;height:auto!important;min-height:61px!important;
    border-radius:14px!important;min-width:0!important;
  }
  #app #view .league-page :is(.league-mode,.league-scoring-picker)>button>b {
    font-size:clamp(15px,4.05vw,18px)!important;line-height:1.25!important;
    white-space:normal!important;text-wrap:balance!important;
  }
  #app #view .league-page :is(.league-mode,.league-scoring-picker)>button>small {
    font-size:clamp(11px,3.1vw,13px)!important;line-height:1.3!important;
    max-width:100%!important;white-space:normal!important;text-wrap:balance!important;
    color:var(--league-quiet-ink)!important;
  }
  #app #view .league-page :is(.league-mode,.league-scoring-picker)>button.selected {
    border-color:var(--league-chrome)!important;
    box-shadow:inset 0 0 5px rgba(var(--league-edge-rgb),.10),
      0 0 8px rgba(var(--league-edge-rgb),.24)!important;
  }
  #app #view .league-page .league-scoring-summary {
    display:flex!important;flex-wrap:wrap!important;justify-content:space-around!important;
    gap:5px!important;padding:8px!important;margin:3px 0 12px!important;
    font-size:clamp(12px,3.5vw,14px)!important;
  }
  /* Two compact, readable dates, never nested inside a huge rule picker. */
  #app #view .league-page .league-calendar-card .league-date-caption {margin-bottom:10px!important;}
  #app #view .league-page .league-calendar-wrap {
    display:grid!important;gap:9px!important;padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  #app #view .league-page .league-dates-unified {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;width:100%!important;
  }
  #app #view .league-page .league-dates-unified>.league-start-date-card {
    min-height:70px!important;height:auto!important;max-width:100%!important;
    padding:8px 5px!important;border-radius:13px!important;gap:3px!important;
    box-sizing:border-box!important;
  }
  #app #view .league-page .league-start-date-card .league-calendar-symbol{
    width:22px!important;height:22px!important;min-width:22px!important;
    color:var(--league-chrome)!important;
  }
  #app #view .league-page .league-start-date-card .league-calendar-symbol svg{
    width:20px!important;height:20px!important;max-width:20px!important;
    max-height:20px!important;
  }
  #app #view .league-page .league-dates-unified .league-date-copy{
    gap:1px!important;width:100%!important;text-align:center!important;min-width:0!important;
  }
  #app #view .league-page .league-dates-unified .league-date-copy small{
    font-size:clamp(12px,3.55vw,14px)!important;line-height:1.3!important;
    white-space:normal!important;
  }
  #app #view .league-page .league-dates-unified .league-date-copy b{
    font-size:clamp(14px,4vw,17px)!important;line-height:1.32!important;
    font-variant-numeric:tabular-nums!important;direction:ltr!important;
    unicode-bidi:isolate!important;
  }
  #app #view .league-page .league-start-date-card:focus-within{
    outline:2px solid var(--league-chrome)!important;outline-offset:2px!important;
  }
  #app #view .league-page .league-auto-end-toggle{
    display:flex!important;align-items:center!important;gap:8px!important;
    margin:0!important;padding:7px 4px!important;min-height:44px!important;
    font-size:clamp(14px,3.9vw,16px)!important;
  }
  #app #view .league-page .league-auto-end-toggle input{
    width:21px!important;height:21px!important;min-width:21px!important;
    accent-color:var(--league-chrome)!important;
  }
  #app #view .league-page .league-calendar-hint{
    padding:5px 1px!important;margin:0!important;min-height:0!important;
    color:var(--league-quiet-ink)!important;
    font-size:clamp(12px,3.5vw,14px)!important;line-height:1.42!important;
  }
  #app #view .league-page .league-add-card {
    padding:9px 10px!important;margin-block:7px!important;
  }
  #app #view .league-page .league-add-card .smart-entry-hint {
    font-size:clamp(12px,3.5vw,14px)!important;line-height:1.38!important;
  }
  /* recovery2046: one ivory-only font owner for the three competition roster
     headings. The old ivory declarations were competing with independent royal
     layout heading sizes (17–20px), and the modal had a separate font owner.
     All collapsed card titles now have the SAME fixed size without altering
     player names, roster counters, list table cells or other themes. */
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants.wolf-smart-roster:not(.wolf-roster-open) > h2,
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants:not(.wolf-smart-roster) > h2,
  body.light #app #view .league-page .league-participants-card > h2,
  body.light #app #view .league-page .league-live-roster > summary > b,
  body.light #app #view .league-page #leagueLiveBoard .league-live-roster > summary > b {
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.3!important;
  }
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants > h2 > span:first-of-type {
    font-size:inherit!important;
  }
  /* Full participants page is a different hierarchy; reduce it gently,
     keeping its live count above the heading and all search controls intact. */
  body.light #app #view .wolf-roster-dialog
    .wolf-smart-roster.wolf-roster-open > h2 {
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.3!important;
  }
  /* recovery2014 — compact participant headings across three competition pages.
     Scope to the inline competition cards, not the independent roster overlay. */
  #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants > h2,
  #app #view .league-page .league-participants-card > h2{
    font-size:clamp(16px,4.25vw,18px)!important;
    line-height:1.30!important;font-weight:700!important;
  }
  #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants > h2 > span{
    font-size:inherit!important;font-weight:inherit!important;
  }
  #app #view .league-page .league-live-roster > summary > b{
    font-size:clamp(16px,4.25vw,18px)!important;
    line-height:1.30!important;font-weight:700!important;
  }
  #app #view .league-page .league-live-preview{
    padding:clamp(10px,2.7vw,14px)!important;margin-block:9px!important;
  }
  #app #view .league-page .league-preview-more{
    margin:7px 0 0!important;padding:5px!important;
    font-size:clamp(12px,3.5vw,14px)!important;
  }
  #app #view .league-page .league-setup-stats{margin:9px 0!important;gap:9px!important;}
  #app #view .league-page .league-setup-stats>.stat{
    min-height:52px!important;padding:6px 8px!important;min-width:0!important;
  }
  #app #view .league-page .league-control-card{
    padding:10px!important;margin-block:9px!important;
  }
  /* recovery2014 — start directly above the preview; compact, readable tap target. */
  #app #view .league-page .league-start-area{margin:7px 0 8px!important;}
  #app #view .league-page .league-start-button{
    box-sizing:border-box!important;width:100%!important;min-height:52px!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:center!important;gap:0!important;
    padding:6px 12px!important;border-radius:14px!important;
  }
  #app #view .league-page .league-start-button>span{
    font-size:clamp(16px,4.3vw,18px)!important;line-height:1.22!important;
  }
  #app #view .league-page .league-start-button>small{
    display:block!important;font-size:clamp(11px,3.2vw,13px)!important;
    line-height:1.25!important;max-width:100%!important;text-align:center!important;
    white-space:normal!important;
  }
  body.burgundy #app #view .league-page .league-start-button>small{
    color:#F9E9DF!important;
  }
  #app #view .league-page .league-start-button:disabled{
    opacity:.76!important;filter:none!important;box-shadow:none!important;
  }
  /* Live rounds: compressed chrome, but preserve native match coordinates,
     result buttons, timestamps, cards and the date-to-round mapping. */
  #app #view .league-page #leagueLiveBoard :is(
    .league-live-overview,.league-standings-card,.league-stage
  ) {margin-block:9px!important;}
  #app #view .league-page #leagueLiveBoard :is(
    .league-standings-summary,.wolf-league-stage-heading,.league-round
  ) {min-height:48px!important;padding-block:8px!important;}
  #app #view .league-page #leagueLiveBoard .league-round-meta{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:5px!important;flex-wrap:wrap!important;min-width:0!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-date{
    font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table :is(th,td){
    padding:7px 4px!important;font-size:clamp(12px,3.45vw,15px)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table .league-player-cell{
    min-width:0!important;overflow-wrap:anywhere!important;
  }
  @media(max-width:360px){
    #app #view .league-page .league-scoring-picker {gap:5px!important;}
    #app #view .league-page .league-scoring-picker>button{padding-inline:2px!important;}
    #app #view .league-page .league-dates-unified{gap:7px!important;}
  }

  /* recovery1994 — live four-page hierarchy.  Competition cards & inputs only.
     KO bracket geometry (#tournamentBoard) is explicitly outside this system. */
  #app #view .royal-four-comp-page {
    display:flex!important;flex-direction:column!important;
    gap:9px!important;min-width:0!important;
  }
  #app #view .royal-four-comp-page > :is(
    .game-select-card,.smart-entry-card,.participants,.standalone-controls-card,
    .league-setup-card,.league-system-card,.league-calendar-card,.league-add-card,
    .league-participants-card,.league-control-card,.league-live-preview
  ) {
    box-sizing:border-box!important;
    margin-block:0!important;
    padding:11px 12px!important;
    border-radius:17px!important;
    min-width:0!important;
  }
  #app #view .royal-four-comp-page :is(
    .game-select-card>h2,.wolf-ko-title-field .field-label,
    .match-panel .match-title-row h2,.league-setup-card .field-label,
    .league-add-card .field-label
  ) {
    font-size:clamp(17px,4.5vw,20px)!important;
    line-height:1.35!important;font-weight:750!important;
  }
  #app #view .royal-four-comp-page :is(
    .quick-game-status,.smart-entry-hint,.league-field-hint,
    .match-title-row small,.league-choice-head small
  ) {font-size:clamp(12px,3.3vw,14px)!important;line-height:1.4!important;}
  /* Game selection: preserve artworks and order but make the tile row notably
     denser than the large boxes in recovery1993. */
  #app #view .royal-four-comp-page > .game-select-card .game-card-picker {
    gap:7px!important;margin:7px 0 5px!important;
  }
  #app #view .royal-four-comp-page > .game-select-card .game-card-option {
    min-width:0!important;min-height:0!important;border-radius:12px!important;
    padding:2px!important;box-sizing:border-box!important;
  }
  #app #view .royal-four-comp-page > .game-select-card .quick-game-status {
    margin:4px 0 0!important;padding:0!important;min-height:0!important;
  }
  /* Quick challenge: place owner label alongside owner input and keep participant
     entry separate in the same card. No change to addPlayer() or keyboard flow. */
  #app #view .royal-four-comp-page .wolf-quick-owner-inline {
    display:grid!important;grid-template-columns:minmax(93px,37%) minmax(0,1fr)!important;
    align-items:center!important;gap:9px!important;
    margin:0 0 10px!important;min-width:0!important;
  }
  #app #view .royal-four-comp-page .wolf-quick-owner-inline .field-label {
    font-size:clamp(13px,3.6vw,16px)!important;font-weight:700!important;
    margin:0!important;line-height:1.3!important;
  }
  #app #view .royal-four-comp-page .wolf-quick-owner-inline input {
    height:45px!important;min-height:45px!important;
    padding:7px 10px!important;box-sizing:border-box!important;
    min-width:0!important;
  }
  #app #view .royal-four-comp-page .wolf-player-add-row {
    align-items:stretch!important;gap:8px!important;margin:0!important;
  }
  #app #view .royal-four-comp-page .wolf-player-add-row .smart-player-input {
    min-height:48px!important;height:auto!important;max-height:120px!important;
    padding:10px!important;font-size:clamp(14px,4vw,17px)!important;
    border-radius:12px!important;
  }
  #app #view .royal-four-comp-page .wolf-player-add-row .add-player-btn {
    min-height:48px!important;min-width:72px!important;
    padding:5px 8px!important;gap:3px!important;border-radius:12px!important;
  }
  #app #view .royal-four-comp-page .wolf-player-add-row .add-player-btn .control-icon {
    width:20px!important;height:20px!important;
  }
  /* Compact participants strip and four-button toolbar. Roster page is separate. */
  #app #view .royal-four-comp-page > .participants {
    min-height:64px!important;display:flex!important;flex-direction:column!important;
    justify-content:center!important;
  }
  #app #view .royal-four-comp-page > .participants > h2 {
    font-size:clamp(17px,4.3vw,20px)!important;font-weight:750!important;
    line-height:1.3!important;margin:0!important;
  }
  #app #view .royal-four-comp-page > .participants > h2 small {
    font-size:13px!important;min-width:31px!important;min-height:31px!important;
  }
  #app #view .royal-four-comp-page > .standalone-controls-card {
    padding:8px!important;
  }
  #app #view .royal-four-comp-page > .standalone-controls-card .quick-tools-control {
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;margin:0!important;align-items:stretch!important;
  }
  #app #view .royal-four-comp-page > .standalone-controls-card .quick-tools-control > button {
    min-width:0!important;min-height:51px!important;
    padding:5px 2px!important;gap:2px!important;
    font-size:clamp(11px,3.15vw,14px)!important;border-radius:11px!important;
    line-height:1.25!important;
  }
  #app #view .royal-four-comp-page > .standalone-controls-card .control-icon,
  #app #view .royal-four-comp-page > .standalone-controls-card .control-icon svg {
    width:19px!important;height:19px!important;
  }
  /* A visibly simpler game setup / fixture hierarchy. Keep A / B / VS and
     the original fixture cells' coordinates untouched. */
  #app #view .royal-four-comp-page > .match-panel:not(.ko-current-round) {
    margin:0!important;padding:11px 11px 13px!important;
    border-radius:17px!important;
  }
  #app #view .royal-four-comp-page .match-title-row {
    padding:0 0 7px!important;margin:0 0 8px!important;
    border-bottom:1px solid rgba(var(--ui-rgb),.24)!important;
  }
  #app #view .royal-four-comp-page .match-title-row h2 {
    margin:0!important;font-size:clamp(19px,4.8vw,22px)!important;
  }
  #app #view .royal-four-comp-page .competition-stats {
    gap:8px!important;margin:2px 0 0!important;
  }
  #app #view .royal-four-comp-page .competition-stats>.stat {
    padding:7px 8px!important;min-height:52px!important;
  }
  /* KO: only setup/roster/control, never any node inside #tournamentBoard. */
  #app #view .knockout-page.royal-four-comp-page > .tournament-setup .wolf-ko-title-field {
    margin-top:8px!important;padding-top:7px!important;
    border-top:1px solid rgba(var(--ui-rgb),.20)!important;
  }
  #app #view .knockout-page.royal-four-comp-page > .tournament-setup .wolf-ko-title-field input {
    min-height:46px!important;padding:8px 11px!important;
    border-radius:12px!important;
  }
  /* League setup owns one row per choice; rewards clarity over tall slabs. */
  #app #view .league-page.royal-four-comp-page > .league-system-card .league-scoring-head {
    padding-top:9px!important;margin-top:6px!important;
    border-top:1px solid rgba(var(--league-edge-rgb),.22)!important;
  }
  #app #view .league-page.royal-four-comp-page > .league-calendar-card .league-auto-end-toggle {
    min-height:44px!important;border-radius:11px!important;
    margin-top:4px!important;
  }
  #app #view .league-page.royal-four-comp-page > .league-calendar-card .league-calendar-hint {
    text-align:center!important;margin-top:3px!important;
  }
  #app #view .league-page.royal-four-comp-page #leagueLiveBoard .wolf-league-live-status {
    padding:10px 12px!important;margin:0 0 9px!important;border-radius:14px!important;
  }
  #app #view .league-page.royal-four-comp-page #leagueLiveBoard .league-standings-summary {
    font-size:clamp(17px,4.4vw,20px)!important;
  }
  @media(max-width:359px){
    #app #view .royal-four-comp-page .wolf-quick-owner-inline {
      grid-template-columns:minmax(0,1fr)!important;gap:4px!important;
    }
    #app #view .royal-four-comp-page > .standalone-controls-card .quick-tools-control{gap:4px!important;}
  }


  /* recovery1995 — Settings, compact & state-accurate. Single-source LIVE UI.
     Each theme uses its own highlight; OFF states have NO decorative glow.
     Keep native vibration checkbox (iOS tactile affordance) and 44px targets. */
  body:not(.burgundy):not(.light) #app #view .settings-page {
    --wolf-feedback-edge:#378FFD;--wolf-feedback-rgb:55,143,253;
    --wolf-feedback-off-knob:#8997A8;
  }
  body.burgundy #app #view .settings-page {
    --wolf-feedback-edge:#F8FAF9;--wolf-feedback-rgb:248,250,249;
    --wolf-feedback-off-knob:#A9A5A8;
  }
  body.light #app #view .settings-page {
    --wolf-feedback-edge:#B7832F;--wolf-feedback-rgb:183,131,47;
    --wolf-feedback-off-knob:#C9B999;
  }
  body #app #view .settings-page {gap:11px!important;}
  body #app #view .settings-page > .card.ui-section-card:is(
    .settings-appearance-card,.settings-feedback-card,.settings-about-card){
    padding:11px 12px!important;border-radius:17px!important;
  }
  body #app #view .settings-page > .card.ui-section-card > h2{
    font-size:clamp(19px,4.7vw,22px)!important;
    line-height:1.3!important;font-weight:750!important;margin:0 0 8px!important;
  }
  body #app #view .settings-page .theme-chooser{gap:8px!important;}
  body #app #view .settings-page .theme-chooser > button{
    min-height:48px!important;padding:7px 4px!important;
    font-size:clamp(12px,3.3vw,14px)!important;border-radius:12px!important;
  }
  body #app #view .settings-page .theme-chooser > button:not(.selected){
    opacity:.84!important;box-shadow:none!important;
  }
  body #app #view .settings-page .theme-chooser > button.selected{
    opacity:1!important;border-color:var(--wolf-feedback-edge)!important;
    box-shadow:inset 0 0 5px rgba(var(--wolf-feedback-rgb),.10),
      0 0 9px rgba(var(--wolf-feedback-rgb),.27)!important;
  }
  body #app #view .settings-page .settings-feedback-card{gap:8px!important;}
  body #app #view .settings-page .settings-feedback-card > h2{margin-bottom:2px!important;}
  body #app #view .settings-page .settings-feedback-card > .feedback-royal-row.settings-switch-row{
    box-sizing:border-box!important;
    grid-template-columns:36px minmax(0,1fr) 59px!important;
    min-height:70px!important;height:auto!important;
    gap:9px!important;padding:8px 10px!important;
    margin:0!important;border-radius:14px!important;
    cursor:pointer!important;touch-action:manipulation!important;
    border:1px solid rgba(var(--wolf-feedback-rgb),.33)!important;
    background:var(--ui-inner)!important;
    box-shadow:none!important;
    transition:border-color .18s ease,box-shadow .18s ease!important;
  }
  body #app #view .settings-page .feedback-royal-row.is-on.settings-switch-row{
    border-color:rgba(var(--wolf-feedback-rgb),.74)!important;
    box-shadow:inset 0 0 6px rgba(var(--wolf-feedback-rgb),.07),
      0 0 7px rgba(var(--wolf-feedback-rgb),.14)!important;
  }
  body #app #view .settings-page .feedback-royal-row:focus-visible{
    outline:2px solid var(--wolf-feedback-edge)!important;
    outline-offset:2px!important;
  }
  body #app #view .settings-page .feedback-royal-row > .feedback-icon-shell{
    width:36px!important;height:36px!important;
    min-width:36px!important;min-height:36px!important;
    padding:6px!important;border-radius:10px!important;
    border:1px solid rgba(var(--wolf-feedback-rgb),.34)!important;
    background:var(--ui-inner)!important;
    color:var(--ui-muted)!important;
    box-shadow:none!important;
    filter:none!important;
  }
  body #app #view .settings-page .feedback-royal-row.is-on > .feedback-icon-shell{
    border-color:var(--wolf-feedback-edge)!important;
    color:var(--wolf-feedback-edge)!important;
    box-shadow:0 0 6px rgba(var(--wolf-feedback-rgb),.22)!important;
  }
  body #app #view .settings-page .feedback-royal-row .feedback-icon-shell .feedback-drawn-icon{
    width:22px!important;height:22px!important;min-width:22px!important;
    min-height:22px!important;color:inherit!important;stroke:currentColor!important;
    filter:none!important;
  }
  body #app #view .settings-page .feedback-row-copy{gap:1px!important;}
  body #app #view .settings-page .feedback-row-copy b{
    font-size:clamp(16px,4vw,18px)!important;line-height:1.23!important;
  }
  body #app #view .settings-page .feedback-row-copy small{
    font-size:clamp(11px,3.05vw,13px)!important;line-height:1.34!important;
  }
  body #app #view .settings-page .feedback-royal-row .feedback-state{
    font-size:11px!important;line-height:1.2!important;
    color:var(--ui-muted)!important;text-shadow:none!important;
  }
  body #app #view .settings-page .feedback-royal-row.is-on .feedback-state{
    color:var(--wolf-feedback-edge)!important;
  }
  body #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle{
    box-sizing:border-box!important;
    width:59px!important;min-width:59px!important;max-width:59px!important;
    flex-basis:59px!important;height:44px!important;min-height:44px!important;
    border:1px solid rgba(var(--wolf-feedback-rgb),.35)!important;
    background:var(--ui-inner)!important;
    border-radius:999px!important;
    box-shadow:inset 0 0 5px rgba(0,0,0,.12)!important;
    opacity:1!important;
  }
  body #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle.on{
    border-color:var(--wolf-feedback-edge)!important;
    background:rgba(var(--wolf-feedback-rgb),.16)!important;
    box-shadow:inset 0 0 7px rgba(var(--wolf-feedback-rgb),.13),
      0 0 8px rgba(var(--wolf-feedback-rgb),.21)!important;
  }
  body #app #view .settings-page .feedback-royal-toggle > .feedback-toggle-knob,
  body.burgundy #app #view .settings-page .feedback-royal-toggle:not(.on) > .feedback-toggle-knob,
  body.light #app #view .settings-page .feedback-royal-toggle:not(.on) > .feedback-toggle-knob {
    top:9px!important;right:6px!important;width:24px!important;height:24px!important;
    min-width:24px!important;min-height:24px!important;
    background:var(--wolf-feedback-off-knob)!important;background-image:none!important;
    border:1px solid rgba(var(--wolf-feedback-rgb),.24)!important;
    box-shadow:0 1px 3px rgba(0,0,0,.17)!important;
    transform:translateX(0)!important;
  }
  body #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob,
  body.burgundy #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob,
  body.light #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{
    transform:translateX(-22px)!important;
    background:var(--wolf-feedback-edge)!important;background-image:none!important;
    border-color:var(--wolf-feedback-edge)!important;
    box-shadow:0 1px 3px rgba(0,0,0,.15),0 0 6px rgba(var(--wolf-feedback-rgb),.30)!important;
  }
  body #app #view .settings-page .feedback-royal-row.is-unavailable{
    opacity:.67!important;cursor:not-allowed!important;
    box-shadow:none!important;
  }
  body #app #view .settings-page .settings-about-card .about-developer{
    margin:0 0 7px!important;
  }
  body #app #view .settings-page .settings-about-card .about-omar{
    font-size:17px!important;margin:0 0 4px!important;
  }
  body #app #view .settings-page .settings-about-card .about-developer p{
    font-size:clamp(12px,3.4vw,14px)!important;
    line-height:1.48!important;margin:0 0 8px!important;
  }
  body #app #view .settings-page .settings-contact-action{
    min-height:48px!important;border-radius:12px!important;
    box-shadow:none!important;
  }
  body #app #view .settings-page .settings-contact-action .wolf-contact-logo{
    width:27px!important;height:27px!important;flex-basis:27px!important;
    border-radius:7px!important;
  }
  @media(max-width:360px){
    body #app #view .settings-page .settings-feedback-card > .feedback-royal-row.settings-switch-row{
      grid-template-columns:34px minmax(0,1fr) 59px!important;
      padding-inline:8px!important;gap:7px!important;
    }
  }
  @media(prefers-reduced-motion:reduce){
    body #app #view .settings-page .feedback-royal-row.settings-switch-row{
      transition:none!important;
    }
  }

}


/* recovery2002 — Three administration hubs: one geometric component owner.
   Live navigation only. Never touch record detail tables, export art,
   authentication state, menu actions, or the locked knockout tree.
   The row's full surface is a tap target; title-only rows have less visual bulk.
   These narrow selectors supersede historical hub density values in this file. */
@layer identity {
  /* recovery2030: The ivory hub list uses a slightly roomier version of
     the existing 2002 card geometry. A theme-level geometry palette keeps
     the navy and burgundy layouts unchanged; labels and count badges stay
     the exact same size. Only the three management/records/control hubs
     inherit these local values. */
  body.light #app #view.wolf-layout-page {
    --wolf-hub-list-gap:16px;
    --wolf-hub-row-height:75px;
    --wolf-hub-title-row-height:66px;
    --wolf-hub-icon-box:41px;
    --wolf-hub-icon-glyph:24.5px;
    --wolf-hub-arrow-col:22px;
    --wolf-hub-arrow-narrow-col:21px;
    --wolf-hub-arrow-height:26px;
    --wolf-hub-arrow-glyph-width:22px;
    --wolf-hub-arrow-glyph-height:25px;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:var(--wolf-hub-list-gap,11px)!important;
    margin-top:9px!important;
    margin-bottom:8px!important;
    min-width:0!important;
  }
  /* Default title+description row. Condense the old 76–80px boxes. */
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card.record-wide,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu > .menu-row {
    box-sizing:border-box!important;
    display:grid!important;direction:ltr!important;
    grid-template-columns:var(--wolf-hub-icon-box,38px) minmax(0,1fr) var(--wolf-hub-arrow-col,21px)!important;
    min-height:var(--wolf-hub-row-height,68px)!important;
    height:auto!important;
    padding:8px 11px!important;
    column-gap:10px!important;
    border-radius:16px!important;
    align-items:center!important;
  }
  /* Management menu labels without subtitles are deliberately shorter. */
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row.wolf-row-title-only {
    min-height:var(--wolf-hub-title-row-height,60px)!important;
    padding-block:7px!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row.wolf-row-with-subtitle {
    min-height:var(--wolf-hub-row-height,68px)!important;
  }
  /* Equal icon containers, clearer internal line art, quieter tile halo. */
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon),
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card > .record-visual.record-visual-icon,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon) {
    width:var(--wolf-hub-icon-box,38px)!important;height:var(--wolf-hub-icon-box,38px)!important;
    min-width:var(--wolf-hub-icon-box,38px)!important;min-height:var(--wolf-hub-icon-box,38px)!important;
    max-width:var(--wolf-hub-icon-box,38px)!important;max-height:var(--wolf-hub-icon-box,38px)!important;
    flex-basis:var(--wolf-hub-icon-box,38px)!important;
    padding:6px!important;
    border-radius:11px!important;
    border-width:1.3px!important;
    box-shadow:inset 0 0 6px rgba(var(--ui-rgb),.07),
      0 0 7px rgba(var(--ui-rgb),.23)!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon) svg,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card > .record-visual .record-symbol svg,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon) svg {
    width:var(--wolf-hub-icon-glyph,23px)!important;height:var(--wolf-hub-icon-glyph,23px)!important;
    max-width:var(--wolf-hub-icon-glyph,23px)!important;max-height:var(--wolf-hub-icon-glyph,23px)!important;
    opacity:1!important;
    stroke-width:2.3!important;
    filter:drop-shadow(0 0 1.5px rgba(var(--ui-rgb),.25))!important;
  }
  /* Correct text hierarchy without affecting the geometric page title. */
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu .menu-copy > b,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical .record-copy > b,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu .menu-copy > b {
    font-size:clamp(17px,4.5vw,19px)!important;
    line-height:1.27!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu .menu-copy > small,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu .menu-copy > small {
    font-size:clamp(12px,3.38vw,14px)!important;
    line-height:1.31!important;
    font-weight:550!important;
    margin:0!important;
  }
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical .record-copy > b {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    min-width:0!important;
  }
  /* One stable counter footprint for 9, 3 and 12; no drifting. */
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical .record-mini-count {
    box-sizing:border-box!important;
    flex:0 0 35px!important;
    width:35px!important;min-width:35px!important;
    height:30px!important;min-height:30px!important;
    padding:0 3px!important;
    display:inline-grid!important;place-items:center!important;
    border-radius:9px!important;
    font-size:clamp(14px,3.8vw,16px)!important;
    font-weight:800!important;
    line-height:1!important;
    font-variant-numeric:tabular-nums!important;
    box-shadow:none!important;
  }
  /* Arrows are aligned at identical rightmost column in the three hubs. */
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row > .menu-chevron,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card > .menu-chevron,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu > .menu-row > .menu-chevron {
    grid-column:3!important;grid-row:1!important;
    width:var(--wolf-hub-arrow-col,21px)!important;height:var(--wolf-hub-arrow-height,25px)!important;
    margin:0!important;padding:0!important;
    display:grid!important;place-items:center!important;
    color:var(--ui-accent)!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row > .menu-chevron svg,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card > .menu-chevron svg,
  body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu > .menu-row > .menu-chevron svg {
    width:var(--wolf-hub-arrow-glyph-width,21px)!important;height:var(--wolf-hub-arrow-glyph-height,24px)!important;
    stroke-width:2.5!important;
    color:inherit!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 1px rgba(var(--ui-rgb),.22))!important;
  }
  /* Each theme retains its one established accent; no new colour mixture. */
  body.burgundy #app #view.wolf-layout-page :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-symbol,.menu-chevron) {
    color:#F8FAF9!important;border-color:#F8FAF9!important;
  }
  body.light #app #view.wolf-layout-page :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-symbol,.menu-chevron) {
    color:#AD7D29!important;border-color:#AD7D29!important;
  }
  body:not(.burgundy):not(.light) #app #view.wolf-layout-page :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-symbol,.menu-chevron) {
    color:#4A9FFF!important;border-color:#4A9FFF!important;
  }
  /* Fill the glyph stroke itself in the theme colour; old records-icon
     rules set separate silver/blue constants even when the tile rim changed. */
  body.burgundy #app #view.wolf-layout-page :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-symbol) svg {
    color:#F8FAF9!important;stroke:#F8FAF9!important;
  }
  body.light #app #view.wolf-layout-page :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-symbol) svg {
    color:#AD7D29!important;stroke:#AD7D29!important;
  }
  body:not(.burgundy):not(.light) #app #view.wolf-layout-page :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
    :is(.home-icon,.records-admin-tool-icon,.record-visual-icon,.record-symbol) svg {
    color:#4A9FFF!important;stroke:#4A9FFF!important;
  }
  /* Titles, spacing and whole-row tap behavior remain a shared system. */
  @media(max-width:359px) {
    body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row,
    body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card.record-wide,
    body #app #view.wolf-layout-page > .team-hub-menu.wolf-control-menu > .menu-row {
      padding-inline:8px!important;column-gap:7px!important;
      grid-template-columns:var(--wolf-hub-icon-box,38px) minmax(0,1fr) var(--wolf-hub-arrow-narrow-col,20px)!important;
    }
  }
  @media(prefers-reduced-motion:reduce) {
    body #app #view.wolf-layout-page :is(.management-hub-page,.records-menu-page,.wolf-control-menu)
      :is(.menu-row,.record-card) {transition:none!important;}
  }
}


/* recovery2003 — Month archive and rollover controls. One source record per
   victory: historical months are views, never copied or deleted. */
@layer identity {
  #app #view .record-detail-page[data-record-scope] .total-period-heading #wolfRecordPeriodStatus {
    display:inline-block;font-size:clamp(11px,2.8vw,12px);font-weight:650;
    color:var(--ui-muted);margin-inline-start:7px;
  }
  #app #view .record-detail-page[data-record-scope] .wolf-record-archive {
    box-sizing:border-box;padding:10px 13px!important;min-width:0;
    border-radius:var(--ui-control-radius);overflow:hidden;
  }
  #app #view .record-detail-page[data-record-scope] .wolf-record-archive-heading {
    cursor:pointer;display:flex;align-items:center;justify-content:space-between;
    gap:10px;min-height:44px;font-size:clamp(15px,4vw,17px);font-weight:750;
    color:var(--ui-ink);list-style:none;
  }
  #app #view .record-detail-page[data-record-scope] .wolf-record-archive-heading::-webkit-details-marker {display:none}
  #app #view .record-detail-page[data-record-scope] .wolf-record-archive-heading .navigation-icon {width:19px;height:19px}
  #app #view .record-detail-page[data-record-scope] .wolf-record-archive[open] .wolf-record-archive-heading .navigation-icon {transform:rotate(180deg)}
  #app #view .record-detail-page[data-record-scope] .wolf-record-archive-months {
    padding-block:7px 2px;display:grid;gap:8px;min-width:0;
  }
  #app #view .record-detail-page[data-record-scope] .wolf-archive-month {
    color:var(--ui-ink);font:inherit;cursor:pointer;display:grid;
    grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:9px;
    box-sizing:border-box;width:100%;min-height:46px;padding:8px 10px;
    text-align:right;border-radius:11px;border:1px solid var(--ui-accent);
    background:var(--ui-surface);
  }
  #app #view .record-detail-page[data-record-scope] .wolf-archive-month b {font-size:clamp(12px,3.2vw,14px);color:var(--ui-muted)}
  #app #view .record-detail-page[data-record-scope] .wolf-archive-month .navigation-icon {width:18px;height:18px;color:var(--ui-accent)}
}


/* recovery2004 — Canonical royal record structure: compact registration,
   two monthly ledgers and three ranking tables. All themes inherit UI tokens. */
@layer identity {
 #app #view .record-detail-page[data-record-scope],
 #app #view .wolf-staff-record-detail {gap:11px!important;min-width:0;}
 #app #view .record-detail-page[data-record-scope] .win-registration-card{
   padding:12px 13px!important;gap:7px!important;
 }
 #app #view .record-detail-page[data-record-scope] .win-registration-card h2{
   font-size:clamp(18px,4.7vw,21px)!important;line-height:1.4!important;margin:0 0 4px!important;
 }
 #app #view .record-detail-page[data-record-scope] #winRegistrationForm {display:grid!important;gap:6px!important;min-width:0!important;}
 #app #view .record-detail-page[data-record-scope] #winRegistrationForm>label{
   font-size:clamp(13px,3.5vw,15px)!important;line-height:1.4!important;font-weight:650!important;margin:3px 0 0!important;
 }
 #app #view .record-detail-page[data-record-scope] .win-registration-card .input{
   min-height:45px!important;height:45px!important;font-size:clamp(14px,3.7vw,16px)!important;
   padding-block:6px!important;
 }
 #app #view .record-detail-page[data-record-scope] .win-registration-card #rwinCount{
   width:min(100%,148px)!important;max-width:100%!important;justify-self:start!important;
   font-size:18px!important;font-weight:750!important;text-align:center!important;
 }
 #app #view .record-detail-page[data-record-scope] :is(.record-date-field,.record-time-field){
   padding:9px 10px!important;gap:6px!important;min-width:0!important;
 }
 #app #view .record-detail-page[data-record-scope] .date-caption{font-size:clamp(14px,3.7vw,16px)!important;line-height:1.4!important;}
 #app #view .record-detail-page[data-record-scope] .date-parts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;}
 #app #view .record-detail-page[data-record-scope] .record-part{gap:3px!important;min-width:0!important;}
 #app #view .record-detail-page[data-record-scope] .record-part>span{font-size:clamp(12px,3.2vw,14px)!important;line-height:1.35!important;}
 #app #view .record-detail-page[data-record-scope] .record-part select{
   height:45px!important;min-height:45px!important;font-size:clamp(14px,3.7vw,16px)!important;
   padding:6px 2px!important;max-width:100%!important;
 }
 #app #view .record-detail-page[data-record-scope] .record-time-field{margin-top:5px!important;}
 #app #view .record-detail-page[data-record-scope] .win-save-btn{
   min-height:47px!important;height:auto!important;font-size:clamp(15px,4vw,17px)!important;
   margin-top:6px!important;gap:9px!important;
 }
 #app #view .record-detail-page[data-record-scope] .win-save-btn .record-action-icon,
 #app #view .record-detail-page[data-record-scope] .win-save-btn .record-action-icon svg{
   display:block!important;width:21px!important;height:21px!important;
   background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-exports-top{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:8px!important;min-width:0!important;margin:0!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-exports-top>.action{
   min-height:46px!important;width:100%!important;min-width:0!important;
   padding:8px 5px!important;font-size:clamp(13px,3.6vw,16px)!important;
   gap:5px!important;display:flex!important;justify-content:center!important;align-items:center!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-exports-top .record-action-icon svg{width:19px!important;height:19px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) :is(.wolf-record-period-card,.wolf-game-recent-card,.wolf-record-ranking-card,.wolf-combined-ranking,.wolf-combined-ledger){
   padding:12px 13px!important;min-width:0!important;border-radius:14px!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-period-card{display:grid;gap:10px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .record-period-heading{margin:0!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .record-monthly-filters{gap:6px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .record-monthly-filters .input{min-width:0!important;min-height:44px!important;font-size:clamp(13px,3.5vw,15px)!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-section-title{
   margin:0 0 10px!important;font-size:clamp(17px,4.4vw,19px)!important;
   line-height:1.4!important;font-weight:750!important;color:var(--ui-ink)!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-ranking-card .record-rank-title{font-size:clamp(17px,4.4vw,19px)!important;margin:0 0 10px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) :is(.wolf-record-ledgers,.wolf-record-three-ranks){
   display:grid!important;gap:10px!important;min-width:0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-combined-ledger{overflow:hidden;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-combined-summary{
   cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;
   min-height:44px;font-size:clamp(17px,4.3vw,19px);font-weight:750;color:var(--ui-ink);
 }
 #app #view .wolf-combined-summary::-webkit-details-marker{display:none;}
 #app #view .wolf-combined-summary>span{flex:1;min-width:0;}
 #app #view .wolf-combined-count{padding:3px 9px;border:1px solid var(--ui-accent);border-radius:9px;font-size:14px;color:var(--ui-ink);}
 #app #view .wolf-combined-summary>.navigation-icon{width:20px!important;height:20px!important;color:var(--ui-accent);transform:rotate(90deg);transition:transform .16s ease;}
 #app #view .wolf-combined-ledger[open] .wolf-combined-summary>.navigation-icon{transform:rotate(-90deg);}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) :is(.wolf-combined-history,.wolf-recent-content,[data-staff-history]){
   display:grid!important;gap:7px!important;min-width:0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-combined-history{margin-top:10px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-compact-win-card{
   display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
   gap:3px 9px!important;align-items:center!important;
   padding:8px 10px!important;margin:0!important;min-width:0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-heading{
   grid-column:1/-1!important;display:flex!important;align-items:center!important;
   justify-content:space-between!important;gap:7px!important;min-width:0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-heading b{
   display:block!important;font-size:clamp(14px,3.7vw,16px)!important;line-height:1.4!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-badge{
   font-size:12px!important;padding:2px 7px!important;border-radius:8px!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-line{
   grid-column:1/-1!important;font-size:clamp(12px,3.3vw,14px)!important;
   line-height:1.4!important;gap:4px 7px!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-event{
   grid-column:1/-1!important;font-size:clamp(12px,3.3vw,14px)!important;line-height:1.4!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-actor{
   grid-column:1!important;min-width:0!important;font-size:clamp(12px,3.25vw,14px)!important;
   line-height:1.4!important;color:var(--ui-muted);overflow-wrap:anywhere;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-actor b{
   display:inline!important;font-size:inherit!important;color:var(--ui-ink)!important;font-weight:700!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-compact-win-card .win-actions{
   grid-column:2!important;grid-row:auto!important;display:flex!important;gap:5px!important;margin:0!important;
   flex-flow:row nowrap!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-compact-win-card .win-actions .iconbtn{
   width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-audit{
   grid-column:1/-1!important;font-size:12px!important;padding:4px 0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-win-audit summary{font-size:12px!important;min-height:28px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-all-records-link{
   min-height:46px!important;padding:8px 10px!important;font-size:clamp(14px,3.6vw,16px)!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-history-full{gap:10px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-history-full>h2{font-size:clamp(18px,4.7vw,20px)!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-history-more{
   min-height:45px!important;font-size:14px!important;margin-top:4px!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .total-rank-table-wrap{overflow-x:auto!important;max-width:100%!important;}
 /* recovery2041: readable 4/6-column tables at iPhone sizes, without shrinking text. */
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .total-rank-table:not(.wolf-members-sum-table){
  width:100%!important;min-width:440px!important;table-layout:auto!important;
  font-size:14px!important;font-variant-numeric:tabular-nums!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .total-rank-table.combined-rank-table:not(.wolf-members-sum-table){min-width:570px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .total-rank-table:not(.wolf-members-sum-table) :is(td,th){
  padding:9px 7px!important;font-size:14px!important;line-height:1.4!important;
  vertical-align:middle!important;white-space:normal!important;overflow-wrap:break-word!important;
  font-variant-numeric:tabular-nums!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .total-rank-table:not(.wolf-members-sum-table) th{font-weight:800!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .total-rank-table:not(.wolf-members-sum-table) td{font-weight:650!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .total-rank-table-wrap{
  width:100%!important;min-width:0!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;
 }

 @media(max-width:365px){
  #app #view .record-detail-page[data-record-scope] .wolf-record-exports-top>.action{font-size:13px!important;padding-inline:3px!important;}
  #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) :is(.wolf-combined-ledger,.wolf-combined-ranking){padding-inline:9px!important;}
 }
}


/* recovery2005 — A single search / time-filter owner shared by record pages.
   Does not change card geometry elsewhere or override the theme palettes. */
@layer identity {
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-filter-panel{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;min-width:0!important;gap:9px!important;
   padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
   box-shadow:none!important;background:transparent!important;overflow:visible!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-search-block{
   display:grid!important;min-width:0!important;gap:5px!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-field-label{
   display:block;color:var(--ui-ink)!important;font-size:clamp(12px,3.3vw,14px)!important;
   font-weight:700!important;line-height:1.4!important;padding-inline:1px;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-search-field{
   display:flex!important;align-items:center!important;gap:7px!important;
   box-sizing:border-box!important;width:100%!important;min-width:0!important;
   min-height:47px!important;padding:0 9px!important;
   border:1px solid var(--ui-accent)!important;border-radius:12px!important;
   background:var(--ui-surface)!important;box-shadow:0 0 10px rgba(var(--ui-rgb),.12)!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-search-field:focus-within{
   box-shadow:0 0 0 2px rgba(var(--ui-rgb),.16),0 0 14px rgba(var(--ui-rgb),.22)!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-search-glyph{
   flex:none!important;width:20px!important;height:20px!important;color:var(--ui-accent)!important;
   stroke:currentColor!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-filter-panel input.wolf-record-search-input{
   flex:1 1 auto!important;min-width:0!important;width:100%!important;
   height:45px!important;min-height:45px!important;
   margin:0!important;padding:5px 0!important;outline:none!important;
   border:0!important;border-radius:0!important;background:transparent!important;
   box-shadow:none!important;text-align:right!important;color:var(--ui-ink)!important;
   font-size:clamp(14px,3.7vw,16px)!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) input.wolf-record-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-search-clear{
   flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;
   width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
   padding:12px!important;border:0!important;border-radius:10px!important;
   background:transparent!important;color:var(--ui-muted)!important;cursor:pointer!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-search-clear[hidden]{display:none!important}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-search-clear svg{width:19px;height:19px;stroke:currentColor}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-period-fields{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-width:0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-period-field{
   display:grid!important;gap:5px!important;min-width:0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-filter-panel .wolf-record-period-field select.input{
   box-sizing:border-box!important;width:100%!important;min-width:0!important;
   height:45px!important;min-height:45px!important;padding:6px 10px!important;
   font-size:clamp(14px,3.65vw,16px)!important;
   background:var(--ui-surface)!important;color:var(--ui-ink)!important;
   border:1px solid var(--ui-accent)!important;border-radius:11px!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-filter-foot{
   display:flex!important;flex-wrap:wrap!important;align-items:center!important;
   justify-content:space-between!important;gap:6px 10px!important;min-width:0!important;
   padding:2px 0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-query-total{
   flex:1 1 auto!important;font-size:clamp(12px,3.2vw,14px)!important;
   color:var(--ui-muted)!important;line-height:1.4!important;min-width:0!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-current-month{
   flex:none!important;min-height:44px!important;padding:8px 12px!important;
   border:1px solid var(--ui-accent)!important;border-radius:11px!important;
   background:var(--ui-inner)!important;color:var(--ui-ink)!important;
   font:inherit!important;font-size:clamp(12px,3.25vw,14px)!important;font-weight:700!important;
   cursor:pointer!important;
 }
 @media(max-width:350px){
  #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-filter-foot{
    align-items:stretch!important;
  }
  #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail) .wolf-record-current-month{
    padding-inline:9px!important;
  }
 }
}


/* recovery2006 — Royal records: one compact rhythm, native geometric SVGs,
   dedicated historical archive. Scoped strictly to record routes. */
@layer identity {
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page,.wolf-staff-record-detail){
  --wolf-record-gap:10px;display:grid!important;gap:var(--wolf-record-gap)!important;min-width:0!important;
  align-content:start!important;
 }
 #app #view .record-detail-page[data-record-scope] :is(.win-registration-card,.wolf-record-period-card,.wolf-game-recent-card,.wolf-record-ranking-card,.wolf-combined-ledger,.wolf-combined-ranking,.wolf-record-history-full),
 #app #view .wolf-archive-page :is(.wolf-archive-index-card){
  padding:11px 12px!important;margin:0!important;min-width:0!important;border-radius:15px!important;
 }
 #app #view .record-detail-page[data-record-scope] .win-registration-card{display:grid!important;gap:5px!important;}
 #app #view .record-detail-page[data-record-scope] .win-registration-card h2{
  font-size:clamp(17px,4.5vw,20px)!important;line-height:1.4!important;margin:0 0 3px!important;
 }
 #app #view .record-detail-page[data-record-scope] #winRegistrationForm{gap:5px!important;}
 #app #view .record-detail-page[data-record-scope] #winRegistrationForm>label{
  margin:1px 0 0!important;font-size:clamp(12px,3.45vw,14px)!important;font-weight:700!important;
 }
 #app #view .record-detail-page[data-record-scope] .win-registration-card .input{
  height:45px!important;min-height:45px!important;padding:7px 10px!important;border-radius:11px!important;
 }
 #app #view .record-detail-page[data-record-scope] .win-registration-card #rwinCount{width:96px!important;justify-self:start!important;}
 #app #view .record-detail-page[data-record-scope] :is(.record-date-field,.record-time-field){
  display:grid!important;gap:5px!important;padding:8px!important;margin:3px 0 0!important;border-radius:12px!important;
 }
 #app #view .record-detail-page[data-record-scope] .date-parts{gap:6px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 #app #view .record-detail-page[data-record-scope] .record-part select{padding-inline:3px!important;text-align:center!important;}
 #app #view .record-detail-page[data-record-scope] .win-save-btn{margin:4px 0 0!important;min-height:46px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-period-card{
  gap:7px!important;display:grid!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-current-period-label{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:3px 10px!important;min-height:0!important;
  border:0!important;background:transparent!important;background-image:none!important;
  box-shadow:none!important;padding:0 0 6px!important;margin:0!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-current-period-label>span{
  font-size:clamp(12px,3.5vw,15px)!important;font-weight:650!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-current-period-label>b{
  font-size:clamp(15px,4vw,18px)!important;font-weight:800!important;color:var(--ui-ink)!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-current-period-label>small{display:none!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-filter-panel{gap:6px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-query-total{text-align:start!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-month-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;margin:3px 0!important;min-width:0!important;
 }
 #app #view .record-detail-page[data-record-scope].wolf-combined-page .wolf-month-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-month-stat{
  width:100%!important;min-width:0!important;min-height:68px!important;
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  gap:3px!important;align-items:center!important;justify-content:center!important;
  padding:7px 4px!important;margin:0!important;border-radius:11px!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-month-stat b{
  font-size:clamp(19px,5.7vw,25px)!important;line-height:1.15!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-month-stat span{
  text-align:center!important;font-size:clamp(11px,3.15vw,13px)!important;line-height:1.35!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-month-leader{
  margin:2px 0 0!important;font-size:clamp(12px,3.25vw,14px)!important;line-height:1.4!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-exports-top{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-exports-top>.action{
  margin:0!important;min-height:46px!important;border-radius:12px!important;font-weight:700!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page,.records-menu-page)
  :is(.record-action-icon,.record-action-icon svg,.wolf-archive-choice-icon,.wolf-archive-choice-icon svg,
      .wolf-record-archive-link .navigation-icon,.wolf-record-archive-link .navigation-icon svg,
      .wolf-all-records-link .navigation-icon,.wolf-all-records-link .navigation-icon svg,
      .wolf-archive-entry .record-action-icon,.wolf-archive-entry .record-action-icon svg){
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page,.records-menu-page)
  :is(.record-action-icon,.wolf-archive-choice-icon) {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;
  color:var(--ui-accent)!important;flex:none!important;filter:none!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page,.records-menu-page)
  :is(.record-action-icon,.wolf-archive-choice-icon) svg{
  width:21px!important;height:21px!important;min-width:0!important;min-height:0!important;
  stroke:currentColor!important;fill:none!important;filter:drop-shadow(0 0 3px rgba(var(--ui-rgb),.36))!important;
 }
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) :is(.wolf-record-archive-link,.wolf-archive-choice){
  color:var(--ui-ink)!important;font-family:var(--ui-font)!important;
  background:var(--ui-surface)!important;border:1.2px solid var(--ui-accent)!important;
  box-shadow:0 0 9px rgba(var(--ui-rgb),.24),inset 0 0 7px rgba(var(--ui-rgb),.08)!important;
  border-radius:13px!important;min-height:47px!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-archive-link{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:9px 11px!important;margin:0!important;min-width:0!important;font-size:clamp(14px,3.8vw,16px)!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-archive-link .navigation-icon{
  width:20px!important;height:20px!important;color:var(--ui-accent)!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-record-section-title,
 #app #view .record-detail-page[data-record-scope] .record-rank-title{
  font-size:clamp(16px,4.4vw,19px)!important;line-height:1.4!important;margin:0 0 7px!important;
 }
 #app #view .record-detail-page[data-record-scope] :is(.wolf-month-leader,.notice){
  font-size:clamp(12px,3.3vw,14px)!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-game-recent-card .wolf-recent-content:has(> .notice),
 #app #view .record-detail-page[data-record-scope] .wolf-record-ranking-card #recordList:has(> .notice){
  min-height:0!important;
 }
 #app #view .record-detail-page[data-record-scope] .wolf-all-records-link{
  margin:6px 0 0!important;min-height:46px!important;padding:8px 9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border-radius:12px!important;
 }
 #app #view .wolf-archive-page .wolf-archive-index-card{display:grid!important;gap:11px!important;}
 #app #view .wolf-archive-page .wolf-archive-intro{display:flex;gap:10px;align-items:center;min-width:0;}
 #app #view .wolf-archive-page .wolf-archive-intro>div{display:grid;gap:3px;min-width:0;}
 #app #view .wolf-archive-page .wolf-archive-intro b{font-size:clamp(16px,4.1vw,19px)!important;}
 #app #view .wolf-archive-page .wolf-archive-intro small{color:var(--ui-muted);font-size:clamp(12px,3.2vw,14px);}
 #app #view .wolf-archive-page .wolf-archive-period-control{display:grid;gap:6px;font-weight:700;font-size:14px;}
 #app #view .wolf-archive-page .wolf-archive-period-control .input{
  min-height:46px!important;height:46px!important;background:var(--ui-inner)!important;
  border:1px solid var(--ui-accent)!important;border-radius:11px!important;
  color:var(--ui-ink)!important;font-size:16px!important;width:100%!important;
 }
 #app #view .wolf-archive-page .wolf-archive-selection-title{
  font-size:clamp(15px,4vw,18px);font-weight:800;margin:3px 0 9px;color:var(--ui-ink);
 }
 #app #view .wolf-archive-page .wolf-archive-categories{display:grid;gap:9px;}
 #app #view .wolf-archive-page .wolf-archive-choice{
  display:grid!important;grid-template-columns:23px minmax(0,1fr) 22px!important;direction:rtl!important;
  align-items:center!important;gap:10px!important;text-align:right!important;padding:10px 11px!important;
  width:100%!important;min-width:0!important;cursor:pointer!important;
 }
 #app #view .wolf-archive-page .wolf-archive-choice-text{display:grid;gap:3px;min-width:0;}
 #app #view .wolf-archive-page .wolf-archive-choice-text b{font-size:clamp(15px,3.9vw,17px);}
 #app #view .wolf-archive-page .wolf-archive-choice-text small{font-size:clamp(12px,3.1vw,14px);color:var(--ui-muted);}
 #app #view .wolf-archive-page .wolf-archive-choice>.navigation-icon{width:20px!important;height:20px!important;color:var(--ui-accent)!important;}
 #app #view .wolf-archive-page .wolf-archive-empty{text-align:center;padding:18px 8px;font-size:14px;color:var(--ui-muted);}
 #app #view .records-menu-page .wolf-archive-entry .record-copy small{font-size:clamp(12px,3.3vw,14px);color:var(--ui-muted);display:block;margin-top:3px;}
 #app #view .record-detail-page[data-record-scope] :is(button,select,input):focus-visible,
 #app #view .wolf-archive-page :is(button,select):focus-visible{
  outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;
 }
 body.burgundy #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page,.records-menu-page) :is(.record-action-icon,.record-action-icon svg,.wolf-archive-choice-icon,.wolf-archive-choice-icon svg){color:#F8FAF9!important;stroke:currentColor!important;}
 body.light #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page,.records-menu-page) :is(.record-action-icon,.record-action-icon svg,.wolf-archive-choice-icon,.wolf-archive-choice-icon svg){color:#B8842B!important;stroke:currentColor!important;}
 body:not(.light):not(.burgundy) #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page,.records-menu-page) :is(.record-action-icon,.record-action-icon svg,.wolf-archive-choice-icon,.wolf-archive-choice-icon svg){color:#62B6FF!important;stroke:currentColor!important;}
}

/* recovery2006 final read-only consistency: identical current-month search,
   compact statistics and period row; staff archive stays read-only. */
@layer identity {
 #app #view .wolf-staff-record-detail .wolf-current-period-label{
   display:flex!important;align-items:center!important;justify-content:space-between!important;
   gap:5px 10px!important;flex-wrap:wrap!important;background:transparent!important;
   border:0!important;box-shadow:none!important;padding:0 0 6px!important;margin:0!important;
 }
 #app #view .wolf-staff-record-detail .wolf-current-period-label>span{
  font-size:clamp(12px,3.5vw,15px)!important;font-weight:700!important;
 }
 #app #view .wolf-staff-record-detail .wolf-current-period-label>b{
  font-size:clamp(15px,4vw,18px)!important;font-weight:800!important;color:var(--ui-ink)!important;
 }
 #app #view .wolf-staff-record-detail .wolf-month-stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;margin:3px 0!important;min-width:0!important;
 }
 #app #view .wolf-staff-record-detail .wolf-month-stat{
  display:grid!important;justify-items:center!important;gap:4px!important;
  width:100%!important;min-height:65px!important;margin:0!important;padding:8px 4px!important;
  border-radius:11px!important;box-sizing:border-box!important;
 }
 #app #view .wolf-staff-record-detail .wolf-month-stat b{font-size:clamp(19px,5.7vw,25px)!important;line-height:1.15!important;}
 #app #view .wolf-staff-record-detail .wolf-month-stat span{font-size:clamp(11px,3.1vw,13px)!important;line-height:1.35!important;text-align:center!important;}
}


/* recovery2009: canonical current-month game ledgers only. The combined and
   archived records keep their own geometry and explicit historical periods.
   Input controls remain at least 44px for iPhone touch targets. */
@layer identity {
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game){
    --wolf-record-gap:8px;
    gap:8px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game)
    :is(.win-registration-card,.wolf-record-period-card,.wolf-game-recent-card,.wolf-record-ranking-card){
    padding:9px 10px!important;
    border-radius:13px!important;
    margin:0!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .win-registration-card{
    gap:4px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-record-period-card{
    gap:5px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-current-period-label{
    display:flex!important;justify-content:center!important;align-items:center!important;
    text-align:center!important;min-height:0!important;padding:0 0 2px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-current-period-label>span{
    font-size:clamp(14px,3.9vw,16px)!important;font-weight:800!important;
    line-height:1.35!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-record-filter-panel{
    gap:4px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-record-search-block{
    gap:3px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-record-search-field{
    min-height:44px!important;border-radius:11px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-record-filter-panel input.wolf-record-search-input{
    min-height:44px!important;height:44px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-record-filter-foot{
    padding:0!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-month-stats{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;margin:0!important;width:100%!important;min-width:0!important;
  }
  #app #view .wolf-staff-record-detail.wolf-current-month-game .wolf-month-stats{
    grid-template-columns:minmax(0,160px)!important;justify-content:center!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-month-stat{
    min-height:55px!important;height:auto!important;padding:6px 5px!important;
    gap:2px!important;border-radius:10px!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-month-stat b{
    font-size:clamp(18px,4.9vw,22px)!important;line-height:1.08!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) .wolf-month-stat span{
    font-size:clamp(11px,2.9vw,12px)!important;line-height:1.25!important;
  }
  #app #view .record-detail-page.wolf-current-month-game .wolf-month-leader{
    margin:1px 0 0!important;font-size:clamp(11px,3.1vw,13px)!important;line-height:1.35!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) :is(.wolf-record-section-title,.record-rank-title){
    font-size:clamp(15px,4.15vw,18px)!important;line-height:1.35!important;
    margin:0 0 5px!important;
  }
  #app #view :is(.record-detail-page.wolf-current-month-game,.wolf-staff-record-detail.wolf-current-month-game) :is(.wolf-game-recent-card,.wolf-record-ranking-card) .notice{
    margin:3px 0!important;padding:3px 1px!important;
    font-size:clamp(12px,3.25vw,14px)!important;line-height:1.45!important;
  }
}

/* recovery2010 — single-source current-month combined ledger (owner + read-only).
   Archive and individual game pages retain their own established layouts. */
@layer identity {
 #app #view :is(.record-detail-page.wolf-monthly-combined-current,.wolf-staff-record-detail.wolf-monthly-combined-current){
  --wolf-record-gap:8px;gap:8px!important;align-content:start!important;
 }
 #app #view :is(.record-detail-page.wolf-monthly-combined-current,.wolf-staff-record-detail.wolf-monthly-combined-current)
  :is(.wolf-record-period-card,.wolf-combined-ledger,.wolf-combined-ranking){
  min-width:0!important;padding:9px 11px!important;margin:0!important;border-radius:13px!important;
 }
 #app #view :is(.record-detail-page.wolf-monthly-combined-current,.wolf-staff-record-detail.wolf-monthly-combined-current)
  .wolf-current-period-label{
  justify-content:center!important;text-align:center!important;min-height:0!important;
  padding:0 0 4px!important;margin:0!important;
 }
 #app #view :is(.record-detail-page.wolf-monthly-combined-current,.wolf-staff-record-detail.wolf-monthly-combined-current)
  .wolf-current-period-label>span{
  font-size:clamp(15px,4.1vw,18px)!important;line-height:1.35!important;font-weight:800!important;
 }
 #app #view .wolf-monthly-combined-current .wolf-record-period-card{display:grid!important;gap:8px!important;}
 #app #view .wolf-monthly-combined-current .wolf-month-stats{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;margin:0!important;width:100%!important;min-width:0!important;
 }
 #app #view .wolf-monthly-combined-current .wolf-month-stat{
  min-height:58px!important;padding:6px 3px!important;margin:0!important;border-radius:10px!important;
  width:100%!important;min-width:0!important;gap:2px!important;
 }
 #app #view .wolf-monthly-combined-current .wolf-month-stat b{font-size:clamp(18px,5vw,23px)!important;line-height:1.1!important;}
 #app #view .wolf-monthly-combined-current .wolf-month-stat span{font-size:13px!important;font-weight:700!important;text-align:center!important;line-height:1.35!important;}
 #app #view .wolf-monthly-combined-current .wolf-month-leader{display:none!important;}
 #app #view .wolf-monthly-combined-current :is(.wolf-record-section-title,.wolf-combined-summary>span){
  font-size:clamp(15px,4vw,18px)!important;font-weight:800!important;line-height:1.35!important;
 }
 #app #view .wolf-monthly-combined-current .wolf-record-ledgers{display:grid!important;gap:8px!important;margin:0!important;}
 #app #view .wolf-monthly-combined-current .wolf-record-three-ranks{display:grid!important;gap:0!important;margin:0!important;}
 #app #view .wolf-monthly-combined-current .wolf-combined-summary{min-height:44px!important;padding:4px 1px!important;}
 #app #view .wolf-monthly-combined-current .wolf-combined-ledger:not([open]){padding-block:6px!important;}
 #app #view .wolf-monthly-combined-current .wolf-combined-history{margin-top:6px!important;}
 #app #view .wolf-monthly-combined-current .total-rank-table-wrap{
  max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
 }
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table{
  width:100%!important;min-width:535px!important;max-width:none!important;
  border-collapse:collapse!important;table-layout:fixed!important;direction:rtl!important;
 }
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table :is(th,td){
  padding:9px 7px!important;text-align:center!important;font-size:13.5px!important;
  line-height:1.42!important;vertical-align:middle!important;white-space:normal!important;
  overflow-wrap:break-word!important;font-variant-numeric:tabular-nums!important;
 }
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table th{font-size:14px!important;font-weight:800!important;}
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table td{font-weight:650!important;}
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table :is(th,td):first-child{width:25%!important;text-align:right!important;padding-inline-start:10px!important;}
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table :is(th,td):nth-child(2){width:23%!important;direction:ltr!important;}
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table :is(th,td):nth-child(n+3){width:17.33%!important;}
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table .wolf-total-number{font-size:14px!important;font-weight:800!important;}
 #app #view .wolf-monthly-combined-current .wolf-members-sum-table .rank-total{color:var(--ui-gold)!important;font-weight:800!important;}
 #app #view .wolf-monthly-combined-current .wolf-record-query-total{font-size:13px!important;line-height:1.45!important;}
 #app #view .wolf-monthly-combined-current .wolf-record-filter-panel{gap:5px!important;}
 #app #view .wolf-monthly-combined-current .wolf-record-search-field{min-height:44px!important;}
 #app #view .wolf-monthly-combined-current .wolf-record-search-input{height:44px!important;min-height:44px!important;}
 /* recovery2040 — single layout owner for the five monthly/archive photo choices.
    The old unbounded button/caption geometry produced huge rows on iPhone.
    Both screens have the same markup and real save handlers; keep one layout. */
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-menu{
  display:block!important;direction:rtl!important;width:100%!important;min-width:0!important;
  box-sizing:border-box!important;margin:4px 0 0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-trigger{
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 20px!important;
  direction:rtl!important;align-items:center!important;justify-items:stretch!important;
  gap:11px!important;box-sizing:border-box!important;width:100%!important;
  height:62px!important;min-height:62px!important;max-height:62px!important;
  padding:9px 13px!important;margin:0!important;
  border:1.3px solid var(--ui-accent)!important;border-radius:14px!important;
  background:var(--ui-inner)!important;color:var(--ui-ink)!important;
  box-shadow:0 0 10px rgba(var(--ui-rgb),.12)!important;
  list-style:none!important;cursor:pointer!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-trigger::-webkit-details-marker{display:none!important;}
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-trigger::marker{content:'';}
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-trigger>b{
  min-width:0!important;flex:none!important;align-self:center!important;
  margin:0!important;font-size:17px!important;font-weight:800!important;
  line-height:1.3!important;white-space:normal!important;text-align:right!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-options{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;box-sizing:border-box!important;gap:8px!important;
  padding:9px 0 0!important;margin:0!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-option{
  display:grid!important;grid-template-columns:34px minmax(0,1fr) 20px!important;
  direction:rtl!important;align-items:center!important;justify-items:stretch!important;
  gap:11px!important;box-sizing:border-box!important;width:100%!important;
  height:78px!important;min-height:78px!important;max-height:78px!important;
  margin:0!important;padding:10px 13px!important;
  border:1.2px solid rgba(var(--ui-rgb),.57)!important;border-radius:14px!important;
  background:var(--ui-inner)!important;color:var(--ui-ink)!important;
  box-shadow:inset 0 0 6px rgba(var(--ui-rgb),.035)!important;
  font-size:14px!important;text-align:right!important;cursor:pointer!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-option>span:nth-child(2){
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:center!important;min-width:0!important;max-width:100%!important;
  gap:3px!important;margin:0!important;padding:0!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-option b{
  display:block!important;margin:0!important;font-size:16.5px!important;
  font-weight:800!important;line-height:1.35!important;color:var(--ui-ink)!important;
  text-align:right!important;overflow-wrap:break-word!important;letter-spacing:0!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-option small{
  display:block!important;margin:0!important;font-size:13.5px!important;
  font-weight:650!important;line-height:1.4!important;color:var(--ui-muted)!important;
  text-align:right!important;white-space:normal!important;overflow-wrap:break-word!important;
 }
 /* A single quiet icon square, not a large independent glowing block. */
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern)
 :is(.wolf-combined-save-trigger,.wolf-combined-save-option)>.record-action-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;flex:none!important;
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  max-width:34px!important;max-height:34px!important;padding:6px!important;
  border:1px solid rgba(var(--ui-rgb),.42)!important;border-radius:10px!important;
  background:rgba(var(--ui-rgb),.045)!important;box-shadow:none!important;
  color:var(--ui-accent)!important;filter:none!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern)
 :is(.wolf-combined-save-trigger,.wolf-combined-save-option)>.record-action-icon svg{
  display:block!important;box-sizing:border-box!important;
  width:20px!important;height:20px!important;min-width:0!important;min-height:0!important;
  max-width:20px!important;max-height:20px!important;
  margin:0!important;padding:0!important;stroke:currentColor!important;fill:none!important;
  border:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern)
 :is(.wolf-combined-save-trigger,.wolf-combined-save-option)>.navigation-icon{
  display:block!important;box-sizing:border-box!important;
  flex:none!important;width:19px!important;height:19px!important;
  min-width:19px!important;min-height:19px!important;
  max-width:19px!important;max-height:19px!important;
  margin:0!important;padding:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;
  stroke:currentColor!important;fill:none!important;
  color:var(--ui-accent)!important;filter:none!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-trigger>.navigation-icon{
  transform:rotate(90deg)!important;transition:transform .16s ease!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-menu[open] .wolf-combined-save-trigger>.navigation-icon{
  transform:rotate(-90deg)!important;
 }
 #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern)
 :is(.wolf-combined-save-trigger,.wolf-combined-save-option):focus-visible{
  outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;
 }
 @media (max-width:360px){
  #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-option{
   height:auto!important;min-height:82px!important;max-height:none!important;
  }
  #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-option b{font-size:16px!important;}
  #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-save-option small{font-size:13px!important;}
 }
 body.burgundy #app #view .wolf-monthly-combined-current :is(.wolf-combined-save-trigger,.wolf-combined-save-option) .record-action-icon{color:#F8FAF9!important;}
 body.light #app #view .wolf-monthly-combined-current :is(.wolf-combined-save-trigger,.wolf-combined-save-option) .record-action-icon{color:#B8842B!important;}
 body:not(.light):not(.burgundy) #app #view .wolf-monthly-combined-current :is(.wolf-combined-save-trigger,.wolf-combined-save-option) .record-action-icon{color:#62B6FF!important;}
}

/* recovery2011 — one compact archive page. Scoped: no interference with current records. */
@layer identity {
 #app #view .wolf-archive-modern .wolf-archive-index-card{display:grid!important;gap:10px!important;padding:12px!important;}
 #app #view .wolf-archive-modern .wolf-archive-intro{gap:8px!important;}
 #app #view .wolf-archive-modern .wolf-archive-period-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;direction:rtl!important;}
 #app #view .wolf-archive-modern .wolf-archive-period-control{min-width:0!important;gap:6px!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;}
 #app #view .wolf-archive-modern .wolf-archive-period-control select{height:45px!important;min-height:45px!important;padding-inline:8px!important;font-size:14px!important;max-width:100%!important;}
 #app #view .wolf-archive-modern .wolf-archive-period-status{color:var(--ui-muted)!important;font-size:13px!important;line-height:1.4!important;font-weight:650!important;}
 #app #view .wolf-archive-modern .wolf-month-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0!important;}
 #app #view .wolf-archive-modern .wolf-month-stat{min-width:0!important;min-height:55px!important;display:grid!important;place-items:center!important;padding:6px 4px!important;gap:2px!important;}
 #app #view .wolf-archive-modern .wolf-month-stat>b{font-size:clamp(18px,4.8vw,23px)!important;line-height:1.12!important;}
 #app #view .wolf-archive-modern .wolf-month-stat>span{font-size:13px!important;font-weight:700!important;line-height:1.35!important;text-align:center!important;}
 #app #view .wolf-archive-modern .wolf-archive-search-block{display:grid!important;gap:5px!important;}
 #app #view .wolf-archive-modern .wolf-record-search-field{
  display:flex!important;align-items:center!important;gap:8px!important;
  width:100%!important;min-width:0!important;box-sizing:border-box!important;
  height:46px!important;min-height:46px!important;max-height:46px!important;
  padding:0 10px!important;border:1px solid var(--ui-accent)!important;
  border-radius:12px!important;background:var(--ui-surface)!important;
  box-shadow:0 0 10px rgba(var(--ui-rgb),.12)!important;
 }
 #app #view .wolf-archive-modern .wolf-record-search-field:focus-within{
  box-shadow:0 0 0 2px rgba(var(--ui-rgb),.16),0 0 14px rgba(var(--ui-rgb),.22)!important;
 }
 /* The huge brown circle in the iPhone screenshot was the unconstrained search SVG.
    Keep it a fixed glyph, never a flex item sized by the surrounding card. */
 #app #view .wolf-archive-modern svg.wolf-record-search-glyph{
  display:block!important;position:static!important;flex:0 0 20px!important;
  width:20px!important;height:20px!important;min-width:20px!important;
  max-width:20px!important;max-height:20px!important;overflow:visible!important;
  color:var(--ui-accent)!important;stroke:currentColor!important;fill:none!important;
  transform:none!important;filter:none!important;
 }
 #app #view .wolf-archive-modern input.wolf-record-search-input{
  flex:1 1 auto!important;width:100%!important;min-width:0!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  margin:0!important;padding:5px 0!important;box-sizing:border-box!important;
  font-size:15px!important;line-height:1.4!important;text-align:right!important;
  border:0!important;outline:none!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--ui-ink)!important;
 }
 #app #view .wolf-archive-modern .wolf-record-search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}
 #app #view .wolf-archive-modern .wolf-record-search-clear{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;
  padding:12px!important;border:0!important;box-shadow:none!important;background:transparent!important;
  color:var(--ui-muted)!important;
 }
 #app #view .wolf-archive-modern .wolf-record-search-clear[hidden]{display:none!important;}
 #app #view .wolf-archive-modern .wolf-record-search-clear svg{width:19px!important;height:19px!important;}
 #app #view .wolf-archive-modern .wolf-record-query-total{font-size:13px!important;line-height:1.45!important;}

 #app #view .wolf-archive-modern .wolf-archive-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;direction:rtl!important;}
 #app #view .wolf-archive-modern .wolf-archive-tabs button{min-width:0!important;min-height:45px!important;border-radius:11px!important;padding:7px 4px!important;font-size:clamp(12px,3.3vw,14px)!important;font-weight:800!important;box-shadow:none!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;border:1px solid rgba(var(--ui-rgb),.42)!important;cursor:pointer!important;}
 #app #view .wolf-archive-modern .wolf-archive-tabs button[aria-selected="true"]{background:var(--ui-surface)!important;border-color:var(--ui-accent)!important;color:var(--ui-accent)!important;box-shadow:0 0 0 1px var(--ui-accent),0 0 10px rgba(var(--ui-rgb),.15)!important;}
 #app #view .wolf-archive-modern .wolf-archive-active-content{min-width:0!important;display:grid!important;gap:9px!important;}
 #app #view .wolf-archive-modern .wolf-archive-active-content>.wolf-record-section-title{font-size:17px!important;font-weight:800!important;line-height:1.4!important;margin:5px 0!important;}
 #app #view .wolf-archive-modern .wolf-archive-rank-title{font-size:16px!important;font-weight:800!important;line-height:1.4!important;margin:7px 0 3px!important;}
 #app #view .wolf-archive-modern .wolf-archive-history-list{display:grid!important;gap:8px!important;min-width:0!important;}
 #app #view .wolf-archive-modern .total-rank-table-wrap{
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
 }
 #app #view .wolf-archive-modern .total-rank-table:not(.wolf-members-sum-table){
  width:100%!important;min-width:440px!important;table-layout:auto!important;font-variant-numeric:tabular-nums!important;
 }
 #app #view .wolf-archive-modern .total-rank-table.combined-rank-table:not(.wolf-members-sum-table){min-width:570px!important;}
 #app #view .wolf-archive-modern .total-rank-table:not(.wolf-members-sum-table) :is(th,td){
  padding:9px 7px!important;font-size:14px!important;line-height:1.4!important;
  vertical-align:middle!important;white-space:normal!important;overflow-wrap:break-word!important;
 }
 #app #view .wolf-archive-modern .total-rank-table:not(.wolf-members-sum-table) th{font-weight:800!important;}
 #app #view .wolf-archive-modern .total-rank-table:not(.wolf-members-sum-table) td{font-weight:650!important;}
 #app #view .wolf-archive-modern .wolf-members-sum-table{
  width:100%!important;min-width:535px!important;max-width:none!important;
  border-collapse:collapse!important;table-layout:fixed!important;direction:rtl!important;
 }
 #app #view .wolf-archive-modern .wolf-members-sum-table :is(th,td){
  height:auto!important;vertical-align:middle!important;text-align:center!important;
  font-size:13.5px!important;line-height:1.42!important;
  padding:9px 7px!important;white-space:normal!important;overflow-wrap:break-word!important;
  font-variant-numeric:tabular-nums!important;
 }
 #app #view .wolf-archive-modern .wolf-members-sum-table th{font-size:14px!important;font-weight:800!important;}
 #app #view .wolf-archive-modern .wolf-members-sum-table td{font-weight:650!important;}
 #app #view .wolf-archive-modern .wolf-members-sum-table :is(th,td):first-child{
  width:25%!important;text-align:right!important;padding-inline-start:10px!important;
 }
 #app #view .wolf-archive-modern .wolf-members-sum-table :is(th,td):nth-child(2){width:23%!important;direction:ltr!important;}
 #app #view .wolf-archive-modern .wolf-members-sum-table :is(th,td):nth-child(n+3){width:17.33%!important;}
 #app #view .wolf-archive-modern .wolf-members-sum-table .wolf-total-number{font-size:14px!important;font-weight:800!important;}

 #app #view .wolf-archive-modern .wolf-members-sum-table .rank-total{color:var(--ui-gold)!important;font-weight:800!important;}
 body.burgundy #app #view .wolf-archive-modern :is(.record-action-icon,.record-action-icon svg){color:#F8FAF9!important;}
 body.light #app #view .wolf-archive-modern :is(.record-action-icon,.record-action-icon svg){color:#B8842B!important;}
 body:not(.burgundy):not(.light) #app #view .wolf-archive-modern :is(.record-action-icon,.record-action-icon svg){color:#62B6FF!important;}
}


/* recovery2015 — post-start league: unified compact typography, depth & controls.
   One scoped owner, no fixture/round-data surgery and no effects on image exports. */
@layer identity {
  #app #view .league-page #leagueLiveBoard {
    --league-live-edge:rgba(var(--ui-rgb),.68);
    --league-live-soft-edge:rgba(var(--ui-rgb),.36);
    --league-live-soft-glow:0 0 9px rgba(var(--ui-rgb),.13);
    --league-live-hd:clamp(16px,4.35vw,18px);
    --league-live-txt:clamp(12px,3.45vw,14px);
    --league-live-note:clamp(11px,3.05vw,13px);
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    display:grid!important;gap:10px!important;min-width:0!important;
  }
  /* All live panel shells: one radius, one outline, quiet inner glow. */
  #app #view .league-page #leagueLiveBoard > :is(
    .wolf-league-live-status,.league-live-overview,.league-standings-card,
    .league-stage,.league-flow-summary,.league-live-roster,.league-control-card,
    .league-bottom-stats
  ){
    box-sizing:border-box!important;min-width:0!important;
    margin:0!important;border-radius:15px!important;
  }
  #app #view .league-page #leagueLiveBoard > :is(
    .wolf-league-live-status,.league-live-overview,.league-standings-card,
    .league-stage,.league-live-roster,.league-control-card
  ){
    border:1px solid var(--league-live-edge)!important;
    box-shadow:var(--league-live-soft-glow),inset 0 0 9px rgba(var(--ui-rgb),.06)!important;
  }
  /* Current round / progress: two readable lines with a compact jump action. */
  #app #view .league-page #leagueLiveBoard .wolf-league-live-status{
    padding:10px 12px!important;display:grid!important;gap:8px!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-live-status-top{
    display:flex!important;flex-wrap:wrap!important;align-items:center!important;
    justify-content:space-between!important;gap:4px 10px!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-live-status-top>b{
    font-size:var(--league-live-hd)!important;font-weight:750!important;
    line-height:1.3!important;color:var(--ui-ink)!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-live-status-top>span{
    font-size:var(--league-live-note)!important;font-weight:600!important;
    color:var(--ui-muted)!important;line-height:1.4!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-progress-track{
    height:5px!important;min-height:5px!important;border-radius:999px!important;
    margin:0!important;overflow:hidden!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-jump{
    justify-self:start!important;min-height:44px!important;
    width:auto!important;max-width:100%!important;
    font-size:clamp(13px,3.55vw,15px)!important;font-weight:700!important;
    padding:8px 12px!important;line-height:1.25!important;
    border-radius:11px!important;box-shadow:var(--league-live-soft-glow)!important;
  }
  /* Tournament name: no overlarge slab. */
  #app #view .league-page #leagueLiveBoard .league-live-overview{
    padding:0!important;overflow:hidden!important;
  }
  #app #view .league-page #leagueLiveBoard .league-live-overview>summary{
    min-height:62px!important;padding:10px 12px!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
    justify-content:center!important;gap:3px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-live-overview>summary>b{
    font-size:clamp(18px,4.65vw,21px)!important;font-weight:800!important;
    line-height:1.3!important;text-align:center!important;overflow-wrap:anywhere!important;
  }
  #app #view .league-page #leagueLiveBoard .league-live-overview>summary>small{
    font-size:var(--league-live-note)!important;font-weight:550!important;
    color:var(--ui-muted)!important;line-height:1.35!important;
  }
  #app #view .league-page #leagueLiveBoard .league-overview-facts{
    font-size:var(--league-live-note)!important;padding:8px 11px 10px!important;
    gap:6px!important;
  }
  /* Standings: keep ALL seven columns visible on mobile.  The previous
     min-width:540px inside components.css forced right-to-left clipping. */
  #app #view .league-page #leagueLiveBoard .league-standings-card{
    padding:10px!important;overflow:hidden!important;
  }
  #app #view .league-page #leagueLiveBoard .league-standings-summary{
    display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;
    justify-content:space-between!important;gap:4px 10px!important;
    min-height:45px!important;margin:0 0 6px!important;padding:4px 2px 7px!important;
    color:var(--ui-ink)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-standings-summary>b{
    font-size:var(--league-live-hd)!important;font-weight:800!important;line-height:1.35!important;
  }
  #app #view .league-page #leagueLiveBoard .league-standings-summary>small{
    font-size:var(--league-live-note)!important;font-weight:550!important;
    color:var(--ui-muted)!important;line-height:1.4!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table-wrap{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;margin:4px 0 0!important;padding:0!important;
    overflow-x:auto!important;overscroll-behavior-x:contain!important;
    border:0!important;border-radius:10px!important;
    background:transparent!important;box-shadow:none!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table{
    box-sizing:border-box!important;table-layout:fixed!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    border-collapse:collapse!important;border-spacing:0!important;
    margin:0!important;direction:rtl!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table :is(th,td){
    font-size:clamp(10px,2.75vw,12px)!important;
    padding:7px 2px!important;min-width:0!important;
    box-sizing:border-box!important;line-height:1.3!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    border-bottom:1px solid var(--league-live-soft-edge)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table th{
    font-weight:700!important;color:var(--ui-ink)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table td{
    font-weight:600!important;background:var(--ui-inner)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table :is(th,td):nth-child(1){width:8%!important;}
  #app #view .league-page #leagueLiveBoard .league-table :is(th,td):nth-child(2){
    width:32%!important;text-align:right!important;padding-inline:5px!important;
    max-width:none!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table :is(th,td):nth-child(n+3):nth-child(-n+6){width:10%!important;}
  #app #view .league-page #leagueLiveBoard .league-table :is(th,td):nth-child(7){width:20%!important;}
  #app #view .league-page #leagueLiveBoard .league-table thead .league-head-full{display:none!important;}
  #app #view .league-page #leagueLiveBoard .league-table thead .league-head-short{display:inline!important;}
  #app #view .league-page #leagueLiveBoard .league-table .league-rank span{
    display:inline-grid!important;place-items:center!important;
    min-width:22px!important;min-height:24px!important;padding:1px!important;
    border-radius:7px!important;font-size:11px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-table .league-points{
    font-weight:850!important;color:var(--ui-ink)!important;
  }
  /* Fixture stage & days. No three concentric neon frames. */
  #app #view .league-page #leagueLiveBoard .league-stage{padding:8px!important;overflow:hidden!important;}
  #app #view .league-page #leagueLiveBoard .wolf-league-stage-heading{
    display:flex!important;align-items:center!important;
    min-height:44px!important;margin:0!important;padding:4px 8px!important;
    border:0!important;border-radius:9px!important;background:transparent!important;
    box-shadow:none!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-stage-heading-label{
    font-size:var(--league-live-hd)!important;font-weight:800!important;
    line-height:1.3!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-toggle-row{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;margin:5px 0 7px!important;padding:0!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-toggle-row>button{
    width:100%!important;min-width:0!important;min-height:44px!important;
    padding:7px 6px!important;font-size:clamp(12px,3.45vw,14px)!important;
    line-height:1.3!important;font-weight:700!important;border-radius:11px!important;
    white-space:normal!important;box-shadow:var(--league-live-soft-glow)!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-side-labels{
    margin:4px 0 3px!important;padding:0!important;min-height:26px!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-league-side-labels>b{
    font-size:clamp(18px,4.7vw,21px)!important;
    line-height:1.18!important;font-weight:800!important;
    text-shadow:0 0 7px rgba(var(--ui-rgb),.24)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-fixtures{
    box-sizing:border-box!important;min-width:0!important;
    padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-group{
    box-sizing:border-box!important;min-width:0!important;
    padding:7px!important;margin:0 0 7px!important;
    border:1px solid var(--league-live-soft-edge)!important;
    border-radius:12px!important;background:var(--ui-surface)!important;
    box-shadow:none!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-group.is-current{
    border-color:var(--league-live-edge)!important;
    box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.08)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-group>.league-round{
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;flex-wrap:nowrap!important;
    gap:7px!important;min-height:44px!important;
    padding:4px 6px!important;margin:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-name{
    font-size:clamp(14px,3.85vw,16px)!important;font-weight:800!important;
    line-height:1.3!important;min-width:0!important;
  }
  #app #view .league-page #leagueLiveBoard .league-round-meta{
    display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;
    align-items:center!important;gap:5px!important;
  }
  #app #view .league-page #leagueLiveBoard :is(.league-round-progress,.league-round-date){
    min-height:29px!important;height:auto!important;padding:4px 6px!important;
    border-radius:8px!important;font-size:clamp(10px,2.8vw,12px)!important;
    font-weight:700!important;line-height:1.3!important;white-space:nowrap!important;
    background:var(--ui-inner)!important;border:1px solid var(--league-live-soft-edge)!important;
    box-shadow:none!important;
  }
  /* Player cards remain at least 44px and retain their original match grid. */
  #app #view .league-page #leagueLiveBoard .league-round-group .league-match{
    box-sizing:border-box!important;min-width:0!important;
    padding:8px!important;margin:5px 0!important;
    border:1px solid var(--league-live-soft-edge)!important;
    border-radius:12px!important;box-shadow:none!important;
  }
  #app #view .league-page #leagueLiveBoard .league-match .ko-player{
    min-height:44px!important;padding:6px 7px!important;
    border-radius:10px!important;
    font-size:clamp(13px,3.7vw,15px)!important;line-height:1.3!important;
  }
  #app #view .league-page #leagueLiveBoard .league-match .league-player-name{
    font-size:inherit!important;line-height:inherit!important;
  }
  #app #view .league-page #leagueLiveBoard .league-match .league-match-number{
    font-size:clamp(12px,3.35vw,14px)!important;line-height:1.2!important;
  }
  #app #view .league-page #leagueLiveBoard .league-match .ko-vs{
    font-size:clamp(17px,4.4vw,20px)!important;line-height:1.06!important;
    font-weight:700!important;
  }
  #app #view .league-page #leagueLiveBoard .league-result-row{
    min-height:42px!important;gap:5px!important;margin-top:4px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-result-state{
    font-size:clamp(11px,3vw,13px)!important;line-height:1.35!important;
  }
  #app #view .league-page #leagueLiveBoard .league-draw-btn{
    min-height:44px!important;min-width:76px!important;
    padding:6px 9px!important;font-size:clamp(13px,3.55vw,15px)!important;
    border-radius:10px!important;
  }
  /* Winner entry, flow, roster and footer tools use the exact same rhythm. */
  #app #view .league-page #leagueLiveBoard .wolf-winner-heading{
    font-size:clamp(16px,4.35vw,18px)!important;line-height:1.35!important;
    font-weight:800!important;margin:0 0 6px!important;
  }
  #app #view .league-page #leagueLiveBoard :is(.wolf-match-progress,.wolf-search-label,.wolf-winner-hint){
    font-size:var(--league-live-txt)!important;line-height:1.4!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-fixture-filters{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;margin:7px 0!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-fixture-filters>button{
    min-height:44px!important;min-width:0!important;
    padding:6px 4px!important;font-size:var(--league-live-txt)!important;
    border-radius:10px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-flow-summary{
    padding:9px 11px!important;gap:4px!important;
    border:1px solid var(--league-live-edge)!important;
    background:var(--ui-surface)!important;
    box-shadow:var(--league-live-soft-glow)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-flow-summary :is(strong,span){
    font-size:var(--league-live-txt)!important;line-height:1.35!important;
  }
  #app #view .league-page #leagueLiveBoard .league-flow-summary small{
    font-size:var(--league-live-note)!important;line-height:1.35!important;
    color:var(--ui-muted)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-live-roster{
    padding:8px 10px!important;min-height:48px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-live-roster>summary{
    display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:9px!important;
    min-height:44px!important;padding:4px 3px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-live-roster>summary>b{
    font-size:var(--league-live-hd)!important;line-height:1.3!important;
  }
  #app #view .league-page #leagueLiveBoard .league-live-roster .league-count{
    min-width:36px!important;min-height:30px!important;
    font-size:var(--league-live-txt)!important;border-radius:9px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-control-card{
    padding:8px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-tools-top{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;margin:0!important;padding:0!important;
  }
  #app #view .league-page #leagueLiveBoard .league-tools-top>button.action{
    min-width:0!important;min-height:56px!important;
    padding:7px 4px!important;gap:3px!important;
    font-size:clamp(12px,3.35vw,14px)!important;font-weight:700!important;
    line-height:1.3!important;border-radius:11px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-tools-top .control-icon,
  #app #view .league-page #leagueLiveBoard .league-tools-top .control-icon svg{
    width:19px!important;height:19px!important;min-width:19px!important;
    padding:0!important;background:transparent!important;border:0!important;
    box-shadow:none!important;filter:none!important;
  }
  #app #view .league-page #leagueLiveBoard .league-bottom-stats{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #app #view .league-page #leagueLiveBoard .league-bottom-stats>.stat{
    min-width:0!important;min-height:49px!important;
    display:flex!important;flex-wrap:wrap!important;
    align-items:center!important;justify-content:center!important;
    gap:5px!important;padding:7px 6px!important;
    border:1px solid var(--league-live-edge)!important;border-radius:12px!important;
    box-shadow:var(--league-live-soft-glow)!important;
  }
  #app #view .league-page #leagueLiveBoard .league-bottom-stats>.stat b{
    font-size:clamp(16px,4.1vw,18px)!important;line-height:1.2!important;
  }
  #app #view .league-page #leagueLiveBoard .league-bottom-stats>.stat span{
    font-size:clamp(11px,3.05vw,13px)!important;line-height:1.25!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-match-search{
    box-sizing:border-box!important;min-width:0!important;
    margin:0!important;padding:10px 11px!important;gap:7px!important;
    border:1px solid var(--league-live-edge)!important;
    border-radius:15px!important;background:var(--ui-surface)!important;
    box-shadow:var(--league-live-soft-glow)!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-match-search .wolf-winner-heading{
    font-size:var(--league-live-hd)!important;line-height:1.3!important;
    font-weight:800!important;margin:0!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-batch-label{
    gap:4px!important;margin:0!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-batch-label>span{
    font-size:var(--league-live-txt)!important;line-height:1.3!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-batch-input{
    box-sizing:border-box!important;min-height:70px!important;max-height:135px!important;
    font-size:clamp(13px,3.6vw,15px)!important;line-height:1.45!important;
    padding:8px 10px!important;border-radius:11px!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-batch-status{
    font-size:var(--league-live-note)!important;line-height:1.35!important;
    margin:0!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-batch-results{
    gap:7px!important;min-width:0!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-batch-row{
    padding:8px!important;border-radius:11px!important;
  }
  #app #view .league-page #leagueLiveBoard .wolf-next-fixture{
    min-height:44px!important;padding:7px 11px!important;
    font-size:var(--league-live-txt)!important;border-radius:10px!important;
  }
  /* Even the narrow iPhone viewport keeps readable taps and consistent rows. */
  @media(max-width:365px){
    #app #view .league-page #leagueLiveBoard .league-table :is(th,td){font-size:10px!important;padding-inline:1px!important;}
    #app #view .league-page #leagueLiveBoard .league-round-group{padding:5px!important;}
    #app #view .league-page #leagueLiveBoard .league-round-group>.league-round{padding-inline:2px!important;gap:3px!important;}
    #app #view .league-page #leagueLiveBoard .league-round-name{font-size:13px!important;}
    #app #view .league-page #leagueLiveBoard :is(.league-round-date,.league-round-progress){padding-inline:4px!important;font-size:10px!important;}
  }
}


/* recovery2017 — knockout live layout: restrained royal panels, correct theme ink. */
/* Dedicated visual owner for the CURRENT knockout page. This does not style
   any tree diagram, advancing paths, history bracket, trophy or export sheet.
   A/B/VS fixture order and the original winner/input handlers stay intact. */
@layer identity {
  body #app #view .knockout-page.wolf-ko-quick-parity {
    --ko-royal-edge:#3F97F1;
    --ko-royal-rgb:63,151,241;
    --ko-royal-ink:#F1F7FF;
    --ko-royal-muted:#C1D5EA;
    --ko-royal-surface:#0A1A30;
    --ko-royal-inner:#10243D;
    --ko-royal-glyph:#8CC8FF;
    --ko-royal-focus:#8FC7FF;
    --ko-royal-rim:0 0 10px rgba(63,151,241,.22),inset 0 1px 0 rgba(255,255,255,.065);
    row-gap:10px!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity {
    /* Burgundy stays dark; competition chrome is ice-white silver, not copper. */
    --ko-royal-edge:#F8FAF9;
    --ko-royal-rgb:248,250,249;
    --ko-royal-ink:#FFF6EE;
    --ko-royal-muted:#DFCFCF;
    --ko-royal-surface:#30111F;
    --ko-royal-inner:#3C1829;
    --ko-royal-glyph:#F8FAF9;
    --ko-royal-focus:#FFFFFF;
    --ko-royal-rim:0 0 0 1px rgba(248,250,249,.22),0 0 10px rgba(248,250,249,.34),0 0 20px rgba(248,250,249,.13),inset 0 1px 0 rgba(255,255,255,.20);
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity {
    --ko-royal-edge:#B58531;
    --ko-royal-rgb:181,133,49;
    --ko-royal-ink:#3B2B17;
    --ko-royal-muted:#6A5538;
    --ko-royal-surface:#E4D1AD;
    --ko-royal-inner:#F3E5CD;
    --ko-royal-glyph:#95651F;
    --ko-royal-focus:#A37122;
    --ko-royal-rim:0 0 9px rgba(181,133,49,.19),inset 0 1px 0 rgba(255,255,255,.19);
  }
  /* Setup and participants stay directly above the live title. The locked
     knockout setup is kept usable for choosing/viewing the game/title. */
  body #app #view .knockout-page.wolf-ko-quick-parity > :is(
    .game-select-card,.smart-entry-card,.participants,.knockout-control-card
  ) {
    border-radius:16px!important;
    padding:10px 11px!important;
    margin-block:0!important;
    min-width:0!important;
    box-shadow:var(--ko-royal-rim)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity > .participants h2,
  body #app #view .knockout-page.wolf-ko-quick-parity .wolf-smart-roster > h2{
    font-size:clamp(16px,4.3vw,18px)!important;line-height:1.3!important;
    margin-block:0 4px!important;
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity > .knockout-control-card .quick-tools-control{
    gap:6px!important;margin:0!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity > .knockout-control-card .quick-control{
    min-height:48px!important;padding:6px 3px!important;
    border-radius:11px!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(11px,3.1vw,13px)!important;
    font-weight:750!important;line-height:1.25!important;
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    border-color:var(--ko-royal-edge)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity > .knockout-control-card .control-icon,
  body #app #view .knockout-page.wolf-ko-quick-parity > .knockout-control-card .control-icon svg{
    color:var(--ko-royal-glyph)!important;stroke:currentColor!important;
    width:19px!important;height:19px!important;
    background:transparent!important;box-shadow:none!important;
  }
  /* One slim actual tournament title, before the winner/fixture panel. */
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .round-banner.ko-live-royal-title {
    box-sizing:border-box!important;width:100%!important;min-height:0!important;
    padding:9px 12px!important;margin:0 0 9px!important;gap:1px!important;
    border:1.4px solid var(--ko-royal-edge)!important;
    border-radius:14px!important;background:var(--ko-royal-surface)!important;
    background-image:none!important;box-shadow:var(--ko-royal-rim)!important;
    color:var(--ko-royal-ink)!important;text-align:center!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .ko-live-royal-title > b{
    display:block!important;max-width:100%!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(18px,4.8vw,21px)!important;line-height:1.28!important;
    font-weight:850!important;margin:0!important;
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    text-shadow:none!important;overflow-wrap:anywhere!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .ko-live-royal-title > small{
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(11px,3.1vw,13px)!important;line-height:1.3!important;
    font-weight:650!important;margin:0!important;
    color:var(--ko-royal-muted)!important;
    -webkit-text-fill-color:var(--ko-royal-muted)!important;
    text-shadow:none!important;
  }
  /* Current-stage progress is informative, not a second banner. */
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .wolf-knockout-flow{
    display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;
    gap:4px 8px!important;padding:8px 11px!important;margin:0 0 9px!important;
    border-radius:12px!important;min-height:0!important;
    border:1px solid rgba(var(--ko-royal-rgb),.46)!important;
    background:var(--ko-royal-inner)!important;box-shadow:none!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .wolf-knockout-flow :is(strong,span,small){
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    font-size:clamp(11px,3.05vw,13px)!important;line-height:1.4!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .wolf-knockout-flow small{
    flex-basis:100%!important;color:var(--ko-royal-muted)!important;
    -webkit-text-fill-color:var(--ko-royal-muted)!important;
  }
  /* Current live match list only: no bracket tree/artwork/export matching. */
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .ko-live-royal-fixtures{
    box-sizing:border-box!important;min-width:0!important;
    padding:10px 11px 12px!important;margin:0!important;
    border:1.25px solid rgba(var(--ko-royal-rgb),.76)!important;
    border-radius:16px!important;background:var(--ko-royal-surface)!important;
    background-image:none!important;box-shadow:var(--ko-royal-rim)!important;
    color:var(--ko-royal-ink)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-heading{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:6px!important;margin:0 0 5px!important;padding:0 0 7px!important;
    background:transparent!important;border-bottom:1px solid rgba(var(--ko-royal-rgb),.29)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-heading h2{
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(18px,4.9vw,21px)!important;line-height:1.3!important;
    font-weight:850!important;color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;text-shadow:none!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-heading small,
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-help{
    color:var(--ko-royal-muted)!important;
    -webkit-text-fill-color:var(--ko-royal-muted)!important;
    font-size:clamp(11px,3vw,13px)!important;line-height:1.4!important;
    font-weight:600!important;text-shadow:none!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-step{
    box-sizing:border-box!important;min-height:34px!important;
    padding:5px 9px!important;max-width:55%!important;
    border:1px solid rgba(var(--ko-royal-rgb),.68)!important;
    border-radius:12px!important;background:var(--ko-royal-inner)!important;
    font-size:clamp(11px,3.2vw,13px)!important;line-height:1.35!important;
    color:var(--ko-royal-ink)!important;-webkit-text-fill-color:var(--ko-royal-ink)!important;
    box-shadow:none!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-help{
    margin:3px 0 7px!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  /* recovery2065: emphasize only the instruction immediately preceding draw approval.
     Lower it a little, make Tajawal royal and bold, preserve every theme's ink.
     No changes to locked-round status, button, seeds, or bracket geometry. */
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-help.ko-draw-instruction{
    display:block!important;width:100%!important;box-sizing:border-box!important;
    margin:13px 0 10px!important;padding:3px 1px 0!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(18px,5.15vw,21px)!important;
    font-weight:850!important;line-height:1.5!important;
    letter-spacing:0!important;text-align:center!important;
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
    text-wrap:balance!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .wolf-match-search{
    margin:5px 0 8px!important;padding:7px 8px!important;
    border:1px solid rgba(var(--ko-royal-rgb),.36)!important;
    border-radius:11px!important;background:transparent!important;box-shadow:none!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .wolf-winner-heading{
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(17px,4.5vw,19px)!important;line-height:1.3!important;
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    margin:0 0 5px!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures :is(
    .wolf-fixture-filters>button,.wolf-copy-fixtures,.wolf-batch-confirm,
    .wolf-batch-choice,.ko-lock-draw,.ko-next-round
  ){
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(12px,3.45vw,14px)!important;font-weight:760!important;
    line-height:1.3!important;min-height:44px!important;border-radius:11px!important;
    padding:7px 9px!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures :is(
    .wolf-fixture-filters>button,.wolf-copy-fixtures,.wolf-batch-choice
  ){
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    border-color:rgba(var(--ko-royal-rgb),.72)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .wolf-match-progress{
    color:var(--ko-royal-muted)!important;
    -webkit-text-fill-color:var(--ko-royal-muted)!important;
    font-size:12px!important;line-height:1.35!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .wolf-match-labels b{
    color:var(--ko-royal-glyph)!important;-webkit-text-fill-color:var(--ko-royal-glyph)!important;
    font-size:clamp(22px,6vw,26px)!important;text-shadow:none!important;
    min-height:31px!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-fixture-list{
    gap:9px!important;margin:4px 0!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-fixture-list>.match{
    padding-block:4px!important;min-height:0!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-fixture-list .match .matchno{
    color:var(--ko-royal-glyph)!important;
    -webkit-text-fill-color:var(--ko-royal-glyph)!important;
    text-shadow:none!important;font-size:clamp(13px,3.8vw,16px)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-fixture-list .match .vs{
    color:var(--ko-royal-glyph)!important;
    -webkit-text-fill-color:var(--ko-royal-glyph)!important;
    text-shadow:none!important;font-size:clamp(18px,4.7vw,22px)!important;
    font-weight:700!important;line-height:1.06!important;
  }
  /* The player's normal/disabled text must have proper contrast in Ivory.
     Winners and bye gold highlights are NOT selected or recolored here. */
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-fixture-list .quick-player:not(.winner):not(.loser),
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-fixture-list .quick-player.loser{
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    border-color:rgba(var(--ko-royal-rgb),.7)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .quick-player:not(.winner) .ko-player-name{
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .quick-player:not(.winner){
    background:var(--ko-royal-inner)!important;
    color:var(--ko-royal-ink)!important;
    -webkit-text-fill-color:var(--ko-royal-ink)!important;
    opacity:1!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .quick-round-progress{
    color:var(--ko-royal-muted)!important;font-size:12px!important;
    line-height:1.35!important;margin:5px 0!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity .knockout-live-stats{
    gap:7px!important;margin:7px 0 0!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity .knockout-live-stats>.stat{
    min-height:51px!important;padding:7px 9px!important;border-radius:14px!important;
    font-size:clamp(11px,3.2vw,13px)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity .knockout-live-stats>.stat :is(b,span){
    font-size:clamp(12px,3.4vw,15px)!important;line-height:1.3!important;
  }
  @media(max-width:360px){
    body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-heading{
      align-items:flex-start!important;
    }
    body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-live-royal-fixtures .ko-round-step{
      padding:4px 6px!important;font-size:11px!important;
    }
  }
}


/* recovery2021: one authoritative knockout live/theme treatment. Reuses the
   existing royal tokens and leaves A/B/VS geometry and all export sheets alone. */
@layer identity {
  /* KO-only frost-white neon; gold winner states retain their semantics. */
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .card,.match-panel,.round-banner,.wolf-match-search,.wolf-match-extra-tools,
    .wolf-batch-row,.wolf-batch-input,.wolf-ko-round-link,.wolf-ko-history,
    .wolf-knockout-flow,.knockout-live-stats>.stat
  ) {
    border-color:rgba(248,250,249,.68)!important;
    box-shadow:var(--ko-royal-rim)!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .action,.quick-control,.iconbtn,.wolf-fixture-filters>button,
    .wolf-copy-fixtures,.wolf-batch-confirm,.wolf-batch-choice,
    .wolf-ko-round-link
  ) {
    box-sizing:border-box!important;
    border-color:#F8FAF9!important;
    color:#F8FAF9!important;
    -webkit-text-fill-color:#F8FAF9!important;
    background-color:#361422!important;
    background-image:linear-gradient(158deg,rgba(248,250,249,.075),rgba(56,20,33,.15))!important;
    box-shadow:0 0 0 1px rgba(248,250,249,.22),0 0 11px rgba(248,250,249,.30),0 0 24px rgba(248,250,249,.15),inset 0 1px 0 rgba(255,255,255,.13)!important;
    text-shadow:none!important;
    filter:none!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .wolf-fixture-filters>button.selected,.wolf-ko-round-link.selected,
    .wolf-batch-choice[aria-pressed='true']
  ) {
    border-color:#FFFFFF!important;
    background-image:linear-gradient(155deg,rgba(248,250,249,.17),rgba(65,24,39,.16))!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.26),0 0 13px rgba(248,250,249,.48),0 0 26px rgba(248,250,249,.24),inset 0 0 10px rgba(248,250,249,.10)!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .ko-fixture-list>.match>.quick-player,.ko-fixture-list>.match>.player,
    .wolf-ko-history .quick-player
  ):not(.winner) {
    border-color:rgba(248,250,249,.81)!important;
    box-shadow:0 0 6px rgba(248,250,249,.20),inset 0 0 7px rgba(248,250,249,.045)!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .ko-lock-draw,.ko-next-round
  ) {
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:10px!important;position:relative!important;
    width:100%!important;min-width:0!important;min-height:60px!important;
    padding:11px 16px!important;margin-inline:auto!important;
    border:1.6px solid #F8FAF9!important;border-radius:15px!important;
    background:linear-gradient(165deg,#442033 0%,#361522 58%,#2B111D 100%)!important;
    color:#F8FAF9!important;-webkit-text-fill-color:#F8FAF9!important;
    box-shadow:0 0 0 1px rgba(248,250,249,.20),0 0 15px rgba(248,250,249,.46),0 0 30px rgba(248,250,249,.24),inset 0 0 13px rgba(248,250,249,.12),inset 0 1px 0 rgba(255,255,255,.16)!important;
    text-shadow:0 0 6px rgba(248,250,249,.18)!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(.ko-lock-draw,.ko-next-round):disabled {
    opacity:1!important;cursor:not-allowed!important;
    color:#CFD3D3!important;-webkit-text-fill-color:#CFD3D3!important;
    border-color:#959D9F!important;
    box-shadow:0 0 0 1px rgba(248,250,249,.13),0 0 12px rgba(248,250,249,.26),inset 0 0 10px rgba(214,150,81,.07)!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(.action,.wolf-ko-round-link):disabled {
    opacity:1!important;color:#CED2D3!important;-webkit-text-fill-color:#CED2D3!important;
    border-color:#989FA0!important;box-shadow:0 0 8px rgba(248,250,249,.15)!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity .next-round-icon,
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(.action,.wolf-ko-round-link) svg {
    color:#F8FAF9!important;stroke:currentColor!important;filter:drop-shadow(0 0 3px rgba(248,250,249,.25))!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .wolf-batch-input,.smart-player-input,.input,.wolf-ko-title-field input
  ) {
    border-color:#F8FAF9!important;color:#FFF6EE!important;
    -webkit-text-fill-color:#FFF6EE!important;
    box-shadow:inset 0 0 0 1px rgba(248,250,249,.11),0 0 11px rgba(248,250,249,.18)!important;
  }
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .wolf-batch-input,.smart-player-input,.input
  )::placeholder {color:#D5D8D8!important;-webkit-text-fill-color:#D5D8D8!important;opacity:1!important;}
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .ko-round-heading,.wolf-batch-label,.wolf-match-progress,.ko-round-help,
    .ko-round-step,.wolf-match-labels,.ko-live-royal-title,.wolf-ko-rounds
  ) {text-shadow:none!important;}
  body.burgundy #app #view .knockout-page.wolf-ko-quick-parity :is(
    .ko-current-round .quick-player,.wolf-fixture-filters>button,.wolf-ko-round-link
  ):focus-visible {
    outline:2px solid #F8FAF9!important;outline-offset:2px!important;
  }
  /* The 'next round' action is the only element in this row: no side note. */
  body #app #view .knockout-page.wolf-ko-quick-parity .ko-current-round .match-actions.single {
    display:block!important;width:100%!important;margin:10px 0 0!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity .ko-current-round .match-actions.single .ko-next-round {
    width:100%!important;min-height:58px!important;margin:0!important;
    display:flex!important;justify-content:center!important;align-items:center!important;
    flex-direction:row!important;gap:9px!important;border-radius:15px!important;
    font:750 clamp(15px,4vw,17px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  /* Contrast and warm shadows on ivory, including disabled controls & champion. */
  body.light #app #view .knockout-page.wolf-ko-quick-parity :is(
    .wolf-batch-input,.input,.smart-player-input,.wolf-ko-title-field input
  ) {
    background:#F0E2CA!important;border-color:#AD7F38!important;
    color:#3E2A14!important;-webkit-text-fill-color:#3E2A14!important;
    opacity:1!important;
    box-shadow:0 0 10px rgba(175,127,48,.18),inset 0 0 5px rgba(164,116,40,.06)!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity :is(
    .wolf-batch-input,.input,.smart-player-input,.wolf-ko-title-field input
  )::placeholder {
    color:#6D5130!important;-webkit-text-fill-color:#6D5130!important;opacity:1!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity :is(
    .ko-lock-draw,.ko-next-round,.action
  ) {
    background-image:linear-gradient(160deg,#F0E3CE,#DCC39D)!important;
    background-color:#E8D4B3!important;
    border-color:#AE7D32!important;
    color:#3C2811!important;-webkit-text-fill-color:#3C2811!important;
    text-shadow:none!important;
    box-shadow:0 0 0 1px rgba(171,126,54,.10),0 0 13px rgba(187,138,59,.25),inset 0 1px 0 rgba(255,249,232,.60)!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity :is(.ko-lock-draw,.ko-next-round,.action):disabled {
    opacity:1!important;cursor:not-allowed!important;
    border-color:#A98959!important;
    color:#6D5235!important;-webkit-text-fill-color:#6D5235!important;
    background:#E4D2B6!important;
    box-shadow:0 0 8px rgba(170,123,50,.13),inset 0 1px 0 rgba(255,248,228,.39)!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity .champion-cup.knockout-champion {
    color:#3E2913!important;-webkit-text-fill-color:#3E2913!important;
    background:#E8D7B9!important;border-color:#BC8B3D!important;
    box-shadow:0 0 22px rgba(185,134,51,.25),inset 0 1px 0 rgba(255,248,229,.64)!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity .champion-cup.knockout-champion :is(
    small,h2,.victory-context
  ) {
    color:#513418!important;-webkit-text-fill-color:#513418!important;
    text-shadow:none!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity .champion-cup.knockout-champion h2 {
    color:#704913!important;-webkit-text-fill-color:#704913!important;font-weight:850!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity .champion-cup.knockout-champion .victory-actions .action {
    background-image:linear-gradient(160deg,#F1E2C7,#E0C69F)!important;
    border-color:#AD7D34!important;
    color:#3F2A13!important;-webkit-text-fill-color:#3F2A13!important;
    box-shadow:0 0 12px rgba(174,121,44,.23),inset 0 1px 0 rgba(255,248,224,.60)!important;
    text-shadow:none!important;opacity:1!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity .champion-cup.knockout-champion .victory-actions :is(.control-icon,svg,span) {
    color:#72491A!important;-webkit-text-fill-color:#72491A!important;
    filter:none!important;text-shadow:none!important;
  }
}


/* recovery2024 — approved competition chrome, scoped to three live formats.
   Burgundy: silver frost-white emission. Ivory: only warm gold on ivory
   materials, dark readable controls. Winner/result gold remains meaningful.
   No changes to fixtures geometry, bracket tree, exports or game art. */
@layer identity {
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) {
    --ui-accent:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --ui-icon:#F8FAF9!important;
    --wolf-theme-neon:#F8FAF9!important;
    --wz-theme-neon-edge:#F8FAF9!important;
    --league-accent:#F8FAF9!important;
    --league-accent-2:#F8FAF9!important;
    --ko-royal-edge:#F8FAF9;
    --ko-royal-rgb:248,250,249;
    --ko-royal-glyph:#F8FAF9;
  }
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page) {
    --ui-accent:#B58430!important;
    --ui-rgb:181,132,48!important;
    --ui-icon:#865B18!important;
    --wolf-theme-neon:#B58430!important;
    --wz-theme-neon-edge:#B58430!important;
    --league-accent:#B58430!important;
    --league-accent-2:#B58430!important;
    --ko-royal-edge:#B58430;
    --ko-royal-rgb:181,132,48;
    --ko-royal-glyph:#865B18;
    --wolf-neon-tier-border:#B58430!important;
    --wolf-neon-tier-glow-color:rgba(181,132,48,.30)!important;
  }
  /* Stage navigation shown in the screenshot: never blue/white on Ivory. */
  body.light #app #view .knockout-page .wolf-ko-rounds>.wolf-ko-round-link {
    background:#ECD9BA!important;
    background-image:none!important;
    border-color:#B58430!important;
    outline-color:#B58430!important;
    color:#3B2914!important;
    -webkit-text-fill-color:#3B2914!important;
    text-shadow:none!important;
    filter:none!important;
    box-shadow:0 0 9px rgba(181,132,48,.20),inset 0 1px 0 rgba(255,248,228,.60)!important;
  }
  body.light #app #view .knockout-page .wolf-ko-rounds>.wolf-ko-round-link.selected {
    background:#E4C585!important;
    border-color:#A87421!important;
    color:#35240E!important;
    -webkit-text-fill-color:#35240E!important;
    box-shadow:0 0 0 1px rgba(169,116,33,.26),0 0 12px rgba(181,132,48,.30)!important;
  }
  body.light #app #view .knockout-page .wolf-ko-rounds>.wolf-ko-round-link:disabled {
    opacity:1!important;background:#E7D6BC!important;
    border-color:#BD9E68!important;
    color:#6C5536!important;-webkit-text-fill-color:#6C5536!important;
    box-shadow:none!important;
  }
  body.light #app #view .knockout-page .wolf-ko-rounds>.wolf-ko-round-link:focus-visible {
    outline:2px solid #A87421!important;outline-offset:2px!important;
  }
  /* Competition actions and filters use the same metal; no stray cold glow. */
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-control,.add-player-btn,.wolf-roster-open-btn,.wolf-fixture-filters>button,
    .wolf-batch-choice,.wolf-batch-confirm,.ko-lock-draw,.ko-next-round,
    .league-round-toggle-row>button,.league-mode>button,
    .league-scoring-picker>button,.league-start-button,.league-next-fixture,
    .wolf-next-fixture
  ) {
    border-color:#B58430!important;
    outline-color:#B58430!important;
    color:#3B2914!important;
    -webkit-text-fill-color:#3B2914!important;
    text-shadow:none!important;
    filter:none!important;
    box-shadow:0 0 9px rgba(181,132,48,.20),inset 0 1px 0 rgba(255,248,228,.36)!important;
  }
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .wolf-fixture-filters>button.selected,.wolf-batch-choice[aria-pressed="true"],
    .league-mode>button.selected,.league-scoring-picker>button.selected,
    .league-round-toggle-row>button.selected
  ) {
    border-color:#9E6F24!important;
    background-color:#E9D09D!important;
    color:#3B2914!important;-webkit-text-fill-color:#3B2914!important;
    box-shadow:0 0 0 1px rgba(181,132,48,.20),0 0 12px rgba(181,132,48,.29)!important;
  }
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-control,.add-player-btn,.wolf-roster-open-btn,.ko-next-round,
    .league-round-toggle-row>button,.wolf-next-fixture
  ) :is(.control-icon,svg,.navigation-icon) {
    color:#865B18!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 3px rgba(181,132,48,.22))!important;
  }
  body.light #app #view .knockout-page .ko-current-round .ko-next-round {
    background:linear-gradient(160deg,#F0E3CE,#DCC39D)!important;
    border-color:#B58430!important;
    color:#3B2914!important;-webkit-text-fill-color:#3B2914!important;
    box-shadow:0 0 13px rgba(181,132,48,.25),inset 0 1px 0 rgba(255,248,228,.50)!important;
  }
  /* Ivory competition action/history color owner (recovery2036).
     Counteract older direct cyan shadows in shared action.css and the KO
     history frame; never change the grid, button sizes or results. */
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .ko-lock-draw,.quick-qualify.next-round-action,.ko-next-round,
    .wolf-next-fixture,.league-next-fixture
  ):not(:disabled) {
    border-color:#B58430!important;
    outline-color:#B58430!important;
    filter:none!important;
    box-shadow:inset 0 0 9px rgba(181,132,48,.09),
               0 0 9px rgba(181,132,48,.34),
               0 0 19px rgba(181,132,48,.17)!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity details.wolf-ko-history {
    border-color:#B58430!important;
    outline-color:#B58430!important;
    box-shadow:0 0 9px rgba(181,132,48,.18),
               inset 0 0 6px rgba(181,132,48,.06)!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity details.wolf-ko-history > summary {
    color:#3B2914!important;
    -webkit-text-fill-color:#3B2914!important;
    text-shadow:none!important;
  }
  body.light #app #view .knockout-page.wolf-ko-quick-parity details.wolf-ko-history > summary:focus-visible {
    outline:2px solid #B58430!important;
    outline-offset:-2px!important;
  }
  /* Burgundy competition controls retain burgundy fill and silver glow;
     winners remain gold and are intentionally excluded. */
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-control,.add-player-btn,.wolf-roster-open-btn,.wolf-fixture-filters>button,
    .wolf-batch-choice,.wolf-batch-confirm,.ko-lock-draw,.ko-next-round,
    .wolf-ko-round-link,.league-round-toggle-row>button,
    .league-mode>button,.league-scoring-picker>button,.league-start-button,
    .wolf-next-fixture
  ) {
    border-color:#F8FAF9!important;
    outline-color:#F8FAF9!important;
    box-shadow:0 0 4px rgba(255,255,255,.47),0 0 11px rgba(248,250,249,.26),inset 0 0 6px rgba(248,250,249,.05)!important;
  }
  body.burgundy #app #view .knockout-page .wolf-ko-rounds>.wolf-ko-round-link {
    color:#F8FAF9!important;-webkit-text-fill-color:#F8FAF9!important;
    background-color:#361422!important;
    background-image:none!important;
    filter:none!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-control,.add-player-btn,.wolf-roster-open-btn,.ko-next-round,
    .wolf-ko-round-link,.league-round-toggle-row>button,.wolf-next-fixture
  ) :is(.control-icon,svg,.navigation-icon) {
    color:#F8FAF9!important;stroke:currentColor!important;
    filter:drop-shadow(0 0 3px rgba(248,250,249,.28))!important;
  }
}


/* recovery2025 — Burgundy competition blue-leak source cleanup.
   Only quick challenge, knockout and league LIVE chrome; never art, game
   thumbnails, exported images, winner states or tournament geometry.
   The source of cold-blue mismatches was old direct-shadow rules and legacy
   aliases defined below body-level theme tokens. Resolve at owning scope. */
@layer identity {
  /* The routed shell owns back arrows and header strips outside the page. */
  body.burgundy #app #view.wolf-layout-page:has(> :is(.quick-normal-page,.knockout-page,.league-page)) {
    --wolf-unify-edge:#F8FAF9;
    --wolf-unify-bright:#FFFFFF;
    --wolf-unify-glyph:#F8FAF9;
    --wolf-unify-rgb:248,250,249;
    --wolf-unify-panel:inset 0 0 9px rgba(248,250,249,.08),0 0 10px rgba(248,250,249,.30),0 0 20px rgba(248,250,249,.12);
    --wolf-unify-field:inset 0 0 7px rgba(248,250,249,.065),0 0 6px rgba(248,250,249,.22);
    --wolf-comp-back-edge:#F8FAF9;
    --wolf-comp-back-ink:#F8FAF9;
    --wolf-comp-back-rgb:248,250,249;
    --wolf-comp-card-edge:#F8FAF9;
    --wolf-comp-card-rgb:248,250,249;
    --wolf-app-back-edge:#F8FAF9;
    --wolf-app-back-ink:#F8FAF9;
    --wolf-app-back-glow:248,250,249;
  }
  /* All inherited old navy accents (including quick-control aliases) point
     to the correct hue before any matches or active round are drawn. */
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) {
    --ui-accent:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --ui-icon:#F8FAF9!important;
    --wolf-one-neon:#F8FAF9;
    --wolf-one-icon:#F8FAF9;
    --wolf-one-glow:248,250,249;
    --wolf-sub-neon-edge:#F8FAF9;
    --wolf-sub-neon-rgb:248,250,249;
    --wolf-sub-glyph:#F8FAF9;
    --wolf-sub-icon-sheen:rgba(255,255,255,.25);
    --wolf-neon-tier-border:#F8FAF9!important;
    --wolf-neon-tier-glow-color:rgba(248,250,249,.35)!important;
    --wolf-comp-card-edge:#F8FAF9;
    --wolf-comp-card-rgb:248,250,249;
    --qc-accent:#F8FAF9;
    --qc-glow:rgba(248,250,249,.30);
    --q595-accent:#F8FAF9;
    --q595-glow:rgba(248,250,249,.30);
    --q597-border:#F8FAF9;
    --q597-icon:#F8FAF9;
    --q597-glow:rgba(248,250,249,.30);
    --ko-royal-edge:#F8FAF9;
    --ko-royal-rgb:248,250,249;
    --ko-royal-glyph:#F8FAF9;
    --ko-royal-focus:#FFFFFF;
    --league-accent:#F8FAF9!important;
    --league-accent-2:#F8FAF9!important;
  }
  /* Earlier individual card sources set a warmer --wolf-sub-neon-* than
     their ancestor. Assign silver directly to these cards, not a broad filter. */
  body.burgundy #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page) > :is(
    .card,.game-select-card,.smart-entry-card,.participants,.standalone-controls-card,
    .knockout-control-card,.league-setup-card,.league-system-card,.league-add-card,
    .league-participants-card,.competition-meta-card
  ),
  body.burgundy #app #view.wolf-layout-page .league-page #leagueLiveBoard > :is(
    .league-standings-card,.league-stage,.league-live-overview,.wolf-league-live-status
  ) {
    --wolf-sub-neon-edge:#F8FAF9;
    --wolf-sub-neon-rgb:248,250,249;
    --wolf-sub-glyph:#F8FAF9;
    --wolf-sub-icon-sheen:rgba(255,255,255,.26);
    border-color:#F8FAF9!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 0 15px rgba(248,250,249,.045),0 0 11px rgba(248,250,249,.24),0 0 21px rgba(248,250,249,.09)!important;
  }
  /* Generic components.css contains fixed cyan and royal-blue shadows.
     Normal fields, fixtures and filters should never inherit that blue. */
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-tools-control>button.action,.quick-control,.add-player-btn,
    .wolf-roster-open-btn,.league-draw-btn,.league-start-button,
    .ko-next-round,.ko-lock-draw,.wolf-next-fixture,
    .wolf-fixture-filters>button,.league-fixture-filters>button,
    .wolf-ko-round-link,.league-mode>button,.league-scoring-picker>button,
    .league-round-toggle-row>button,.league-next-fixture
  ):not(.winner):not(.is-winner):not(.champion-cup) {
    border-color:#F8FAF9!important;
    outline-color:#F8FAF9!important;
    box-shadow:inset 0 0 5px rgba(248,250,249,.06),0 0 5px rgba(255,255,255,.38),0 0 12px rgba(248,250,249,.26)!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .input,.smart-player-input,.wolf-batch-input,.quick-event-owner-input,
    .league-title-input,.wolf-match-search input,textarea,select
  ):focus-visible {
    outline-color:#F8FAF9!important;
    border-color:#F8FAF9!important;
    box-shadow:inset 0 0 6px rgba(248,250,249,.06),0 0 0 2px rgba(248,250,249,.20),0 0 11px rgba(248,250,249,.30)!important;
  }
  /* Game tiles: only the button frame, never its original artwork. */
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.game-card-picker .game-card-option,.league-game-picker.game-card-picker button.game-card) {
    border-color:rgba(248,250,249,.65)!important;
    box-shadow:0 0 9px rgba(248,250,249,.20)!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.game-card-picker .game-card-option.selected,.league-game-picker.game-card-picker button.game-card.selected) {
    border-color:#F8FAF9!important;
    box-shadow:0 0 0 1px rgba(248,250,249,.54),0 0 12px rgba(248,250,249,.37)!important;
  }
  /* Title/call-to-action halo and stage captions were hardcoded cold blue. */
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .mode-page-title .title-copy,.league-section-heading,.ko-round-step,
    .round-banner,.league-board-banner,.league-stage,
    .league-round-group.is-current,.league-round-progress.current,
    .league-round-date,.league-table thead th,.league-table tbody td
  ):not(.winner):not(.is-winner) {
    border-color:rgba(248,250,249,.42)!important;
    text-shadow:none!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.mode-page-title .title-copy,.mode-page-title .mode-title-icon,.mode-title-icon) {
    filter:none!important;
    text-shadow:0 0 9px rgba(248,250,249,.19)!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.mode-title-icon,.league-calendar-symbol) svg {
    color:#F8FAF9!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 3px rgba(248,250,249,.26))!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.ko-round-step,.league-stage,.league-round-group.is-current,.round-banner,.league-board-banner) {
    box-shadow:inset 0 0 6px rgba(248,250,249,.04),0 0 10px rgba(248,250,249,.15)!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.league-round-date,.league-round-progress.current,.league-table thead th,.league-table tbody td) {
    border-color:rgba(248,250,249,.27)!important;
  }
  /* recovery2031: Next-round/neighbouring league navigation inherits only
     the selected theme neon. Keep geometry, text, arrow and match semantics.
     The shared KO + quick button carries both quick-qualify and next-round-action;
     league has a separate next-fixture control. Other gold/winner UI is untouched. */
  body:not(.burgundy):not(.light) #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-qualify.next-round-action,.ko-next-round,.wolf-next-fixture,.league-next-fixture
  ) { --wolf-next-action-neon:#378FFD; --wolf-next-action-rgb:55,143,253; }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-qualify.next-round-action,.ko-next-round,.wolf-next-fixture,.league-next-fixture
  ) { --wolf-next-action-neon:#F8FAF9; --wolf-next-action-rgb:248,250,249; }
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-qualify.next-round-action,.ko-next-round,.wolf-next-fixture,.league-next-fixture
  ) { --wolf-next-action-neon:#B58430; --wolf-next-action-rgb:181,132,48; }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(
    .quick-qualify.next-round-action,.ko-next-round,.wolf-next-fixture,.league-next-fixture
  ):not(:disabled) {
    border-color:var(--wolf-next-action-neon,var(--ui-accent))!important;
    outline-color:var(--wolf-next-action-neon,var(--ui-accent))!important;
    box-shadow:inset 0 0 9px rgba(var(--wolf-next-action-rgb,var(--ui-rgb)),.095),
               0 0 8px rgba(var(--wolf-next-action-rgb,var(--ui-rgb)),.48),
               0 0 19px rgba(var(--wolf-next-action-rgb,var(--ui-rgb)),.29)!important;
  }
  /* A pale neutral ambient replaces the legacy cyan/purple radial overlays. */
  body.burgundy #app #view :is(.knockout-page,.league-page)::before {
    background:radial-gradient(circle at 50% 0%,rgba(248,250,249,.06),transparent 46%),radial-gradient(circle at 88% 40%,rgba(248,250,249,.035),transparent 34%)!important;
  }
  /* Any stroke inside the KO board inherits the silver tokens except the
     independent gold/semantic winner styles. Bracket links remain untouched. */
  body.burgundy #app #view .knockout-page #tournamentBoard {
    --ui-accent:#F8FAF9!important;
    --ui-icon:#F8FAF9!important;
    --ui-rgb:248,250,249!important;
    --wz-theme-neon-edge:#F8FAF9!important;
    --wolf-icon-glyph:#F8FAF9!important;
    --wolf-glow-icon:rgba(248,250,249,.45)!important;
    --wolf-neon-tier-border:#F8FAF9!important;
  }
}

@layer identity {
/* recovery2034 — LEAGUE CHAMPION / live design owner.
   Royal trophy and a single stable action grid. Scope to league champions,
   preserve the original channel mark, winners, app themes, and button handlers. */
body #app #view .league-page .league-champion.league-champion-page {
  --league-champion-panel:#091D34;
  --league-champion-border:#378FFD;
  --league-champion-glow:55,143,253;
  --league-champion-text:#F4F8FF;
  --league-champion-muted:#C4D5E6;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  gap:0!important;padding:24px 18px 20px!important;margin:12px 0 16px!important;
  background:linear-gradient(160deg,var(--league-champion-panel),var(--league-champion-panel))!important;
  border:2px solid var(--league-champion-border)!important;
  color:var(--league-champion-text)!important;
  box-shadow:inset 0 0 18px rgba(var(--league-champion-glow),.09),0 0 18px rgba(var(--league-champion-glow),.18)!important;
}
body.burgundy #app #view .league-page .league-champion.league-champion-page {
  --league-champion-panel:#351321;--league-champion-border:#F8FAF9;
  --league-champion-glow:248,250,249;--league-champion-text:#F4F6F5;
  --league-champion-muted:#CDD2D2;
}
body.light #app #view .league-page .league-champion.league-champion-page {
  --league-champion-panel:#F2E4CF;--league-champion-border:#B58430;
  --league-champion-glow:181,132,48;--league-champion-text:#352513;
  --league-champion-muted:#69513B;
}
body #app #view .league-page .league-champion-page .league-champion-portrait {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  width:100%!important;gap:4px!important;text-align:center!important;min-width:0!important;
}
body #app #view .league-page .league-champion-page .league-champion-mark {
  display:block!important;width:130px!important;max-width:40%!important;height:auto!important;
  margin:0 auto 3px!important;object-fit:contain!important;filter:none!important;
}
body #app #view .league-page .league-champion-page .league-champion-royal-cup {
  display:block!important;width:170px!important;max-width:55%!important;height:auto!important;
  aspect-ratio:596/725!important;object-fit:contain!important;
  margin:1px auto 7px!important;filter:drop-shadow(0 6px 12px rgba(0,0,0,.24))!important;
}
body #app #view .league-page .league-champion-page .league-champion-portrait > small {
  font-size:19px!important;font-weight:700!important;line-height:1.4!important;
  color:var(--league-champion-text)!important;
}
body #app #view .league-page .league-champion-page .league-champion-portrait > h2 {
  margin:1px 0 3px!important;font-size:32px!important;line-height:1.35!important;
  color:var(--league-champion-text)!important;-webkit-text-fill-color:var(--league-champion-text)!important;
  overflow-wrap:anywhere!important;
}
body #app #view .league-page .league-champion-page .league-champion-portrait > .victory-context {
  margin:1px 0 12px!important;font-size:16px!important;line-height:1.4!important;
  color:var(--league-champion-muted)!important;-webkit-text-fill-color:var(--league-champion-muted)!important;
}
body #app #view .league-page .league-champion-page .league-victory-actions {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;width:100%!important;max-width:480px!important;
  margin:4px auto 0!important;align-items:stretch!important;
}
body #app #view .league-page .league-champion-page .league-victory-actions > .action {
  margin:0!important;min-width:0!important;max-width:none!important;width:100%!important;
  min-height:54px!important;height:auto!important;padding:11px 9px!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  gap:7px!important;white-space:normal!important;text-align:center!important;
  line-height:1.35!important;font-size:15px!important;font-weight:700!important;
  border:1.5px solid var(--league-champion-border)!important;
  border-radius:14px!important;
  background:var(--league-champion-panel)!important;
  color:var(--league-champion-text)!important;
  -webkit-text-fill-color:var(--league-champion-text)!important;
  box-shadow:0 0 9px rgba(var(--league-champion-glow),.22)!important;
}
body.light #app #view .league-page .league-champion-page .league-victory-actions > .action {
  background:#E5D2B4!important;
}
body #app #view .league-page .league-champion-page .league-victory-actions > :is(.league-champion-review,.league-champion-save) {
  grid-column:1/-1!important;
}
body #app #view .league-page .league-champion-page .league-victory-actions .control-icon,
body #app #view .league-page .league-champion-page .league-victory-actions .control-icon svg {
  color:var(--league-champion-border)!important;stroke:currentColor!important;
}
@media(max-width:380px){
  body #app #view .league-page .league-champion-page .league-victory-actions {gap:8px!important;}
  body #app #view .league-page .league-champion-page .league-victory-actions > .action {font-size:13px!important;padding:10px 6px!important;}
}

}


@layer identity {
/* recovery2035: One champion-page layout across quick challenge, knockout and
   league. Only live winner cards: don't alter bracket geometry or match cards. */
body #app #view .champion-cup.wolf-champion-unified {
  --wolf-champion-surface:#091D34;--wolf-champion-edge:#378FFD;
  --wolf-champion-rgb:55,143,253;--wolf-champion-ink:#F4F8FF;
  --wolf-champion-dim:#C4D5E6;
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-width:0!important;margin:12px auto 16px!important;padding:24px 18px 20px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;
  background:var(--wolf-champion-surface)!important;background-image:none!important;
  border:2px solid var(--wolf-champion-edge)!important;border-radius:27px!important;
  color:var(--wolf-champion-ink)!important;
  box-shadow:inset 0 0 18px rgba(var(--wolf-champion-rgb),.09),0 0 18px rgba(var(--wolf-champion-rgb),.18)!important;
}
body.burgundy #app #view .champion-cup.wolf-champion-unified {
  --wolf-champion-surface:#351321;--wolf-champion-edge:#F8FAF9;
  --wolf-champion-rgb:248,250,249;--wolf-champion-ink:#F4F6F5;--wolf-champion-dim:#CDD2D2;
}
body.light #app #view .champion-cup.wolf-champion-unified {
  --wolf-champion-surface:#F2E4CF;--wolf-champion-edge:#B58430;
  --wolf-champion-rgb:181,132,48;--wolf-champion-ink:#352513;--wolf-champion-dim:#69513B;
}
body #app #view .champion-cup.wolf-champion-unified .wolf-champion-portrait {
  display:flex!important;flex-direction:column!important;align-items:center!important;
  width:100%!important;min-width:0!important;gap:4px!important;text-align:center!important;
}
body #app #view .champion-cup.wolf-champion-unified .wolf-champion-mark,
body #app #view .champion-cup.wolf-champion-unified .league-champion-mark {
  display:block!important;width:130px!important;max-width:40%!important;height:auto!important;
  margin:0 auto 3px!important;object-fit:contain!important;filter:none!important;
}
body #app #view .champion-cup.wolf-champion-unified .wolf-champion-royal-cup {
  display:block!important;width:170px!important;max-width:55%!important;height:auto!important;
  aspect-ratio:596/725!important;object-fit:contain!important;margin:1px auto 7px!important;
  border:0!important;background:transparent!important;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.24))!important;
}
body #app #view .champion-cup.wolf-champion-unified .wolf-champion-portrait > small,
body #app #view .champion-cup.wolf-champion-unified .league-champion-portrait > small {
  font-size:19px!important;font-weight:750!important;line-height:1.4!important;
  color:var(--wolf-champion-ink)!important;-webkit-text-fill-color:var(--wolf-champion-ink)!important;
  text-shadow:none!important;
}
body #app #view .champion-cup.wolf-champion-unified .wolf-champion-portrait > h2,
body #app #view .champion-cup.wolf-champion-unified .league-champion-portrait > h2 {
  margin:1px 0 3px!important;font-size:32px!important;line-height:1.35!important;
  color:var(--wolf-champion-ink)!important;-webkit-text-fill-color:var(--wolf-champion-ink)!important;
  text-shadow:none!important;overflow-wrap:anywhere!important;
}
body #app #view .champion-cup.wolf-champion-unified .victory-context {
  margin:1px 0 5px!important;font-size:16px!important;line-height:1.4!important;
  color:var(--wolf-champion-dim)!important;-webkit-text-fill-color:var(--wolf-champion-dim)!important;
  text-shadow:none!important;
}
body #app #view .champion-cup.wolf-champion-unified .wolf-champion-game {
  box-sizing:border-box!important;display:flex!important;justify-content:center!important;align-items:center!important;
  margin:4px auto 12px!important;min-width:110px!important;max-width:100%!important;
  min-height:33px!important;padding:5px 17px!important;border-radius:999px!important;
  border:1px solid var(--wolf-champion-edge)!important;background:var(--wolf-champion-surface)!important;
  color:var(--wolf-champion-ink)!important;-webkit-text-fill-color:var(--wolf-champion-ink)!important;
  font-size:15px!important;font-weight:750!important;line-height:1.4!important;
  box-shadow:0 0 8px rgba(var(--wolf-champion-rgb),.14)!important;
}
body.light #app #view .champion-cup.wolf-champion-unified .wolf-champion-game {background:#E5D2B4!important;}
body #app #view .champion-cup.wolf-champion-unified .victory-actions {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;width:100%!important;max-width:480px!important;
  align-items:stretch!important;margin:8px auto 0!important;
}
body #app #view .champion-cup.wolf-champion-unified .victory-actions > .action {
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;width:100%!important;max-width:none!important;min-width:0!important;
  min-height:54px!important;height:auto!important;padding:11px 9px!important;
  border:1.5px solid var(--wolf-champion-edge)!important;border-radius:14px!important;
  background:var(--wolf-champion-surface)!important;background-image:none!important;
  color:var(--wolf-champion-ink)!important;-webkit-text-fill-color:var(--wolf-champion-ink)!important;
  font-size:15px!important;font-weight:750!important;line-height:1.35!important;
  white-space:normal!important;text-align:center!important;text-shadow:none!important;
  gap:7px!important;box-shadow:0 0 9px rgba(var(--wolf-champion-rgb),.22)!important;
}
body.light #app #view .champion-cup.wolf-champion-unified .victory-actions > .action {background:#E5D2B4!important;}
body #app #view .champion-cup.wolf-champion-unified .victory-actions > .champ-action-wide,
body #app #view .champion-cup.wolf-champion-unified .victory-actions > :is(.league-champion-review,.league-champion-save) {
  grid-column:1/-1!important;
}
body #app #view .champion-cup.wolf-champion-unified .victory-actions .control-icon,
body #app #view .champion-cup.wolf-champion-unified .victory-actions .control-icon svg {
  color:var(--wolf-champion-edge)!important;stroke:currentColor!important;filter:none!important;
}
@media(max-width:380px){
  body #app #view .champion-cup.wolf-champion-unified .victory-actions {gap:8px!important;}
  body #app #view .champion-cup.wolf-champion-unified .victory-actions > .action {font-size:13px!important;padding:10px 6px!important;}
}
}


/* recovery2044 — Quick bye: the REAL A/B card geometry, without a fake VS.
   Gold is only a qualification semantic, never a mismatched third box.
   Overrides the old 22px/5px bye grid and separate overwide export style. */
@layer identity {
  body #app #view .quick-normal-page #matches > .match.quick-bye-match {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:stretch!important;width:100%!important;min-height:82px!important;
    height:auto!important;margin:10px 0!important;padding:12px 10px!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline {
    box-sizing:border-box!important;display:grid!important;direction:rtl!important;
    width:100%!important;min-width:0!important;align-items:stretch!important;
    grid-template-columns:28px minmax(0,1fr) 26px minmax(0,1fr)!important;
    gap:8px!important;
  }
  body #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-number {
    grid-column:1!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:28px!important;min-width:0!important;margin:0!important;
    font:800 16px/1.4 var(--ui-font)!important;
    color:var(--ui-accent)!important;
  }
  body #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > :is(.quick-bye-card,.quick-bye-status) {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:center!important;min-width:0!important;width:100%!important;
    max-width:none!important;min-height:44px!important;height:auto!important;
    margin:0!important;padding:7px 8px!important;flex-direction:row!important;
    border-width:2px!important;border-style:solid!important;
    border-radius:var(--ui-control-radius,13px)!important;
    text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  body #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-card {
    grid-column:2!important;grid-row:1!important;
  }
  body #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-status {
    grid-column:4!important;grid-row:1!important;
    font:750 clamp(13px,3.6vw,16px)/1.35 var(--ui-font)!important;
    background:var(--ui-inner)!important;border-color:var(--ui-accent)!important;
    color:var(--ui-ink)!important;
    box-shadow:0 0 7px rgba(var(--ui-rgb),.13)!important;
  }
  body #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-card .quick-player-name {
    font:800 clamp(16px,4.25vw,19px)/1.3 var(--ui-font)!important;
    flex:1 1 auto!important;min-width:0!important;max-width:100%!important;
    text-align:center!important;color:inherit!important;white-space:normal!important;
  }
  body.burgundy #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-status {
    background:#3A1827!important;border-color:#D4DDE6!important;color:#FFF4F0!important;
    box-shadow:0 0 8px rgba(248,250,249,.14)!important;
  }
  body.light #app #view .quick-normal-page #matches > .match.quick-bye-match > .quick-bye-inline > .quick-bye-status {
    background:#F4EADB!important;border-color:#B58430!important;color:#3B2914!important;
    box-shadow:0 0 8px rgba(181,132,48,.15)!important;
  }
  /* Burgundy next-round: the disabled state MUST keep a silver border too.
     Do not make it appear enabled: keep a calmer glow than the active state. */
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page) .match-actions .next-round-action {
    --wolf-next-action-neon:#F8FAF9!important;
    --wolf-next-action-rgb:248,250,249!important;
    border:2px solid #F8FAF9!important;outline-color:#F8FAF9!important;
    background:#3A1827!important;background-image:none!important;
    filter:none!important;
    box-shadow:inset 0 0 8px rgba(248,250,249,.055),0 0 10px rgba(248,250,249,.34),0 0 19px rgba(248,250,249,.16)!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page) .match-actions .next-round-action:disabled {
    opacity:.69!important;filter:none!important;cursor:not-allowed!important;
    border-color:#F8FAF9!important;
    box-shadow:inset 0 0 6px rgba(248,250,249,.04),0 0 7px rgba(248,250,249,.20)!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page) .match-actions .next-round-action:not(:disabled) {
    opacity:1!important;
    box-shadow:inset 0 0 9px rgba(248,250,249,.07),0 0 12px rgba(248,250,249,.50),0 0 22px rgba(248,250,249,.24)!important;
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page) .match-actions .next-round-action .next-round-icon svg {
    color:#F8FAF9!important;stroke:currentColor!important;filter:none!important;
  }
}

/* recovery2047: a disabled Next Round keeps the same approved theme neon
   with a quieter glow, while its label stays readable on the iPhone. */
@layer identity {
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page) .match-actions .next-round-action:disabled {
    opacity:1!important; background:#351523!important;
    border-color:#F8FAF9!important;color:#D1D7DC!important;
    -webkit-text-fill-color:#D1D7DC!important;
    box-shadow:inset 0 0 5px rgba(248,250,249,.03),0 0 8px rgba(248,250,249,.22)!important;
  }
  body.light #app #view :is(.quick-normal-page,.knockout-page) .match-actions .next-round-action:disabled {
    opacity:1!important; background:#F0E3CE!important;
    border-color:#B58430!important;color:#715637!important;
    -webkit-text-fill-color:#715637!important;
    box-shadow:inset 0 0 5px rgba(181,132,48,.05),0 0 7px rgba(181,132,48,.17)!important;
  }
  body.light #app #view :is(.quick-normal-page,.knockout-page) .match-actions .next-round-action:disabled .next-round-icon svg {
    color:#715637!important;stroke:currentColor!important;filter:none!important;
  }
}

/* recovery2052: Navy and Burgundy roster headings use the same approved
   typographic scale as Ivory. Player names, counters and cards stay unchanged. */
@layer identity {
  body:not(.light) #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants.wolf-smart-roster:not(.wolf-roster-open) > h2,
  body:not(.light) #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants:not(.wolf-smart-roster) > h2,
  body:not(.light) #app #view .royal-four-comp-page > .participants > h2,
  body:not(.light) #app #view .knockout-page.wolf-ko-quick-parity > .participants > h2,
  body:not(.light) #app #view .knockout-page .wolf-ko-roster > h2,
  body:not(.light) #app #view .league-page .league-participants-card > h2,
  body:not(.light) #app #view .league-page .league-live-roster > summary > b,
  body:not(.light) #app #view .league-page #leagueLiveBoard .league-live-roster > summary > b {
    font-size:14px!important;font-weight:700!important;line-height:1.3!important;
  }
  body:not(.light) #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants > h2 > span:first-of-type {font-size:inherit!important;font-weight:inherit!important;}
  body:not(.light) #app #view .wolf-roster-dialog
    .wolf-smart-roster.wolf-roster-open > h2 {
    font-size:16px!important;font-weight:700!important;line-height:1.3!important;
  }
  /* Separate roster dialog footer: same legibility contract as main app. */
  #app #view .wolf-roster-dialog > .wolf-roster-footer > span {
    font-size:15px!important;font-weight:700!important;line-height:1.45!important;
    color:var(--ui-ink)!important;opacity:1!important;
  }
}

/* recovery2062 — Five-column combined records fully visible on iPhone.
   No table data or ranking math changed. The previous 535px minimum meant only
   the first 3 of 5 columns were visible without horizontal scrolling. */
@layer identity {
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) .total-rank-table-wrap:has(.wolf-members-sum-table){
   width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:visible!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table{
   width:100%!important;min-width:0!important;max-width:100%!important;
   table-layout:fixed!important;border-collapse:collapse!important;direction:rtl!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table :is(th,td){
   box-sizing:border-box!important;min-width:0!important;padding:10px 2px!important;
   text-align:center!important;vertical-align:middle!important;overflow-wrap:anywhere!important;
   font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
   font-variant-numeric:tabular-nums!important;color:var(--ui-ink)!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table th{
   font-size:clamp(11px,2.9vw,13px)!important;line-height:1.25!important;font-weight:850!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table td{
   font-size:clamp(14px,3.6vw,16px)!important;line-height:1.45!important;font-weight:800!important;
   font-variant-numeric:tabular-nums!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table :is(th,td):first-child{
   width:27%!important;padding-inline:4px!important;text-align:right!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table :is(th,td):nth-child(2){
   width:25%!important;direction:ltr!important;font-size:clamp(12px,3.15vw,14px)!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table :is(th,td):nth-child(n+3){
   width:16%!important;direction:ltr!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table .wolf-total-number{
   font-size:clamp(14px,3.9vw,17px)!important;font-weight:900!important;
 }
 #app #view :is(.wolf-archive-modern,.wolf-monthly-combined-current) table.wolf-members-sum-table .rank-total{
   color:var(--ui-gold,var(--ui-ink))!important;font-weight:900!important;
 }
 /* Other four-column rankings fit the page instead of silently hiding a number. */
 #app #view .wolf-archive-modern .total-rank-table:not(.wolf-members-sum-table){
   min-width:0!important;max-width:100%!important;table-layout:fixed!important;
 }
 #app #view .wolf-archive-modern .total-rank-table:not(.wolf-members-sum-table):not(.combined-rank-table) :is(th,td){
   padding:10px 3px!important;font-weight:800!important;font-size:clamp(12px,3.25vw,15px)!important;
   font-variant-numeric:tabular-nums!important;
 }
 #app #view .wolf-archive-modern .total-rank-table:not(.wolf-members-sum-table) td:last-child{
   font-size:clamp(15px,3.8vw,17px)!important;font-weight:850!important;
 }
 /* Staff and full-admin record cards share spacing/type scale. */
 #app #view :is(.wolf-staff-record-detail,.record-detail-page[data-record-scope],.wolf-archive-modern) .wolf-record-section-title{
   font-weight:800!important;line-height:1.38!important;
 }
 #app #view .wolf-staff-record-detail .wolf-record-ledgers{gap:10px!important;}
 #app #view .wolf-staff-record-detail .wolf-record-period-card{padding:clamp(12px,3.6vw,16px)!important;}
}

/* recovery2064 experimental — additional admin records, not owner/mod rights.
   Keep navigation and records intact; reduce redundant UI prominence. */
@layer identity {
 #app :is(#view,.wolf-staff-fullpage,.wolf-mod-backdrop) button.action.staff-menu-return{
   display:inline-flex!important;align-items:center!important;justify-content:center!important;
   width:auto!important;max-width:calc(100% - 16px)!important;min-width:0!important;
   min-height:44px!important;height:44px!important;padding:6px 15px!important;
   margin:0 0 8px auto!important;
   font-size:clamp(13px,3.5vw,15px)!important;font-weight:750!important;
   line-height:1.3!important;border-radius:14px!important;
   color:var(--ui-ink)!important;border:1px solid rgba(var(--ui-rgb),.65)!important;
   background:var(--ui-surface)!important;box-shadow:0 0 6px rgba(var(--ui-rgb),.15)!important;
 }
 #app :is(#view,.wolf-staff-fullpage,.wolf-mod-backdrop) button.staff-menu-return[hidden]{display:none!important;}
 #app #view .wolf-staff-record-detail{
   min-width:0!important;width:100%!important;gap:10px!important;
   align-content:start!important;
 }
 /* Stage heading remains a royal plaque, but is not a second page-size hero. */
 #app #view .wolf-staff-record-detail > .mode-page-title.royal-tier-page{
   width:min(92%,440px)!important;max-width:100%!important;
   margin:0 auto 9px!important;
 }
 #app #view .wolf-staff-record-detail > .mode-page-title.royal-tier-page .royal-reference-lettering{
   font-size:clamp(18px,5.1vw,25px)!important;
 }
 #app #view .wolf-staff-record-detail .wolf-record-period-card{
   display:grid!important;gap:8px!important;min-width:0!important;
   padding:12px!important;margin:0!important;
 }
 #app #view .wolf-staff-record-detail .wolf-current-period-label{
   min-height:0!important;padding:3px 0!important;margin:0!important;
   border:0!important;box-shadow:none!important;
   background:transparent!important;text-align:center!important;
 }
 #app #view .wolf-staff-record-detail .wolf-current-period-label>span{
   font-size:clamp(16px,4.1vw,19px)!important;font-weight:800!important;
   line-height:1.35!important;color:var(--ui-accent)!important;
 }
 #app #view .wolf-staff-record-detail .wolf-record-filter-panel{
   margin:0!important;gap:7px!important;min-width:0!important;
 }
 #app #view .wolf-staff-record-detail .wolf-record-search-field{
   width:100%!important;min-width:0!important;min-height:48px!important;
 }
 #app #view .wolf-staff-record-detail .wolf-month-stats{
   display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:7px!important;width:100%!important;min-width:0!important;margin:3px 0 0!important;
 }
 #app #view .wolf-staff-record-detail .wolf-month-stat{
   min-width:0!important;min-height:64px!important;height:auto!important;
   padding:8px 4px!important;margin:0!important;
   border-radius:12px!important;box-sizing:border-box!important;
 }
 #app #view .wolf-staff-record-detail .wolf-month-stat>b{
   font-variant-numeric:tabular-nums!important;font-weight:900!important;
   font-size:clamp(20px,5.7vw,26px)!important;line-height:1.2!important;
 }
 #app #view .wolf-staff-record-detail .wolf-month-stat>span{
   font-size:clamp(12px,3.3vw,14px)!important;font-weight:750!important;
   line-height:1.35!important;text-align:center!important;
 }
 #app #view .wolf-staff-record-detail .wolf-record-ledgers{gap:8px!important;margin:0!important;}
 #app #view .wolf-staff-record-detail .wolf-combined-summary{
   min-height:48px!important;padding:6px!important;font-size:clamp(16px,4.2vw,19px)!important;
 }
 #app #view .wolf-staff-record-detail .wolf-record-three-ranks{gap:9px!important;}
}


/* recovery2068 — canonical compact achievements for owner + additional admins.
   No duplicated full-ledger headers above tables; game-specific disclosure below previews. */
#app #view :is(.wolf-combined-page,.wolf-staff-record-detail) .wolf-record-game-overviews{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:12px!important;margin:10px 0 0!important;min-width:0!important;
}
#app #view :is(.wolf-combined-page,.wolf-staff-record-detail) .wolf-record-game-panel{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:10px!important;min-width:0!important;margin:0!important;padding:14px 12px!important;
 overflow:hidden!important;
}
#app #view .wolf-record-game-panel>.wolf-record-section-title,
#app #view .wolf-record-game-overviews>.wolf-combined-ranking>.wolf-record-section-title{
 font-family:Tajawal,sans-serif!important;font-size:clamp(20px,5.4vw,25px)!important;
 font-weight:850!important;line-height:1.3!important;margin:0 0 3px!important;
 color:var(--ui-ink)!important;text-align:right!important;
}
#app #view .wolf-record-game-panel .wolf-record-game-table{
 min-width:0!important;max-width:100%!important;overflow:hidden!important;
}
#app #view .wolf-record-game-panel .total-rank-table-wrap{max-width:100%!important;overflow-x:auto!important;}
#app #view .wolf-record-game-panel .total-rank-table:not(.wolf-members-sum-table){
 width:100%!important;min-width:0!important;table-layout:fixed!important;
}
#app #view .wolf-record-game-panel .total-rank-table :is(th,td){
 padding:8px 5px!important;min-width:0!important;overflow-wrap:anywhere!important;
 font-size:clamp(12px,3.25vw,14px)!important;line-height:1.35!important;
 font-variant-numeric:tabular-nums!important;
}
#app #view .wolf-record-game-panel .total-rank-table th{font-weight:800!important;}
#app #view .wolf-record-game-panel .total-rank-table td{font-weight:750!important;}
#app #view .wolf-record-game-panel .total-rank-table :is(th,td):first-child{width:19%!important;}
#app #view .wolf-record-game-panel .total-rank-table :is(th,td):nth-child(2){width:26%!important;}
#app #view .wolf-record-game-panel .total-rank-table :is(th,td):nth-child(3){width:30%!important;}
#app #view .wolf-record-game-panel .total-rank-table :is(th,td):nth-child(4){width:25%!important;}
#app #view .wolf-record-game-panel .wolf-record-recent-label{
 font-family:Tajawal,sans-serif!important;font-size:17px!important;font-weight:800!important;
 text-align:right!important;line-height:1.35!important;margin:5px 0 0!important;
 color:var(--ui-ink)!important;
}
#app #view .wolf-record-game-panel .wolf-recent-content{display:grid!important;gap:8px!important;min-width:0!important;}
#app #view :is(.wolf-record-game-panel,.wolf-game-recent-card) .wolf-record-view-all{
 margin:3px 0 0!important;padding:0!important;border:0!important;background:transparent!important;
 box-shadow:none!important;min-width:0!important;
}
#app #view :is(.wolf-record-game-panel,.wolf-game-recent-card) .wolf-record-view-all-trigger,
#app #view .wolf-record-view-all-link{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:9px!important;min-height:46px!important;width:100%!important;box-sizing:border-box!important;
 padding:9px 12px!important;border:1px solid var(--ui-accent)!important;
 border-radius:12px!important;background:var(--ui-inner)!important;
 color:var(--ui-ink)!important;box-shadow:0 0 9px rgba(var(--ui-rgb),.10)!important;
 font-family:Tajawal,sans-serif!important;font-weight:800!important;font-size:clamp(13px,3.7vw,16px)!important;
 text-align:center!important;list-style:none!important;cursor:pointer!important;
}
#app #view .wolf-record-view-all-trigger::-webkit-details-marker{display:none!important;}
#app #view .wolf-record-view-all-trigger::marker{content:'';}
#app #view .wolf-record-view-all-trigger>.navigation-icon{width:17px!important;height:17px!important;}
#app #view .wolf-record-view-all[open]>.wolf-record-view-all-trigger>.navigation-icon{transform:rotate(180deg);}
#app #view .wolf-record-view-all .wolf-combined-history{display:grid!important;gap:8px!important;margin:10px 0 0!important;}
#app #view .wolf-record-view-all-trigger .wolf-combined-count{font-size:12px!important;color:var(--ui-muted)!important;}
#app #view :is(.wolf-monthly-combined-current,.wolf-staff-record-detail) .wolf-current-period-label:has(>span:empty){display:none!important;}
#app #view .wolf-record-game-overviews>.wolf-combined-ranking{
 margin:0!important;padding:14px 11px!important;min-width:0!important;overflow:hidden!important;
}
#app #view .wolf-record-game-overviews>.wolf-combined-ranking .wolf-members-sum-table{
 width:100%!important;min-width:0!important;table-layout:fixed!important;
}
#app #view .wolf-record-game-overviews>.wolf-combined-ranking .wolf-members-sum-table :is(td,th){
 font-size:clamp(11px,3.15vw,14px)!important;overflow-wrap:anywhere!important;
}
@media(max-width:390px){
 #app #view .wolf-record-game-panel{padding-inline:9px!important;}
 #app #view .wolf-record-game-panel .total-rank-table :is(th,td){font-size:11.5px!important;padding-inline:3px!important;}
}


/* recovery2069 — Omar and Afnan: one owner for all three records layouts.
   Single-game screen: one ranking table, latest 3, then collapsed full history.
   Combined screen: five-column membership ledger only. No extra history cards. */
#app #view .record-game-page .wolf-record-game-panel,
#app #view .wolf-staff-record-detail .wolf-record-single-game .wolf-record-game-panel{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:10px!important;margin:0!important;min-width:0!important;
 padding:13px 11px!important;overflow:hidden!important;
}
#app #view .record-game-page .wolf-record-game-panel>.wolf-record-section-title,
#app #view .wolf-staff-record-detail .wolf-record-single-game .wolf-record-section-title{
 font-size:clamp(18px,5.2vw,22px)!important;line-height:1.35!important;
 text-align:right!important;margin:0 0 3px!important;font-weight:850!important;
 font-family:Tajawal,sans-serif!important;color:var(--ui-ink)!important;
}
#app #view .record-game-page .wolf-record-game-panel .wolf-record-game-table,
#app #view .wolf-staff-record-detail .wolf-record-single-game .wolf-record-game-table{
 min-width:0!important;width:100%!important;max-width:100%!important;
}
#app #view .record-game-page .wolf-record-game-panel .total-rank-table-wrap,
#app #view .wolf-staff-record-detail .wolf-record-single-game .total-rank-table-wrap{
 width:100%!important;max-width:100%!important;overflow-x:auto!important;
 -webkit-overflow-scrolling:touch;
}
#app #view :is(.record-game-page,.wolf-staff-record-detail) .wolf-record-game-panel .total-rank-table:not(.wolf-members-sum-table){
 min-width:0!important;width:100%!important;table-layout:fixed!important;
}
#app #view :is(.record-game-page,.wolf-staff-record-detail) .wolf-record-game-panel .total-rank-table :is(th,td){
 font-size:clamp(11px,3.1vw,14px)!important;padding:8px 3px!important;
 font-weight:750!important;line-height:1.35!important;overflow-wrap:anywhere!important;
 font-variant-numeric:tabular-nums!important;text-align:center!important;
}
#app #view :is(.record-game-page,.wolf-staff-record-detail) .wolf-record-game-panel .total-rank-table th{font-weight:850!important;}
#app #view :is(.record-game-page,.wolf-staff-record-detail) .wolf-record-game-panel .total-rank-table :is(td,th):nth-child(1){width:16%!important;}
#app #view :is(.record-game-page,.wolf-staff-record-detail) .wolf-record-game-panel .total-rank-table :is(td,th):nth-child(2){width:31%!important;}
#app #view :is(.record-game-page,.wolf-staff-record-detail) .wolf-record-game-panel .total-rank-table :is(td,th):nth-child(3){width:29%!important;}
#app #view :is(.record-game-page,.wolf-staff-record-detail) .wolf-record-game-panel .total-rank-table :is(td,th):nth-child(4){width:24%!important;}
#app #view .record-game-page .wolf-record-game-panel .wolf-record-recent-label,
#app #view .wolf-staff-record-detail .wolf-record-single-game .wolf-record-recent-label{
 font-size:clamp(16px,4.2vw,18px)!important;font-weight:850!important;
 margin:4px 0 0!important;text-align:right!important;
}
#app #view .record-game-page .wolf-record-game-panel .wolf-recent-content,
#app #view .wolf-staff-record-detail .wolf-record-single-game .wolf-recent-content{
 display:grid!important;gap:8px!important;min-width:0!important;
}
#app #view .record-game-page .wolf-record-game-panel .wolf-record-view-all,
#app #view .wolf-staff-record-detail .wolf-record-single-game .wolf-record-view-all{
 width:100%!important;min-width:0!important;margin:4px 0 0!important;
}
#app #view .record-game-page .wolf-record-exports-top{
 margin:0!important;gap:8px!important;
}
#app #view .record-game-page .wolf-record-period-card,
#app #view .wolf-staff-record-detail .wolf-record-period-card{
 margin:0!important;min-width:0!important;
}
#app #view :is(.record-game-page,.wolf-combined-page,.wolf-staff-record-detail)
 .wolf-current-period-label:has(>span:empty){display:none!important;}
/* Five columns, full-width, for the staff's same summary as the owner. */
#app #view .wolf-staff-record-detail .total-rank-table-wrap:has(.wolf-members-sum-table){
 width:100%!important;max-width:100%!important;overflow-x:auto!important;
}
#app #view .wolf-staff-record-detail table.wolf-members-sum-table{
 width:100%!important;min-width:0!important;table-layout:fixed!important;
 border-collapse:collapse!important;direction:rtl!important;
}
#app #view .wolf-staff-record-detail table.wolf-members-sum-table :is(th,td){
 font-size:clamp(10.5px,3vw,13px)!important;font-weight:800!important;
 padding:9px 3px!important;line-height:1.35!important;
 min-width:0!important;overflow-wrap:anywhere!important;
 text-align:center!important;font-variant-numeric:tabular-nums!important;
}
#app #view .wolf-staff-record-detail table.wolf-members-sum-table :is(th,td):first-child{
 width:25%!important;text-align:right!important;padding-inline-start:6px!important;
}
#app #view .wolf-staff-record-detail table.wolf-members-sum-table :is(th,td):nth-child(2){width:24%!important;direction:ltr!important;}
#app #view .wolf-staff-record-detail table.wolf-members-sum-table :is(th,td):nth-child(n+3){width:17%!important;}
#app #view .wolf-staff-record-detail .wolf-members-sum-table .rank-total{
 color:var(--ui-gold)!important;font-weight:900!important;
}


/* recovery2070 — Royal achievement identity. Presentation-only: the three
   records share one disciplined visual language in owner/extra-admin views.
   All text, wins, permissions, archive boundaries and interactions unchanged. */
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-overviews{
 gap:14px!important;margin-block:10px 12px!important;
}
/* A card, not a nested maze of glowing rectangles. */
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 :is(.wolf-record-game-panel,.wolf-record-game-overviews>.wolf-combined-ranking){
 position:relative!important;isolation:isolate!important;
 border:1.4px solid var(--ui-accent)!important;border-radius:16px!important;
 background:linear-gradient(155deg,rgba(var(--ui-rgb),.105) 0%,rgba(var(--ui-rgb),.025) 41%,transparent 78%),var(--ui-surface)!important;
 box-shadow:0 0 12px rgba(var(--ui-rgb),.22),inset 0 1px 0 rgba(var(--ui-rgb),.12)!important;
 padding:16px 12px 14px!important;gap:10px!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 :is(.wolf-record-game-panel,.wolf-record-game-overviews>.wolf-combined-ranking)::before{
 content:''!important;display:block!important;position:absolute!important;
 pointer-events:none!important;z-index:0!important;
 top:0!important;right:12%!important;left:12%!important;height:2px!important;
 border-radius:0 0 10px 10px!important;
 background:linear-gradient(90deg,transparent,rgba(var(--ui-rgb),.7),transparent)!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 :is(.wolf-record-game-panel,.wolf-record-game-overviews>.wolf-combined-ranking)>.wolf-record-section-title{
 display:block!important;margin:0 0 4px!important;
 padding:0 1px 10px!important;position:relative!important;
 font-family:Tajawal,sans-serif!important;
 font-size:clamp(18px,5vw,21px)!important;font-weight:850!important;
 line-height:1.35!important;color:var(--ui-ink)!important;text-align:right!important;
 border-bottom:1px solid rgba(var(--ui-rgb),.25)!important;
}
/* Each ranking has an inset surface and fine row separators, never extra frames
   behind every cell. The native responsive columns remain untouched. */
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 :is(.wolf-record-game-table,.wolf-record-game-overviews>.wolf-combined-ranking>.total-rank-table-wrap){
 min-width:0!important;max-width:100%!important;
 border-radius:12px!important;overflow:hidden!important;
 background:var(--ui-inner)!important;
 border:1px solid rgba(var(--ui-rgb),.4)!important;
 box-shadow:inset 0 1px 9px rgba(var(--ui-rgb),.07)!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-table .total-rank-table-wrap{
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-panel .total-rank-table :is(th,td),
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-overviews>.wolf-combined-ranking .total-rank-table :is(th,td){
 vertical-align:middle!important;line-height:1.35!important;
 border-bottom:1px solid rgba(var(--ui-rgb),.2)!important;
 font-variant-numeric:tabular-nums!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 :is(.wolf-record-game-panel,.wolf-record-game-overviews>.wolf-combined-ranking) .total-rank-table th{
 background:rgba(var(--ui-rgb),.075)!important;
 font-weight:850!important;color:var(--ui-ink)!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 :is(.wolf-record-game-panel,.wolf-record-game-overviews>.wolf-combined-ranking) .total-rank-table tbody tr:last-child td{
 border-bottom:0!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-panel .wolf-record-recent-label{
 margin:7px 0 1px!important;padding-inline:2px!important;
 font:850 clamp(16px,4.4vw,18px)/1.35 Tajawal,sans-serif!important;
 color:var(--ui-ink)!important;text-align:right!important;
}
/* Recent victories: quieter satin inset, prominent name, readable metadata. */
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-panel .wolf-recent-content .wolf-compact-win-card{
 border-radius:11px!important;border:1px solid rgba(var(--ui-rgb),.38)!important;
 background:linear-gradient(105deg,rgba(var(--ui-rgb),.065),transparent 70%),var(--ui-inner)!important;
 box-shadow:none!important;padding:10px 11px!important;margin:0!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-panel .wolf-recent-content .wolf-win-heading b{
 color:var(--ui-ink)!important;font-weight:850!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-panel .wolf-recent-content .wolf-win-badge{
 color:var(--ui-ink)!important;background:rgba(var(--ui-rgb),.075)!important;
 border:1px solid rgba(var(--ui-rgb),.42)!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-panel .wolf-record-view-all-trigger{
 min-height:46px!important;margin-top:4px!important;
 border-radius:11px!important;border:1px solid rgba(var(--ui-rgb),.57)!important;
 background:var(--ui-inner)!important;
 box-shadow:0 0 7px rgba(var(--ui-rgb),.12)!important;
 font-size:clamp(14px,3.8vw,16px)!important;font-weight:800!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-panel .wolf-record-view-all-trigger:focus-visible{
 outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;
}
/* Separate month summary from ranking content, with no jumbo title stripe. */
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-period-card .wolf-month-stat{
 border:1px solid rgba(var(--ui-rgb),.55)!important;
 background:var(--ui-inner)!important;border-radius:11px!important;
 box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.075)!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-period-card .wolf-month-stat b{
 font-weight:900!important;font-variant-numeric:tabular-nums!important;
}
/* The combined five-column table retains full width and clear 0 / 1 values. */
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-overviews>.wolf-combined-ranking .wolf-members-sum-table :is(td,th){
 font-weight:800!important;line-height:1.4!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-game-overviews>.wolf-combined-ranking .wolf-members-sum-table .rank-total{
 font-weight:900!important;color:var(--ui-gold)!important;
}
@media(max-width:390px){
 #app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
  :is(.wolf-record-game-panel,.wolf-record-game-overviews>.wolf-combined-ranking){
  padding-inline:9px!important;
 }
}


/* recovery2071: Owner and assistant have the same capture controls at the
   bottom of each game's royal panel. These are read-only image operations. */
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-section-exports{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:8px!important;width:100%!important;min-width:0!important;
 margin:12px 0 0!important;padding:11px 0 0!important;
 border-top:1px solid rgba(var(--ui-rgb),.25)!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-section-exports>.action{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-width:0!important;min-height:48px!important;width:100%!important;
 font-family:Tajawal,sans-serif!important;font-weight:850!important;
 font-size:clamp(13px,3.8vw,16px)!important;gap:5px!important;
 border-radius:11px!important;padding:9px 5px!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-section-exports .record-action-icon{
 width:19px!important;height:19px!important;flex:none!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-section-exports .record-action-icon svg{width:19px!important;height:19px!important;}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-total-export{grid-template-columns:1fr!important;}
#app #view :is(.record-detail-page[data-record-scope],.wolf-staff-record-detail)
 .wolf-record-section-exports>.action:focus-visible{
 outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;
}


/* recovery2072: same royal administration surfaces for Omar & Afnan.
   Server-validated account roles continue to own all permissions. */
#app #view .adminControlPage .admin-section-hint,
#app #view .user-management-card .admin-section-hint{
 margin:0 0 12px!important;padding:0 2px!important;
 color:var(--ui-muted)!important;
 font-family:Tajawal,sans-serif!important;
 font-size:clamp(12px,3.4vw,14px)!important;
 font-weight:650!important;line-height:1.65!important;
 text-align:right!important;
}
#app #view .user-management-card .admin-section-title{
 font-family:Tajawal,sans-serif!important;
 font-size:clamp(17px,4.6vw,20px)!important;
 font-weight:850!important;line-height:1.35!important;
 color:var(--ui-ink)!important;
 margin:0 0 8px!important;
}
#app #view .user-management-card .admin-account-actions .action{
 font-family:Tajawal,sans-serif!important;
 font-weight:850!important;
 min-height:48px!important;
}
#app #view .user-management-card .admin-account-actions .action :is(svg,.record-action-icon){
 background:transparent!important;box-shadow:none!important;
}


/* recovery2073 — management tile parity with the approved tournament choices.
   Geometry only: same height / vertical padding / icon and arrow columns / gap.
   All three themes use these dimensions; card surface and neon retain themes.
   Route buttons, auth, record data and locked bracket geometry are unchanged. */
@layer identity {
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:var(--wolf-nav-gap,14px)!important;
    width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row,
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row.wolf-row-title-only,
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row.wolf-row-with-subtitle {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:var(--wolf-nav-icon,40px) minmax(0,1fr) var(--wolf-nav-arrow,24px)!important;
    direction:ltr!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:76px!important;
    height:auto!important;
    padding:10px 14px!important;
    column-gap:11px!important;
    border-radius:var(--wolf-nav-radius,16px)!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row > :is(.home-icon,.records-admin-tool-icon) {
    width:var(--wolf-nav-icon,40px)!important;
    height:var(--wolf-nav-icon,40px)!important;
    min-width:var(--wolf-nav-icon,40px)!important;
    min-height:var(--wolf-nav-icon,40px)!important;
    max-width:var(--wolf-nav-icon,40px)!important;
    max-height:var(--wolf-nav-icon,40px)!important;
    padding:7px!important;
    grid-column:1!important;grid-row:1!important;
    justify-self:center!important;
    border-radius:12px!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row > .menu-copy {
    grid-column:2!important;grid-row:1!important;
    display:flex!important;flex-direction:column!important;
    justify-content:center!important;align-items:stretch!important;
    direction:rtl!important;text-align:right!important;
    gap:2px!important;min-width:0!important;
  }
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row > .menu-chevron {
    grid-column:3!important;grid-row:1!important;
    display:grid!important;place-items:center!important;
    width:var(--wolf-nav-arrow,24px)!important;
    height:var(--wolf-nav-arrow,24px)!important;
    padding:0!important;margin:0!important;
    border:none!important;box-shadow:none!important;background:transparent!important;
  }
  /* Same mobile padding as the two tournament modes on narrow devices. */
  @media (max-width:360px){
    body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row,
    body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row.wolf-row-title-only,
    body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row.wolf-row-with-subtitle {
      min-height:74px!important;
      padding:9px!important;
    }
  }
}


/* recovery2075: additional admin now opens the actual ranking pages from the
   records landing. The old large recent cards no longer sit under win entry.
   A distinct register control is available only inside a game ranking. */
#app #view .wolf-staff-record-detail .wolf-staff-add-win{
 box-sizing:border-box!important;width:100%!important;min-height:48px!important;
 margin:5px 0 0!important;display:flex!important;align-items:center!important;
 justify-content:center!important;border-radius:12px!important;
 font:800 clamp(14px,3.8vw,16px)/1.4 Tajawal,sans-serif!important;
 border:1px solid var(--ui-accent)!important;background:var(--ui-inner)!important;
 color:var(--ui-ink)!important;box-shadow:0 0 9px rgba(var(--ui-rgb),.12)!important;
}
#app #view .wolf-staff-record-detail .wolf-staff-add-win:focus-visible{
 outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;
}
#app #view .staff-records-unified > .card.ui-section-card:empty{display:none!important;}
#app #view .records-menu-page.staff-records-unified > [hidden]{display:none!important;}


/* recovery2077 — assistant ranking immediately visible below records header.
   Remove the redundant second plaque + large stand-alone statistics panel.
   Only assistant detail uses these styles; full admins and public menus retain
   their approved geometry, the table renderer and all database rules. */
#app #view .wolf-staff-record-detail:not(.wolf-archive-page){
 display:block!important;min-width:0!important;width:100%!important;
 margin:0!important;padding:0!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page)>.wolf-record-game-overviews{
 margin:0!important;gap:0!important;width:100%!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page)
 :is(.wolf-record-game-panel,.wolf-record-game-overviews>.wolf-combined-ranking){
 padding:13px 11px 15px!important;gap:9px!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page) .wolf-record-filter-panel{
 margin:0 0 3px!important;padding:0!important;border:0!important;
 box-shadow:none!important;background:transparent!important;min-width:0!important;
 display:flex!important;flex-direction:column!important;gap:6px!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page) .wolf-record-search-block{
 margin:0!important;padding:0!important;min-width:0!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page) .wolf-record-search-field{
 margin:0!important;min-height:44px!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page) .wolf-record-filter-foot{
 margin:0!important;padding:0!important;min-height:0!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page) .wolf-record-query-total{
 display:block!important;margin:0!important;padding:0!important;
 font:650 12px/1.3 Tajawal,sans-serif!important;text-align:right!important;
 color:var(--ui-muted)!important;
}
#app #view .wolf-staff-record-detail:not(.wolf-archive-page)
 .wolf-record-game-overviews>.wolf-combined-ranking>[data-staff-rank]{
 min-width:0!important;width:100%!important;overflow-x:auto!important;
}


/* recovery2079 — Larger equal-size choice tiles ONLY in Tournament Field and
   Management Center. Increase visible rectangular tap surfaces from the old
   ~76px baseline to 94px; do not scale the logo, type, icons, brackets, or
   any other menu. Both subtitle and title-only management rows match. */
@layer identity {
  body #app #view.wolf-layout-page .tournament-hub-page > .tournament-modes > .mode-card,
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row,
  body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row:is(.wolf-row-title-only,.wolf-row-with-subtitle) {
    box-sizing:border-box!important;
    min-height:94px!important;
    height:auto!important;
    padding:14px 16px!important;
    align-items:center!important;
  }
  /* On small iPhones preserve text wrapping and affordance without overflow. */
  @media (max-width:360px) {
    body #app #view.wolf-layout-page .tournament-hub-page > .tournament-modes > .mode-card,
    body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row,
    body #app #view.wolf-layout-page .management-hub-page > .team-hub-menu > .menu-row:is(.wolf-row-title-only,.wolf-row-with-subtitle) {
      min-height:90px!important;
      padding:12px 10px!important;
    }
  }
}



/* recovery2081 — unified royal staff entry, matching the owner/admin visual scale */
#app #view .record-entry-only .wolf-staff-royal-entry{
  display:block!important;
  padding:18px 16px 20px!important;
  border:1px solid var(--ui-accent)!important;
  border-radius:20px!important;
  background:var(--ui-inner)!important;
  box-shadow:0 0 0 1px rgba(var(--ui-rgb),.12),0 0 16px rgba(var(--ui-rgb),.14)!important;
}
#app #view .record-entry-only .wolf-staff-royal-entry h2{
  margin:0 0 16px!important;
  font:700 clamp(20px,5vw,24px)/1.4 WolfTajawal,Tajawal,sans-serif!important;
  color:var(--ui-ink)!important;
  text-align:right!important;
}
#app #view .record-entry-only .wolf-staff-royal-entry form{
  display:grid!important;
  gap:9px!important;
  min-width:0!important;
}
#app #view .record-entry-only .wolf-staff-royal-entry form>label{
  margin:5px 0 0!important;
  color:var(--ui-accent)!important;
  font:600 16px/1.4 WolfTajawal,Tajawal,sans-serif!important;
}
#app #view .record-entry-only .wolf-staff-royal-entry .input{
  min-height:50px!important;
  height:50px!important;
  padding:10px 14px!important;
  border-radius:13px!important;
  font:500 16px/1.45 WolfTajawal,Tajawal,sans-serif!important;
  box-shadow:none!important;
}
#app #view .record-entry-only .wolf-staff-royal-entry :is(.record-date-field,.record-time-field){
  margin:5px 0 0!important;
  padding:12px!important;
  gap:9px!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
#app #view .record-entry-only .wolf-staff-royal-entry :is(.record-date-field,.record-time-field) :is(input,select){
  min-width:0!important;
  max-width:100%!important;
  font-family:WolfTajawal,Tajawal,sans-serif!important;
}
#app #view .record-entry-only .wolf-staff-royal-entry .win-save-btn{
  min-height:52px!important;
  margin-top:12px!important;
  border-radius:14px!important;
}


/* recovery2084 — Single competition summary grammar (quick / KO / league).
   Fixed units for all three themes; only palette variables vary by theme.
   No competition logic, opponent cards, score data or knockout tree affected. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats {
    --wolf-summary-label-size:16px;
    --wolf-summary-number-size:20px;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    margin:10px 0 12px!important;
    padding:0!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat.green,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat.green {
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
    min-width:0!important;
    min-height:62px!important;
    height:auto!important;
    width:100%!important;
    flex:initial!important;
    gap:3px 7px!important;
    padding:10px 9px!important;
    margin:0!important;
    border:1.5px solid var(--ui-accent)!important;
    border-radius:17px!important;
    background:var(--ui-surface)!important;
    background-image:none!important;
    box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.08),0 0 12px rgba(var(--ui-rgb),.21)!important;
    color:var(--ui-ink)!important;
    text-align:center!important;
    direction:rtl!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > :is(b,span),
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > :is(b,span) {
    display:inline!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    letter-spacing:0!important;
    text-transform:none!important;
    font-variant-numeric:tabular-nums!important;
    text-align:center!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    white-space:normal!important;
    color:var(--ui-ink)!important;
    -webkit-text-fill-color:var(--ui-ink)!important;
    text-shadow:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > b,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > b {
    font-size:var(--wolf-summary-number-size)!important;
    font-weight:800!important;
    line-height:1.25!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > span,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > span {
    font-size:var(--wolf-summary-label-size)!important;
    font-weight:700!important;
    line-height:1.34!important;
  }
  @media (max-width:360px) {
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats {
      --wolf-summary-label-size:14px;
      --wolf-summary-number-size:18px;
      gap:8px!important;
    }
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat {
      padding:9px 6px!important;
    }
  }
  /* Shared application footer already serves all competition pages. Keep
     safe-area padding; align its typography independently of theme variables. */
  body #app > footer.footer {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:17px auto 0!important;
    padding:10px 12px max(34px,calc(env(safe-area-inset-bottom,0px) + 20px))!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    text-align:center!important;
  }
  body #app > footer.footer > div:first-child {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:16px!important;
    font-weight:750!important;
    line-height:1.45!important;
    letter-spacing:0!important;
    text-align:center!important;
    color:var(--ui-ink)!important;
    -webkit-text-fill-color:var(--ui-ink)!important;
    text-shadow:0 0 5px rgba(var(--ui-rgb),.10)!important;
  }
  body #app > footer.footer > .footer-version {
    display:block!important;
    margin:4px 0 0!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.4!important;
    letter-spacing:0!important;
    color:var(--ui-muted)!important;
    -webkit-text-fill-color:var(--ui-muted)!important;
    text-align:center!important;
  }
}

/* 2081 reintegration — live KO Pro Max VS: fixed independent column and no
   wrapping. Covers all themes without changing the quick/league export sheets. */
@layer identity {
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard
    .match:not(.ko-bye-match),
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard
    .ko-side-labels {
    grid-template-columns:28px minmax(0,1fr) 44px minmax(0,1fr)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard
    .match:not(.ko-bye-match) > .vs {
    grid-column:3!important;grid-row:1!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    white-space:nowrap!important;word-break:keep-all!important;
    overflow-wrap:normal!important;hyphens:none!important;
    direction:ltr!important;text-align:center!important;
    -webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;
  }
}

/* 2081 reintegration — a compact inline participant drawer across quick,
   knockout and league. Keep real participant tables and their original
   permission checks in the competition page. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants.wolf-inline-roster {
    box-sizing:border-box!important;min-width:0!important;
    padding:12px 14px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .participants.wolf-inline-roster > h2 {
    box-sizing:border-box!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;gap:10px!important;
    min-width:0!important;min-height:44px!important;
    margin:0!important;padding:0!important;
    font:800 19px/1.35 WolfTajawal,Tajawal,sans-serif!important;
    cursor:pointer!important;
  }
  body #app #view .participants.wolf-inline-roster > h2 > span:first-of-type {
    font:inherit!important;min-width:0!important;
  }
  body #app #view .participants.wolf-inline-roster > h2 > small {
    box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;
    min-width:34px!important;min-height:28px!important;padding:3px 7px!important;
    margin:0!important;border-radius:9px!important;
    color:var(--ui-ink)!important;font:800 16px/1.2 WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view .participants.wolf-inline-roster > h2 > .wolf-roster-open-btn,
  body #app #view .participants.wolf-inline-roster.wolf-roster-open > h2 > .wolf-roster-open-btn {
    display:grid!important;place-items:center!important;
    flex:0 0 44px!important;width:44px!important;min-width:44px!important;
    height:44px!important;min-height:44px!important;
    margin:0  auto 0 0!important;padding:7px!important;
    border:1.5px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    border-radius:12px!important;background:var(--ui-inner)!important;
    color:var(--wolf-theme-neon,var(--ui-accent))!important;
    box-shadow:0 0 9px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.18)!important;
  }
  body #app #view .participants.wolf-inline-roster > h2 > .wolf-roster-open-btn svg {
    display:block!important;width:23px!important;height:23px!important;
    transition:transform .15s ease!important;
  }
  body #app #view .participants.wolf-inline-roster.wolf-roster-open > h2 > .wolf-roster-open-btn svg {
    transform:rotate(180deg)!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-body[hidden],
  body #app #view .participants.wolf-inline-roster:not(.wolf-roster-open) .wolf-roster-body {
    display:none!important;
  }
  body #app #view .participants.wolf-inline-roster.wolf-roster-open .wolf-roster-body {
    display:block!important;margin:12px 0 0!important;
    padding:12px 0 2px!important;
    border-top:1px solid var(--ui-accent)!important;
    min-width:0!important;overflow:visible!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-page-description,
  body #app #view .participants.wolf-inline-roster .wolf-roster-page-back {
    display:none!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search {
    box-sizing:border-box!important;display:block!important;
    margin:0 0 12px!important;min-width:0!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search-label {
    display:block!important;text-align:right!important;margin:0 2px 8px!important;
    font:750 16px/1.4 WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search-field {
    box-sizing:border-box!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;gap:10px!important;
    width:100%!important;min-width:0!important;
    padding:8px 12px!important;min-height:54px!important;
    border:1.5px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    border-radius:15px!important;background:var(--ui-inner)!important;
    box-shadow:0 0 9px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.18)!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search-field:focus-within {
    box-shadow:0 0 12px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.28)!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search-field > svg {
    display:block!important;flex:0 0 23px!important;width:23px!important;height:23px!important;
    color:var(--ui-ink)!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search-field > input {
    box-sizing:border-box!important;flex:1 1 auto!important;min-width:0!important;
    width:100%!important;max-width:100%!important;
    padding:3px!important;margin:0!important;
    outline:none!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    color:var(--ui-ink)!important;
    font:700 17px/1.4 WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search-field > input:focus {
    outline:none!important;border:0!important;box-shadow:none!important;
    background:transparent!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-search-field > button {
    flex:0 0 34px!important;min-width:34px!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-empty-state {
    display:none!important;
  }
  body #app #view .participants.wolf-inline-roster .wolf-roster-body:not(:has(.participant-table tbody tr)) .wolf-roster-empty-state {
    display:block!important;
  }
}

/* 2081 reintegration — single neon winner-name editor; no extra explanatory
   cards or confirm popups. Disambiguation appears only on ambiguous matches. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-match-search .wolf-winner-heading {display:none!important;}
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-match-search .wolf-batch-simple {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    gap:8px!important;margin:8px 0 12px!important;padding:0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-match-search .wolf-batch-simple > span {
    display:block!important;font:800 21px/1.35 WolfTajawal,Tajawal,sans-serif!important;
    color:var(--ui-ink)!important;text-align:right!important;margin:0!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-match-search .wolf-batch-simple > textarea {
    box-sizing:border-box!important;display:block!important;width:100%!important;
    min-height:74px!important;max-height:220px!important;
    field-sizing:content!important;resize:vertical!important;overflow-y:auto!important;
    padding:12px 16px!important;margin:0!important;
    border:1.7px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    border-radius:17px!important;background:var(--ui-inner)!important;
    color:var(--ui-ink)!important;
    font:750 19px/1.5 WolfTajawal,Tajawal,sans-serif!important;
    outline:none!important;
    box-shadow:0 0 11px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.22)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-match-search .wolf-batch-simple > textarea:focus {
    outline:none!important;
    box-shadow:0 0 16px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.32)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-batch-inline-feedback[hidden] {display:none!important;}
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-batch-inline-feedback:not([hidden]) {
    display:flex!important;flex-wrap:wrap!important;gap:8px!important;
    margin:5px 0 12px!important;padding:9px!important;
    border:1px solid var(--ui-accent)!important;border-radius:12px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-batch-target-match {scroll-margin-top:108px!important;}
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-batch-target {outline:2px solid var(--wolf-theme-neon,var(--ui-accent))!important;
    outline-offset:2px!important;box-shadow:0 0 13px rgba(var(--wolf-theme-neon-rgb,var(--ui-rgb)),.28)!important;}
}


/* recovery2086 — one coherent, compact game-choice layout across quick/KO/league.
   The game assets, league settings, knockout locking and winner state stay intact.
   This section is intentionally scoped to the three setup cards only. */
@layer identity {
  body #app #view .royal-four-comp-page .wolf-unified-game-card {
    --wolf-game-choice-edge:var(--ui-accent);
    --wolf-game-choice-rgb:var(--ui-rgb);
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    padding:clamp(12px,3.4vw,16px)!important;
    border-radius:var(--ui-card-radius,18px)!important;
  }
  body.burgundy #app #view .royal-four-comp-page .wolf-unified-game-card {
    --wolf-game-choice-edge:#F8FAF9;
    --wolf-game-choice-rgb:248,250,249;
  }
  body.light #app #view .royal-four-comp-page .wolf-unified-game-card {
    --wolf-game-choice-edge:#B58432;
    --wolf-game-choice-rgb:181,132,50;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .wolf-game-heading {
    display:block!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(19px,4.9vw,22px)!important;
    font-weight:800!important;
    line-height:1.35!important;
    color:var(--ui-ink)!important;
    margin:0 0 12px!important;
    padding:0!important;
    text-align:start!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .game-card-picker.wz-honor-game-tiles {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:clamp(7px,1.8vw,11px)!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    direction:rtl!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .game-card-picker.wz-honor-game-tiles > button.game-card-option {
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    padding:0!important;
    border-radius:clamp(11px,2.5vw,15px)!important;
    overflow:hidden!important;
    background:var(--ui-inner)!important;
    border:1.5px solid rgba(var(--wolf-game-choice-rgb),.42)!important;
    box-shadow:0 0 5px rgba(var(--wolf-game-choice-rgb),.10)!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .game-card-picker.wz-honor-game-tiles > button.game-card-option > img {
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:0!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .game-card-picker.wz-honor-game-tiles > button.game-card-option.selected {
    border:2px solid var(--wolf-game-choice-edge)!important;
    outline:1px solid rgba(var(--wolf-game-choice-rgb),.40)!important;
    outline-offset:1px!important;
    box-shadow:0 0 9px rgba(var(--wolf-game-choice-rgb),.27),0 0 16px rgba(var(--wolf-game-choice-rgb),.13)!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .game-card-picker.wz-honor-game-tiles > button.game-card-option:focus-visible {
    outline:2px solid var(--wolf-game-choice-edge)!important;
    outline-offset:3px!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .wolf-game-selection {
    box-sizing:border-box!important;
    min-height:0!important;
    width:100%!important;
    margin:9px 0 0!important;
    padding:0!important;
    text-align:center!important;
    font:600 clamp(13px,3.5vw,15px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-muted)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .wolf-game-selection:empty {
    display:none!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card :is(.wolf-ko-title-field,.wolf-league-title-field) {
    box-sizing:border-box!important;
    margin:13px 0 0!important;
    padding:12px 0 0!important;
    border:0!important;
    border-top:1px solid rgba(var(--wolf-game-choice-rgb),.20)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card :is(.wolf-ko-title-field,.wolf-league-title-field) > .field-label {
    display:block!important;
    font:750 clamp(16px,4.3vw,18px)/1.45 WolfTajawal,Tajawal,Arial,sans-serif!important;
    margin:0 0 6px!important;
    color:var(--ui-ink)!important;
  }
  body #app #view .royal-four-comp-page .wolf-unified-game-card :is(#koEventTitle,#leagueTitle) {
    box-sizing:border-box!important;
    min-height:50px!important;
    width:100%!important;
    border-radius:13px!important;
    padding:10px 13px!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(16px,4.1vw,18px)!important;
  }
  /* Keep the league validation status available to assistive technology.
     The start-button status still visibly explains required missing fields. */
  body #app #view .royal-four-comp-page .wolf-unified-game-card > .wolf-accessible-game-hint {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }
}


/* recovery2088 — unified three-competition owner + participant entry */
@layer identity {
  /* One consistent small royal card, inheriting each theme's palette. */
  body #app #view .royal-four-comp-page > .smart-entry-card.wolf-unified-entry-card {
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
    gap:11px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:14px 15px 12px!important;
    border-radius:18px!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .wolf-entry-owner-field {
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card .wolf-entry-owner-field > .field-label {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:var(--ui-ink)!important;
    font-family:var(--ui-font)!important;
    font-size:clamp(14px,3.5vw,16px)!important;
    font-weight:700!important;
    line-height:1.5!important;
    text-align:right!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card .wolf-entry-owner-field > .quick-event-owner-input {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:9px 13px!important;
    border-radius:14px!important;
    background:var(--ui-inner)!important;
    color:var(--ui-ink)!important;
    font-family:var(--ui-font)!important;
    font-size:clamp(16px,3.9vw,18px)!important;
    font-weight:600!important;
    line-height:1.4!important;
    text-align:right!important;
    direction:rtl!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 82px!important;
    align-items:start!important;
    column-gap:9px!important;
    row-gap:0!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    direction:rtl!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .smart-player-input {
    display:block!important;
    grid-column:1!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:62px!important;
    min-height:62px!important;
    max-height:138px!important;
    margin:0!important;
    padding:13px 12px!important;
    border-radius:14px!important;
    background:var(--ui-inner)!important;
    color:var(--ui-ink)!important;
    font-family:var(--ui-font)!important;
    font-size:clamp(16px,4.1vw,18px)!important;
    line-height:1.5!important;
    text-align:right!important;
    direction:rtl!important;
    resize:none!important;
    overflow-y:auto!important;
    overflow-wrap:anywhere!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn {
    display:flex!important;
    grid-column:2!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 82px!important;
    box-sizing:border-box!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:62px!important;
    min-height:62px!important;
    max-height:62px!important;
    margin:0!important;
    padding:5px!important;
    gap:2px!important;
    border-radius:14px!important;
    font-family:var(--ui-font)!important;
    font-size:clamp(15px,3.9vw,17px)!important;
    font-weight:750!important;
    line-height:1.2!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn .control-icon,
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn .control-icon svg {
    display:block!important;
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .smart-entry-hint {
    display:block!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0!important;
    font-family:var(--ui-font)!important;
    font-size:clamp(13px,3.4vw,14px)!important;
    font-weight:500!important;
    line-height:1.4!important;
    color:var(--ui-muted)!important;
    text-align:right!important;
    opacity:.86!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card :is(.quick-event-owner-input,.smart-player-input):focus-visible {
    outline:2px solid var(--ui-accent)!important;
    outline-offset:1px!important;
    box-shadow:0 0 0 2px rgba(var(--ui-rgb),.14),0 0 12px rgba(var(--ui-rgb),.26)!important;
  }
  @media(max-width:370px) {
    body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row {
      grid-template-columns:minmax(0,1fr) 76px!important;
      column-gap:7px!important;
    }
    body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn {
      flex-basis:76px!important;
      min-width:76px!important;
      max-width:76px!important;
      width:76px!important;
    }
  }
}


/* recovery2090 — approved royal record pages only; no global visual changes. */
@layer identity{
 #app #view .record-detail-page[data-record-scope] :is(.wolf-record-period-card,.wolf-record-approved-layout,.wolf-approved-all-history,.wolf-approved-total-rank),
 #app #view .wolf-archive-page .wolf-archive-index-card{border-radius:18px!important;padding:clamp(12px,3.2vw,18px)!important;min-width:0!important;box-sizing:border-box!important;}
 #app #view .record-detail-page[data-record-scope] :is(.wolf-record-approved-exports,.wolf-record-exports-top),
 #app #view .wolf-archive-page .wolf-record-approved-exports{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;margin:12px 0 16px!important;}
 #app #view .record-detail-page[data-record-scope] :is(.wolf-record-approved-exports,.wolf-record-exports-top)>.action,
 #app #view .wolf-archive-page .wolf-record-approved-exports>.action{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;min-height:65px!important;height:auto!important;padding:9px 5px!important;border-radius:15px!important;font-size:clamp(14px,3.7vw,18px)!important;font-weight:800!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-approved-exports .record-action-icon,
 #app #view .wolf-archive-page .wolf-record-approved-exports .record-action-icon{width:23px!important;height:23px!important;display:block!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-royal-ledger-row,
 #app #view .wolf-archive-page .wolf-royal-ledger-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-width:0!important;min-height:74px!important;padding:11px 12px!important;margin:0!important;border-radius:15px!important;background:var(--ui-inner)!important;border:1.4px solid rgba(var(--ui-rgb),.5)!important;box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.055)!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-royal-ledger-info,
 #app #view .wolf-archive-page .wolf-royal-ledger-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;min-width:0!important;text-align:right!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-ledger-player{font-size:clamp(17px,4.3vw,21px)!important;font-weight:850!important;line-height:1.35!important;color:var(--ui-ink)!important;overflow-wrap:anywhere!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) :is(.wolf-ledger-date,.wolf-ledger-meta){font-size:clamp(12px,3.2vw,15px)!important;line-height:1.35!important;color:var(--ui-muted)!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-ledger-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;width:auto!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-ledger-actions .iconbtn{display:grid!important;place-items:center!important;min-width:42px!important;width:42px!important;min-height:42px!important;height:42px!important;border-radius:12px!important;padding:9px!important;box-sizing:border-box!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-win-audit{font-size:12px!important;color:var(--ui-muted)!important;min-width:0!important;max-width:100%!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-win-audit summary{font-size:12px!important;min-height:0!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) :is(.wolf-recent-content,.wolf-archive-history-list){display:grid!important;gap:9px!important;min-width:0!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-record-view-all{margin-top:12px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-record-view-all-trigger{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;border:1.5px solid var(--ui-accent)!important;border-radius:13px!important;box-shadow:0 0 9px rgba(var(--ui-rgb),.15)!important;font-size:clamp(14px,3.8vw,18px)!important;font-weight:800!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) :is(.wolf-record-game-tabs,.wolf-archive-tabs){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 14px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) :is(.wolf-record-game-tabs,.wolf-archive-tabs)>button{min-height:46px!important;border:1.5px solid rgba(var(--ui-rgb),.62)!important;border-radius:12px!important;padding:8px 4px!important;font-size:clamp(14px,3.9vw,17px)!important;font-weight:750!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) :is(.wolf-record-game-tabs,.wolf-archive-tabs)>button[aria-selected="true"]{border-color:var(--ui-accent)!important;box-shadow:0 0 12px rgba(var(--ui-rgb),.30)!important;background:var(--ui-surface)!important;}
 #app #view .wolf-archive-page .wolf-archive-month-stats{margin:0 0 12px!important;}
 #app #view .wolf-archive-page .wolf-archive-period-grid{margin:12px 0!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-month-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-month-stat{min-width:0!important;min-height:68px!important;border-radius:13px!important;padding:8px 4px!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-month-stat b{font-size:clamp(20px,5.1vw,30px)!important;line-height:1.25!important;}
 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-month-stat span{font-size:clamp(11px,3vw,14px)!important;line-height:1.45!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form{padding:16px!important;border-radius:17px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form>h2{margin:0 0 12px!important;font-size:clamp(20px,5vw,25px)!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form :is(input,select){border-radius:13px!important;min-height:46px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form .win-save-btn{border-radius:14px!important;min-height:53px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form .wolf-record-lookup-area{display:flex!important;flex-direction:column!important;gap:5px!important;margin:0 0 10px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form .wolf-record-lookup-area label{font-size:var(--ui-small-size)!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form #rlookup{width:100%!important;min-height:52px!important;border-radius:14px!important;font-size:clamp(16px,4vw,19px)!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form .wolf-record-extra-fields{margin:8px 0!important;border:1px solid rgba(var(--ui-rgb),.4)!important;border-radius:13px!important;padding:10px!important;background:var(--ui-inner)!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form .wolf-record-extra-fields>summary{cursor:pointer!important;font-size:clamp(14px,3.5vw,17px)!important;font-weight:750!important;color:var(--ui-ink)!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-record-victory-form .wolf-record-extra-fields[open]>summary{margin-bottom:10px!important;}

 #app #view :is(.record-detail-page[data-record-scope],.wolf-archive-page) .wolf-record-period-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
 #app #view .record-detail-page[data-record-scope] .wolf-approved-total-rank>.wolf-record-sub-ranks{min-width:0!important;}
}

/* recovery2090 — read-only records visual parity; no edit or delete controls granted. */
@layer identity {
 #app #view .wolf-staff-record-detail :is(.wolf-staff-total-approved,.wolf-staff-game-approved){border-radius:18px!important;padding:clamp(12px,3.2vw,18px)!important;min-width:0!important;}
 #app #view .wolf-staff-record-detail .wolf-royal-ledger-row{display:flex!important;min-height:70px!important;flex-direction:row!important;align-items:center!important;padding:12px!important;border-radius:14px!important;border:1.3px solid rgba(var(--ui-rgb),.5)!important;background:var(--ui-inner)!important;}
 #app #view .wolf-staff-record-detail .wolf-royal-ledger-info{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:flex-start!important;min-width:0!important;}
 #app #view .wolf-staff-record-detail .wolf-ledger-player{font-size:clamp(17px,4.3vw,21px)!important;font-weight:800!important;color:var(--ui-ink)!important;}
 #app #view .wolf-staff-record-detail :is(.wolf-ledger-date,.wolf-ledger-meta){font-size:clamp(12px,3.2vw,15px)!important;color:var(--ui-muted)!important;}
 #app #view .wolf-staff-record-detail .wolf-staff-total-approved .wolf-month-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
 #app #view .wolf-staff-record-detail .wolf-staff-total-approved .wolf-month-stat{min-width:0!important;min-height:65px!important;border:1.4px solid rgba(var(--ui-rgb),.5)!important;border-radius:12px!important;}
 #app #view .wolf-staff-record-detail .wolf-record-exports-top{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
 #app #view .wolf-staff-record-detail.wolf-archive-page .wolf-archive-index-card{display:flex!important;flex-direction:column!important;gap:12px!important;}
 #app #view .wolf-staff-record-detail.wolf-archive-page .wolf-archive-month-stats{order:1!important;}
 #app #view .wolf-staff-record-detail.wolf-archive-page .wolf-record-search-block{order:2!important;}
 #app #view .wolf-staff-record-detail.wolf-archive-page .wolf-archive-tabs{order:3!important;}
 #app #view .wolf-staff-record-detail.wolf-archive-page .wolf-archive-period-grid{order:4!important;}
 #app #view .wolf-staff-record-detail.wolf-archive-page .wolf-archive-period-status{order:5!important;}
 #app #view .wolf-staff-record-detail.wolf-archive-page .wolf-archive-active-content{order:6!important;}
}


/* recovery2091 — Six approved, scoped, non-destructive royal adjustments.
   App pages only; old games, winners and roster IDs remain source of truth.
   Identical geometry in all themes; edges derive from official theme tokens. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) {
    --wolf-2091-edge:var(--wolf-theme-neon,var(--ui-accent));
    --wolf-2091-glow:var(--wolf-theme-neon-rgb,var(--ui-rgb));
  }
  body.burgundy #app #view :is(.quick-normal-page,.knockout-page,.league-page) {
    --wolf-2091-edge:#F8FAF9;--wolf-2091-glow:248,250,249;
  }
  body.light #app #view :is(.quick-normal-page,.knockout-page,.league-page) {
    --wolf-2091-edge:#B58430;--wolf-2091-glow:181,132,48;
  }
  /* M1 — Native summary prevents a new JS lifecycle and retains original actions. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster {
    box-sizing:border-box!important;margin:9px 0!important;padding:0!important;
    overflow:visible!important;border:1.5px solid var(--wolf-2091-edge)!important;
    border-radius:17px!important;background:var(--ui-surface)!important;
    box-shadow:0 0 10px rgba(var(--wolf-2091-glow),.13)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster > summary {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:10px!important;direction:rtl!important;cursor:pointer!important;list-style:none!important;
    min-height:51px!important;padding:9px 13px!important;margin:0!important;
    color:var(--ui-ink)!important;font:750 18px/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view details.wolf-fold-roster > summary::-webkit-details-marker {display:none!important;}
  body #app #view details.wolf-fold-roster > summary > :is(span:first-child,b:first-child) {
    margin:0!important;flex:0 1 auto!important;min-width:0!important;
    font:inherit!important;color:inherit!important;
  }
  body #app #view details.wolf-fold-roster > summary > small {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-width:36px!important;height:29px!important;margin:0!important;padding:0 8px!important;
    background:var(--ui-inner)!important;border:1px solid var(--wolf-2091-edge)!important;
    border-radius:9px!important;color:var(--ui-ink)!important;
    font:800 16px/1 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view details.wolf-fold-roster > summary .wolf-roster-chevron {
    width:10px!important;height:10px!important;flex:0 0 10px!important;
    display:block!important;margin-inline-start:auto!important;
    border-inline-end:2px solid var(--wolf-2091-edge)!important;
    border-bottom:2px solid var(--wolf-2091-edge)!important;
    transform:rotate(45deg) translateY(-2px)!important;transition:transform .15s ease!important;
  }
  body #app #view details.wolf-fold-roster[open] > summary .wolf-roster-chevron {
    transform:rotate(225deg) translateY(-2px)!important;
  }
  body #app #view details.wolf-fold-roster > .wolf-roster-body {
    box-sizing:border-box!important;margin:0 10px 10px!important;padding-top:8px!important;
    border-top:1px solid rgba(var(--wolf-2091-glow),.28)!important;
  }
  body #app #view details.wolf-fold-roster .participant-table {
    width:100%!important;table-layout:auto!important;min-width:0!important;
  }
  body #app #view details.wolf-fold-roster .participant-table :is(th,td) {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    padding-block:8px!important;font-size:14px!important;line-height:1.35!important;
  }
  body #app #view details.wolf-fold-roster .participant-table td.participant-name {
    font-size:16px!important;text-align:right!important;overflow-wrap:anywhere!important;
  }
  body #app #view details.wolf-fold-roster .participant-table .participant-controls {white-space:nowrap!important;}
  body #app #view details.wolf-fold-roster .participant-controls .iconbtn {
    width:34px!important;height:34px!important;min-width:34px!important;
    border-radius:9px!important;margin-inline:2px!important;padding:6px!important;
  }
  body #app #view details.wolf-fold-roster .ko-roster-help {font-size:13px!important;line-height:1.4!important;margin:4px 0 8px!important;}
  /* M2/M4 — A single clean match frame; avoid a second ghost panel. */
  body #app #view :is(.quick-normal-page,.knockout-page) .match-panel.wolf-fixtures-frame,
  body #app #view .league-page .league-stage.wolf-fixtures-frame {
    box-sizing:border-box!important;min-width:0!important;
    border:1.7px solid var(--wolf-2091-edge)!important;
    border-radius:19px!important;background:var(--ui-surface)!important;background-image:none!important;
    box-shadow:0 0 12px rgba(var(--wolf-2091-glow),.18)!important;
    padding:14px 12px!important;margin-block:11px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) .match-panel.wolf-fixtures-frame > .match-title-row,
  body #app #view .league-page .league-stage.wolf-fixtures-frame > summary {
    min-height:0!important;margin:0 0 8px!important;padding:2px 0 9px!important;
    border-bottom:1px solid rgba(var(--wolf-2091-glow),.23)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) .match-panel.wolf-fixtures-frame .match-title-row h2 {
    margin:0!important;font:800 23px/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-ink)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search {
    box-sizing:border-box!important;margin:5px 0 10px!important;padding:0!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search .wolf-batch-simple {
    margin:4px 0 9px!important;gap:5px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search .wolf-batch-simple > span {
    font-size:16px!important;line-height:1.35!important;font-weight:750!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search .wolf-batch-simple > textarea {
    height:auto!important;min-height:57px!important;max-height:200px!important;
    padding:9px 12px!important;border-radius:13px!important;
    font-size:16px!important;line-height:1.5!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-fixture-filters,
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-fixture-filters {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;margin:8px 0!important;min-width:0!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-fixture-filters > button {
    box-sizing:border-box!important;min-width:0!important;min-height:40px!important;
    height:auto!important;margin:0!important;padding:7px 3px!important;
    font:750 clamp(12px,3.3vw,15px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
    white-space:normal!important;border-radius:11px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-labels.quick-ab-labels {
    margin:5px 0 2px!important;min-height:24px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-labels.quick-ab-labels > b {
    font-size:20px!important;line-height:1.2!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .match-actions.single {margin:9px 0 4px!important;padding:0!important;}
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action,
  body #app #view .league-page .wolf-next-fixture {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:center!important;gap:8px!important;
    width:100%!important;max-width:100%!important;min-height:48px!important;
    height:auto!important;margin:5px auto!important;padding:9px 12px!important;
    background:var(--ui-inner)!important;background-image:none!important;
    color:var(--ui-ink)!important;border:1.5px solid var(--wolf-2091-edge)!important;
    border-radius:13px!important;box-shadow:0 0 12px rgba(var(--wolf-2091-glow),.20)!important;
    font:750 16px/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action:disabled,
  body #app #view .league-page .wolf-next-fixture:disabled {opacity:.52!important;box-shadow:none!important;}
  /* M3 — Number-first miniature stats.  Icons are drawn by compact inline vector masks. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats {
    gap:8px!important;margin:7px 0 8px!important;
    --wolf-summary-number-size:24px;--wolf-summary-label-size:12px;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat {
    flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
    gap:2px!important;min-height:57px!important;padding:9px 12px!important;
    border-radius:13px!important;text-align:right!important;position:relative!important;
    border-color:var(--wolf-2091-edge)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > b,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > b {
    font-size:24px!important;line-height:1.07!important;text-align:right!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > span,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > span {
    font-size:12px!important;font-weight:650!important;line-height:1.3!important;text-align:right!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat::before {
    content:"";position:absolute;top:10px;left:10px;width:17px;height:17px;
    background:var(--wolf-2091-edge);opacity:.8;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M17 11h5m-2.5-2.5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M17 11h5m-2.5-2.5v5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat.green::before {opacity:.58;}
  body #app > footer.footer {
    margin:8px auto 0!important;padding-top:6px!important;
    font-size:12px!important;line-height:1.4!important;
  }
  /* M6 — Crown/trophy remains the original asset; only live sizing changes. */
  body #app #view .champion-cup.wolf-champion-unified {
    padding:15px 12px 14px!important;margin:8px auto 12px!important;
    border-radius:20px!important;border-width:1.5px!important;
  }
  body #app #view .champion-cup.wolf-champion-unified .wolf-champion-mark,
  body #app #view .champion-cup.wolf-champion-unified .league-champion-mark {
    width:104px!important;max-width:34%!important;margin:0 auto 1px!important;
  }
  body #app #view .champion-cup.wolf-champion-unified .wolf-champion-royal-cup,
  body #app #view .champion-cup.wolf-champion-unified .league-champion-royal-cup {
    display:block!important;width:min(160px,50%)!important;max-width:50%!important;
    height:auto!important;max-height:210px!important;object-fit:contain!important;
    margin:2px auto 6px!important;transform:none!important;
  }
  body #app #view .champion-cup.wolf-champion-unified .wolf-champion-portrait > h2,
  body #app #view .champion-cup.wolf-champion-unified .league-champion-portrait > h2 {
    font-size:28px!important;line-height:1.28!important;margin:0 0 3px!important;
  }
  body #app #view .champion-cup.wolf-champion-unified .victory-actions {
    gap:8px!important;margin:7px auto 0!important;
  }
  body #app #view .champion-cup.wolf-champion-unified .victory-actions > .action {
    min-height:44px!important;padding:9px 7px!important;border-radius:12px!important;
    font-size:14px!important;line-height:1.35!important;
  }
}


/* recovery2093 — FINAL APPROVED: Carrom/Luno entry and total record.
   Single event date/time controls visible, membership below name, one-row save actions.
   All theme colors inherit WOLF official tokens; keep legacy staff form untouched. */
@layer identity {
 body #app #view .record-detail-page.wolf-current-month-game {gap:11px!important;}
 body #app #view .wolf-current-month-game .wolf-royal-entry-2093 {
   display:block!important;min-width:0!important;width:100%!important;
   padding:clamp(12px,3.3vw,17px)!important;margin:0!important;
   border:1.5px solid var(--ui-accent)!important;border-radius:18px!important;
   background:var(--ui-surface)!important;
   box-shadow:0 0 12px rgba(var(--ui-rgb),.17)!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-entry-2093>h2 {
   color:var(--ui-ink)!important;font-size:clamp(19px,5vw,23px)!important;
   margin:0 0 12px!important;line-height:1.35!important;font-weight:800!important;text-align:right!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-entry-form,
 body #app #view .wolf-current-month-game .wolf-record-player-fields,
 body #app #view .wolf-current-month-game .wolf-record-main-field {
   display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-entry-form {gap:11px!important;}
 body #app #view .wolf-current-month-game .wolf-record-player-fields {gap:9px!important;}
 body #app #view .wolf-current-month-game .wolf-record-main-field {
   margin:0!important;padding:0!important;font-size:clamp(13px,3.6vw,16px)!important;
   line-height:1.35!important;font-weight:750!important;color:var(--ui-ink)!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-main-field>span {
   color:var(--ui-ink)!important;line-height:1.35!important;font-weight:750!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-entry-form :is(#rname,#rmember,#rdateNative,#rtimeNative) {
   min-width:0!important;width:100%!important;max-width:100%!important;
   min-height:46px!important;height:46px!important;border-radius:12px!important;
   border:1.25px solid rgba(var(--ui-rgb),.72)!important;
   background:var(--ui-inner)!important;color:var(--ui-ink)!important;
   text-align:right!important;padding:8px 11px!important;margin:0!important;
   box-shadow:inset 0 0 5px rgba(var(--ui-rgb),.06)!important;
   font:600 clamp(15px,3.8vw,17px)/1.3 Tajawal,Arial,sans-serif!important;
   -webkit-text-fill-color:var(--ui-ink)!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-entry-form input::placeholder {
   color:var(--ui-muted)!important;-webkit-text-fill-color:var(--ui-muted)!important;opacity:1!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-event-row {
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:8px!important;align-items:end!important;min-width:0!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-entry-form :is(#rdateNative,#rtimeNative) {
   font-size:clamp(13px,3.55vw,16px)!important;direction:ltr!important;
   text-align:center!important;padding-inline:5px!important;color-scheme:dark;
 }
 body.light #app #view .wolf-current-month-game .wolf-royal-entry-form :is(#rdateNative,#rtimeNative) {color-scheme:light;}
 body #app #view .wolf-current-month-game .wolf-record-hint {
   margin:0!important;padding:0!important;min-height:0!important;
   font-size:12px!important;line-height:1.4!important;color:var(--ui-muted)!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-hint:empty {display:none!important;}
 body #app #view .wolf-current-month-game .wolf-record-count-fold {
   display:block!important;margin:0!important;padding:7px 10px!important;
   background:var(--ui-inner)!important;border:1px solid rgba(var(--ui-rgb),.33)!important;
   border-radius:11px!important;box-shadow:none!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-count-fold>summary {
   display:flex!important;justify-content:space-between!important;align-items:center!important;
   min-height:25px!important;margin:0!important;font-size:clamp(12px,3.2vw,14px)!important;
   color:var(--ui-muted)!important;font-weight:650!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-count-fold[open]>summary {margin-bottom:8px!important;}
 body #app #view .wolf-current-month-game .wolf-record-count-fold .input {
   min-height:42px!important;border:1px solid rgba(var(--ui-rgb),.58)!important;
   background:var(--ui-inner)!important;color:var(--ui-ink)!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-entry-form .win-save-btn {
   display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
   margin:0!important;min-height:49px!important;height:49px!important;padding:8px!important;
   border-radius:12px!important;font-size:clamp(16px,4.3vw,19px)!important;gap:9px!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-exports-top {
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   margin:0!important;gap:9px!important;min-width:0!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-exports-top>.action {
   display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
   min-height:52px!important;height:52px!important;gap:6px!important;
   padding:8px 4px!important;margin:0!important;font-size:clamp(13px,3.55vw,16px)!important;
   font-weight:800!important;border-radius:12px!important;white-space:nowrap!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-exports-top>.action .record-action-icon {
   width:19px!important;height:19px!important;flex:0 0 19px!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-game-recent {
   padding:clamp(12px,3.3vw,17px)!important;margin:0!important;border-radius:17px!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-game-recent>h2 {
   margin:0 0 12px!important;font-size:clamp(19px,4.8vw,23px)!important;
   line-height:1.35!important;color:var(--ui-ink)!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-royal-ledger-row {
   min-height:67px!important;padding:10px!important;gap:8px!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-ledger-player {
   font-size:clamp(16px,4.2vw,19px)!important;
 }
 body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-ledger-actions .iconbtn {
   min-width:38px!important;width:38px!important;min-height:39px!important;height:39px!important;padding:8px!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-game-insights {
   display:block!important;margin:0!important;padding:0!important;border:0!important;min-width:0!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-game-insights>.wolf-record-view-all-trigger {
   display:flex!important;min-height:46px!important;align-items:center!important;justify-content:center!important;
   padding:9px!important;border:1.25px solid rgba(var(--ui-rgb),.65)!important;border-radius:13px!important;
   background:var(--ui-surface)!important;font-size:clamp(14px,3.8vw,17px)!important;
   color:var(--ui-ink)!important;cursor:pointer!important;
 }
 body #app #view .wolf-current-month-game .wolf-record-game-insights[open]>.wolf-record-period-card {
   margin:8px 0 0!important;padding:12px!important;min-width:0!important;
 }
 /* The combined-record route is only a layout shell, never a visual panel.
    Legacy shared neon-card rules were casting a rectangle behind the royal
    background and title. Keep the outlines on real child cards instead. */
 body #app #view.wolf-layout-page > .record-detail-page.wolf-monthly-combined-current {
   box-shadow:none!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head {
   display:grid!important;gap:10px!important;min-width:0!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head>.wolf-record-period-card {
   padding:clamp(12px,3vw,17px)!important;margin:0!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head>.wolf-record-game-tabs {margin:0!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head>.wolf-record-approved-exports {margin:0!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head>.wolf-record-approved-exports>.action {
   min-height:52px!important;height:52px!important;padding:7px 4px!important;
   flex-direction:row!important;font-size:clamp(13px,3.6vw,17px)!important;gap:6px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-approved-all-history {margin:0!important;padding:13px!important;}
 body #app #view .wolf-monthly-combined-current .wolf-approved-all-history>h2 {margin:0 0 11px!important;font-size:clamp(19px,4.8vw,23px)!important;}
}

/* recovery2093 visual completion: combined stat totals above search and tabs. */
@layer identity {
 body #app #view .wolf-monthly-combined-current .wolf-overall-stat-title {
   font-size:clamp(18px,4.7vw,22px)!important;margin:0 0 10px!important;
   font-weight:800!important;color:var(--ui-ink)!important;text-align:right!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head .wolf-month-stats {
   margin:0 0 11px!important;gap:7px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head .wolf-month-stat {
   min-height:65px!important;border-radius:13px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head .wolf-record-filter-panel {
   margin:0!important;padding:0!important;
 }
}

/* recovery2094: quick challenge heading alignment; no change to game tiles/selection. */
@layer identity {
  body #app #view .quick-normal-page.royal-four-comp-page > .wolf-unified-game-card > .wolf-game-heading {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    column-gap:10px!important;
    row-gap:2px!important;
    margin:0 0 10px!important;
    padding:0!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(17px,4.3vw,19px)!important;
    font-weight:750!important;
    line-height:1.5!important;
    text-align:right!important;
    letter-spacing:0!important;
  }
  body #app #view .quick-normal-page .wolf-stage-status:empty {display:none!important;}
  body #app #view .quick-normal-page > .wolf-unified-entry-card > .smart-entry-hint:empty {display:none!important;}
}


/* recovery2095 — compact/matte competition chrome (quick / knockout / league).
   Deliberately visual only: no competition data, results, participant IDs,
   game selection, award assets or exporter markup are changed. The dark theme
   backdrop artwork remains; remove only pale inset SHEEN on interface cards. */
@layer identity {
  body #app #view .royal-four-comp-page:is(.quick-normal-page,.knockout-page,.league-page) {
    --wolf-2095-edge:#378FFD;
    --wolf-2095-rgb:55,143,253;
  }
  body.burgundy #app #view .royal-four-comp-page:is(.quick-normal-page,.knockout-page,.league-page) {
    --wolf-2095-edge:#F8FAF9;
    --wolf-2095-rgb:248,250,249;
  }
  body.light #app #view .royal-four-comp-page:is(.quick-normal-page,.knockout-page,.league-page) {
    --wolf-2095-edge:#B58430;
    --wolf-2095-rgb:181,132,48;
  }

  /* 1 — One matte card surface. Do not modify the existing backdrop SVG,
     selected-game artwork, winner gold or the knockout bracket. */
  body #app #view .royal-four-comp-page > :is(
      .wolf-unified-game-card,.wolf-unified-entry-card,
      .standalone-controls-card,.wolf-fold-roster,.league-system-card,
      .league-calendar-card,.league-setup-stats),
  body #app #view .royal-four-comp-page .wolf-fixtures-frame,
  body #app #view .league-page #leagueLiveBoard > .standalone-controls-card,
  body #app #view .league-page #leagueLiveBoard > details.wolf-fold-roster {
    background-color:var(--ui-surface)!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border-color:var(--wolf-2095-edge)!important;
    box-shadow:0 0 9px rgba(var(--wolf-2095-rgb),.17)!important;
  }
  /* No bright inset white glint on entry and tool fields. */
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card :is(
      .quick-event-owner-input,.smart-player-input),
  body #app #view .royal-four-comp-page  .standalone-controls-card .quick-tools-control > button.action {
    background-color:var(--ui-inner)!important;
    background-image:none!important;
    border-color:var(--wolf-2095-edge)!important;
    box-shadow:0 0 5px rgba(var(--wolf-2095-rgb),.12)!important;
    filter:none!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card :is(
      .quick-event-owner-input,.smart-player-input):focus-visible,
  body #app #view .royal-four-comp-page  .standalone-controls-card .quick-tools-control > button.action:focus-visible {
    outline:2px solid var(--wolf-2095-edge)!important;
    outline-offset:2px!important;
    box-shadow:0 0 10px rgba(var(--wolf-2095-rgb),.27)!important;
  }

  /* 2 — Owner and player add panel, same rhythm across three modes.
     Do not shrink touch targets under Apple's recommended 44px. */
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card {
    gap:8px!important;padding:11px 12px!important;
    border-radius:16px!important;margin:0!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .wolf-entry-owner-field {
    gap:4px!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card .wolf-entry-owner-field > .field-label {
    font:750 clamp(13px,3.5vw,15px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-ink)!important;margin:0!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card .wolf-entry-owner-field > .quick-event-owner-input {
    height:46px!important;min-height:46px!important;max-height:46px!important;
    padding:7px 11px!important;border-radius:11px!important;
    font:650 clamp(15px,3.8vw,17px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-ink)!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row {
    display:grid!important;grid-template-columns:minmax(0,1fr) 75px!important;
    gap:7px!important;align-items:stretch!important;direction:rtl!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .smart-player-input {
    width:100%!important;min-width:0!important;
    height:51px!important;min-height:51px!important;max-height:134px!important;
    padding:10px 11px!important;border-radius:11px!important;
    font:600 clamp(15px,3.8vw,17px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
    resize:none!important;overflow-y:auto!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn {
    box-sizing:border-box!important;grid-column:2!important;
    width:75px!important;min-width:75px!important;max-width:75px!important;
    height:51px!important;min-height:51px!important;max-height:51px!important;
    margin:0!important;padding:4px!important;gap:2px!important;
    border-radius:11px!important;
    font:750 14px/1.25 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn .control-icon,
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn .control-icon svg {
    width:18px!important;height:18px!important;flex-basis:18px!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .smart-entry-hint {
    margin:0!important;font-size:12px!important;line-height:1.25!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .smart-entry-hint:empty {
    display:none!important;
  }

  /* 3 — The approved native fold (not a back-navigation arrow). */
  body #app #view .royal-four-comp-page  details.wolf-fold-roster {
    min-height:0!important;margin:7px 0!important;padding:0!important;
    border-radius:15px!important;overflow:visible!important;
  }
  body #app #view .royal-four-comp-page  details.wolf-fold-roster > summary {
    box-sizing:border-box!important;min-height:48px!important;
    padding:8px 12px!important;gap:8px!important;
    font:750 17px/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .royal-four-comp-page  details.wolf-fold-roster > summary > small {
    height:28px!important;min-height:28px!important;min-width:32px!important;
    padding:0 6px!important;font-size:15px!important;
  }
  body #app #view .royal-four-comp-page  details.wolf-fold-roster > summary .wolf-roster-chevron {
    border-color:var(--wolf-2095-edge)!important;
  }
  /* Preserve edit/delete controls on open and the league's edit permissions. */

  /* 4 — Single compact command strip; the league has three default actions,
     versus the quick/KO four. Champion mode may append a fourth. */
  body #app #view .royal-four-comp-page  .standalone-controls-card {
    box-sizing:border-box!important;padding:7px!important;margin:7px 0!important;
    border-radius:15px!important;
  }
  body #app #view .royal-four-comp-page  .standalone-controls-card .quick-tools-control {
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;margin:0!important;padding:0!important;
    align-items:stretch!important;
  }
  body #app #view .royal-four-comp-page  .standalone-controls-card.league-control-card .quick-tools-control {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  body #app #view .royal-four-comp-page  .standalone-controls-card.league-control-card .quick-tools-control:has(> :nth-child(4)) {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body #app #view .royal-four-comp-page  .standalone-controls-card .quick-tools-control > button.action {
    box-sizing:border-box!important;min-width:0!important;
    min-height:48px!important;height:auto!important;
    padding:5px 2px!important;gap:3px!important;border-radius:10px!important;
    font:750 clamp(11px,3.05vw,13px)/1.25 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-ink)!important;
  }
  body #app #view .royal-four-comp-page  .standalone-controls-card .quick-tools-control .control-icon,
  body #app #view .royal-four-comp-page  .standalone-controls-card .quick-tools-control .control-icon svg {
    width:18px!important;height:18px!important;
  }

  /* 5 — Don't move match IDs, A/B order, results or winner buttons. */
  body #app #view .royal-four-comp-page .wolf-fixtures-frame {
    margin-block:8px!important;padding:12px 11px!important;border-radius:16px!important;
  }
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .match-title-row h2,
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .wolf-league-stage-heading-label {
    font:800 clamp(19px,4.8vw,22px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .wolf-match-labels.quick-ab-labels,
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .wolf-league-side-labels {
    margin-block:4px 2px!important;
  }
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .wolf-fixture-filters > button {
    min-height:42px!important;padding:7px 3px!important;
  }

  @media(max-width:359px) {
    body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row {
      grid-template-columns:minmax(0,1fr) 70px!important;
    }
    body #app #view .royal-four-comp-page > .wolf-unified-entry-card > .row.wolf-player-add-row > .add-player-btn {
      width:70px!important;min-width:70px!important;max-width:70px!important;
    }
    body #app #view .royal-four-comp-page  .standalone-controls-card .quick-tools-control {gap:4px!important;}
  }
}


/* recovery2096 — approved two-section match layout + continuous winners.
   A small permanent entry card, a plain filter strip, and ONE independent
   neon fixture frame. Scoped to the three competition pages only. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-winner-workflow,
  body #app #view .league-page #leagueLiveBoard > .wolf-winner-workflow {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    gap:7px!important;min-width:0!important;width:100%!important;
    margin:8px 0 9px!important;padding:0!important;
    background:none!important;background-image:none!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple {
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    gap:5px!important;margin:0!important;padding:11px 12px!important;
    border:1.2px solid var(--wolf-2095-edge,var(--wolf-theme-neon,var(--ui-accent)))!important;
    border-radius:14px!important;background:var(--ui-surface)!important;
    box-shadow:0 0 8px rgba(var(--wolf-2095-rgb,var(--ui-rgb)),.14)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple > span {
    font:750 clamp(14px,3.65vw,16px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
    padding:0!important;margin:0!important;text-align:right!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple > textarea {
    min-height:52px!important;max-height:150px!important;height:auto!important;
    padding:8px 11px!important;margin:0!important;
    font:650 clamp(15px,3.8vw,17px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
    border-radius:10px!important;resize:vertical!important;
    background:var(--ui-inner)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-fixture-filters {
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;margin:0!important;padding:0!important;
    background:none!important;border:0!important;box-shadow:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-fixture-filters>button {
    min-height:44px!important;height:auto!important;
    padding:5px 3px!important;border-radius:10px!important;
    font:750 clamp(12px,3.3vw,14px)/1.25 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  /* Existing round/progress labels appear in the fixture frame/status.
     The workflow doesn't repeat them between the entry and filter tabs. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow > .wolf-match-progress {display:none!important;}
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-match-extra-tools {
    margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-inline-feedback:not([hidden]) {
    margin:0!important;padding:8px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-fixtures-frame {
    margin-top:5px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-fixtures-frame .match-title-row h2 {
    font:800 clamp(18px,4.5vw,21px)/1.3 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  /* Winner gold is unaffected: only the queue editor and the surrounding
     fixture sections are styled here. Never scale the full page. */
}


/* recovery2097 — match-height royal statistics across quick / knockout / league.
   No new data, number counting or click affordance. Match tile ~50px height. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats {
    gap:8px!important;margin:7px 0 8px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat {
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;justify-content:center!important;
    gap:6px!important;min-height:50px!important;height:auto!important;
    padding:8px 30px 8px 8px!important;border-radius:11px!important;
    text-align:center!important;position:relative!important;
    background:var(--ui-inner)!important;background-image:none!important;
    border:1.5px solid var(--ui-accent)!important;
    box-shadow:0 0 7px rgba(var(--ui-rgb),.15)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat>b,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat>b {
    font:800 clamp(18px,4.8vw,22px)/1.2 WolfTajawal,Tajawal,sans-serif!important;
    flex:0 0 auto!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat>span,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat>span {
    font:750 clamp(11px,3.0vw,13px)/1.25 WolfTajawal,Tajawal,sans-serif!important;
    white-space:normal!important;min-width:0!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat::before,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat::before {
    position:absolute!important;left:8px!important;right:auto!important;top:50%!important;
    transform:translateY(-50%)!important;width:16px!important;height:16px!important;
    opacity:.96!important;background:var(--ui-accent)!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M2 20v-2a7 7 0 0 1 14 0v2M17 6a3 3 0 0 1 0 6M19 15a5 5 0 0 1 3 5' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M2 20v-2a7 7 0 0 1 14 0v2M17 6a3 3 0 0 1 0 6M19 15a5 5 0 0 1 3 5' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat.green::before,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat.green::before {
    opacity:1!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M16 11l2 2 4-4' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 20v-2a6 6 0 0 1 12 0v2M16 11l2 2 4-4' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }
  @media(max-width:359px){
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat {
      padding:7px 24px 7px 5px!important;min-height:50px!important;gap:4px!important;
    }
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat::before,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat::before {left:5px!important;width:14px!important;height:14px!important;}
  }
}


/* recovery2098 — standalone royal champion throne (quick / knockout / league).
   Only targets the new page; does not change original award studio/export artwork. */
body #app #view .wolf-royal-throne-page {
  --throne-edge:#378FFD;--throne-rgb:55,143,253;--throne-base:#071428;
  --throne-panel:#0C1D33;--throne-ink:#DDE7F9;--throne-muted:#9CB6E3;
  --throne-gold:#E9C477;--throne-gold-soft:#F5DCA2;
  direction:rtl!important;box-sizing:border-box!important;width:min(100%,620px)!important;
  max-width:620px!important;margin:6px auto 30px!important;padding:0 10px!important;
  font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
}
body.burgundy #app #view .wolf-royal-throne-page {
  --throne-edge:#F8FAF9;--throne-rgb:248,250,249;--throne-base:#290B19;
  --throne-panel:#351321;--throne-ink:#F4F6F5;--throne-muted:#CDD3D2;
  --throne-gold:#EACDA0;--throne-gold-soft:#FBE5BF;
}
body.light #app #view .wolf-royal-throne-page {
  --throne-edge:#B58430;--throne-rgb:181,132,48;--throne-base:#E8DDC9;
  --throne-panel:#F2E4CF;--throne-ink:#392819;--throne-muted:#765D40;
  --throne-gold:#A77829;--throne-gold-soft:#886122;
}
body #app #view .wolf-royal-throne-page *,body #app #view .wolf-royal-throne-page *::before,
body #app #view .wolf-royal-throne-page *::after {box-sizing:border-box!important;}
body #app #view .wolf-throne-frame {
  position:relative!important;overflow:hidden!important;border:1.5px solid var(--throne-edge)!important;
  border-radius:21px!important;background:var(--throne-base)!important;
  box-shadow:inset 0 0 0 3px rgba(var(--throne-rgb),.07),0 0 14px rgba(var(--throne-rgb),.12)!important;
  padding:19px clamp(12px,4vw,24px) 17px!important;
}
body #app #view .wolf-throne-frame::before {
  content:''!important;position:absolute!important;top:11px!important;left:11px!important;right:11px!important;
  border-top:1px solid rgba(var(--throne-rgb),.32)!important;pointer-events:none!important;
}
body #app #view .wolf-throne-topline {
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;
  color:var(--throne-muted)!important;direction:ltr!important;padding:0 3px 8px!important;
}
body #app #view .wolf-throne-topline span {direction:rtl!important;letter-spacing:0!important;}
body #app #view .wolf-throne-title {display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin:3px 0 6px!important;}
body #app #view .wolf-throne-crown {width:36px!important;height:28px!important;color:var(--throne-gold)!important;filter:drop-shadow(0 0 4px rgba(225,183,109,.22))!important;}
body #app #view .wolf-throne-title h1 {margin:0!important;padding:0!important;font-size:clamp(24px,6vw,29px)!important;line-height:1.35!important;color:var(--throne-gold-soft)!important;font-weight:900!important;}
body #app #view .wolf-throne-title p {margin:0!important;font-size:14px!important;line-height:1.5!important;color:var(--throne-muted)!important;font-weight:700!important;}
body #app #view .wolf-throne-hero {display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;background:transparent!important;padding:0!important;margin:0!important;text-align:center!important;}
body #app #view .wolf-throne-cup {
  display:block!important;width:auto!important;height:auto!important;max-width:min(52vw,216px)!important;
  max-height:235px!important;min-width:0!important;min-height:0!important;object-fit:contain!important;
  aspect-ratio:596 / 725!important;filter:drop-shadow(0 5px 10px rgba(220,161,67,.20))!important;
  transform:none!important;position:relative!important;inset:auto!important;margin:5px auto 3px!important;
}
body #app #view .wolf-throne-hero h2 {
  margin:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
  color:var(--throne-gold-soft)!important;font-size:clamp(24px,7vw,32px)!important;
  line-height:1.4!important;font-weight:900!important;text-shadow:none!important;
}
body #app #view .wolf-throne-position {margin:0!important;font-size:12px!important;font-weight:700!important;color:var(--throne-muted)!important;}
body #app #view .wolf-throne-event-owner {display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:13px 0 0!important;flex-wrap:wrap!important;}
body #app #view .wolf-throne-event-owner span {color:var(--throne-muted)!important;font-size:12px!important;}
body #app #view .wolf-throne-event-owner strong {font-size:14px!important;color:var(--throne-gold-soft)!important;overflow-wrap:anywhere!important;}
body #app #view .wolf-throne-actions {display:flex!important;flex-direction:column!important;gap:9px!important;margin-top:19px!important;}
body #app #view .wolf-throne-action-pair {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
body #app #view .wolf-throne-action {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:100%!important;min-width:0!important;min-height:45px!important;padding:9px 8px!important;
  border:1.3px solid var(--throne-edge)!important;border-radius:11px!important;
  background:var(--throne-panel)!important;color:var(--throne-ink)!important;
  font:800 clamp(12px,3.2vw,15px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
  box-shadow:0 0 7px rgba(var(--throne-rgb),.10)!important;white-space:normal!important;text-align:center!important;
  cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;
}
body #app #view .wolf-throne-save,body #app #view .wolf-throne-finish {min-height:49px!important;}
body #app #view .wolf-throne-finish {background:rgba(var(--throne-rgb),.13)!important;}
body #app #view .wolf-throne-action .control-icon,body #app #view .wolf-throne-action svg {width:19px!important;height:19px!important;color:var(--throne-edge)!important;stroke:currentColor!important;}
body #app #view .wolf-throne-action:focus-visible,body #app #view .wolf-throne-secondary-link:focus-visible {outline:2px solid var(--throne-gold)!important;outline-offset:2px!important;}
body #app #view .wolf-throne-optional {text-align:center!important;margin:11px auto 0!important;}
body #app #view .wolf-throne-secondary-link {
  appearance:none!important;border:0!important;background:transparent!important;padding:8px!important;
  color:var(--throne-muted)!important;text-decoration:underline!important;text-underline-offset:4px!important;
  font:700 12px/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;cursor:pointer!important;
}
body #app #view .wolf-throne-footer {margin:15px auto 0!important;padding:11px 0 0!important;border-top:1px solid rgba(var(--throne-rgb),.24)!important;text-align:center!important;color:var(--throne-muted)!important;font-size:10px!important;line-height:1.6!important;}
body #app #view .wolf-throne-review-return {padding:15px 0!important;text-align:center!important;}
@media (max-width:380px){body #app #view .wolf-royal-throne-page{padding:0 5px!important;}body #app #view .wolf-throne-frame{padding-inline:10px!important;}body #app #view .wolf-throne-action-pair{gap:6px!important;}}

/* recovery2098 review: the ORIGINAL WOLF emblem, sized for the compact header. */
body #app #view .wolf-throne-brand-mini{display:flex!important;align-items:center!important;gap:7px!important;}
body #app #view .wolf-throne-brand-mini>b{font-size:11px!important;line-height:1.2!important;color:var(--throne-muted)!important;}
body #app #view .wolf-throne-mark{display:block!important;width:48px!important;height:37px!important;max-width:48px!important;max-height:37px!important;object-fit:contain!important;filter:none!important;}

/* recovery2100 | Approved compact royal controls; only the three competition pages. */
@layer identity {
  /* The native details element already expands below; its cue must point down. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-unified-game-card .wolf-stage-status:empty{display:none!important;}
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster>summary .wolf-roster-chevron{
    display:block!important;box-sizing:border-box!important;flex:0 0 18px!important;width:18px!important;height:18px!important;
    border:0!important;border-radius:0!important;background-color:var(--ui-accent)!important;box-shadow:none!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 9l7 7 7-7' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 9l7 7 7-7' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important;
    transform:none!important;transition:transform .16s ease!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster[open]>summary .wolf-roster-chevron{transform:rotate(180deg)!important;}
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster[open]>.wolf-roster-body{
    display:block!important;position:static!important;float:none!important;width:auto!important;max-width:100%!important;transform:none!important;overflow-x:auto!important;
  }
  /* Two symmetrical compact statistic tiles with fixture-scale labels and numbers. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:8px 0 10px!important;max-width:100%!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat{
    box-sizing:border-box!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
    flex-wrap:nowrap!important;gap:6px!important;min-width:0!important;width:100%!important;
    min-height:68px!important;height:68px!important;max-height:72px!important;margin:0!important;padding:9px 25px 9px 8px!important;position:relative!important;
    border:1px solid var(--ui-accent)!important;border-radius:14px!important;background:var(--ui-inner)!important;background-image:none!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 9px rgba(var(--ui-rgb),.14)!important;text-align:center!important;overflow:hidden!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat>span,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat>span{
    order:1!important;flex:0 1 auto!important;min-width:0!important;
    font:750 clamp(12px,3.75vw,16px)/1.3 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-ink)!important;white-space:normal!important;text-align:center!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat>b,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat>b{
    order:2!important;flex:0 0 auto!important;font:800 clamp(17px,4.1vw,20px)/1.15 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-ink)!important;white-space:nowrap!important;text-align:center!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat::before,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat::before{
    content:""!important;position:absolute!important;left:7px!important;right:auto!important;top:50%!important;
    width:15px!important;height:15px!important;transform:translateY(-50%)!important;opacity:.88!important;background:var(--ui-accent)!important;
  }
  @media(max-width:360px){
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat{padding-right:20px!important;padding-left:4px!important;gap:3px!important;}
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat::before,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat::before{left:4px!important;width:13px!important;height:13px!important;}
  }
  /* Small centered next-round and next-fixture buttons with refined royal arrow. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action,
  body #app #view .league-page .wolf-next-fixture{
    box-sizing:border-box!important;display:inline-flex!important;flex:0 1 auto!important;flex-flow:row nowrap!important;
    align-items:center!important;justify-content:center!important;gap:9px!important;direction:rtl!important;
    width:62%!important;min-width:min(210px,100%)!important;max-width:340px!important;height:54px!important;min-height:54px!important;max-height:56px!important;
    margin:9px auto 4px!important;padding:9px 15px!important;
    font:750 clamp(15px,3.7vw,17px)/1.2 WolfTajawal,Tajawal,Arial,sans-serif!important;white-space:nowrap!important;
    border:1px solid var(--ui-accent)!important;border-radius:14px!important;background:var(--ui-inner)!important;background-image:none!important;
    color:var(--ui-ink)!important;-webkit-text-fill-color:var(--ui-ink)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 12px rgba(var(--ui-rgb),.20)!important;text-shadow:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action:disabled{
    opacity:.76!important;cursor:not-allowed!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action:not(:disabled),
  body #app #view .league-page .wolf-next-fixture:not(:disabled){
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 15px rgba(var(--ui-rgb),.30)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action .next-round-icon{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 21px!important;width:21px!important;height:21px!important;
    color:var(--ui-accent)!important;-webkit-text-fill-color:var(--ui-accent)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action .next-round-icon svg{
    width:21px!important;height:21px!important;stroke:currentColor!important;filter:none!important;
  }
  body #app #view .league-page .wolf-winner-workflow .wolf-match-extra-tools{justify-content:center!important;}
  body #app #view .league-page .wolf-next-fixture{
    display:inline-flex!important;flex:0 1 auto!important;width:62%!important;min-width:min(210px,100%)!important;max-width:340px!important;
  }
}

@layer identity {
  body #app #view .league-page .wolf-next-fixture .next-round-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:21px!important;height:21px!important;color:var(--ui-accent)!important;}
  body #app #view .league-page .wolf-next-fixture .next-round-icon svg{width:21px!important;height:21px!important;stroke:currentColor!important;}
}

/* recovery2101 — final approved compact royal pages and ceremonial throne.
   Visual-only: keep original winner handlers, shuffle/save and bracket state. */
@layer identity {
  /* Single, quiet competition surface: preserve the four official game pictures. */
  body #app #view .royal-four-comp-page .wolf-unified-game-card .wolf-game-heading {
    font:800 clamp(19px,5vw,23px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
    margin:0 0 9px!important;padding:0!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card {
    padding:10px 12px!important;gap:7px!important;
  }
  body #app #view .royal-four-comp-page > .wolf-unified-entry-card :is(.quick-event-owner-input,.smart-player-input) {
    box-shadow:none!important;border-width:1.2px!important;
  }
  body #app #view .royal-four-comp-page details.wolf-fold-roster > summary {
    min-height:68px!important;max-height:72px!important;
    display:flex!important;align-items:center!important;padding:10px 14px!important;
    font:800 17px/1.3 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .royal-four-comp-page details.wolf-fold-roster > summary > small {
    height:28px!important;min-height:28px!important;min-width:31px!important;
    border-radius:9px!important;font-size:14px!important;
  }
  body #app #view .royal-four-comp-page .standalone-controls-card .quick-tools-control > button.action {
    min-height:48px!important;max-height:58px!important;padding:5px 3px!important;
    font:750 clamp(11px,3vw,13px)/1.2 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .royal-four-comp-page .standalone-controls-card .quick-tools-control :is(.control-icon,.control-icon svg){
    width:17px!important;height:17px!important;max-height:17px!important;
  }
  body #app #view .royal-four-comp-page .wolf-winner-workflow .wolf-batch-simple {
    padding:9px 10px!important;border-width:1px!important;box-shadow:none!important;
  }
  body #app #view .royal-four-comp-page .wolf-winner-workflow .wolf-batch-simple textarea {
    min-height:48px!important;padding:7px 10px!important;max-height:152px!important;
    border-width:1px!important;box-shadow:none!important;
  }
  body #app #view .royal-four-comp-page .wolf-winner-workflow .wolf-fixture-filters > button,
  body #app #view .royal-four-comp-page .league-fixture-filters > button {
    box-sizing:border-box!important;min-height:44px!important;height:44px!important;
    padding:5px 3px!important;border-radius:10px!important;
    font:750 clamp(12px,3.2vw,14px)/1.25 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .match-title-row h2,
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .wolf-league-stage-heading-label {
    font:800 clamp(19px,4.9vw,23px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
    margin:0!important;
  }
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .wolf-match-labels.quick-ab-labels,
  body #app #view .royal-four-comp-page .wolf-fixtures-frame .wolf-league-side-labels {
    margin:3px 0 5px!important;font-size:clamp(19px,5vw,25px)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list) {
    display:grid!important;gap:12px!important;align-content:start!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list) > .match {
    box-sizing:border-box!important;min-height:54px!important;height:auto!important;
    padding:2px 0!important;margin:0!important;gap:7px!important;align-items:center!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list) > .match > :is(.player,.quick-player,.ko-player) {
    min-height:52px!important;height:auto!important;max-height:none!important;
    padding:7px 5px!important;border-width:1.2px!important;border-radius:13px!important;
    font:800 clamp(16px,4.3vw,19px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list) > .match > :is(.vs,.ko-vs) {
    font:900 clamp(19px,5vw,24px)/1 Arial,sans-serif!important;
    white-space:nowrap!important;letter-spacing:0!important;word-break:keep-all!important;
    text-shadow:0 0 7px rgba(var(--ui-rgb),.24)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list) > .match > .matchno {
    margin:0!important;font-size:clamp(15px,3.9vw,17px)!important;
    align-self:center!important;justify-self:center!important;
  }
  body #app #view .league-page .league-fixtures .league-match {
    box-sizing:border-box!important;min-height:54px!important;padding:3px 0!important;
    margin:0!important;row-gap:4px!important;column-gap:7px!important;
  }
  body #app #view .league-page .league-fixtures .league-match > .ko-player {
    min-height:52px!important;max-height:none!important;padding:8px 5px!important;
    font:800 clamp(16px,4.3vw,19px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
    border-width:1.2px!important;border-radius:13px!important;
  }
  body #app #view .league-page .league-fixtures .league-match > .ko-vs {
    font:900 clamp(19px,5vw,24px)/1 Arial,sans-serif!important;
    letter-spacing:0!important;white-space:nowrap!important;word-break:keep-all!important;
    text-shadow:0 0 7px rgba(var(--ui-rgb),.24)!important;
  }
  body #app #view .league-page .league-fixtures .league-round-group {
    margin-block:8px!important;
  }

  /* Standalone throne: no shell arrow, no duplicated badge or decorative crown. */
  body #app #view .wolf-royal-throne-page {
    margin-top:4px!important;padding:0 7px!important;width:min(100%,620px)!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-frame {
    padding:19px clamp(13px,4vw,24px) 16px!important;
    border-width:1.25px!important;border-radius:18px!important;
    box-shadow:0 0 12px rgba(var(--throne-rgb),.17)!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-frame::before {content:none!important;}
  body #app #view .wolf-royal-throne-page .wolf-throne-identity {
    display:flex!important;flex-direction:column!important;align-items:center!important;
    gap:2px!important;margin:0 0 12px!important;padding:0!important;text-align:center!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-identity .wolf-throne-mark {
    width:83px!important;height:64px!important;max-width:26vw!important;max-height:68px!important;
    margin:0 auto!important;object-fit:contain!important;display:block!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-channel {
    margin:0!important;padding:0!important;
    color:var(--throne-muted)!important;
    font:750 clamp(12px,3.5vw,15px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-official-title {
    margin:9px auto 0!important;padding:0!important;
    max-width:100%!important;overflow-wrap:anywhere!important;
    color:var(--throne-gold-soft)!important;
    font:900 clamp(23px,6vw,30px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-cup {
    width:auto!important;height:auto!important;max-width:min(54vw,230px)!important;
    max-height:260px!important;min-width:0!important;min-height:0!important;
    object-fit:contain!important;transform:none!important;overflow:visible!important;
    margin:3px auto 8px!important;
    filter:drop-shadow(0 6px 13px rgba(220,161,67,.21))!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-hero h2 {
    color:var(--throne-gold-soft)!important;
    -webkit-text-fill-color:var(--throne-gold-soft)!important;
    font:900 clamp(26px,7vw,34px)/1.3 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-actions {
    gap:7px!important;margin-top:15px!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-action {
    min-height:48px!important;max-height:55px!important;border-radius:12px!important;
    border-width:1.2px!important;font-size:clamp(12px,3.4vw,15px)!important;
  }
  body #app #view .wolf-royal-throne-page .wolf-throne-footer {
    margin-top:12px!important;padding-top:11px!important;
    font:650 clamp(11px,3vw,13px)/1.5 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
}


/* recovery2102-royal-roster-export-alignment-unverified: approved final mini roster bar (all competition themes).
   Closed card cannot inherit legacy card min-height, padding or max-height.
   Native details always expands DOWN when opened; no JS navigation. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster:not([open]),
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster:not([open]) {
    box-sizing:border-box!important;display:block!important;
    height:72px!important;min-height:72px!important;max-height:72px!important;
    margin:8px 0!important;padding:0!important;overflow:hidden!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster[open],
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster[open] {
    box-sizing:border-box!important;height:auto!important;min-height:72px!important;
    max-height:none!important;margin:8px 0!important;padding:0!important;
    overflow:visible!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster > summary,
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster > summary {
    box-sizing:border-box!important;height:70px!important;min-height:70px!important;
    max-height:70px!important;margin:0!important;padding:8px 13px!important;
    display:flex!important;align-items:center!important;gap:8px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster > summary > small,
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster > summary > small {
    box-sizing:border-box!important;height:29px!important;min-height:29px!important;
    line-height:1!important;
  }
}


/* Royal compact 2108 — reconstruction from source report (not device-tested). */
@layer identity {
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster:not([open]),
 body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster:not([open]) {
  min-height:59px!important;max-height:59px!important;height:59px!important;overflow:hidden!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster > summary,
 body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster > summary {
  min-height:57px!important;max-height:57px!important;height:57px!important;padding:6px 12px!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster > summary > small,
 body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster > summary > small {
  height:27px!important;min-height:27px!important;font-size:clamp(13px,3.7vw,16px)!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-batch-input {
  height:68px!important;min-height:68px!important;max-height:150px!important;resize:vertical!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(#matches,.ko-current-round,.league-fixtures) .match,
 body #app #view .league-page .league-match {margin-bottom:9px!important;}
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(.quick-player,.ko-player) {
  min-height:52px!important;height:52px!important;max-height:56px!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page) :is(.quick-bye-match,.ko-bye-match) {
  min-height:0!important;height:auto!important;max-height:none!important;margin-top:7px!important;margin-bottom:7px!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
 body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat {
  min-height:56px!important;height:56px!important;max-height:56px!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action,
 body #app #view .league-page .wolf-winner-workflow .wolf-next-fixture {
  width:62%!important;min-height:52px!important;height:52px!important;max-height:52px!important;
 }
 body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action .next-round-icon svg,
 body #app #view .league-page .wolf-next-fixture .next-round-icon svg {width:19px!important;height:19px!important;}
}


/* recovery2111 — Royal encounter clarity / queued winners, approved Nov 3.
   Three competition pages only. All tap targets remain >= 44px; no page scaling. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster:not([open]),
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster:not([open]) {
    height:51px!important;min-height:51px!important;max-height:51px!important;
    margin:6px 0!important;border-radius:14px!important;overflow:hidden!important;
    box-shadow:0 0 7px rgba(var(--ui-rgb),.12)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster[open],
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster[open] {
    min-height:51px!important;margin:6px 0!important;border-radius:14px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster>summary,
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster>summary {
    box-sizing:border-box!important;height:49px!important;min-height:49px!important;max-height:49px!important;
    padding:6px 12px!important;gap:7px!important;font-size:clamp(15px,4.0vw,17px)!important;
    border-radius:12px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster>summary>small,
  body #app #view .league-page #leagueLiveBoard details.wolf-fold-roster>summary>small {
    min-width:32px!important;width:auto!important;height:28px!important;min-height:28px!important;
    padding:0 7px!important;border-radius:9px!important;font-size:15px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) details.wolf-fold-roster>summary .wolf-roster-chevron {
    margin-right:auto!important;margin-left:0!important;flex:0 0 17px!important;
    width:17px!important;height:17px!important;opacity:.88!important;
  }
  /* The typed queue is a compact multi-line entry: feedback only when useful. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-winner-workflow {
    padding:8px 9px!important;gap:7px!important;margin:7px 0!important;
    border-radius:17px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-winner-workflow .wolf-batch-simple {
    gap:5px!important;padding:8px 10px!important;border-radius:12px!important;
    box-shadow:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-winner-workflow .wolf-batch-simple>textarea {
    box-sizing:border-box!important;height:70px!important;min-height:64px!important;max-height:148px!important;
    padding:7px 10px!important;line-height:1.4!important;font-size:clamp(15px,3.9vw,17px)!important;
    resize:vertical!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-winner-workflow .wolf-batch-inline-feedback:not([hidden]) {
    padding:6px 9px!important;line-height:1.45!important;border-radius:10px!important;
  }
  /* Match cards remain finger-size; reduce only dead vertical whitespace. */
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list) {
    gap:7px!important;row-gap:7px!important;align-content:start!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list)>.match {
    margin:0!important;margin-block:0!important;margin-bottom:0!important;
    min-height:54px!important;padding:1px 0!important;gap:6px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list)>.match>:is(.quick-player,.ko-player,.player) {
    min-height:51px!important;height:auto!important;padding:7px 5px!important;
    border-radius:12px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page) :is(#matches,.ko-fixture-list)>.match>:is(.vs,.ko-vs) {
    white-space:nowrap!important;letter-spacing:0!important;word-break:normal!important;
    font:900 clamp(19px,5vw,23px)/1 Arial,sans-serif!important;
  }
  body #app #view .league-page .league-fixtures .league-match {
    min-height:54px!important;margin:0 0 6px!important;padding:2px 0!important;
    column-gap:6px!important;row-gap:4px!important;
  }
  body #app #view .league-page .league-fixtures .league-match>.ko-player {
    min-height:51px!important;border-radius:12px!important;padding:7px 5px!important;
  }
  /* Two readable statistics: reserve the icon lane, keep name and count separate. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) {
    margin-bottom:0!important;padding-bottom:10px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
    margin:8px 0 3px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat {
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;
    box-sizing:border-box!important;gap:1px!important;min-width:0!important;
    min-height:62px!important;height:62px!important;max-height:62px!important;
    padding:7px 10px 7px 32px!important;border-radius:13px!important;
    background:var(--ui-inner)!important;overflow:hidden!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat>span,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat>span {
    order:1!important;flex:0 1 auto!important;white-space:normal!important;
    font:750 clamp(11px,2.95vw,13px)/1.2 WolfTajawal,Tajawal,sans-serif!important;
    text-align:center!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat>b,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat>b {
    order:2!important;flex:0 0 auto!important;
    font:850 clamp(18px,4.6vw,21px)/1.12 WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat::before,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat::before {
    left:9px!important;right:auto!important;top:50%!important;
    width:17px!important;height:17px!important;transform:translateY(-50%)!important;
  }
  /* One calm, manual progress action with the approved double chevron. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action,
  body #app #view .league-page .wolf-next-fixture {
    width:min(68%,305px)!important;min-width:min(190px,100%)!important;max-width:305px!important;
    height:49px!important;min-height:49px!important;max-height:49px!important;
    margin:11px auto 3px!important;padding:7px 14px!important;gap:8px!important;
    border-radius:12px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .next-round-action .next-round-icon svg,
  body #app #view .league-page .wolf-next-fixture .next-round-icon svg {
    width:22px!important;height:22px!important;stroke:currentColor!important;filter:none!important;
  }
  @media(max-width:360px){
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat {
      padding:7px 7px 7px 26px!important;gap:1px!important;
    }
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats>.stat::before,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats>.stat::before {
      left:6px!important;width:14px!important;height:14px!important;
    }
  }
}


/* recovery2112 — Winner throne neon: live page only (not saved sheets). */
body #app #view .wolf-royal-throne-page .wolf-throne-frame {
  background-color:#0C2039!important;
  background-image:linear-gradient(90deg,rgba(8,22,41,.30),rgba(8,22,41,.52) 50%,rgba(8,22,41,.30)),url("../assets/background-neon-dark.svg"),linear-gradient(160deg,#102B45,#091B30)!important;
  background-size:100% 100%,100% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
}
body.burgundy #app #view .wolf-royal-throne-page .wolf-throne-frame {
  background-color:#431A2B!important;
  background-image:linear-gradient(90deg,rgba(50,18,33,.27),rgba(50,18,33,.51) 50%,rgba(50,18,33,.27)),url("../assets/background-neon-burgundy.svg"),linear-gradient(160deg,#472032,#331321)!important;
}
body.light #app #view .wolf-royal-throne-page .wolf-throne-frame {
  background-color:#F3E7D3!important;
  background-image:linear-gradient(90deg,rgba(247,237,219,.35),rgba(247,237,219,.61) 50%,rgba(247,237,219,.35)),url("../assets/background-neon-light.svg"),linear-gradient(160deg,#F7EDDD,#EEE0C7)!important;
}



/* recovery2114 — Compact fixture rhythm and genuinely aligned summary tiles.
   Device photo IMG_4127: the older 82px bye wrapper + 10px top/bottom
   margins escaped the generic 2111 fixture rule (more specific selector).
   Fix the actual #matches display as well: 'gap' did nothing in block layout.
   Purely presentational: no participant, result, queue or export semantics. */
@layer identity {
  /* Equal 8px rhythm, including the final automatic qualification row. */
  body #app #view .quick-normal-page:not(.has-quick-champion) .match-panel #matches {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    row-gap:8px!important;
    min-width:0!important;
    width:100%!important;
  }
  body #app #view .quick-normal-page .match-panel #matches > .match {
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:54px!important;
    margin:0!important;
    margin-block:0!important;
    padding-block:1px!important;
  }
  body #app #view .quick-normal-page .match-panel #matches > .match.quick-bye-match {
    display:flex!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    max-height:none!important;
    margin:0!important;
    margin-block:0!important;
    padding:1px 0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app #view .quick-normal-page .match-panel #matches > .match.quick-bye-match > .quick-bye-inline {
    align-items:center!important;
    min-height:0!important;
    height:100%!important;
    gap:6px!important;
  }
  body #app #view .quick-normal-page .match-panel #matches > .match.quick-bye-match > .quick-bye-inline > :is(.quick-bye-card,.quick-bye-status) {
    min-height:48px!important;
    height:48px!important;
    max-height:52px!important;
    margin:0!important;
    padding:5px 6px!important;
  }

  /* Smaller equal statistic tiles, numbers and captions on ONE aligned row.
     Their existing SVG masks are kept, centered vertically on their own lane. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(100%,350px)!important;
    max-width:350px!important;
    gap:8px!important;
    margin:10px auto 7px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat {
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    column-gap:5px!important;
    min-width:0!important;
    width:100%!important;
    min-height:49px!important;
    height:49px!important;
    max-height:49px!important;
    padding:5px 7px 5px 27px!important;
    margin:0!important;
    border-radius:12px!important;
    position:relative!important;
    overflow:hidden!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > span,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > span {
    order:1!important;
    flex:0 1 auto!important;
    font:750 clamp(11px,3.0vw,13px)/1.2 WolfTajawal,Tajawal,sans-serif!important;
    white-space:normal!important;
    margin:0!important;
    text-align:center!important;
    min-width:0!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > b,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > b {
    order:2!important;
    flex:0 0 auto!important;
    font:850 clamp(17px,4.2vw,20px)/1.1 WolfTajawal,Tajawal,sans-serif!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat::before,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat::before {
    position:absolute!important;
    top:50%!important;
    left:7px!important;
    right:auto!important;
    width:17px!important;
    height:17px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    flex:none!important;
  }
  @media(max-width:360px){
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat {
      padding-left:23px!important;
      padding-right:5px!important;
      column-gap:3px!important;
    }
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat::before,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat::before {
      left:5px!important;
      width:14px!important;
      height:14px!important;
    }
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat > span,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat > span {
      font-size:10.5px!important;
    }
  }
}


/* recovery2115 — league start follows Quick and KO progression button geometry. */
@layer identity {
  body #app #view .knockout-page .smart-entry-hint:empty{display:none!important;}
  body #app #view .league-page .league-start-area{
    display:flex!important;justify-content:center!important;align-items:center!important;
    margin:8px 0 9px!important;padding:0!important;
  }
  body #app #view .league-page .league-start-area > .league-start-button.next-round-action{
    box-sizing:border-box!important;display:inline-flex!important;flex-flow:row nowrap!important;
    direction:rtl!important;justify-content:center!important;align-items:center!important;
    gap:9px!important;width:62%!important;min-width:min(210px,100%)!important;
    max-width:340px!important;height:54px!important;min-height:54px!important;max-height:56px!important;
    padding:9px 15px!important;margin:2px auto!important;
    color:var(--ui-ink)!important;-webkit-text-fill-color:var(--ui-ink)!important;
    font:750 clamp(15px,3.7vw,17px)/1.2 WolfTajawal,Tajawal,Arial,sans-serif!important;
    white-space:nowrap!important;border:1px solid var(--ui-accent)!important;
    border-radius:14px!important;background:var(--ui-inner)!important;
    background-image:none!important;text-shadow:none!important;
    box-shadow:0 0 12px rgba(var(--ui-rgb),.20)!important;
  }
  body #app #view .league-page .league-start-area > .league-start-button.next-round-action > span.next-round-label{
    font:inherit!important;line-height:1.2!important;color:var(--ui-ink)!important;
  }
  body #app #view .league-page .league-start-area > .league-start-button.next-round-action > span.next-round-icon{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 21px!important;width:21px!important;height:21px!important;
    color:var(--ui-accent)!important;
  }
  body #app #view .league-page .league-start-area > .league-start-button.next-round-action > span.next-round-icon svg{
    display:block!important;width:21px!important;height:21px!important;stroke:currentColor!important;
  }
  body #app #view .league-page .league-start-area > .league-start-button.next-round-action:disabled{
    opacity:.76!important;box-shadow:none!important;cursor:not-allowed!important;
  }
}


/* recovery2117 — Same-size competition summary tiles in all modes.
   The inherited .stat.green-specific declarations had higher specificity
   than the generic .stat declarations, so the remaining counter could grow
   taller than its total-player sibling. Set BOTH explicitly to one geometry.
   Keep the established Total Players typography, colors and icons intact. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:52px!important;
    align-items:stretch!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat.green,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat.green {
    box-sizing:border-box!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
    flex:none!important;
    gap:6px!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:7px 9px 7px 29px!important;
    margin:0!important;
    border-radius:11px!important;
    overflow:visible!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > :is(.stat,.stat.green) > b,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > :is(.stat,.stat.green) > b {
    font:800 clamp(18px,4.8vw,22px)/1.2 WolfTajawal,Tajawal,sans-serif!important;
    flex:0 0 auto!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > :is(.stat,.stat.green) > span,
  body #app #view .league-page #leagueLiveBoard .stats.competition-stats > :is(.stat,.stat.green) > span {
    font:750 clamp(11px,3vw,13px)/1.25 WolfTajawal,Tajawal,sans-serif!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    min-width:0!important;
    text-align:center!important;
  }
  @media(max-width:359px) {
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat,
    body #app #view :is(.quick-normal-page,.knockout-page,.league-page) .stats.competition-stats > .stat.green,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat,
    body #app #view .league-page #leagueLiveBoard .stats.competition-stats > .stat.green {
      padding:6px 6px 6px 23px!important;
      gap:4px!important;
    }
  }
}

/* recovery2121 — Compact win registration for individual Carrom/Luno pages.
   Retain official theme tokens, native date/time semantics and all write/export gates.
   No arrow/accordion on count and latest-three rows. */
@layer identity {
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 {
    padding:12px 14px!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121>h2 {
    margin:0 0 7px!important;
    font-size:clamp(19px,4.6vw,22px)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-royal-entry-form {
    gap:8px!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-player-fields {
    gap:7px!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-main-field {
    gap:4px!important;
    line-height:1.3!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-royal-entry-form :is(#rname,#rmember) {
    min-height:42px!important;height:42px!important;
    font-size:clamp(15px,3.8vw,17px)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-event-row {
    gap:10px!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-event-label {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:6px!important;white-space:nowrap!important;
    font-size:clamp(12px,3.4vw,15px)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-event-label :is(.wolf-record-event-symbol,.hs-icon svg) {
    width:16px!important;height:16px!important;flex:0 0 16px!important;
    color:var(--ui-accent)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-event-label .hs-icon {
    display:inline-flex!important;width:16px!important;height:16px!important;align-items:center!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-royal-entry-form :is(#rdateNative,#rtimeNative) {
    height:40px!important;min-height:40px!important;
    padding:5px 4px!important;
    font-size:clamp(12px,3.35vw,15px)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-count-inline {
    background:var(--ui-inner)!important;
    border:1px solid rgba(var(--ui-rgb),.4)!important;
    border-radius:11px!important;
    padding:8px 10px!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-count-inline .wolf-record-count-label {
    display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:space-between!important;
    gap:12px!important;
    font-size:clamp(14px,3.6vw,16px)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 #rwinCount {
    box-sizing:border-box!important;
    min-width:70px!important;max-width:102px!important;width:92px!important;
    min-height:38px!important;height:38px!important;
    padding:4px 8px!important;
    text-align:center!important;direction:ltr!important;
    font:750 18px/1.2 Tajawal,Arial,sans-serif!important;
    border-radius:10px!important;border:1.25px solid var(--ui-accent)!important;
    background:var(--ui-surface)!important;color:var(--ui-ink)!important;
    -webkit-appearance:textfield!important;appearance:textfield!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 #rwinCount::-webkit-inner-spin-button,
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 #rwinCount::-webkit-outer-spin-button {
    -webkit-appearance:none!important;appearance:none!important;margin:0!important;display:none!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-save-menu {
    margin:0!important;min-width:0!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-save-toggle {
    display:flex!important;align-items:center!important;justify-content:center!important;
    list-style:none!important;cursor:pointer!important;
    min-height:47px!important;height:47px!important;width:100%!important;
    border-radius:12px!important;gap:8px!important;
    font-size:clamp(16px,4.2vw,18px)!important;
    box-shadow:0 0 12px rgba(var(--ui-rgb),.3)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-save-toggle::-webkit-details-marker {display:none!important;}
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-save-toggle::marker {content:'';}
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-save-options {
    display:grid!important;grid-template-columns:1fr!important;
    gap:7px!important;padding:9px!important;margin-top:7px!important;
    background:var(--ui-inner)!important;
    border:1px solid rgba(var(--ui-rgb),.45)!important;
    border-radius:12px!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-save-options>.action {
    min-height:42px!important;height:42px!important;
    padding:6px 12px!important;margin:0!important;border-radius:10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:8px!important;font-size:clamp(14px,3.75vw,16px)!important;
  }
  body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-save-options .record-action-icon {
    width:18px!important;height:18px!important;flex:0 0 18px!important;
  }
  body #app #view .wolf-current-month-game .wolf-royal-game-recent {
    padding:11px 12px!important;
  }
  body #app #view .wolf-current-month-game .wolf-royal-game-recent>h2 {
    margin:0 0 8px!important;
    font-size:clamp(18px,4.6vw,21px)!important;
  }
  body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-royal-ledger-row {
    min-height:0!important;padding:8px 10px!important;gap:7px!important;
  }
  body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-ledger-player {
    font-size:clamp(16px,4vw,18px)!important;line-height:1.3!important;
  }
  body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-ledger-meta,
  body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-ledger-date,
  body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-ledger-audit-inline {
    font-size:clamp(12px,3.2vw,14px)!important;line-height:1.35!important;
    color:var(--ui-muted)!important;
  }
  body #app #view .wolf-current-month-game .wolf-royal-game-recent .wolf-ledger-audit-inline {
    display:block!important;margin-top:2px!important;
  }
  @media(max-width:359px) {
    body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-count-inline .wolf-record-count-label {gap:5px!important;}
    body #app #view .wolf-current-month-game .wolf-compact-entry-2121 #rwinCount {width:76px!important;}
    body #app #view .wolf-current-month-game .wolf-compact-entry-2121 .wolf-record-event-label {font-size:12px!important;}
  }
}


/* recovery2123 — overall record: RTL Carrom | Luno | All, compact rows, single save page. */
@layer identity {
 body #app #view .wolf-monthly-combined-current .wolf-overall-main-view[hidden],
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-page[hidden]{display:none!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-main-view{display:grid!important;gap:10px!important;min-width:0!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-tabs-2123{direction:rtl!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-tabs-2123>button{min-width:0!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-main{width:100%!important;margin:4px 0 0!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-main-button{
  display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;
  gap:10px!important;width:100%!important;min-height:51px!important;height:51px!important;
  padding:7px 12px!important;margin:0!important;border-radius:14px!important;
  background:var(--ui-inner)!important;color:var(--ui-ink)!important;
  border:1.5px solid var(--ui-accent)!important;box-shadow:0 0 16px rgba(var(--ui-rgb),.28)!important;
  font-size:clamp(16px,4.25vw,19px)!important;font-weight:850!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-main-button .record-action-icon{width:21px!important;height:21px!important;flex:0 0 21px!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-history-2123{display:grid!important;gap:8px!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-history-2123>h2{margin:0 0 7px!important;font-size:clamp(19px,4.7vw,23px)!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-history-2123 .wolf-royal-ledger-row{min-height:0!important;padding:9px 11px!important;gap:8px!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-history-2123 .wolf-ledger-player{font-size:clamp(17px,4.3vw,20px)!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-history-2123 :is(.wolf-ledger-meta,.wolf-ledger-date,.wolf-ledger-audit-inline){font-size:clamp(12px,3.2vw,14px)!important;line-height:1.35!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-page{
  display:grid!important;gap:11px!important;min-width:0!important;
  box-sizing:border-box!important;padding:16px 13px!important;border-radius:18px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-page>h2{margin:0!important;font-size:clamp(20px,5vw,24px)!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-back{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:44px!important;padding:6px 10px!important;margin:0!important;font-size:clamp(14px,3.6vw,16px)!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-back>.navigation-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-hint{margin:0!important;font-size:clamp(13px,3.4vw,15px)!important;line-height:1.45!important;color:var(--ui-muted)!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-choices{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin:0!important;padding:0!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-choices>.wolf-combined-save-option{height:auto!important;min-height:67px!important;max-height:none!important;padding:9px 12px!important;}
 body #app #view .wolf-monthly-combined-current .wolf-overall-save-choices>.wolf-combined-save-option b{font-size:clamp(15px,3.9vw,18px)!important;}
}


/* recovery2124 — admin record image save dialogs use the same visual hierarchy as quick-save. */
@layer identity {
 body .wolf-admin-save-dialog.quick-save-dialog {
   display:block; box-sizing:border-box; position:fixed;
   width:min(90vw,440px)!important; max-width:440px!important;
   max-height:min(83dvh,720px)!important; overflow-y:auto!important; overscroll-behavior:contain;
   margin:auto!important; padding:20px 16px 17px!important;
   border:1.7px solid var(--ui-accent)!important; border-radius:21px!important;
   background:var(--ui-surface)!important; color:var(--ui-ink)!important;
   box-shadow:0 0 26px rgba(var(--ui-rgb),.42),inset 0 1px 0 rgba(255,255,255,.08)!important;
 }
 body .wolf-admin-save-dialog.quick-save-dialog:not([open]){display:none!important;}
 body .wolf-admin-save-dialog.quick-save-dialog::backdrop{background:rgba(1,7,19,.78)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);}
 body .wolf-admin-save-dialog.quick-save-dialog h2{
   font-size:clamp(24px,6vw,29px)!important;line-height:1.24!important;
   margin:0 0 11px!important;text-align:center!important;color:var(--ui-ink)!important;font-weight:850!important;
 }
 body .wolf-admin-save-dialog.quick-save-dialog .notice{
   font-size:clamp(14px,3.75vw,17px)!important;line-height:1.5!important;
   color:var(--ui-muted)!important;margin:0!important;text-align:center!important;
 }
 body .wolf-admin-save-dialog.quick-save-dialog .wolf-admin-save-choices{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   gap:10px!important;margin-top:18px!important;
 }
 body .wolf-admin-save-dialog.quick-save-dialog .wolf-admin-save-choices>.action{
   width:100%!important;min-height:57px!important;height:auto!important;
   display:flex!important;justify-content:center!important;align-items:center!important;
   gap:12px!important;padding:12px 14px!important;
   border:1.5px solid var(--ui-accent)!important;border-radius:15px!important;
   background:var(--ui-inner)!important;color:var(--ui-ink)!important;
   box-shadow:0 0 13px rgba(var(--ui-rgb),.3),inset 0 1px 0 rgba(255,255,255,.05)!important;
   font-size:clamp(17px,4.3vw,20px)!important;font-weight:800!important;line-height:1.3!important;
 }
 body .wolf-admin-save-dialog.quick-save-dialog .wolf-admin-save-choices>.action .record-action-icon {
   color:var(--ui-accent)!important;width:23px!important;height:23px!important;flex:0 0 23px!important;
 }
 body .wolf-admin-save-dialog.quick-save-dialog .wolf-admin-save-close {margin-top:3px!important;}
 body #app #view .wolf-current-month-game .wolf-admin-game-save-trigger,
 body #app #view .wolf-archive-modern .wolf-admin-archive-save-trigger{
   display:flex!important;align-items:center!important;justify-content:center!important;
   gap:10px!important;min-height:48px!important;width:100%!important;border-radius:13px!important;
 }
 body #app #view .wolf-current-month-game .wolf-admin-form-submit-proxy {display:none!important;}
}


/* recovery2125 — all admin records: one visible pane, six-row batches, shared royal archive. */
@layer identity {
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-current-month-game,.wolf-staff-record-detail) [hidden],
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-current-month-game,.wolf-staff-record-detail) [data-wolf-section][hidden],
 body #app #view .wolf-staff-record-detail [data-staff-archive-pane][hidden],
 body #app #view .wolf-staff-record-detail [data-staff-record-pane][hidden] {display:none!important;}
 body #app #view .wolf-record-content-tabs {
   direction:rtl!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:9px!important;min-width:0!important;margin:8px 0 12px!important;
 }
 body #app #view .wolf-record-content-tabs>button {
   min-width:0!important;min-height:49px!important;padding:9px 6px!important;
   background:var(--ui-inner)!important;color:var(--ui-ink)!important;
   border:1.5px solid rgba(var(--ui-rgb),.58)!important;border-radius:13px!important;
   font:800 clamp(13px,3.5vw,17px)/1.32 Tajawal,system-ui,sans-serif!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
 }
 body #app #view .wolf-record-content-tabs>button[aria-selected="true"]{
   border-color:var(--ui-accent)!important;
   background:linear-gradient(145deg,rgba(var(--ui-rgb),.19),var(--ui-inner) 75%)!important;
   box-shadow:0 0 14px rgba(var(--ui-rgb),.24),inset 0 0 9px rgba(var(--ui-rgb),.07)!important;
 }
 body #app #view .wolf-record-content-tabs>button:focus-visible {outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;}
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-staff-record-detail) .wolf-record-royal-ledger{
   box-sizing:border-box!important;min-width:0!important;padding:12px!important;
   border:1.5px solid rgba(var(--ui-rgb),.68)!important;border-radius:18px!important;
   background:linear-gradient(145deg,rgba(var(--ui-rgb),.115),var(--ui-surface) 57%)!important;
   box-shadow:0 0 17px rgba(var(--ui-rgb),.15),inset 0 1px 0 rgba(255,255,255,.055)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-staff-record-detail) .wolf-record-royal-ledger :is(.wolf-royal-ledger-row,.wolf-archive-history-list .wolf-staff-win){
   min-height:0!important;padding:10px 12px!important;margin:0!important;
   border:1.3px solid rgba(var(--ui-rgb),.7)!important;border-radius:14px!important;
   background:linear-gradient(95deg,rgba(var(--ui-rgb),.12),var(--ui-inner) 65%)!important;
   box-shadow:0 0 11px rgba(var(--ui-rgb),.12),inset 0 0 9px rgba(var(--ui-rgb),.05)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-staff-record-detail) .wolf-record-royal-ledger .wolf-ledger-player{
   font-size:clamp(18px,4.4vw,22px)!important;font-weight:850!important;
 }
 body #app #view .wolf-archive-modern .wolf-archive-index-card {display:flex!important;flex-direction:column!important;gap:10px!important;}
 body #app #view .wolf-archive-modern .wolf-archive-month-stats{order:1!important;}
 body #app #view .wolf-archive-modern .wolf-archive-search-block{order:2!important;}
 body #app #view .wolf-archive-modern .wolf-archive-period-grid{order:3!important;}
 body #app #view .wolf-archive-modern .wolf-archive-period-status{order:4!important;}
 body #app #view .wolf-archive-modern .wolf-archive-save-area{order:5!important;}
 body #app #view .wolf-archive-modern .wolf-archive-tabs{order:6!important;margin:0!important;direction:rtl!important;}
 body #app #view .wolf-archive-modern .wolf-archive-active-content{order:7!important;min-width:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-content-pane .wolf-record-section-title{margin:0 0 10px!important;}
 body #app #view .wolf-record-content-tabs+section.wolf-record-royal-ledger{margin-top:0!important;}
}


/* recovery2128 — Duplicate name notice, independent from Safari native alerts.
   This dialog is mounted under body and uses the same three approved skins. */
body .wolf-duplicate-name-dialog {
  --duplicate-bg:#071727;
  --duplicate-neon:#378FFD;
  --duplicate-rgb:55,143,253;
  --duplicate-ink:#DDE7F9;
  position:fixed!important;
  inset:0!important;
  box-sizing:border-box!important;
  margin:auto!important;
  width:calc(100% - 36px)!important;
  max-width:360px!important;
  min-width:0!important;
  height:max-content!important;
  max-height:calc(100dvh - 50px)!important;
  overflow:auto!important;
  padding:22px 18px 18px!important;
  border:1.8px solid var(--duplicate-neon)!important;
  border-radius:18px!important;
  background:var(--duplicate-bg)!important;
  background-image:none!important;
  color:var(--duplicate-ink)!important;
  font:inherit!important;
  font-family:Tajawal,system-ui,sans-serif!important;
  text-align:center!important;
  box-shadow:0 0 12px rgba(var(--duplicate-rgb),.46),0 0 24px rgba(var(--duplicate-rgb),.16),inset 0 0 12px rgba(var(--duplicate-rgb),.07)!important;
  z-index:2147483000!important;
}
body.burgundy .wolf-duplicate-name-dialog {
  --duplicate-bg:#290B19;
  --duplicate-neon:#F8FAF9;
  --duplicate-rgb:248,250,249;
  --duplicate-ink:#F4F6F5;
}
body.light .wolf-duplicate-name-dialog {
  --duplicate-bg:#E8DDC9;
  --duplicate-neon:#B58430;
  --duplicate-rgb:181,132,48;
  --duplicate-ink:#382812;
}
body .wolf-duplicate-name-dialog::backdrop {
  background:rgba(3,7,17,.72)!important;
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
body .wolf-duplicate-name-dialog .wolf-duplicate-name-message {
  margin:4px 0 18px!important;
  padding:0!important;
  color:var(--duplicate-ink)!important;
  -webkit-text-fill-color:var(--duplicate-ink)!important;
  font:800 clamp(21px,5vw,25px)/1.4 Tajawal,system-ui,sans-serif!important;
}
body .wolf-duplicate-name-dialog .wolf-duplicate-name-close {
  box-sizing:border-box!important;
  width:100%!important;
  min-height:45px!important;
  margin:0!important;
  padding:9px 16px!important;
  border:1.5px solid var(--duplicate-neon)!important;
  border-radius:12px!important;
  background:var(--duplicate-bg)!important;
  color:var(--duplicate-ink)!important;
  -webkit-text-fill-color:var(--duplicate-ink)!important;
  font:800 18px/1.4 Tajawal,system-ui,sans-serif!important;
  box-shadow:0 0 10px rgba(var(--duplicate-rgb),.18)!important;
  cursor:pointer!important;
}
body .wolf-duplicate-name-dialog .wolf-duplicate-name-close:focus-visible {
  outline:2px solid var(--duplicate-neon)!important;
  outline-offset:3px!important;
}


/* recovery2131 — Control Panel is the untouched *navigation card* reference.
   Apply its consistent 46px icon/30px glyph, grid placement, heights, spacing,
   and theme contrast to OTHER secondary navigation pages only.  Do not apply
   any of these card selectors to .wolf-control-menu or home/main competition
   fixtures, registration forms, results, export artwork, or match controls. */
@layer identity {
  body #app #view.wolf-layout-page {
    --wolf-ref-nav-icon:46px;
    --wolf-ref-nav-glyph:30px;
    --wolf-ref-nav-arrow:24px;
    --wolf-ref-nav-accent:#378FFD;
    --wolf-ref-nav-rgb:55,143,253;
  }
  body.burgundy #app #view.wolf-layout-page {
    --wolf-ref-nav-accent:#F8FAF9;
    --wolf-ref-nav-rgb:248,250,249;
  }
  body.light #app #view.wolf-layout-page {
    --wolf-ref-nav-accent:#B58430;
    --wolf-ref-nav-rgb:181,132,48;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu,
    .records-menu-page > .records-vertical,
    .tournament-hub-page > .tournament-modes
  ) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
    min-width:0!important;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:var(--wolf-ref-nav-icon) minmax(0,1fr) var(--wolf-ref-nav-arrow)!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    direction:ltr!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:82px!important;
    padding:11px 14px!important;
    column-gap:12px!important;
    row-gap:0!important;
    border-radius:17px!important;
  }
  /* The icon border and the SVG artwork are separate sizes.  Earlier rules
     shrank the artwork or pinned it to the bottom of the square on iPhone. */
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) > :is(.home-icon,.records-admin-tool-icon,.record-visual.record-visual-icon,.mode-icon,.mode-card-icon) {
    position:static!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:center!important;
    align-self:center!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 var(--wolf-ref-nav-icon)!important;
    width:var(--wolf-ref-nav-icon)!important;
    height:var(--wolf-ref-nav-icon)!important;
    min-width:var(--wolf-ref-nav-icon)!important;
    min-height:var(--wolf-ref-nav-icon)!important;
    max-width:var(--wolf-ref-nav-icon)!important;
    max-height:var(--wolf-ref-nav-icon)!important;
    padding:4px!important;
    margin:0!important;
    overflow:visible!important;
    border:1.5px solid var(--wolf-ref-nav-accent)!important;
    border-radius:12px!important;
    background:var(--ui-inner)!important;
    color:var(--wolf-ref-nav-accent)!important;
    box-shadow:inset 0 0 7px rgba(var(--wolf-ref-nav-rgb),.08),
       0 0 9px rgba(var(--wolf-ref-nav-rgb),.26)!important;
  }
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card.record-wide
     > .record-visual.record-visual-icon > :is(.record-symbol,.record-action-icon),
  body #app #view.wolf-layout-page .tournament-hub-page > .tournament-modes > .mode-card
     > .mode-icon > :is(.mode-svg) {
    position:static!important;
    inset:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    flex:none!important;
    width:var(--wolf-ref-nav-glyph)!important;
    height:var(--wolf-ref-nav-glyph)!important;
    min-width:0!important;min-height:0!important;
    max-width:var(--wolf-ref-nav-glyph)!important;
    max-height:var(--wolf-ref-nav-glyph)!important;
    margin:0!important;padding:0!important;
    overflow:visible!important;
    color:var(--wolf-ref-nav-accent)!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) > :is(.home-icon,.records-admin-tool-icon,.record-visual.record-visual-icon,.mode-icon,.mode-card-icon) svg {
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:block!important;
    box-sizing:border-box!important;
    flex:none!important;
    width:var(--wolf-ref-nav-glyph)!important;
    height:var(--wolf-ref-nav-glyph)!important;
    min-width:0!important;min-height:0!important;
    max-width:var(--wolf-ref-nav-glyph)!important;
    max-height:var(--wolf-ref-nav-glyph)!important;
    margin:0!important;padding:0!important;
    overflow:visible!important;
    opacity:1!important;
    color:var(--wolf-ref-nav-accent)!important;
    stroke:currentColor!important;
    stroke-width:2.35!important;
    filter:drop-shadow(0 0 2px rgba(var(--wolf-ref-nav-rgb),.38))!important;
  }
  /* Do not reintroduce the bottom-cropped decorative pseudo artwork. */
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card
     > .record-visual.record-visual-icon > :is(.record-symbol,.record-action-icon)::before,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card
     > .record-visual.record-visual-icon > :is(.record-symbol,.record-action-icon)::after {
    content:none!important;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) > :is(.menu-copy,.record-copy,.mode-copy) {
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    margin:0!important;padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    direction:rtl!important;
    text-align:right!important;
    gap:3px!important;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) > :is(.menu-copy,.record-copy,.mode-copy) > b {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(19px,4.8vw,22px)!important;
    font-weight:750!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    color:var(--ui-ink)!important;
    text-align:right!important;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) > :is(.menu-copy,.record-copy,.mode-copy) > small,
  body #app #view.wolf-layout-page .records-menu-page > .records-vertical > .record-card.record-wide .record-copy small {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(14px,3.7vw,16px)!important;
    font-weight:550!important;
    line-height:1.4!important;
    color:var(--ui-muted)!important;
    text-align:right!important;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) > :is(.menu-chevron,.mode-arrow) {
    position:static!important;
    inset:auto!important;
    transform:none!important;
    grid-column:3!important;
    grid-row:1!important;
    justify-self:center!important;
    display:grid!important;
    place-items:center!important;
    width:var(--wolf-ref-nav-arrow)!important;
    height:var(--wolf-ref-nav-arrow)!important;
    margin:0!important;padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:var(--wolf-ref-nav-accent)!important;
  }
  body #app #view.wolf-layout-page :is(
    .management-hub-page > .team-hub-menu > .menu-row,
    .records-menu-page > .records-vertical > .record-card.record-wide,
    .tournament-hub-page > .tournament-modes > .mode-card
  ) > :is(.menu-chevron,.mode-arrow) svg {
    display:block!important;
    width:var(--wolf-ref-nav-arrow)!important;
    height:var(--wolf-ref-nav-arrow)!important;
    color:inherit!important;
    stroke:currentColor!important;
    filter:drop-shadow(0 0 2px rgba(var(--wolf-ref-nav-rgb),.35))!important;
  }
  @media (max-width:359px) {
    body #app #view.wolf-layout-page {--wolf-ref-nav-icon:44px;--wolf-ref-nav-glyph:28px;--wolf-ref-nav-arrow:22px;}
    body #app #view.wolf-layout-page :is(
      .management-hub-page > .team-hub-menu > .menu-row,
      .records-menu-page > .records-vertical > .record-card.record-wide,
      .tournament-hub-page > .tournament-modes > .mode-card
    ) {grid-template-columns:var(--wolf-ref-nav-icon) minmax(0,1fr) var(--wolf-ref-nav-arrow)!important;column-gap:9px!important;padding:10px!important;}
  }
}

/* recovery2131 — Typography ONLY for the explicitly selected titles:
   «لوحة التحكم» and «قاعة التتويج».  The control-menu cards are not touched. */
@layer identity {
  body #app #view.wolf-layout-page .mode-page-title.wolf-type-refine-title .royal-reference-lettering,
  body #app #view.wolf-layout-page .mode-page-title.wolf-type-refine-title .royal-reference-lettering > .royal-metal-silver {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-weight:750!important;
    letter-spacing:0!important;
    line-height:1.23!important;
    filter:none!important;
  }
  body #app #view.wolf-layout-page .mode-page-title.wolf-type-refine-title .royal-reference-lettering > .royal-metal-silver {
    --wolf-clean-plaque-face:linear-gradient(180deg,#F7FAFF 0%,#E6EFF8 48%,#D4E2F2 100%);
    background-image:var(--wolf-clean-plaque-face)!important;
    -webkit-text-stroke:0!important;
    text-shadow:0 1px 1px rgba(5,13,27,.18)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }
  body.burgundy #app #view.wolf-layout-page .mode-page-title.wolf-type-refine-title .royal-reference-lettering > .royal-metal-silver {
    --wolf-clean-plaque-face:linear-gradient(180deg,#FFFFFF 0%,#F4F6F5 53%,#CDD3D2 100%);
  }
  body.light #app #view.wolf-layout-page .mode-page-title.wolf-type-refine-title .royal-reference-lettering > .royal-metal-silver {
    --wolf-clean-plaque-face:linear-gradient(180deg,#9B6E2C 0%,#755021 50%,#A77F3C 100%);
    text-shadow:none!important;
  }
  /* Channel line below the logo: clear face, no engraved drop shadow. */
  body #app #view.wolf-layout-page > .page-brand.challenge-brand.wolf-control-brand .channel.wolf-brand-channel,
  body #app #view.wolf-layout-page > .page-brand.normal-brand.honor-brand .channel.wolf-brand-channel {
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    font-size:clamp(15px,3.8vw,18px)!important;
    font-weight:700!important;
    line-height:1.38!important;
    letter-spacing:0!important;
    color:var(--ui-ink)!important;
    -webkit-text-fill-color:var(--ui-ink)!important;
    text-shadow:none!important;
  }
}


/* recovery2133 — approved visible neon BACKGROUND, balanced winner/fixture layout.
   Restricted to quick challenge, knockout and league; control panel untouched.
   Keep original winner/gold, A/B/VS layout, all buttons and match event logic. */
@layer identity {
  /* One low-contrast radial aura behind each section; no image assets, new
     decorative containers, or glow obscuring the names. Palette from theme. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow.wolf-match-search[data-wolf-mode="win"],
  body #app #view :is(.quick-normal-page,.knockout-page)
    .match-panel.wolf-fixtures-frame,
  body #app #view .league-page .league-stage.wolf-fixtures-frame {
    background:
      radial-gradient(ellipse 110% 85% at 50% 28%,rgba(var(--ui-rgb),.17),transparent 70%),
      radial-gradient(ellipse 85% 48% at 50% 103%,rgba(var(--ui-rgb),.095),transparent 79%),
      var(--ui-surface)!important;
    border:1.6px solid rgba(var(--ui-rgb),.85)!important;
    box-shadow:
      inset 0 0 23px rgba(var(--ui-rgb),.105),
      0 0 16px rgba(var(--ui-rgb),.25),
      0 5px 15px rgba(0,0,0,.10)!important;
    border-radius:19px!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  /* The editor stays compact, but no longer has the flat black-on-black look. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple {
    background:linear-gradient(180deg,rgba(var(--ui-rgb),.075),rgba(var(--ui-rgb),.015)),var(--ui-inner)!important;
    border:1px solid rgba(var(--ui-rgb),.59)!important;
    border-radius:13px!important;
    box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.065)!important;
    display:grid!important;gap:7px!important;
    min-width:0!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple>span {
    display:block!important;text-align:right!important;
    color:var(--ui-ink)!important;
    font:800 clamp(17px,4.3vw,20px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple>textarea.wolf-batch-input {
    background:linear-gradient(180deg,rgba(var(--ui-rgb),.07),transparent 80%),var(--ui-inner)!important;
    border:1.4px solid rgba(var(--ui-rgb),.69)!important;
    border-radius:12px!important;
    color:var(--ui-ink)!important;
    font:750 clamp(17px,4.3vw,19px)/1.48 WolfTajawal,Tajawal,Arial,sans-serif!important;
    box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.07),0 0 9px rgba(var(--ui-rgb),.13)!important;
    direction:rtl;text-align:right;min-width:0!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple>textarea.wolf-batch-input:focus-visible {
    outline:1.5px solid var(--ui-accent)!important;outline-offset:1px!important;
    box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.10),0 0 12px rgba(var(--ui-rgb),.34)!important;
  }
  /* Consistent rhythm and headings across quick, KO and league; do not move
     the match labels, winner buttons, round controls or byes. */
  body #app #view :is(.quick-normal-page,.knockout-page)
    .match-panel.wolf-fixtures-frame > .match-title-row {
    margin-bottom:11px!important;padding-bottom:10px!important;
    border-bottom:1px solid rgba(var(--ui-rgb),.30)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page)
    .match-panel.wolf-fixtures-frame .match-title-row h2 {
    font:800 clamp(21px,5.1vw,25px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-ink)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page)
    :is(#matches,.ko-fixture-list) {
    row-gap:10px!important;align-content:start!important;
  }
  body #app #view .league-page .league-fixtures .league-match {
    margin-bottom:9px!important;row-gap:6px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-fixtures-frame :is(.wolf-match-labels.quick-ab-labels,.wolf-league-side-labels) {
    margin-bottom:7px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-fixtures-frame :is(.wolf-match-labels.quick-ab-labels,.wolf-league-side-labels) > b {
    text-shadow:0 0 9px rgba(var(--ui-rgb),.32)!important;
  }
  /* Unambiguous inline help, with the same theme treatment. Hidden feedback
     remains hidden. No visual or functional changes to the result buttons. */
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-inline-feedback:not([hidden]) {
    border:1px solid rgba(var(--ui-rgb),.43)!important;
    background:var(--ui-inner)!important;
    color:var(--ui-ink)!important;
    box-shadow:0 0 8px rgba(var(--ui-rgb),.12)!important;
  }
}

/* recovery2136 — Knockout UI shares Quick Challenge's approved card hierarchy.
   View-only. No rules touch Quick, League, bracket state, exports or Dashboard. */
@layer identity {
  body #app #view .knockout-page.wolf-ko-quick-parity {
    display:flex!important;flex-direction:column!important;
    gap:9px!important;min-width:0!important;
  }
  /* Quick's game card contains only the four game tiles, nothing below them. */
  body #app #view .knockout-page.wolf-ko-quick-parity > .wolf-unified-game-card {
    margin:0!important;width:100%!important;min-width:0!important;
    padding:clamp(12px,3.4vw,16px)!important;
  }
  /* Event title and owner occupy the same two compact, full-width rows as
     Quick's event name/owner; the participant entry follows in this card. */
  body #app #view .knockout-page.wolf-ko-quick-parity > .wolf-unified-entry-card {
    margin:0!important;width:100%!important;min-width:0!important;
    box-sizing:border-box!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity > .wolf-unified-entry-card #koEventTitle {
    min-height:44px!important;height:auto!important;max-width:100%!important;
    padding:8px 11px!important;border-radius:12px!important;
    font:750 clamp(16px,4.1vw,18px)/1.4 WolfTajawal,Tajawal,Arial,sans-serif!important;
  }
  /* The KO board is a transparent layout wrapper, never an extra large card. */
  body #app #view .knockout-page.wolf-ko-quick-parity > #tournamentBoard {
    box-sizing:border-box!important;min-width:0!important;width:100%!important;
    margin:0!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity > #tournamentBoard[hidden],
  body #app #view .knockout-page.wolf-ko-quick-parity > .knockout-control-card[hidden] {
    display:none!important;
  }
  /* Exactly the same quiet luminous panel used by live Quick fixtures.
     Preserve round badge, byes, winner gold and existing match positioning. */
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard > .ko-current-round.match-panel.wolf-fixtures-frame {
    margin:0!important;min-width:0!important;width:100%!important;
    padding:11px 11px 13px!important;border-radius:19px!important;
    background:
      radial-gradient(ellipse 110% 85% at 50% 28%,rgba(var(--ui-rgb),.17),transparent 70%),
      radial-gradient(ellipse 85% 48% at 50% 103%,rgba(var(--ui-rgb),.095),transparent 79%),
      var(--ui-surface)!important;
    border:1.6px solid rgba(var(--ui-rgb),.85)!important;
    box-shadow:inset 0 0 23px rgba(var(--ui-rgb),.105),
      0 0 16px rgba(var(--ui-rgb),.25),0 5px 15px rgba(0,0,0,.10)!important;
  }
  /* Header and progress follow Quick's visual order: heading, progress,
     A/B labels, encounters, next-round action. */
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-current-round > .ko-round-heading.match-title-row {
    margin:0 0 8px!important;padding:0 0 9px!important;
    border-bottom:1px solid rgba(var(--ui-rgb),.30)!important;
    min-width:0!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-current-round > .quick-round-progress {
    margin:0 0 9px!important;padding:0!important;
    font:700 clamp(12px,3.3vw,14px)/1.45 WolfTajawal,Tajawal,Arial,sans-serif!important;
    color:var(--ui-muted)!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity #tournamentBoard .ko-current-round > .ko-fixture-list {
    width:100%!important;min-width:0!important;display:grid!important;
    gap:10px!important;align-content:start!important;
  }
  body #app #view .knockout-page.wolf-ko-quick-parity > .knockout-live-stats {
    margin:8px 0 3px!important;
  }
}


/* recovery2137 — all subpages inherit Honor Hall panel geometry while keeping
   the dashboard menu baseline untouched; typography inside subpage panels is
   normalized to the same visual size/weight family approved in Battle Arena
   (knockout + league). Scope excludes live match nodes, export canvases and
   dashboard navigation rows. */
@layer identity {
  #app #view {
    --wolf-subpage-panel-radius:20px;
    --wolf-subpage-panel-padding:14px;
    --wolf-subpage-panel-border:1.6px solid var(--ui-accent);
    --wolf-subpage-panel-fill:linear-gradient(160deg,rgba(var(--ui-rgb),.10),transparent 72%),linear-gradient(180deg,var(--ui-surface),var(--ui-inner));
    --wolf-subpage-panel-shadow:0 0 0 1px rgba(var(--ui-rgb),.16),0 0 18px rgba(var(--ui-rgb),.16),inset 0 0 18px rgba(var(--ui-rgb),.08);
    --wolf-subpage-heading-size:clamp(23px,5vw,26px);
    --wolf-subpage-copy-size:var(--ui-body-size,18px);
    --wolf-subpage-meta-size:var(--ui-small-size,17px);
  }

  #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,
    .honor-studio-page,.settings-page,.record-detail-page,.account-management-page,
    .backup-page,.management-hub-page)
    :is(.ui-section-card,.settings-section,.hs-panel,.account-card,
      .standalone-backup-card,.admin-activity-card,.standalone-controls-card,
      .smart-entry-card,.game-select-card,.competition-meta-card,
      .league-system-card,.league-standings-card,.knockout-control-card,
      .award-picker-card,.honor-actions-card,.card.participants,
      .wolf-record-period-card,.wolf-record-game-panel,.wolf-game-recent-card,
      .wolf-combined-ranking,.wolf-approved-all-history,.wolf-approved-total-rank,
      .wolf-record-individual-panel,.wolf-record-royal-ledger,.wolf-archive-content-pane,
      .wolf-approved-total-rank,.wolf-approved-all-history,.staff-record-view,
      .wolf-record-approved-layout,.wolf-archive-history,.wolf-staff-total-approved,
      .wolf-staff-game-approved,.wolf-combined-ranking,.wolf-resume-card) {
    border-radius:var(--wolf-subpage-panel-radius)!important;
    padding:var(--wolf-subpage-panel-padding)!important;
    border:var(--wolf-subpage-panel-border)!important;
    background:var(--wolf-subpage-panel-fill)!important;
    box-shadow:var(--wolf-subpage-panel-shadow)!important;
  }

  #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,
    .honor-studio-page,.settings-page,.record-detail-page,.account-management-page,
    .backup-page,.management-hub-page)
    :is(.ui-section-card,.settings-section,.hs-panel,.account-card,
      .standalone-backup-card,.admin-activity-card,.standalone-controls-card,
      .smart-entry-card,.game-select-card,.competition-meta-card,
      .league-system-card,.league-standings-card,.knockout-control-card,
      .award-picker-card,.honor-actions-card,.card.participants,
      .wolf-record-period-card,.wolf-record-game-panel,.wolf-game-recent-card,
      .wolf-combined-ranking,.wolf-approved-all-history,.wolf-approved-total-rank,
      .wolf-record-individual-panel,.wolf-record-royal-ledger,.wolf-archive-content-pane,
      .wolf-approved-total-rank,.wolf-approved-all-history,.staff-record-view,
      .wolf-record-approved-layout,.wolf-archive-history,.wolf-staff-total-approved,
      .wolf-staff-game-approved,.wolf-combined-ranking,.wolf-resume-card)
    > :is(h2,h3,.wolf-record-section-title,.wolf-record-recent-label) {
    font-size:var(--wolf-subpage-heading-size)!important;
    line-height:1.34!important;
    font-weight:800!important;
    letter-spacing:0!important;
    color:var(--ui-ink)!important;
    text-shadow:none!important;
    margin-block:0 10px!important;
  }

  #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,
    .honor-studio-page,.settings-page,.record-detail-page,.account-management-page,
    .backup-page,.management-hub-page)
    :is(.field-label,label,.notice,.wolf-record-search-row label,
      .wolf-batch-label,.wolf-winner-guide span,.league-calendar-hint,
      .league-date-copy small,.record-copy small,.menu-copy small,.mode-copy small,
      .record-copy span,.staff-record-row span,.record-meta,.wolf-search-results p,
      .wolf-archive-search-note,.league-bulk,.league-empty,.league-empty>b) {
    font-size:var(--wolf-subpage-meta-size)!important;
    line-height:1.55!important;
    font-weight:700!important;
  }

  #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,
    .honor-studio-page,.settings-page,.record-detail-page,.account-management-page,
    .backup-page,.management-hub-page)
    :is(input,select,textarea,.input,.action,button,.settings-action,
      .hs-button,.wolf-backup-button,.wolf-resume-card,.wolf-match-search .wolf-search-result,
      .league-calendar-summary,.wolf-win-mode button,.wolf-win-selected,
      .wolf-match-search[data-wolf-mode="win"] .wolf-search-result,
      .wolf-match-search[data-wolf-mode="win"] [data-wolf-cancel],
      .wolf-record-content-tabs button,.wolf-record-game-tabs button,
      .records-export-action,.honor-save,.record-honor-actions .action) {
    font-family:WolfTajawal,sans-serif!important;
    font-size:var(--wolf-subpage-copy-size)!important;
    line-height:1.45!important;
  }

  #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,
    .honor-studio-page,.settings-page,.record-detail-page,.account-management-page,
    .backup-page,.management-hub-page)
    :is(input,select,textarea,.input,.action,button,.settings-action,
      .hs-button,.wolf-backup-button,.league-calendar-summary,
      .wolf-record-content-tabs button,.wolf-record-game-tabs button,
      .records-export-action,.honor-save,.record-honor-actions .action) {
    min-height:var(--ui-control-height)!important;
    border-radius:15px!important;
  }

  #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,
    .honor-studio-page,.settings-page,.record-detail-page,.account-management-page,
    .backup-page,.management-hub-page)
    :is(.smart-player-input,#playerName,#leaguePlayerName,
      #eventName,#ownerName,#knockoutTitle,#knockoutOwner,.honor-page .input,
      .record-detail-page .input,.settings-page .input,.league-calendar-fields input,
      .league-calendar-panel input[type=date],.hs-input) {
    min-height:var(--ui-control-height)!important;
    border-radius:15px!important;
    font-size:var(--wolf-subpage-copy-size)!important;
    font-weight:700!important;
  }

  #app #view :is(.mode-page-title,.home-title) .royal-page-lettering {
    text-shadow:none!important;
    letter-spacing:0!important;
  }
}

/* recovery2139 — Quick is the approved source-of-truth for the live
   next-round button and the two numerical tiles. Visually reuse its centered
   proportions in Knockout and League, without changing their counters. */
@layer identity {
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .stats.competition-stats {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;gap:8px!important;justify-items:stretch!important;
    margin-inline:auto!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .stats.competition-stats > :is(.stat,.stat.green) {
    box-sizing:border-box!important;display:flex!important;
    flex-flow:row nowrap!important;align-items:center!important;
    justify-content:center!important;text-align:center!important;
    padding:7px 29px!important;margin:0!important;gap:6px!important;
    width:100%!important;min-width:0!important;height:52px!important;
    min-height:52px!important;max-height:52px!important;
    border-radius:11px!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .stats.competition-stats > :is(.stat,.stat.green) :is(b,span) {
    text-align:center!important;white-space:normal!important;min-width:0!important;
  }
  /* Same center line for Quick's next-round action, KO's next round and
     League's action; no full-width KO-only bar left-aligned in its board. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .match-actions.single {
    display:flex!important;justify-content:center!important;align-items:center!important;
    width:100%!important;margin:10px auto 5px!important;padding:0!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .match-actions.single > .next-round-action,
  body #app #view.wolf-layout-page .league-page
    .league-start-area > .league-start-button.next-round-action {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:center!important;flex-direction:row!important;gap:8px!important;
    width:78%!important;min-width:0!important;max-width:440px!important;
    min-height:54px!important;margin:5px auto!important;
    border-radius:15px!important;
  }
  body #app #view.wolf-layout-page .knockout-page.wolf-ko-quick-parity
    .ko-current-round .match-actions.single .ko-next-round {
    width:78%!important;max-width:440px!important;margin:5px auto!important;
  }
  @media(max-width:359px){
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      .stats.competition-stats > :is(.stat,.stat.green){padding-inline:23px!important;gap:4px!important;}
  }
}

/* recovery2139 — remove milky overlays from live setup cards without
   deleting the royal SVG background ribbons or reducing the theme neon. */
@layer identity {
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    > :is(.game-select-card,.smart-entry-card,.competition-meta-card,.league-setup-card) {
    background-color:var(--ui-surface)!important;
    background-image:radial-gradient(ellipse 95% 74% at 50% 4%,rgba(var(--ui-rgb),.09),transparent 75%),
      linear-gradient(165deg,var(--ui-surface),var(--ui-inner))!important;
    border-color:var(--ui-accent)!important;
    box-shadow:inset 0 0 12px rgba(var(--ui-rgb),.055),
      0 0 13px rgba(var(--ui-rgb),.24)!important;
  }
  /* Clean backdrop, no pale or white CSS overlay on the live competition view. */
  body #app #view.wolf-layout-page > :is(.quick-normal-page,.knockout-page,.league-page) {
    background-color:transparent!important;background-image:none!important;
    isolation:isolate!important;
  }
}

/* recovery2139 — final iPhone input minimum size; this is intentionally at
   the end of the last loaded live UI stylesheet, after recovery2137. */
@layer identity {
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) {
    font-size:max(16px,var(--ui-body-size,16px))!important;
    min-width:0!important;max-width:100%!important;
  }
}


/* recovery2141 — LIVE match plate geometry only. Saved photos keep the approved
   16 full-size vertical match rows and 64-name roster layout unchanged. */
@layer identity {
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(#matches,.ko-fixture-list,.league-matches,.league-round-matches,.league-fixtures)
    > :is(.match,.league-match,.competition-match) {
    min-height:0!important;height:auto!important;
    margin-block:6px!important;padding-block:3px!important;
    row-gap:6px!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.match,.league-match,.competition-match)
    > :is(.quick-player,.ko-player,.league-player,.player) {
    box-sizing:border-box!important;
    min-height:55px!important;height:auto!important;
    max-height:none!important;padding:9px 7px!important;
    border-radius:13px!important;
    font-size:clamp(17px,4.2vw,20px)!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.match,.league-match,.competition-match)
    :is(.quick-player-name,.ko-player-name,.league-player-name) {
    font-size:clamp(17px,4.2vw,20px)!important;
    font-weight:750!important;line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.match,.league-match,.competition-match)
    :is(.vs,.ko-vs,.quick-vs,.league-vs) {
    font-size:clamp(21px,5.2vw,26px)!important;line-height:1.15!important;
  }
  /* Don't scale the separate one-person automatic qualification card. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.quick-bye-match,.ko-bye-match) :is(.quick-bye-card,.ko-bye-display){
    max-height:none!important;
  }
  /* Keep the three participant editors fully inside the same screen width on
     focus; the 16px minimum prevents Safari's focus zoom. */
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-player-add-row > .smart-player-input {
    display:block!important;min-width:0!important;max-width:100%!important;
    width:100%!important;box-sizing:border-box!important;
    font-size:17px!important;-webkit-text-size-adjust:100%!important;
    resize:none!important;overflow-y:auto!important;
  }
  body.wolf-competition-entry-focus,
  body.wolf-competition-entry-focus #app,
  body.wolf-competition-entry-focus #app #view.wolf-layout-page {
    max-width:100%!important;overflow-x:clip!important;
    -webkit-text-size-adjust:100%!important;
  }
}


/* recovery2142 — root-cause correction for tall LIVE encounter cards.
   recovery2137 mistakenly selected .quick-player-name (a display-only span)
   with editable input fields and set min-height:54px on the name. Combined
   with button padding this produced ~75px tall plates and huge blank space.
   Keep input min-heights only on real inputs, and keep all saved images untouched. */
@layer identity {
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(#matches,.ko-fixture-list,.league-fixtures,.league-matches,.league-round-matches,.league-round-group)
    :is(.match,.league-match,.competition-match)
    :is(.quick-player-name,.ko-player-name,.league-player-name) {
    box-sizing:border-box!important;
    min-height:0!important;height:auto!important;max-height:none!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;
    line-height:1.35!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(#matches,.ko-fixture-list,.league-fixtures,.league-matches,.league-round-matches,.league-round-group)
    > :is(.match,.league-match,.competition-match):not(.quick-bye-match):not(.ko-bye-match) {
    box-sizing:border-box!important;
    min-height:0!important;height:auto!important;
    padding-block:2px!important;
    margin-block:0!important;
    row-gap:4px!important;
    align-items:center!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(#matches,.ko-fixture-list,.league-fixtures,.league-matches,.league-round-matches,.league-round-group)
    :is(.match,.league-match,.competition-match)
    > :is(.player,.quick-player,.ko-player,.league-player) {
    box-sizing:border-box!important;
    min-height:52px!important;
    height:auto!important;max-height:none!important;
    padding:6px 7px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    line-height:1.3!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page)
    :is(#matches,.ko-fixture-list){row-gap:8px!important;}
}


/* recovery2143 — text caret, keyboard, winner handoff. LIVE competition UI only.
   Saved match/roster export dimensions and the other pages are untouched. */
@layer identity {
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-player-add-row > textarea.smart-player-input {
    box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
    width:100%!important;height:64px!important;min-height:64px!important;max-height:64px!important;
    overflow-y:auto!important;overflow-x:hidden!important;resize:none!important;
    direction:rtl!important;text-align:right!important;unicode-bidi:normal!important;
    -webkit-text-size-adjust:100%!important;font-size:max(16px,var(--ui-body-size,17px))!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow textarea.wolf-batch-input {
    box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;
    height:112px!important;min-height:112px!important;max-height:112px!important;
    overflow-y:auto!important;overflow-x:hidden!important;resize:none!important;
    direction:rtl!important;text-align:right!important;unicode-bidi:normal!important;
    writing-mode:horizontal-tb!important;-webkit-text-size-adjust:100%!important;
    font-size:max(16px,var(--ui-body-size,17px))!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.wolf-unified-entry-card,.wolf-winner-workflow,.wolf-fixtures-frame) {
    min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
  }
}


/* recovery2144 — archive search: one border, one surface and a native-size
   WebKit search control. Applies to the user + staff archive, not exports. */
@layer identity {
  body #app #view .wolf-archive-page .wolf-record-search-field {
    display:flex!important;flex-direction:row!important;direction:rtl!important;
    align-items:center!important;gap:10px!important;
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;height:52px!important;min-height:52px!important;
    max-height:52px!important;padding:0 12px!important;margin:0!important;
    overflow:hidden!important;border:1.5px solid var(--ui-accent)!important;
    border-radius:15px!important;background:var(--ui-inner)!important;
    background-image:none!important;
    box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.06),0 0 11px rgba(var(--ui-rgb),.20)!important;
  }
  body #app #view .wolf-archive-page .wolf-record-search-field:focus-within {
    border-color:var(--ui-accent)!important;
    box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.08),0 0 0 1px rgba(var(--ui-rgb),.34),0 0 14px rgba(var(--ui-rgb),.22)!important;
  }
  body #app #view .wolf-archive-page .wolf-record-search-field > input.wolf-record-search-input {
    display:block!important;flex:1 1 0%!important;min-width:0!important;max-width:100%!important;
    width:100%!important;height:48px!important;min-height:0!important;max-height:48px!important;
    margin:0!important;padding:0 2px!important;
    box-sizing:border-box!important;
    background:transparent!important;background-color:transparent!important;
    background-image:none!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;outline:none!important;
    -webkit-appearance:none!important;appearance:none!important;
    font-family:var(--ui-font)!important;font-size:17px!important;line-height:1.4!important;
    font-weight:600!important;color:var(--ui-ink)!important;
    direction:rtl!important;text-align:right!important;
    -webkit-text-size-adjust:100%!important;
  }
  body #app #view .wolf-archive-page .wolf-record-search-field > input.wolf-record-search-input:focus {
    background:transparent!important;border:0!important;box-shadow:none!important;
    outline:none!important;
  }
  body #app #view .wolf-archive-page .wolf-record-search-field > input.wolf-record-search-input::placeholder {
    color:var(--ui-muted)!important;opacity:1!important;
  }
  body #app #view .wolf-archive-page .wolf-record-search-field > svg.wolf-record-search-glyph {
    display:block!important;flex:0 0 23px!important;width:23px!important;height:23px!important;
    min-width:23px!important;max-width:23px!important;min-height:23px!important;max-height:23px!important;
    align-self:center!important;position:static!important;color:var(--ui-accent)!important;
    fill:none!important;stroke:currentColor!important;filter:none!important;
  }
  body #app #view .wolf-archive-page .wolf-record-search-field > .wolf-record-search-clear:not([hidden]) {
    display:grid!important;place-items:center!important;flex:0 0 38px!important;
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
    padding:8px!important;margin:0!important;border:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  body #app #view .wolf-archive-page .wolf-record-search-field > .wolf-record-search-clear[hidden]{display:none!important;}
}

/* recovery2144 — records only. Remove milky overlays/diagonal semiopaque
   highlights from the LIVE record rows, keeping theme-colored borders and
   restrained rim neon. No winner-color or export changes. */
@layer identity {
  body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-current-month-game,.wolf-staff-record-detail)
    :is(.wolf-record-royal-ledger,.wolf-archive-content-pane,.wolf-overall-history-2123) {
    background:var(--ui-surface)!important;background-image:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    box-shadow:0 0 13px rgba(var(--ui-rgb),.18),inset 0 0 9px rgba(var(--ui-rgb),.035)!important;
  }
  body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-current-month-game,.wolf-staff-record-detail)
    :is(.recent-win-card.wolf-royal-ledger-row,.wolf-archive-history-list .wolf-staff-win) {
    background:var(--ui-inner)!important;background-image:none!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border-color:rgba(var(--ui-rgb),.65)!important;
    box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.045),0 0 8px rgba(var(--ui-rgb),.10)!important;
  }
  body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-current-month-game,.wolf-staff-record-detail)
    :is(.recent-win-card.wolf-royal-ledger-row,.wolf-archive-history-list .wolf-staff-win)::before,
  body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-page,.wolf-current-month-game,.wolf-staff-record-detail)
    :is(.recent-win-card.wolf-royal-ledger-row,.wolf-archive-history-list .wolf-staff-win)::after {
    content:none!important;display:none!important;
  }
}

/* recovery2144 — iPhone Safari/WebKit: 14px / 15px focusable text fields
   caused native auto zoom, which can persist after single-page navigation.
   Prevent that auto-focus trigger without disabling the user's pinch zoom.
   This does not change the viewport meta or invoke scrollTo/reset-scale JS. */
@supports (-webkit-touch-callout:none) {
  @layer identity {
    html body #app :is(
      input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
      select,textarea,[contenteditable="true"]
    ) {
      font-size:max(16px,1em)!important;
      -webkit-text-size-adjust:100%!important;
    }
    html body #app :is(button,[role="button"],.action,.menu-row,.record-card,.mode-card){
      touch-action:manipulation;
    }
  }
}


/* recovery2145 — approved 4-note iPhone/live-card batch.  Geometry and
   backgrounds only: export canvases, gold winners and game art are untouched. */
@layer identity {
  /* Never add layout height on a keyboard transition: the native visual
     viewport already knows how much of the screen remains visible. */
  html.wolf-keyboard-open,body.wolf-keyboard-open #app,
  body.wolf-competition-entry-focus #app {
    scroll-padding-bottom:0!important;
  }
  body.wolf-keyboard-open #app {padding-bottom:0!important;}
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-player-add-row > textarea.smart-player-input {
    min-height:60px!important;max-height:60px!important;height:60px!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    resize:none!important;direction:rtl!important;text-align:right!important;
    font-size:17px!important;line-height:1.4!important;
    -webkit-text-size-adjust:100%!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-player-add-row > textarea.smart-player-input:focus-visible {
    outline:0!important;outline-offset:0!important;
    box-shadow:0 0 0 1px rgba(var(--ui-rgb),.40),0 0 12px rgba(var(--ui-rgb),.23)!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow.wolf-match-search[data-wolf-mode="win"] {
    gap:7px!important;padding:12px!important;margin-block:9px!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple {
    box-sizing:border-box!important;gap:5px!important;
    border:0!important;box-shadow:none!important;
    border-radius:0!important;background:transparent!important;background-image:none!important;
    padding:0!important;margin:0!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple > span {
    margin:0!important;padding:0!important;line-height:1.3!important;
    font-size:clamp(18px,4.5vw,22px)!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple > textarea.wolf-batch-input {
    display:block!important;box-sizing:border-box!important;
    height:96px!important;min-height:96px!important;max-height:96px!important;
    padding:9px 12px!important;margin:0!important;
    background:var(--ui-inner)!important;background-image:none!important;
    border:1.5px solid rgba(var(--ui-rgb),.73)!important;border-radius:12px!important;
    outline:0!important;outline-offset:0!important;
    resize:none!important;overflow-y:auto!important;overflow-x:hidden!important;
    font-size:17px!important;line-height:1.47!important;
    direction:rtl!important;text-align:right!important;-webkit-text-size-adjust:100%!important;
    box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.055)!important;
  }
  body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-winner-workflow .wolf-batch-simple > textarea.wolf-batch-input:focus-visible {
    outline:0!important;outline-offset:0!important;
    box-shadow:0 0 0 1px rgba(var(--ui-rgb),.36),0 0 11px rgba(var(--ui-rgb),.22)!important;
  }
  /* Stop the blurred, milky ambient overlay leaking through the Navy cards.
     The actual royal geometric background SVG stays on the page body. */
  body #app #view.quick-challenge-view .quick-normal-page::before {
    display:none!important;content:none!important;filter:none!important;
  }
  body:not(.burgundy):not(.light) #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page,.settings-page,
        .record-detail-page,.records-menu-page,.management-hub-page,
        .account-management-page,.backup-page,.honor-page)
    > :is(.card,.ui-section-card,.hs-panel,.wolf-winner-workflow,.match-panel,.league-stage) {
    background-color:var(--ui-surface)!important;
    background-image:radial-gradient(ellipse 90% 70% at 50% 0%,rgba(var(--ui-rgb),.055),transparent 77%)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body.light #app #view.wolf-layout-page
    :is(.quick-normal-page,.knockout-page,.league-page,.settings-page,
        .record-detail-page,.records-menu-page,.management-hub-page,
        .account-management-page,.backup-page,.honor-page)
    > :is(.card,.ui-section-card,.hs-panel,.wolf-winner-workflow,.match-panel,.league-stage) {
    background-color:var(--ui-surface)!important;
    background-image:radial-gradient(ellipse 90% 70% at 50% 0%,rgba(var(--ui-rgb),.045),transparent 77%)!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}


/* recovery2151 — eliminated the unrequested manual winner-lookup button.
   Exact and numeric winner identities are highlighted inside the existing
   fixture cards, without changing export geometry or scrolling the page. */

/* recovery2147 — stable iOS keyboard entry: no focus/viewport dynamic layout.
   This is LIVE competition UI only; saved image layouts are untouched. */
@supports (-webkit-touch-callout:none) {
  @layer identity {
    html,body,#app,#view {min-height:100svh!important;}
    html,body { -webkit-text-size-adjust:100%!important; }
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page),
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(.smart-entry-card,.wolf-winner-workflow,.wolf-player-add-row) {
      min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
    }
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(textarea.smart-player-input,textarea.wolf-batch-input,.wolf-roster-workspace-input) {
      min-width:0!important;max-width:100%!important;
      font-size:17px!important;-webkit-text-size-adjust:100%!important;
      resize:none!important;overflow-x:hidden!important;
    }
  }
}


/* recovery2149 — one adaptive screen-width contract (live UI only).
   CSS viewport media queries, not userAgent, JS zoom, or visualViewport resizing.
   Original mobile navigation/fixture geometry remains the default. No PNG export
   selector is modified; iOS keyboard remains owned by its existing guard. */
@layer identity {
  /* A grid child's minimum-content width must never enlarge the layout viewport.
     Do not hide horizontal scrolling in tables, bracket trees, or dialogs. */
  body #app #view.wolf-layout-page > :is(section,div):not(.page-brand),
  body #app #view.wolf-layout-home > :is(section,div):not(.page-brand),
  body #app #view.wolf-layout-page :is(
    .quick-normal-page,.knockout-page,.league-page,.royal-four-comp-page,
    .smart-entry-card,.wolf-unified-game-card,.wolf-unified-entry-card,
    .wolf-winner-workflow,.standalone-controls-card,.league-stage,
    .league-system-card,.settings-page,.record-detail-page,.records-menu-page,
    .management-hub-page,.honor-page,.honor-studio-page,.backup-page
  ) {
    box-sizing:border-box!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
  }
  body #app #view.wolf-layout-page :is(
    .wolf-player-add-row,.game-card-picker,.hs-game-picker,
    .quick-tools-control,.ko-actions-top,.league-tools-top,
    .tournament-modes,.team-hub-menu,.records-vertical
  ) {
    min-inline-size:0!important;
    max-inline-size:100%!important;
  }
  body #app #view.wolf-layout-page :is(
    .smart-player-input,.wolf-batch-input,.wolf-roster-workspace-input
  ) {
    box-sizing:border-box!important;
    min-inline-size:0!important;
    max-inline-size:100%!important;
  }
}

/* Small phones: keep the accepted four-icon row and prevent narrow-column
   min-content sizing from pushing the app sideways. No change in match order. */
@media (max-width:359px) {
  @layer identity {
    body #app {padding-inline:7px!important;}
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(.quick-tools-control,.ko-actions-top,.league-tools-top) {
      gap:4px!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(.quick-tools-control,.ko-actions-top,.league-tools-top) > button {
      min-width:0!important;max-width:100%!important;
      padding-inline:3px!important;
    }
    body #app #view.wolf-layout-page :is(.menu-copy,.mode-copy,.record-copy) {
      min-width:0!important;overflow-wrap:anywhere!important;
    }
  }
}

/* Tablet, landscape tablet and resizable computer windows: widen the PAGE,
   never enlarge type or transform the entire application. A keyboard opening
   changes visualViewport height but not this width-based layout contract. */
@media (min-width:600px) {
  @layer identity {
    body #app {
      width:100%!important;
      max-width:960px!important;
      padding-inline:clamp(18px,2.8vw,30px)!important;
      margin-inline:auto!important;
      box-sizing:border-box!important;
    }
    body #app #view.wolf-layout-page,
    body #app #view.wolf-layout-home {
      width:100%!important;max-width:100%!important;min-width:0!important;
      padding-inline:0!important;
    }
    body #app #view.wolf-layout-page > :is(
      .quick-normal-page,.knockout-page,.league-page,.settings-page,
      .backup-page,.account-management-page,.record-detail-page,
      .honor-page,.honor-studio-page,.tournament-hub-page,
      .records-menu-page,.management-hub-page
    ) {
      width:100%!important;
      max-width:900px!important;
      min-width:0!important;
      margin-inline:auto!important;
    }
    /* Sections that have a legacy 620px cap need an explicit page-level cap
       (rather than overriding the individual controls or exporting artwork). */
    body #app #view.wolf-layout-page > :is(
      .management-hub-page,.records-menu-page,.tournament-hub-page
    ) {
      width:100%!important;max-width:900px!important;
    }
    body #app #view.wolf-layout-page > .management-hub-page {
      max-width:760px!important;
    }
    body #app #view.wolf-layout-page :is(
      .quick-normal-page,.knockout-page,.league-page,.honor-studio-page
    ) :is(.game-card-picker,.hs-game-picker) {
      width:100%!important;
      max-width:760px!important;
      margin-inline:auto!important;
      display:grid!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(.quick-tools-control,.ko-actions-top,.league-tools-top) {
      min-width:0!important;
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
  }
}

/* Comfortable tablet navigation: two cards side by side, preserving each
   existing card's icon/text/arrow hierarchy. Control panel stays one column. */
@media (min-width:760px) and (min-height:600px) {
  @layer identity {
    body #app #view.wolf-layout-home > .home-main-menu,
    body #app #view.wolf-layout-page > .tournament-hub-page > .tournament-modes,
    body #app #view.wolf-layout-page > .records-menu-page > .records-vertical {
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:clamp(12px,1.75vw,18px)!important;
      width:100%!important;
      max-width:100%!important;
      align-items:stretch!important;
    }
    body #app #view.wolf-layout-home > .home-main-menu > .home-entry,
    body #app #view.wolf-layout-page > .tournament-hub-page > .tournament-modes > .mode-card,
    body #app #view.wolf-layout-page > .records-menu-page > .records-vertical > .record-card {
      box-sizing:border-box!important;
      min-width:0!important;
      max-width:100%!important;
      width:100%!important;
      margin:0!important;
    }
  }
}

/* Full-sized screens gain workspace, while cards, photos and type retain
   bounded geometry; no fluid transform and no separate desktop code path. */
@media (min-width:1024px) {
  @layer identity {
    body #app {max-width:1180px!important;padding-inline:clamp(24px,3vw,36px)!important;}
    body #app #view.wolf-layout-page > :is(
      .quick-normal-page,.knockout-page,.league-page,.record-detail-page,
      .settings-page,.backup-page,.account-management-page,
      .honor-page,.honor-studio-page,.records-menu-page,.tournament-hub-page
    ) {max-width:1040px!important;}
    body #app #view.wolf-layout-home > .home-main-menu {max-width:1000px!important;}
    body #app #view.wolf-layout-page > .management-hub-page {max-width:760px!important;}
  }
}

/* A short landscape phone keeps a single navigation column. The media query
   only affects menus, never competition forms while the keyboard is present. */
@media (orientation:landscape) and (max-height:599px) {
  @layer identity {
    body #app #view.wolf-layout-home > .home-main-menu,
    body #app #view.wolf-layout-page > .tournament-hub-page > .tournament-modes,
    body #app #view.wolf-layout-page > .records-menu-page > .records-vertical {
      grid-template-columns:minmax(0,1fr)!important;
      max-width:620px!important;
      margin-inline:auto!important;
    }
  }
}


/* recovery2150 — iOS focused editors: scroll margins affect only native
   scroll-to-focus, never document height, breakpoints, or image exports. */
@supports (-webkit-touch-callout:none) {
  @layer identity {
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(textarea.wolf-batch-input,textarea.smart-player-input,textarea.wolf-roster-workspace-input) {
      scroll-margin-block:16px 76px!important;
      -webkit-text-size-adjust:100%!important;
      font-size:17px!important;
    }
  }
}


/* recovery2157: iOS competition editors remain in normal document flow.
   The fixed overlay from 2152 has been removed. */

/* recovery2154: assistant_admin — one Carrom/Luno page, no second entry screen.
   Use the same royal registration controls as owner/super-admin. Keep the form
   in the game card under its approved save controls and above recent wins. */
@layer identity {
 #app #view .staff-records-unified .wolf-staff-record-detail .wolf-staff-inline-registration {
  box-sizing:border-box!important;display:block!important;width:100%!important;
  max-width:100%!important;min-width:0!important;margin:5px 0 0!important;
  padding:0!important;border:0!important;box-shadow:none!important;
  background:transparent!important;
 }
 #app #view .staff-records-unified .wolf-staff-inline-registration>.mode-page-title {
  display:none!important;
 }
 #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-staff-royal-entry {
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  margin:0!important;padding:14px 12px 15px!important;
  border-radius:16px!important;
 }
 #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-royal-entry-form {
  box-sizing:border-box!important;min-width:0!important;width:100%!important;
 }
 #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-player-fields,
 #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-row {
  min-width:0!important;max-width:100%!important;
 }
 #app #view .staff-records-unified .wolf-staff-inline-registration :is(#rname,#rmember,#rdateNative,#rtimeNative,#rwinCount) {
  box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
  font-size:16px!important;
 }
 #app #view .staff-records-unified .wolf-staff-inline-registration .win-save-btn {
  width:min(100%,268px)!important;min-height:48px!important;margin:4px auto 0!important;
 }
}


/* recovery2155: mod write-only entry remains on first records page.
   One visual system for assistant + moderator, different authorised RPCs. */
@layer identity {
 #app #view .records-menu-page.staff-records-unified > .wolf-staff-inline-registration {
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;box-sizing:border-box!important;
  margin:12px 0 0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
 }
 #app #view .records-menu-page.staff-records-unified > .wolf-staff-inline-registration[hidden] {
  display:none!important;
 }
 #app #view .records-menu-page.staff-records-unified .wolf-staff-selected-game {
  border-color:var(--ui-accent,var(--neon,#378FFD))!important;
  box-shadow:0 0 0 1px var(--ui-accent,var(--neon,#378FFD)) inset!important;
 }
 #app #view .records-menu-page.staff-records-unified > .wolf-staff-inline-registration .inline-win-card {
  max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 }
}


/* recovery2156: real root cause of giant date icon in mod + assistant admin.
   The owner form uses the same HTML, but its 2093/2121 layout rules are
   scoped to .wolf-current-month-game. This staff-only adapter supplies
   the corresponding field geometry without changing role privileges. */
@layer identity {
  body #app #view .staff-records-unified .wolf-staff-inline-registration[hidden] {
    display:none!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration > .mode-page-title {
    display:none!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-royal-entry-2093 {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
    padding:12px!important;margin:0!important;border-radius:17px!important;
    background:var(--ui-surface)!important;border:1.5px solid var(--ui-accent)!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-royal-entry-2093 > h2 {
    font-size:clamp(19px,4.6vw,22px)!important;line-height:1.35!important;
    margin:0 0 8px!important;text-align:right!important;color:var(--ui-ink)!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration :is(.wolf-royal-entry-form,.wolf-record-main-field) {
    display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-main-field {
    margin:0!important;padding:0!important;font-size:clamp(14px,3.65vw,16px)!important;
    line-height:1.3!important;font-weight:750!important;color:var(--ui-ink)!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-main-field > span {
    line-height:1.3!important;font-weight:750!important;color:var(--ui-ink)!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration :is(#rname,#rmember,#rdateNative,#rtimeNative) {
    box-sizing:border-box!important;display:block!important;min-width:0!important;width:100%!important;
    max-width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;
    margin:0!important;padding:7px 10px!important;border-radius:12px!important;
    border:1.25px solid rgba(var(--ui-rgb),.75)!important;
    background:var(--ui-inner)!important;color:var(--ui-ink)!important;
    text-align:right!important;font-size:16px!important;-webkit-text-size-adjust:100%!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-row {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:end!important;gap:8px!important;min-width:0!important;max-width:100%!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-field {
    display:flex!important;flex-direction:column!important;min-width:0!important;max-width:100%!important;
    gap:5px!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-label {
    display:inline-flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;gap:6px!important;
    white-space:nowrap!important;max-width:100%!important;
    font-size:clamp(12px,3.35vw,15px)!important;line-height:1.3!important;
    color:var(--ui-ink)!important;
  }
  /* Hard dimensional cap protects the inline SVG even when a global svg rule
     stretches replaced elements in iOS Safari. */
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-label svg.wolf-record-event-symbol,
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-label .hs-icon > svg {
    display:block!important;position:static!important;transform:none!important;
    width:16px!important;height:16px!important;
    min-width:16px!important;min-height:16px!important;
    max-width:16px!important;max-height:16px!important;
    flex:0 0 16px!important;overflow:visible!important;
    fill:none!important;stroke:currentColor!important;color:var(--ui-accent)!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-label .hs-icon {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    position:static!important;box-sizing:border-box!important;flex:0 0 16px!important;
    width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;
    margin:0!important;padding:0!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration :is(#rdateNative,#rtimeNative) {
    text-align:center!important;direction:ltr!important;font-size:clamp(12px,3.45vw,15px)!important;
    padding:5px 3px!important;color-scheme:dark;
  }
  body.light #app #view .staff-records-unified .wolf-staff-inline-registration :is(#rdateNative,#rtimeNative) {
    color-scheme:light;
  }
  /* A shared flex center, matching the owner 2201 record entry geometry. */
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-count-inline {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:8px 10px!important;border-radius:11px!important;
    background:var(--ui-inner)!important;border:1px solid rgba(var(--ui-rgb),.4)!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-count-label {
    display:flex!important;flex-direction:row!important;justify-content:center!important;
    align-items:center!important;gap:14px!important;width:auto!important;max-width:100%!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration #rwinCount {
    box-sizing:border-box!important;min-width:70px!important;max-width:100px!important;
    width:90px!important;min-height:40px!important;height:40px!important;
    margin:0!important;padding:4px 7px!important;text-align:center!important;direction:ltr!important;
    background:var(--ui-surface)!important;border:1.25px solid var(--ui-accent)!important;
    border-radius:10px!important;color:var(--ui-ink)!important;font-size:17px!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-hint:empty,
  body #app #view .staff-records-unified .wolf-staff-inline-registration .inline-save-success:empty,
  body #app #view .staff-records-unified .wolf-staff-inline-registration .win-edit-error:empty {
    display:none!important;
  }
  body #app #view .staff-records-unified .wolf-staff-inline-registration .win-save-btn {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;
    justify-content:center!important;min-height:48px!important;height:48px!important;
    width:min(100%,268px)!important;margin:4px auto 0!important;
    padding:7px 10px!important;border-radius:12px!important;
    font-size:clamp(16px,4.1vw,18px)!important;
  }
  @media(max-width:359px) {
    body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-row {gap:5px!important;}
    body #app #view .staff-records-unified .wolf-staff-inline-registration .wolf-record-event-label {font-size:12px!important;}
    body #app #view .staff-records-unified .wolf-staff-inline-registration :is(#rdateNative,#rtimeNative) {font-size:12px!important;}
  }
}


/* recovery2160 — actual page navigation for the write-only moderator.
   The menu and form are distinct SPA states, not two stacked cards. */
@layer identity {
  /* Moderator's one-page entry ends close to the luminous floor waves.
     Keep the existing branded footer, but give its text a soft, frameless
     contrast backing so the waves do not run through the signature. */
  body #app:has(#view .wolf-mod-records-page) > footer.footer {
    margin-top:20px!important;padding-top:15px!important;
    background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ui-bg) 93%,transparent) 38%,transparent)!important;
  }
  body #app:has(#view .wolf-mod-records-page) > footer.footer > div:first-child {
    text-shadow:0 1px 5px var(--ui-bg),0 0 4px var(--ui-bg)!important;
  }
  body #app #view .records-menu-page.staff-records-unified.wolf-mod-records-page.wolf-staff-record-entry-active > .mode-page-title {
    display:none!important;
  }
  body #app #view .records-menu-page.staff-records-unified.wolf-mod-records-page:not(.wolf-staff-record-entry-active) > .wolf-staff-inline-registration {
    display:none!important;
  }
  body #app #view .records-menu-page.staff-records-unified.wolf-mod-records-page.wolf-staff-record-entry-active > .wolf-staff-inline-registration {
    display:block!important;margin-top:6px!important;
  }
}

/* recovery2160 — real iPhone participant field geometry, not viewport scaling.
   Applies only to LIVE roster entry and never to saved/exported artwork. */
@supports (-webkit-touch-callout:none) {
  @layer identity {
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      .wolf-player-add-row > textarea.smart-player-input {
      box-sizing:border-box!important;
      min-width:0!important;max-width:100%!important;
      font-size:18px!important;line-height:1.4!important;
      -webkit-text-size-adjust:100%!important;
      /* No focus-margin overscroll: iOS performs its own caret reveal. */
      scroll-margin-block:0!important;
      overflow-x:hidden!important;
      transform:none!important;
    }
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(.wolf-entry-owner-field input,.league-add-card input) {
      font-size:max(16px,1em)!important;
      -webkit-text-size-adjust:100%!important;
    }
  }
}

@layer identity {
  /* The global geometric back arrow owns the moderator's back action. */
  body #app #view .records-menu-page.staff-records-unified.wolf-mod-records-page > .staff-menu-return {
    display:none!important;
  }
}
/* recovery2163 — iOS native keyboard + return-to-position, live forms only.
   The keyboard may pan the VISUAL viewport to expose the caret. Do not transform
   the app, freeze body scrolling, add keyboard-height spacers or change exports. */
@supports (-webkit-touch-callout:none) {
  @layer identity {
    body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page)
      :is(input.input:not([type="checkbox"]):not([type="radio"]):not([type="date"]):not([type="time"]),
          textarea.input,.quick-event-owner-input,.smart-player-input,.wolf-batch-input) {
      font-size:18px!important;
      -webkit-text-size-adjust:100%!important;
      scroll-margin-block:0!important;
    }
    html.wolf-ios-competition-editing {scroll-padding-bottom:0!important;}
    html.wolf-ios-competition-keyboard #app > .footer {
      visibility:hidden!important;
      pointer-events:none!important;
    }
  }
}

/* recovery2164 — Burgundy royal color balancing (live chrome ONLY).
   Approved scope: the home menu / routed navigation, not background artwork,
   title-frame geometry, knockout boards, winner colors or captured exports.
   Keep the canonical icy-silver neon identity, but make its auxiliary halos
   quieter than the sculpted royal headline. No dimensions or spacing change. */
@layer identity {
  body.burgundy #app #view.wolf-layout-home {
    --wolf-burgundy-home-wine-top:#4A172D;
    --wolf-burgundy-home-wine-bottom:#35101F;
    --wolf-burgundy-home-heading:#F5E8DD;
    --wolf-burgundy-home-caption:#D7C3B9;
    --wolf-burgundy-home-ice:#F8FAF9;
    /* These aliases are used by existing home-navigation rules. */
    --wolf-one-title:var(--wolf-burgundy-home-heading)!important;
    --wolf-one-copy:var(--wolf-burgundy-home-caption)!important;
  }
  /* Each row remains exactly the same size; only its pigment and light change.
     Deep red-wine replaces the older brown/mauve-looking flat panel. */
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry {
    background:linear-gradient(155deg,#4A172D 0%,#421328 58%,#35101F 100%)!important;
    border-color:var(--wolf-burgundy-home-ice)!important;
    box-shadow:inset 0 1px 0 rgba(255,250,247,.14),
      inset 0 0 7px rgba(248,250,249,.035),
      0 0 2px rgba(248,250,249,.67),
      0 0 8px rgba(248,250,249,.22),
      0 5px 12px rgba(16,4,12,.31)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry
    .menu-copy > b {
    color:var(--wolf-burgundy-home-heading)!important;
    -webkit-text-fill-color:var(--wolf-burgundy-home-heading)!important;
    text-shadow:0 1px 1px rgba(24,6,13,.30)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry
    .menu-copy > small {
    color:var(--wolf-burgundy-home-caption)!important;
    -webkit-text-fill-color:var(--wolf-burgundy-home-caption)!important;
    text-shadow:none!important;
  }
  /* Small icon capsules remain distinctly silver but do not compete with
     the much larger royal title plaque. SVG drawings stay fully visible. */
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon {
    box-shadow:inset 0 0 6px rgba(248,250,249,.055),
      0 0 4px rgba(248,250,249,.29),
      0 0 9px rgba(248,250,249,.10)!important;
  }
  body.burgundy #app #view.wolf-layout-home > .home-main-menu > .home-entry
    > :is(.home-icon,.menu-chevron) svg {
    filter:drop-shadow(0 0 2px rgba(248,250,249,.42))!important;
  }
  /* Routed menus share the quieter *secondary* illumination; do not extend
     this rule into competition matches, result cards or overlay dialogs. */
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.mode-card,.menu-row,.record-card) {
    background:linear-gradient(155deg,#431529 0%,#391121 100%)!important;
    border-color:#F8FAF9!important;
    box-shadow:inset 0 1px 0 rgba(255,250,247,.12),
      0 0 3px rgba(248,250,249,.43),
      0 0 8px rgba(248,250,249,.15),
      0 5px 12px rgba(16,4,12,.26)!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > b {
    color:#F5E8DD!important;
    -webkit-text-fill-color:#F5E8DD!important;
  }
  body.burgundy #app #view.wolf-layout-page :is(
    .tournament-modes,.team-hub-menu,.records-vertical,.wolf-control-menu
  ) > :is(.mode-card,.menu-row,.record-card)
    :is(.menu-copy,.mode-copy,.record-copy) > small {
    color:#D7C3B9!important;
    -webkit-text-fill-color:#D7C3B9!important;
  }
}

/* recovery2178 — One compact, full-function Carrom/Luno records page.
   Scope is only the owner-facing current-month game routes. Staff, combined,
   archive, export canvases and the approved page-background art stay untouched. */
@layer identity {
  body #app #view.wolf-layout-page > .record-detail-page.wolf-game-compact-ledger {
    display:flex!important;flex-direction:column!important;
    gap:12px!important;min-width:0!important;padding-bottom:22px!important;
    background:transparent!important;box-shadow:none!important;
  }
  body #app #view .wolf-game-compact-ledger > :is(.wolf-record-victory-form,.wolf-game-compact-panel,.wolf-record-exports) {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    max-width:100%!important;margin:0!important;
  }
  body #app #view .wolf-game-compact-ledger > :is(.wolf-record-victory-form,.wolf-game-compact-panel) {
    padding:14px!important;border-radius:17px!important;
  }
  body #app #view .wolf-game-compact-ledger :is(.wolf-record-victory-form>h2,.wolf-game-compact-panel h2) {
    margin:0 0 9px!important;font-size:clamp(20px,5vw,24px)!important;
    line-height:1.35!important;text-align:right!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-royal-entry-form {
    display:flex!important;flex-direction:column!important;gap:9px!important;
    margin:0!important;padding:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-player-fields,
  body #app #view .wolf-game-compact-ledger .wolf-record-event-row {
    display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;
    gap:8px!important;align-items:end!important;min-width:0!important;margin:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-event-row {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-player-fields > .wolf-record-hint {
    grid-column:1/-1!important;margin:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-player-fields > .wolf-record-hint:empty,
  body #app #view .wolf-game-compact-ledger :is(.win-edit-error,.inline-save-success):empty {
    display:none!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-main-field {
    min-width:0!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:5px!important;margin:0!important;
    padding:0!important;text-align:right!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-main-field > span,
  body #app #view .wolf-game-compact-ledger .wolf-game-search-wrap > label {
    font:700 clamp(13px,3.6vw,16px)/1.4 Tajawal,sans-serif!important;
    color:var(--ui-ink)!important;margin:0!important;white-space:normal!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-royal-entry-form :is(#rname,#rmember,#rdateNative,#rtimeNative,#rwinCount),
  body #app #view .wolf-game-compact-ledger .wolf-game-search-control #search {
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;
    min-width:0!important;height:44px!important;min-height:44px!important;
    margin:0!important;padding:7px 10px!important;
    border-radius:12px!important;font-size:16px!important;
    font-family:Tajawal,sans-serif!important;
    background:var(--ui-inner)!important;color:var(--ui-ink)!important;
    text-align:right!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-royal-entry-form :is(#rdateNative,#rtimeNative) {
    text-align:center!important;direction:ltr!important;padding-inline:3px!important;
    font-size:clamp(12px,3.7vw,16px)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-event-label {
    min-width:0!important;display:flex!important;justify-content:flex-start!important;
    align-items:center!important;gap:5px!important;
    font-size:clamp(12px,3.5vw,15px)!important;white-space:normal!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-event-label svg {
    width:16px!important;height:16px!important;flex:0 0 16px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-count-inline {
    box-sizing:border-box!important;display:block!important;width:100%!important;
    padding:7px 10px!important;margin:0!important;border-radius:12px!important;
    background:var(--ui-inner)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-count-inline .wolf-record-count-label {
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;gap:12px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-count-inline #rwinCount {
    flex:0 0 84px!important;width:84px!important;max-width:84px!important;
    height:38px!important;min-height:38px!important;padding:4px 6px!important;
    text-align:center!important;direction:ltr!important;font-size:18px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-royal-entry-form > .wolf-game-register-submit {
    width:100%!important;min-height:46px!important;height:46px!important;
    margin:0!important;border-radius:12px!important;display:flex!important;
    align-items:center!important;justify-content:center!important;gap:8px!important;
    font-size:clamp(16px,4vw,18px)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-register-submit:disabled {
    opacity:.65!important;cursor:wait!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-heading {
    display:flex!important;justify-content:space-between!important;
    align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-heading > small {
    font-size:clamp(11px,3vw,13px)!important;color:var(--ui-muted)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-search-wrap {
    display:grid!important;gap:5px!important;margin:0 0 10px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-search-control {
    display:flex!important;position:relative!important;min-width:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-search-control #search {
    padding-inline-start:38px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-search-control .wolf-record-search-clear {
    position:absolute!important;inset-inline-start:4px!important;top:3px!important;
    width:38px!important;height:38px!important;min-width:38px!important;
    border:0!important;box-shadow:none!important;background:transparent!important;
    color:var(--ui-accent)!important;font-size:23px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-search-control .wolf-record-search-clear[hidden] {
    display:none!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll {
    max-height:none!important;overflow:visible!important;min-width:0!important;
    border:1px solid color-mix(in srgb,var(--ui-accent) 45%,transparent)!important;
    border-radius:12px!important;
  }
  body #app #view .wolf-game-compact-ledger :is(.wolf-game-ranking-scroll,.wolf-game-recent-table-wrap) .total-rank-table-wrap {
    overflow-x:auto!important;min-width:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll .total-rank-table {
    margin:0!important;width:100%!important;border:0!important;
    table-layout:fixed!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll .total-rank-table th,
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll .total-rank-table td {
    padding:9px 4px!important;font-size:clamp(12px,3.3vw,15px)!important;
    white-space:normal!important;overflow-wrap:anywhere!important;
    text-align:center!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll .total-rank-table th:nth-child(2),
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll .total-rank-table td:nth-child(2) {
    text-align:right!important;width:34%!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll .total-rank-table thead {
    position:sticky!important;top:0!important;z-index:1;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel > .wolf-record-exports-top {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;margin:0!important;padding:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel > .wolf-record-exports-top .action {
    width:100%!important;min-width:0!important;height:46px!important;min-height:46px!important;
    border-radius:12px!important;font-size:clamp(13px,3.8vw,17px)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table-wrap {
    width:100%!important;min-width:0!important;overflow-x:auto!important;
    border:1px solid color-mix(in srgb,var(--ui-accent) 45%,transparent)!important;
    border-radius:12px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table {
    width:100%!important;min-width:0!important;table-layout:fixed!important;
    border-collapse:collapse!important;color:var(--ui-ink)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table th,
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table td {
    padding:8px 5px!important;text-align:right!important;
    border-bottom:1px solid color-mix(in srgb,var(--ui-accent) 24%,transparent)!important;
    font-size:clamp(12px,3.5vw,16px)!important;overflow-wrap:anywhere!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table th:first-child {width:49%!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table th:nth-child(2) {width:28%!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table th:last-child {width:23%!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table tr:last-child td {border-bottom:0!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-table .wolf-game-recent-total {
    font-weight:800!important;text-align:center!important;color:var(--ui-accent)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-player-cell {
    display:flex!important;flex-direction:column!important;gap:3px!important;
    align-items:flex-start!important;min-width:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-row-actions {
    display:flex!important;align-items:center!important;gap:5px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-row-action {
    width:32px!important;height:32px!important;min-width:32px!important;
    padding:6px!important;display:grid!important;place-items:center!important;
    color:var(--ui-accent)!important;background:var(--ui-inner)!important;
    border:1px solid color-mix(in srgb,var(--ui-accent) 60%,transparent)!important;
    border-radius:9px!important;box-shadow:none!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-row-action svg {
    width:19px!important;height:19px!important;
  }
  @media(max-width:359px) {
    body #app #view .wolf-game-compact-ledger .wolf-record-player-fields {
      grid-template-columns:1fr!important;
    }
    body #app #view .wolf-game-compact-ledger .wolf-record-event-label {
      font-size:12px!important;
    }
  }
}
@layer identity {
  /* Four ranking columns must all remain visible on a 320px iPhone; the
     shared full-record table elsewhere may retain its own minimum width. */
  body #app #view .wolf-game-compact-ledger #recordList .total-rank-table-wrap,
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    max-width:100%!important;
  }
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table th:nth-child(1),
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table td:nth-child(1) {width:17%!important;}
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table th:nth-child(2),
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table td:nth-child(2) {width:33%!important;}
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table th:nth-child(3),
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table td:nth-child(3) {width:26%!important;}
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table th:nth-child(4),
  body #app #view .wolf-game-compact-ledger #recordList table.total-rank-table td:nth-child(4) {width:24%!important;}
}


/* recovery2182 — one theme contract for the APP's own dialogs, including
   reasons for deleting a win. Export image sheets and full-page roster are
   intentionally excluded. Avoid native Safari prompt for deletion reasons. */
body > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog) {
  color:var(--ui-ink)!important;
  background:radial-gradient(ellipse at 18% 0%,rgba(var(--ui-rgb),.11),transparent 62%),var(--ui-surface)!important;
  border-color:var(--wz-theme-neon-edge,var(--ui-accent))!important;
  box-shadow:0 0 18px rgba(var(--ui-rgb),.25),inset 0 0 12px rgba(var(--ui-rgb),.07),0 18px 48px rgba(0,0,0,.22)!important;
  font-family:var(--ui-font)!important;
  color-scheme:dark;
}
body.light > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog){color-scheme:light;}
body > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog)::backdrop{
  background:rgba(2,7,18,.71)!important;
}
body.light > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog)::backdrop{background:rgba(50,33,11,.53)!important;}
body > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog) :is(h2,h3,label){color:var(--ui-ink)!important;}
body > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog) :is(input.input,textarea.input,select.input){
  background:var(--ui-inner)!important;color:var(--ui-ink)!important;border-color:var(--ui-accent)!important;
  caret-color:var(--ui-accent)!important;font-family:var(--ui-font)!important;
}
body > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog) :is(input.input,textarea.input)::placeholder{color:var(--ui-muted)!important;opacity:.86;}
body > dialog:is(.wolf-delete-reason-dialog,.win-edit-dialog,.quick-save-dialog,.ko-save-menu,.wolf-duplicate-name-dialog,.league-score-dialog,.statistics-image-dialog,.wolf-backup-file-dialog) :is(input.input,textarea.input,select.input,button):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:2px!important;}
body > dialog.wolf-delete-reason-dialog{
  box-sizing:border-box!important;width:min(92vw,420px)!important;max-width:420px!important;
  max-height:calc(100dvh - 40px)!important;overflow:auto!important;margin:auto!important;
  padding:20px 18px!important;border:1.5px solid var(--ui-accent)!important;
  border-radius:var(--ui-dialog-radius,20px)!important;
}
body > dialog.wolf-delete-reason-dialog:not([open]){display:none!important;}
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-form{display:grid;gap:11px;min-width:0;}
body > dialog.wolf-delete-reason-dialog h2{margin:0;text-align:center;font-size:clamp(21px,5.4vw,25px);font-weight:700;}
body > dialog.wolf-delete-reason-dialog #wolfDeleteReasonHint{margin:0;text-align:center;color:var(--ui-muted)!important;font-size:15px;line-height:1.5;}
body > dialog.wolf-delete-reason-dialog label{font-size:16px;font-weight:700;}
body > dialog.wolf-delete-reason-dialog textarea.input{
  box-sizing:border-box;width:100%;min-height:116px;max-height:240px;resize:vertical;
  padding:12px 13px;border:1.5px solid var(--ui-accent);border-radius:13px;
  font-size:17px;line-height:1.55;text-align:right;direction:rtl;
}
body > dialog.wolf-delete-reason-dialog textarea:disabled{opacity:.84;}
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-error{margin:0;color:var(--ui-ink)!important;font-size:15px;line-height:1.4;}
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-error:empty{display:none;}
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-confirm{
  box-sizing:border-box;padding:11px 12px;border:1px solid var(--ui-accent);border-radius:12px;
  background:var(--ui-inner);color:var(--ui-ink)!important;font-weight:700;text-align:center;
  font-size:16px;line-height:1.5;margin:0;
}
body > dialog.wolf-delete-reason-dialog [hidden]{display:none!important;}
/* Action order is a shared RTL contract: confirm/right, cancel/left.
   The optional back action sits below the pair during the second delete step. */
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-actions{display:grid;direction:rtl;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-actions [data-wolf-reason-back]:not([hidden]){grid-column:1/-1;}
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-actions>.action{
  box-sizing:border-box;min-width:0;min-height:48px;padding:9px 6px;border-radius:12px;
  background:var(--ui-inner)!important;border:1.5px solid var(--ui-accent)!important;
  color:var(--ui-ink)!important;box-shadow:var(--wolf-neon-tier-soft)!important;
  font:700 16px var(--ui-font)!important;
}
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-actions>.action.primary,
body > dialog.wolf-delete-reason-dialog .wolf-delete-reason-actions>.action.red{background:var(--ui-surface)!important;box-shadow:var(--wolf-neon-tier-medium)!important;}


/* recovery2183 — compact Riyadh-month overall + read-only historical archive.
   Use the same underlying shared UI tokens in Navy/Burgundy/Ivory. */
@layer identity {
 body #app #view .wolf-monthly-combined-current .wolf-overall-main-view,
 body #app #view .wolf-archive-modern .wolf-archive-index-card {
  gap:10px!important;min-width:0!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head {
  display:grid!important;gap:10px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-record-period-card {
  padding:clamp(12px,3.3vw,18px)!important;border-radius:17px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-month-stats,
 body #app #view .wolf-archive-modern .wolf-month-stats {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-month-stat,
 body #app #view .wolf-archive-modern .wolf-month-stat {
  min-width:0!important;padding:9px 4px!important;box-sizing:border-box!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-month-stat span,
 body #app #view .wolf-archive-modern .wolf-month-stat span {
  font-size:clamp(10px,2.9vw,14px)!important;line-height:1.38!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-record-period-fields,
 body #app #view .wolf-archive-modern .wolf-archive-period-grid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-record-period-field,
 body #app #view .wolf-archive-modern .wolf-archive-period-control {min-width:0!important;}
 body #app #view .wolf-monthly-combined-current :is(.wolf-overall-save-main-button,.wolf-record-content-tabs>button),
 body #app #view .wolf-archive-modern :is(.wolf-admin-archive-save-trigger,.wolf-record-content-tabs>button) {
  font-family:Tajawal,system-ui,sans-serif!important;
 }
 body #app #view .wolf-archive-modern .wolf-archive-period-grid {order:1!important;margin:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-period-status {order:2!important;margin:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-month-stats {order:3!important;}
 body #app #view .wolf-archive-modern .wolf-archive-search-block {order:4!important;}
 body #app #view .wolf-archive-modern .wolf-archive-tabs {order:5!important;}
 body #app #view .wolf-archive-modern .wolf-archive-active-content {order:6!important;}
 body #app #view .wolf-archive-modern .wolf-archive-save-area {order:7!important;margin:4px 0 0!important;}
 body #app #view .wolf-archive-modern .wolf-admin-archive-save-trigger {min-height:49px!important;}
 body #app #view .wolf-archive-modern .wolf-archive-content-pane .wolf-ledger-actions,
 body #app #view .wolf-archive-modern .wolf-archive-content-pane .win-actions {display:none!important;}
 body #app #view .wolf-archive-modern .wolf-archive-period-status::after {
  content:' · للقراءة فقط';color:var(--ui-muted);
 }
}


/* recovery2185 — one visual rhythm for live Quick / KO / League fixture rows.
   Never affects bracket trees, saved images, roster inputs, state or bye semantics. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .wolf-fixtures-frame :is(.wolf-match-labels.quick-ab-labels,.wolf-league-side-labels) > b {
    line-height:1.12!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page)
    :is(#matches,.ko-fixture-list) > .match:not(.quick-bye-match):not(.ko-bye-match) > :is(.vs,.ko-vs) {
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;align-self:center!important;
    text-align:center!important;text-shadow:0 0 5px rgba(var(--ui-rgb),.14)!important;
  }
  body #app #view .league-page .league-fixtures .league-match > .ko-vs {
    display:flex!important;align-items:center!important;justify-content:center!important;
    align-self:center!important;text-align:center!important;
    text-shadow:0 0 5px rgba(var(--ui-rgb),.14)!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page)
    :is(#matches,.ko-fixture-list) > .match:not(.quick-bye-match):not(.ko-bye-match) > .matchno,
  body #app #view .league-page .league-fixtures .league-match > .league-match-number {
    align-self:center!important;justify-self:center!important;
    font-size:clamp(12px,3.5vw,15px)!important;
    text-align:center!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    :is(.quick-player,.ko-player,.player).winner {
    color:var(--ui-winner-ink)!important;
    -webkit-text-fill-color:var(--ui-winner-ink)!important;
    box-shadow:0 0 7px color-mix(in srgb,var(--ui-winner-edge) 18%,transparent)!important;
  }
}

/* recovery2189 — One royal record-system skin for Carrom and Luno, all three themes.
   Presentation-only: history totals, permissions, mutations and stored IDs stay owned by JS. */
@layer identity {
  body #app #view .wolf-game-compact-ledger :is(.wolf-record-victory-form,.wolf-game-compact-panel) {
    border:1px solid color-mix(in srgb,var(--ui-accent) 46%,transparent)!important;
    background:linear-gradient(165deg,color-mix(in srgb,var(--ui-inner) 88%,var(--ui-accent) 12%),var(--ui-surface))!important;
    box-shadow:inset 0 0 15px rgba(var(--ui-rgb),.055),0 0 9px rgba(var(--ui-rgb),.075)!important;
    border-radius:18px!important;padding:14px 13px!important;gap:10px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-section-title,
  body #app #view .wolf-game-compact-ledger .wolf-record-victory-form > h2 {
    font:800 clamp(19px,5vw,23px)/1.3 WolfTajawal,Tajawal,sans-serif!important;
    text-align:right!important;letter-spacing:0!important;margin:0 0 9px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-event-label {
    display:flex!important;align-items:center!important;gap:6px!important;
    font:750 clamp(12px,3.45vw,14px)/1.3 WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-event-label :is(svg,.hs-icon svg) {
    width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;
    flex:0 0 14px!important;filter:drop-shadow(0 0 3px rgba(var(--ui-rgb),.33))!important;
    color:var(--ui-accent)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-count-inline {
    border:1px solid color-mix(in srgb,var(--ui-accent) 42%,transparent)!important;
    box-shadow:inset 0 0 5px rgba(var(--ui-rgb),.06)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-count-inline #rwinCount {
    flex:0 0 78px!important;width:78px!important;height:42px!important;min-height:42px!important;
    font:850 20px/1.2 WolfTajawal,Tajawal,sans-serif!important;text-align:center!important;
    border:1px solid var(--ui-accent)!important;
    box-shadow:0 0 7px rgba(var(--ui-rgb),.17)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-royal-entry-form > .wolf-game-register-submit,
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel > .wolf-record-exports-top > .action {
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;height:56px!important;min-height:56px!important;max-height:56px!important;
    border-radius:13px!important;font:800 clamp(16px,4.25vw,19px)/1.2 WolfTajawal,Tajawal,sans-serif!important;
    border:1.3px solid var(--ui-accent)!important;
    box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.09),0 0 10px rgba(var(--ui-rgb),.12)!important;
    gap:9px!important;margin-inline:auto!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel > .wolf-record-exports-top {
    display:flex!important;justify-content:center!important;padding:0!important;margin:0!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel > .wolf-record-exports-top > .action {max-width:400px!important;}
  body #app #view .wolf-game-compact-ledger :is(.wolf-game-register-submit,.wolf-game-ranking-panel .wolf-record-exports-top>.action) svg {
    width:19px!important;height:19px!important;flex:0 0 19px!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-scroll {
    border:1px solid color-mix(in srgb,var(--ui-accent) 40%,transparent)!important;
    box-shadow:0 0 9px rgba(var(--ui-rgb),.09)!important;
  }
  body #app #view .wolf-game-compact-ledger #recordList .total-rank-table :is(th,td) {
    font:750 clamp(13px,3.65vw,17px)/1.33 WolfTajawal,Tajawal,sans-serif!important;
    padding:10px 4px!important;overflow-wrap:anywhere!important;
  }
  body #app #view .wolf-game-compact-ledger #recordList .total-rank-table td:nth-child(2) {font-weight:850!important;}
  body #app #view :is(.wolf-game-compact-ledger,.wolf-record-royal-ledger,.wolf-staff-record-detail,.wolf-archive-page) :is(.wolf-rank-number,.wolf-total-number),
  body #app #view .wolf-combined-ranking :is(.wolf-rank-number,.wolf-total-number) {
    box-sizing:border-box!important;display:inline-grid!important;place-items:center!important;
    min-width:32px!important;width:max-content!important;max-width:100%!important;
    height:32px!important;min-height:32px!important;padding:0 6px!important;
    background:color-mix(in srgb,var(--ui-inner) 90%,var(--ui-accent) 10%)!important;
    border:1px solid var(--ui-accent)!important;border-radius:9px!important;
    box-shadow:inset 0 0 5px rgba(var(--ui-rgb),.12),0 0 7px rgba(var(--ui-rgb),.22)!important;
    color:var(--ui-accent)!important;-webkit-text-fill-color:var(--ui-accent)!important;
    font:850 16px/1 WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-content {min-width:0!important;}
  body #app #view .wolf-game-recent-cards {display:grid!important;gap:8px!important;min-width:0!important;}
  body #app #view .wolf-recent-operation {
    box-sizing:border-box!important;display:block!important;min-width:0!important;
    border:1px solid color-mix(in srgb,var(--ui-accent) 38%,transparent)!important;
    border-radius:12px!important;background:var(--ui-inner)!important;
    box-shadow:inset 0 0 6px rgba(var(--ui-rgb),.05)!important;overflow:hidden!important;
  }
  body #app #view .wolf-recent-operation-top {display:flex!important;align-items:center!important;gap:6px!important;padding:7px!important;min-width:0!important;}
  body #app #view .wolf-recent-operation-toggle {
    box-sizing:border-box!important;flex:1 1 auto!important;min-width:0!important;
    border:0!important;background:transparent!important;color:var(--ui-ink)!important;
    padding:0 2px!important;margin:0!important;display:flex!important;align-items:center!important;
    justify-content:space-between!important;gap:7px!important;text-align:right!important;box-shadow:none!important;
    font-family:WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view .wolf-recent-operation-player {min-width:0!important;display:grid!important;gap:2px!important;}
  body #app #view .wolf-recent-operation-player b {font-size:clamp(15px,4.1vw,18px)!important;font-weight:850!important;overflow-wrap:anywhere!important;}
  body #app #view .wolf-recent-operation-player small {font-size:clamp(11px,3.2vw,13px)!important;color:var(--ui-muted)!important;}
  body #app #view .wolf-recent-operation-count {
    box-sizing:border-box!important;min-width:31px!important;min-height:31px!important;padding:5px 7px!important;
    border-radius:9px!important;border:1px solid var(--ui-accent)!important;
    box-shadow:0 0 7px rgba(var(--ui-rgb),.21)!important;
    font:850 17px/1.1 WolfTajawal,Tajawal,sans-serif!important;color:var(--ui-accent)!important;
    text-align:center!important;
  }
  body #app #view .wolf-recent-operation-actions {display:flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;}
  body #app #view .wolf-recent-operation-actions button {
    display:grid!important;place-items:center!important;box-sizing:border-box!important;
    width:34px!important;height:34px!important;min-width:34px!important;padding:7px!important;
    background:var(--ui-surface)!important;border:1px solid color-mix(in srgb,var(--ui-accent) 58%,transparent)!important;
    border-radius:9px!important;box-shadow:none!important;color:var(--ui-accent)!important;
  }
  body #app #view .wolf-recent-operation-actions svg {width:19px!important;height:19px!important;}
  body #app #view .wolf-recent-operation-detail {
    padding:8px 11px 9px!important;border-top:1px solid color-mix(in srgb,var(--ui-accent) 28%,transparent)!important;
    background:linear-gradient(160deg,color-mix(in srgb,var(--ui-inner) 92%,var(--ui-accent) 8%),var(--ui-surface))!important;
  }
  body #app #view .wolf-recent-operation-detail[hidden] {display:none!important;}
  body #app #view .wolf-recent-operation-detail>div:not(.wolf-recent-edit-audit) {
    display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:baseline!important;
    font:650 clamp(12px,3.35vw,14px)/1.5 WolfTajawal,Tajawal,sans-serif!important;padding:2px 0!important;
  }
  body #app #view .wolf-recent-operation-detail>div>span {color:var(--ui-muted)!important;}
  body #app #view .wolf-recent-operation-detail>div>strong {font-weight:800!important;min-width:0!important;overflow-wrap:anywhere!important;}
  body #app #view .wolf-recent-edit-audit {display:block!important;font-size:12px!important;color:var(--ui-muted)!important;}
}
/* The edit dialog lives under body, never inside #view. */
body > dialog.win-edit-dialog {
  box-sizing:border-box!important;width:min(92vw,465px)!important;max-width:465px!important;
  max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
  overflow:auto!important;overscroll-behavior:contain!important;padding:17px 15px!important;
  border-radius:18px!important;scrollbar-width:thin!important;
}
body > dialog.win-edit-dialog:not([open]) {display:none!important;}
body > dialog.win-edit-dialog .wolf-royal-win-edit {display:grid!important;gap:11px!important;min-width:0!important;}
body > dialog.win-edit-dialog .wolf-royal-win-edit h2 {font:850 23px/1.3 WolfTajawal,Tajawal,sans-serif!important;text-align:center!important;margin:0 0 2px!important;}
body > dialog.win-edit-dialog .wolf-royal-win-edit label {display:grid!important;gap:5px!important;min-width:0!important;font:750 14px/1.35 WolfTajawal,Tajawal,sans-serif!important;}
body > dialog.win-edit-dialog .wolf-edit-identity-row {display:grid!important;grid-template-columns:1.3fr 1fr!important;gap:9px!important;min-width:0!important;}
body > dialog.win-edit-dialog .wolf-edit-count-row {display:flex!important;justify-content:center!important;}
body > dialog.win-edit-dialog .wolf-edit-count-row label {display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:12px!important;}
body > dialog.win-edit-dialog .wolf-edit-count-row input {width:81px!important;max-width:81px!important;height:42px!important;min-height:42px!important;text-align:center!important;border:1px solid var(--ui-accent)!important;border-radius:10px!important;box-shadow:0 0 7px rgba(var(--ui-rgb),.18)!important;}
body > dialog.win-edit-dialog .wolf-edit-date-time {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-items:end!important;min-width:0!important;}
body > dialog.win-edit-dialog .wolf-edit-date-time input.input {width:100%!important;min-width:0!important;font:650 16px WolfTajawal,Tajawal,sans-serif!important;}
body > dialog.win-edit-dialog .wolf-edit-date-time fieldset {min-width:0!important;padding:4px!important;margin:0!important;}
body > dialog.win-edit-dialog .wolf-edit-date-time :is(.win-edit-date,.edit-time-parts) {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;}
body > dialog.win-edit-dialog .wolf-edit-date-time :is(.win-edit-date,.edit-time-parts) select,
body > dialog.win-edit-dialog .wolf-edit-date-time .win-edit-date input {min-width:0!important;padding:3px!important;font-size:13px!important;}
body > dialog.win-edit-dialog .wolf-royal-win-edit input.input {height:44px!important;min-height:44px!important;box-sizing:border-box!important;border-radius:10px!important;}
body > dialog.win-edit-dialog .wolf-edit-actions {display:grid!important;direction:rtl!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:3px!important;}
body > dialog.win-edit-dialog .wolf-edit-actions .action {height:49px!important;min-height:49px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:9px!important;font:800 17px/1.2 WolfTajawal,Tajawal,sans-serif!important;border-radius:12px!important;}
body > dialog.win-edit-dialog .wolf-edit-actions .action svg {width:19px!important;height:19px!important;}

/* Custom league scoring is also a confirmation choice; never wrap its
   affirmative/cancel pair into opposite screen edges on narrow iPhones. */
body > dialog.league-score-dialog form>.row {display:grid!important;direction:rtl!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
body > dialog.league-score-dialog form>.row>.action {box-sizing:border-box!important;min-width:0!important;width:100%!important;margin:0!important;}

@media(max-width:370px){body > dialog.win-edit-dialog .wolf-edit-date-time{grid-template-columns:1fr!important;}}


/* recovery2195 — The monthly combined ledger and monthly archive share one
   royal visual grammar. Theme tokens are intentionally inherited; no hard-coded
   blue survives in the Burgundy and Ivory variants. */
@layer identity {
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-context-caption {
  margin:0 auto 13px!important;padding:5px 13px!important;max-width:max-content!important;
  border:1px solid rgba(var(--ui-rgb),.40)!important;border-radius:999px!important;
  color:var(--ui-muted)!important;background:var(--ui-inner)!important;
  font:700 clamp(13px,3.3vw,16px)/1.35 var(--ui-font)!important;
  text-align:center!important;
 }
 body #app #view .wolf-archive-readonly-pill{color:var(--ui-ink)!important;white-space:nowrap!important;}
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) :is(.wolf-record-period-card,.wolf-archive-index-card,.wolf-record-royal-ledger) {
  border:1.5px solid rgba(var(--ui-rgb),.67)!important;
  border-radius:19px!important;
  background:var(--ui-surface)!important;
  box-shadow:inset 0 1px 0 rgba(var(--ui-rgb),.10),0 0 17px rgba(var(--ui-rgb),.16)!important;
 }
 body #app #view .wolf-monthly-combined-current .wolf-overall-royal-head{gap:9px!important;}
 body #app #view .wolf-archive-modern .wolf-archive-index-card{
  display:flex!important;flex-direction:column!important;gap:9px!important;
  padding:clamp(12px,3.2vw,17px)!important;min-width:0!important;
 }
 body #app #view .wolf-archive-modern .wolf-archive-index-card>.wolf-archive-intro{order:-1!important;}
 body #app #view .wolf-archive-modern .wolf-archive-month-stats{order:0!important;margin:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-search-block{order:1!important;margin:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-period-grid{order:2!important;margin:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-period-status{order:3!important;margin:0!important;font-size:13px!important;text-align:center!important;}
 body #app #view .wolf-archive-modern .wolf-combined-tabs-host,
 body #app #view .wolf-archive-modern .wolf-archive-tabs{order:4!important;margin:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-active-content{order:5!important;min-width:0!important;}
 body #app #view .wolf-archive-modern .wolf-archive-save-area{order:6!important;margin:4px 0 0!important;}
 body #app #view .wolf-archive-modern :is(.wolf-combined-tabs-host,.wolf-archive-active-content,.wolf-archive-period-grid,.wolf-record-search-block){width:100%!important;box-sizing:border-box!important;min-width:0!important;}
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-summary-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
  margin:0!important;min-width:0!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-summary-grid .wolf-month-stat {
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  min-width:0!important;min-height:71px!important;padding:8px 3px!important;
  border-radius:13px!important;border:1px solid rgba(var(--ui-rgb),.50)!important;
  background:var(--ui-inner)!important;box-shadow:inset 0 0 9px rgba(var(--ui-rgb),.055)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-summary-grid .wolf-month-stat b {
  font:850 clamp(21px,5.6vw,30px)/1.13 var(--ui-font)!important;color:var(--ui-ink)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-summary-grid .wolf-month-stat span {
  font:700 clamp(10px,2.9vw,14px)/1.4 var(--ui-font)!important;
  color:var(--ui-muted)!important;text-align:center!important;overflow-wrap:anywhere!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-game-tabs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  direction:rtl!important;gap:9px!important;min-width:0!important;margin:0!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-game-tabs>button {
  min-width:0!important;width:100%!important;min-height:47px!important;height:47px!important;
  padding:8px 4px!important;border:1.5px solid rgba(var(--ui-rgb),.48)!important;
  border-radius:13px!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;
  font:800 clamp(15px,4vw,18px)/1.2 var(--ui-font)!important;
  box-shadow:none!important;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-combined-game-tabs>button[aria-selected="true"] {
  border-color:var(--ui-accent)!important;background:linear-gradient(145deg,rgba(var(--ui-rgb),.17),var(--ui-inner) 75%)!important;
  box-shadow:0 0 12px rgba(var(--ui-rgb),.24),inset 0 1px 0 rgba(var(--ui-rgb),.12)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-record-content-tabs {
  gap:9px!important;margin:9px 0 0!important;min-width:0!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-record-content-tabs>button {
  min-height:54px!important;height:54px!important;padding:8px 6px!important;
  border-radius:14px!important;border:1.5px solid rgba(var(--ui-rgb),.53)!important;
  background:var(--ui-inner)!important;color:var(--ui-ink)!important;
  font:850 clamp(14px,3.7vw,18px)/1.3 var(--ui-font)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern,.wolf-staff-record-detail) .wolf-record-content-tabs>button[aria-selected="true"] {
  border-color:var(--ui-accent)!important;
  background:linear-gradient(145deg,rgba(var(--ui-rgb),.16),var(--ui-inner) 78%)!important;
  box-shadow:0 0 12px rgba(var(--ui-rgb),.24)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) :is(.wolf-overall-save-main-button,.wolf-admin-archive-save-trigger) {
  width:100%!important;min-height:54px!important;height:54px!important;margin:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:10px!important;padding:8px 11px!important;border-radius:14px!important;
  color:var(--ui-ink)!important;background:var(--ui-inner)!important;
  border:1.5px solid var(--ui-accent)!important;box-shadow:0 0 14px rgba(var(--ui-rgb),.23)!important;
  font:850 clamp(15px,4vw,19px)/1.3 var(--ui-font)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) :is(.wolf-overall-save-main-button,.wolf-admin-archive-save-trigger) .record-action-icon{
  width:20px!important;height:20px!important;flex:0 0 20px!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-record-royal-ledger .wolf-record-section-title{
  font:850 clamp(19px,4.7vw,25px)/1.35 var(--ui-font)!important;
  color:var(--ui-ink)!important;margin:0 0 9px!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) :is(.wolf-record-royal-ledger,.wolf-archive-content-pane){
  min-width:0!important;padding:clamp(10px,3.1vw,15px)!important;
 }
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-archive-history-list{gap:9px!important;}
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) :is(.wolf-record-search-field,.wolf-record-period-fields,.wolf-archive-period-grid){min-width:0!important;}
 body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) :is(.wolf-record-game-tabs button,.wolf-archive-tabs button,.wolf-record-content-tabs button,.wolf-admin-archive-save-trigger,.wolf-overall-save-main-button):focus-visible{
  outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;
 }
 @media (prefers-reduced-motion:reduce){
  body #app #view :is(.wolf-monthly-combined-current,.wolf-archive-modern) .wolf-combined-game-tabs>button{transition:none!important;}
 }
}

/* recovery2195 — staff archive has a more specific historical ordering rule;
   explicitly mirror the owner's shared hierarchy without exposing write controls. */
@layer identity {
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-intro{order:-1!important;}
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-month-stats{order:0!important;}
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-search-block{order:1!important;}
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-period-grid{order:2!important;}
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-period-status{order:3!important;}
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-tabs{order:4!important;}
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-active-content{order:5!important;}
 body #app #view .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern .wolf-archive-index-card>.wolf-archive-save-area{order:6!important;}
}

/* Unified return action: keep archive clearly attached to the combined ledger. */
@layer identity {
 body #app #view .wolf-archive-modern .wolf-archive-return-to-overall {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:100%!important;margin:0 0 8px!important;min-height:46px!important;
  border-radius:14px!important;border:1px solid rgba(var(--ui-rgb),.48)!important;
  background:var(--ui-inner)!important;color:var(--ui-ink)!important;
  font:700 clamp(14px,3.7vw,17px)/1.35 WolfTajawal,Tajawal,Arial,sans-serif!important;
 }
 body #app #view .wolf-archive-modern .wolf-archive-return-to-overall svg{width:19px!important;height:19px!important;flex-shrink:0!important;}
}


/* recovery2196 — archive-only: remove the rectangular backplate behind the
   royal title; retain the SVG metal plaque, body scenery and record cards.
   Scoped to both owner and assistant archive routes, not other app pages. */
@layer identity {
  body #app #view.wolf-layout-page > section.record-detail-page.wolf-archive-page.wolf-archive-modern,
  body #app #view.wolf-layout-page .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern {
    background:transparent!important;
    background-image:none!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #app #view.wolf-layout-page > section.record-detail-page.wolf-archive-page.wolf-archive-modern::before,
  body #app #view.wolf-layout-page > section.record-detail-page.wolf-archive-page.wolf-archive-modern::after,
  body #app #view.wolf-layout-page .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern::before,
  body #app #view.wolf-layout-page .wolf-staff-record-detail.wolf-archive-page.wolf-archive-modern::after {
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
  }
}

/* recovery2205 — one icon-above-label geometry for Quick, KO and League.
   The 2200 min-height:54px rule mistakenly targeted the SVG artwork itself,
   which extended beyond its 20px container and covered the label. SVGs no
   longer inherit that button minimum; toolbar labels use separate grid rows.
   The throne keeps its approved horizontal action layout. */
@layer identity {
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .standalone-controls-card :is(.quick-tools-control,.league-start-tools,.league-tools-top,.ko-actions-top)
    > button.action:has(> .control-icon) {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:21px minmax(17px,auto)!important;
    justify-items:center!important;
    align-content:center!important;
    align-items:center!important;
    column-gap:0!important;row-gap:4px!important;
    min-width:0!important;min-height:58px!important;height:auto!important;
    padding:5px 2px!important;
    font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
    text-align:center!important;white-space:normal!important;line-height:1.25!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .standalone-controls-card :is(.quick-tools-control,.league-start-tools,.league-tools-top,.ko-actions-top)
    > button.action > .control-icon {
    box-sizing:border-box!important;grid-area:1/1!important;
    display:grid!important;place-items:center!important;
    position:static!important;transform:none!important;float:none!important;
    padding:0!important;margin:0!important;flex:none!important;
    width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;
    max-width:21px!important;max-height:21px!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .standalone-controls-card :is(.quick-tools-control,.league-start-tools,.league-tools-top,.ko-actions-top)
    > button.action > .control-icon svg {
    display:block!important;width:20px!important;height:20px!important;
    max-width:20px!important;max-height:20px!important;
    margin:0!important;transform:none!important;
  }
  body #app #view :is(.quick-normal-page,.knockout-page,.league-page)
    .standalone-controls-card :is(.quick-tools-control,.league-start-tools,.league-tools-top,.ko-actions-top)
    > button.action > span:not(.control-icon) {
    box-sizing:border-box!important;grid-area:2/1!important;
    position:static!important;transform:none!important;float:none!important;
    display:block!important;min-width:0!important;max-width:100%!important;
    width:auto!important;height:auto!important;
    margin:0!important;padding:0!important;
    line-height:1.25!important;font-size:clamp(11px,2.9vw,13px)!important;
    white-space:normal!important;word-break:keep-all!important;
    overflow-wrap:normal!important;text-align:center!important;text-overflow:clip!important;
  }
}
/* The royal champion/throne controls stay horizontal, unchanged. */
body #app #view .wolf-royal-throne-page .wolf-competition-action {
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;text-align:center!important;direction:rtl!important;
  font-family:WolfTajawal,Tajawal,Arial,sans-serif!important;
}
body #app #view .wolf-royal-throne-page .wolf-competition-action .control-icon {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 20px!important;width:20px!important;height:20px!important;
}
/* Only the throne ACTION needs a 54px tap target. Never apply a button's
   minimum height to its 20px SVG icon (that caused icon/label collisions). */
body #app #view .wolf-royal-throne-page .wolf-throne-action-pair .wolf-competition-action {min-height:54px!important;}
/* recovery2201 — APPROVED Carrom/Luno compact royal record interface.
   Scoped to the canonical owner's/assistant's game pages only. */
@layer identity {
  body #app #view .wolf-game-compact-ledger .wolf-record-count-inline {
    display:flex!important;justify-content:center!important;align-items:center!important;
    padding:7px 9px!important;background:var(--ui-inner)!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-record-count-inline .wolf-record-count-label {
    width:auto!important;max-width:100%!important;display:flex!important;
    align-items:center!important;justify-content:center!important;gap:14px!important;
    flex-direction:row!important;text-align:center!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-royal-entry-form > .wolf-game-register-submit {
    width:min(100%,268px)!important;min-width:0!important;min-height:48px!important;
    height:48px!important;margin:0 auto!important;justify-content:center!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .wolf-game-ranking-scroll {
    border:1.5px solid var(--ui-accent)!important;border-radius:13px!important;
    box-shadow:0 0 13px rgba(var(--ui-rgb),.24),inset 0 0 7px rgba(var(--ui-rgb),.07)!important;
    overflow:hidden!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table-wrap {
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;overflow-x:auto!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(th,td) {
    box-sizing:border-box!important;padding:8px 5px!important;
    border:0!important;border-bottom:1px solid rgba(var(--ui-rgb),.27)!important;
    color:var(--ui-ink)!important;text-align:center!important;vertical-align:middle!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table tbody td {
    height:50px!important;font:750 clamp(13px,3.6vw,16px)/1.25 WolfTajawal,Tajawal,sans-serif!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table tbody tr:last-child td {border-bottom:0!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(th,td):nth-child(1){width:16%!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(th,td):nth-child(2){width:31%!important;text-align:right!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(th,td):nth-child(3){width:31%!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(th,td):nth-child(4){width:22%!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(.rank-1 .wolf-rank-number,.rank-1 .wolf-total-number){color:#F1C675!important;-webkit-text-fill-color:#F1C675!important;border-color:#D5AB59!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(.rank-2 .wolf-rank-number,.rank-2 .wolf-total-number){color:#CAD7E4!important;-webkit-text-fill-color:#CAD7E4!important;border-color:#A9BACD!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(.rank-3 .wolf-rank-number,.rank-3 .wolf-total-number){color:#DEA17C!important;-webkit-text-fill-color:#DEA17C!important;border-color:#BF805A!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(.rank-1 td:nth-child(2),.rank-2 td:nth-child(2),.rank-3 td:nth-child(2)){font-weight:850!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table .rank-1 td:nth-child(2){color:#F1C675!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table .rank-1{background:rgba(209,163,76,.085)!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table .rank-2{background:rgba(181,196,217,.045)!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table .rank-3{background:rgba(203,132,85,.045)!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-panel .wolf-game-recent-cards {
    display:block!important;border:1px solid rgba(var(--ui-rgb),.67)!important;
    border-radius:13px!important;overflow:hidden!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-panel .wolf-recent-operation {
    border:0!important;border-bottom:1px solid rgba(var(--ui-rgb),.28)!important;
    border-radius:0!important;box-shadow:none!important;background:transparent!important;
  }
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-panel .wolf-recent-operation:last-child {border-bottom:0!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-panel .wolf-recent-operation-top {min-height:54px!important;padding:7px 9px!important;}
  body #app #view .wolf-game-compact-ledger .wolf-game-recent-panel .wolf-recent-operation-actions button {min-width:40px!important;width:40px!important;height:40px!important;}
  @media (max-width:360px) {
    body #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table tbody td {font-size:12px!important;}
    body #app #view .wolf-game-compact-ledger .wolf-record-count-inline .wolf-record-count-label {gap:8px!important;}
  }
}

@layer identity {
 body.light #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(.rank-1 .wolf-rank-number,.rank-1 .wolf-total-number) {
   color:#865D1E!important;-webkit-text-fill-color:#865D1E!important;border-color:#865D1E!important;
 }
 body.light #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(.rank-2 .wolf-rank-number,.rank-2 .wolf-total-number) {
   color:#56647A!important;-webkit-text-fill-color:#56647A!important;border-color:#56647A!important;
 }
 body.light #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table :is(.rank-3 .wolf-rank-number,.rank-3 .wolf-total-number) {
   color:#8E5236!important;-webkit-text-fill-color:#8E5236!important;border-color:#8E5236!important;
 }
 body.light #app #view .wolf-game-compact-ledger .wolf-game-ranking-panel .total-rank-table .rank-1 td:nth-child(2) {
   color:#865D1E!important;
 }
}

/* The approved name-right/member-left arrangement must also survive the
   older narrow-phone one-column fallback; inputs themselves may shrink. */
@layer identity {
 @media (max-width:360px) {
  body #app #view .wolf-game-compact-ledger .wolf-royal-entry-form .wolf-record-player-fields {
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;
    gap:6px!important;
  }
 }
}