@layer identity, legacy; @layer identity{ /* audit1696: COMPETITION NAME ENTRY: the one geometry owner is the original priority CSS layer, not a later unlayered override. */ #app #view :is(.quick-normal-page,.knockout-page,.league-page) .smart-entry-card > .row.wolf-player-add-row{ display:grid!important;grid-template-columns:minmax(0,1fr) var(--ui-player-add-width)!important; gap:var(--ui-space)!important;column-gap:var(--ui-space)!important;align-items:stretch!important; flex-wrap:nowrap!important;justify-content:normal!important; width:100%!important;min-width:0!important;margin:0!important;padding:0!important; box-sizing:border-box!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .smart-entry-card > .row.wolf-player-add-row > .smart-player-input{ grid-column:1!important;min-width:0!important;width:100%!important;max-width:100%!important; box-sizing:border-box!important;margin:0!important;flex:none!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .smart-entry-card > .row.wolf-player-add-row > .add-player-btn{ grid-column:2!important;min-width:var(--ui-player-add-width)!important;max-width:var(--ui-player-add-width)!important; box-sizing:border-box!important;margin:0!important;flex:none!important;align-self:stretch!important; } @media(max-width:380px){ #app #view :is(.quick-normal-page,.knockout-page,.league-page) .smart-entry-card > .row.wolf-player-add-row{grid-template-columns:minmax(0,1fr) var(--ui-player-add-width)!important;gap:var(--ui-space-sm)!important;column-gap:var(--ui-space-sm)!important;} #app #view :is(.quick-normal-page,.knockout-page,.league-page) .smart-entry-card > .row.wolf-player-add-row > .add-player-btn{min-width:var(--ui-player-add-width)!important;max-width:var(--ui-player-add-width)!important;} } :root{--ui-icon:#83B8FF!important;--ui-gold:#C7A35A!important;--ui-bg:#050D1B!important;--ui-surface:#091525!important;--ui-inner:#0D1D30!important;--ui-accent:#378FFD!important;--ui-rgb:55,143,253!important;--ui-ink:#F4F7FC!important;--ui-text:var(--ui-ink)!important;--ui-muted:#D1DEEF!important;--ui-radius:16px!important;--ui-control-radius:13px!important;--ui-font:WolfTajawal,Arial,sans-serif!important;--ui-title-size:30px;--ui-card-size:22px;--ui-body-size:17px;--ui-small-size:15px;--ui-space-xs:7px;--ui-space-sm:10px;--ui-space:14px;--ui-space-lg:20px;--ui-nav-height:74px;--ui-control-height:54px;--ui-player-add-width:92px;--ui-control-tile-height:76px;--ui-description-size:16px;--ui-dialog-padding:clamp(16px,4vw,24px);--ui-row-gap:10px;--ui-icon-box:40px;--ui-arrow-size:24px;--ui-section-gap:12px;--ui-round-subtitle-size:17px;--ui-logo-size:126px;--ui-title-icon-size:36px;--ui-hub-radius:16px;--ui-hub-card-height:80px;--ui-hub-card-title-size:clamp(19px,4.8vw,23px);--ui-hub-svg-size:27px;--ui-hub-card-padding:9px 12px;--ui-neon-card-border:1.5px solid rgba(var(--ui-rgb),.78);--ui-neon-card-shadow:inset 0 0 12px rgba(var(--ui-rgb),.055),0 0 9px rgba(var(--ui-rgb),.18),0 8px 16px rgba(0,0,0,.085);--ui-neon-card-pressed:inset 0 0 17px rgba(var(--ui-rgb),.16),0 0 15px rgba(var(--ui-rgb),.3);--ui-title-weight:var(--ui-font-weight-strong);--ui-account-radius:22px;--ui-account-padding:20px;--ui-hub-subtitle-size:clamp(16px,4vw,19px);--ui-tap-area:44px;--ui-roster-actions-width:104px;--ui-premium-card-radius:18px;--ui-premium-dialog-radius:22px;--ui-premium-card-padding:clamp(14px,4vw,23px);--ui-award-panel-radius:17px;--ui-award-panel-padding:clamp(12px,3.8vw,17px);--ui-page-title-size:clamp(22px,5.5vw,28px);--ui-competition-card-gap:16px;--ui-dialog-radius:20px;--ui-dialog-action-height:58px;--ui-dialog-width:400px;--ui-page-gutter:clamp(12px,3.5vw,22px);--ui-competition-action-height:56px;--ui-border:1.5px solid var(--ui-accent);--ui-font-weight-strong:700;--ui-font-weight-caption:600;--ui-section-title-size:clamp(21px,5.3vw,27px);--ui-subsection-title-size:18px;--ui-action-text-size:18px;--ui-radius-card:var(--ui-radius);--ui-radius-tile:var(--ui-hub-radius);--ui-radius-panel:var(--ui-premium-card-radius);--ui-radius-dialog:var(--ui-premium-dialog-radius);--ui-radius-chip:11px;} /* audit1829 — LIVE UI neon contract. One light hierarchy across all three palettes. Resolve on body, where --ui-rgb and --wz-theme-neon-edge belong to the selected skin. No global shadow/filter overrides: independent winners and image exports remain intact. */ body{ --wolf-neon-tier-border:var(--wz-theme-neon-edge,var(--ui-accent)); --wolf-neon-tier-glow-color:rgba(var(--ui-rgb),.37); --wolf-neon-tier-strong:inset 0 0 12px rgba(var(--ui-rgb),.18),0 0 10px rgba(var(--ui-rgb),.56),0 0 21px rgba(var(--ui-rgb),.28); --wolf-neon-tier-medium:inset 0 0 9px rgba(var(--ui-rgb),.12),0 0 9px rgba(var(--ui-rgb),.40),0 0 16px rgba(var(--ui-rgb),.19); --wolf-neon-tier-soft:inset 0 0 6px rgba(var(--ui-rgb),.055),0 0 6px rgba(var(--ui-rgb),.15); --wolf-neon-tier-icon:drop-shadow(0 0 4px rgba(var(--ui-rgb),.55)); --wolf-neon-tier-title:0 0 8px rgba(var(--ui-rgb),.23),0 0 15px rgba(var(--ui-rgb),.11); --ui-neon-card-border:1.5px solid var(--wolf-neon-tier-border)!important; --ui-neon-card-shadow:var(--wolf-neon-tier-medium)!important; --ui-neon-card-pressed:var(--wolf-neon-tier-strong)!important; } /* audit1827: single UI color contract for all live pages (not image exports). Keep screenshot/export palettes self-contained. Theme geometry unchanged. */ body:not(.light):not(.burgundy){ --ui-icon:#83B8FF!important;--ui-gold:#C7A35A!important; --ui-bg:#050D1B!important;--ui-surface:#091525!important;--ui-inner:#0D1D30!important; --ui-accent:#378FFD!important;--ui-rgb:55,143,253!important; --ui-ink:#F4F7FC!important;--ui-muted:#D1DEEF!important; --wz-theme-panel:#091525;--wz-theme-panel2:#0D1D30; --wz-theme-wolf-panel:#102B49;--wz-theme-neon-edge:#378FFD; } body.burgundy{ --ui-icon:#F8FAF9!important;--ui-gold:#D7B477!important; --ui-bg:#290B19!important;--ui-surface:#351321!important;--ui-inner:#441A2B!important; --ui-accent:#F8FAF9!important;--ui-rgb:248,250,249!important; --ui-ink:#F4F6F5!important;--ui-muted:#CDD2D2!important; --wz-theme-panel:#351321;--wz-theme-panel2:#441A2B; --wz-theme-wolf-panel:#441A2B;--wz-theme-neon-edge:#F8FAF9; } body.light{ --ui-icon:#865B18!important;--ui-gold:#AF812A!important; --ui-bg:#E8DDC9!important;--ui-surface:#E1CFB2!important;--ui-inner:#EDDFC8!important; --ui-accent:#B58430!important;--ui-rgb:181,132,48!important; --ui-ink:#382812!important;--ui-muted:#6A4C26!important; --wz-theme-panel:#E1CFB2;--wz-theme-panel2:#EDDFC8; --wz-theme-wolf-panel:#E1CFB2;--wz-theme-neon-edge:#C29840; } /* Live ivory cards use a darker warm surface than the ivory background. Export-only sheets live outside #view and keep their existing palette. */ body.light #app #view{--ui-surface:#DFCCAC!important;--ui-inner:#EDDFC8!important;--wz-theme-panel:#DFCCAC!important;--wz-theme-panel2:#EDDFC8!important;} html[data-wolf-startup-theme="light"]{--ui-bg:#E8DDC9!important;color-scheme:light!important;}html[data-wolf-startup-theme="burgundy"]{--ui-bg:#290B19!important;color-scheme:dark!important;}body{color-scheme:dark!important;}body.light{color-scheme:light!important;}body.burgundy{--ui-border:1.5px solid var(--ui-accent)!important;--blue:var(--ui-accent)!important;--wolf-neon:var(--ui-accent)!important;--wolf-neon-glow:rgba(var(--ui-rgb),.30)!important;--staff-accent:var(--ui-accent)!important;--staff-rgb:var(--ui-rgb)!important;--staff-glow:rgba(var(--ui-rgb),.35)!important;--wolf-glow:rgba(var(--ui-rgb),.24)!important;--wz-glow:rgba(var(--ui-rgb),.24)!important;}body.light{--ui-border:1.5px solid var(--ui-accent)!important;--blue:var(--ui-accent)!important;--wolf-accent:var(--ui-accent)!important;--wolf-neon:var(--ui-accent)!important;--wolf-neon-glow:rgba(var(--ui-rgb),.30)!important;--staff-accent:var(--ui-accent)!important;--staff-rgb:var(--ui-rgb)!important;--staff-glow:rgba(var(--ui-rgb),.35)!important;--wolf-edge:var(--ui-accent)!important;--wolf-glow:rgba(var(--ui-rgb),.24)!important;--wz-accent:var(--ui-accent)!important;--wz-border:var(--ui-accent)!important;--wz-glow:rgba(var(--ui-rgb),.24)!important;}body{--ui-glow:var(--wolf-neon-tier-medium)!important;--ui-glow-active:var(--wolf-neon-tier-strong)!important;--wz-bg:var(--ui-bg)!important;--wz-surface:var(--ui-surface)!important;--wz-surface-2:var(--ui-inner)!important;--wz-accent:var(--ui-accent)!important;--wz-border:var(--ui-accent)!important;--wz-text:var(--ui-ink)!important;--wz-muted:var(--ui-muted)!important;--wz-glow:rgba(var(--ui-rgb),.24)!important;--bg:var(--ui-bg)!important;--text:var(--ui-ink)!important;--muted:var(--ui-muted)!important;--line:var(--ui-accent)!important;--sultan-font:var(--ui-font)!important; --wz-background-art:url("../assets/background-neon-dark.svg");background-repeat:no-repeat!important;}body.burgundy{--wz-background-art:url("../assets/background-neon-burgundy.svg");}body.light{--wz-background-art:url("../assets/background-neon-light.svg");}body::before,body::after{content:none!important;display:none!important;}html,body{background-color:var(--ui-bg)!important;color:var(--ui-ink)!important;}body,#app,dialog,body :is(button,input,select,textarea,label,p,small,b,strong,h1,h2,h3,h4,h5,h6,td,th,option){font-family:var(--ui-font)!important;}body{font-synthesis:none;font-size:var(--ui-body-size)!important;line-height:1.6!important;}#app{color:var(--ui-ink)!important;padding-bottom:0!important;}:is(.wolf-mod-backdrop,.wolf-staff-fullpage){background:transparent!important;color:var(--ui-ink)!important;box-shadow:none!important;}#app #view{color:var(--ui-ink)!important;box-shadow:none!important;}#app::before,#app::after{border-color:rgba(var(--ui-rgb),.18)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage),:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(section,.card,.match-panel,.hs-panel,.wolf-admin-login-card,.account-card){--wz-bg:var(--ui-bg)!important;--wz-surface:var(--ui-surface)!important;--wz-surface-2:var(--ui-inner)!important;--wz-accent:var(--ui-accent)!important;--wz-border:var(--ui-accent)!important;--wz-text:var(--ui-ink)!important;--wz-muted:var(--ui-muted)!important;--wz-glow:rgba(var(--ui-rgb),.24)!important;--qc-bg:var(--ui-surface)!important;--qc-accent:var(--ui-accent)!important;--qc-text:var(--ui-ink)!important;--qc-glow:rgba(var(--ui-rgb),.35)!important;--q584-surface:var(--ui-surface)!important;--q584-accent:var(--ui-accent)!important;--q584-text:var(--ui-ink)!important;--q584-glow:rgba(var(--ui-rgb),.35)!important;--q587-surface:var(--ui-surface)!important;--q587-edge:var(--ui-accent)!important;--q587-ink:var(--ui-ink)!important;--q587-glow:rgba(var(--ui-rgb),.35)!important;--q595-surface:var(--ui-surface)!important;--q595-accent:var(--ui-accent)!important;--q595-text:var(--ui-ink)!important;--q595-glow:rgba(var(--ui-rgb),.35)!important;--q597-fill:var(--ui-surface)!important;--q597-border:var(--ui-accent)!important;--q597-icon:var(--ui-accent)!important;--q597-label:var(--ui-ink)!important;--q597-glow:rgba(var(--ui-rgb),.35)!important;--honor-accent:var(--ui-accent)!important;--honor-rgb:var(--ui-rgb)!important;--honor-card:var(--ui-surface)!important;--honor-card-deep:var(--ui-inner)!important;--honor-ink:var(--ui-ink)!important;--honor-muted:var(--ui-muted)!important;--hs-bg:var(--ui-bg)!important;--hs-card:var(--ui-surface)!important;--hs-inner:var(--ui-inner)!important;--hs-edge:var(--ui-accent)!important;--hs-ink:var(--ui-ink)!important;--hs-muted:var(--ui-muted)!important;--hs-rgb:var(--ui-rgb)!important;--home-accent:var(--ui-accent)!important;--record-accent:var(--ui-accent)!important;--title-accent:var(--ui-accent)!important;--league-accent:var(--ui-accent)!important;--league-accent-2:var(--ui-accent)!important;--wolf-accent:var(--ui-accent)!important;--wolf-neon:var(--ui-accent)!important;--wolf-ink:var(--ui-ink)!important;--staff-ink:var(--ui-ink)!important;--staff-glow:rgba(var(--ui-rgb),.35)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.card,.settings-appearance-card,.settings-feedback-card,.settings-about-card){background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-glow)!important;padding:var(--ui-space)!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-entry,.mode-card,.record-card,.team-hub-menu>.bigbtn,.wolf-control-menu>.bigbtn){background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-glow)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-entry,.mode-card,.record-card)::before,:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-entry,.mode-card,.record-card)::after{border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.page-brand .channel,.home-channel){background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-accent)!important;border-radius:18px!important;box-shadow:0 0 6px rgba(var(--ui-rgb),.20)!important;font-size:var(--ui-small-size)!important;font-weight:700!important;letter-spacing:0!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-title,.mode-page-title) .title-frame>path:first-of-type{fill:none!important;stroke:var(--ui-accent)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-title,.mode-page-title) .title-frame>path:nth-of-type(2){stroke:var(--ui-accent)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-title,.mode-page-title) .title-frame{filter:drop-shadow(0 0 6px rgba(var(--ui-rgb),.55)) drop-shadow(0 0 12px rgba(var(--ui-rgb),.22))!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-title,.mode-page-title) .title-copy{color:var(--ui-ink)!important;text-shadow:none!important;font-weight:var(--ui-font-weight-strong)!important;font-size:var(--ui-title-size)!important;letter-spacing:0!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.menu-copy b,.mode-copy b,.mode-card b,.record-copy b,.record-card>b){font-size:var(--ui-card-size)!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.35!important;color:var(--ui-ink)!important;letter-spacing:0!important;text-shadow:none!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .team-copy b{direction:rtl!important;text-align:right!important;font-size:var(--ui-card-size)!important;letter-spacing:0!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.menu-copy small,.record-copy small,.mode-card small,.mode-copy small){font-size:var(--ui-small-size)!important;font-weight:var(--ui-font-weight-caption)!important;line-height:1.45!important;color:var(--ui-muted)!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(h2,.hs-section-heading h2){font-size:var(--ui-section-title-size)!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.45!important;color:var(--ui-ink)!important;text-shadow:0 0 10px rgba(var(--ui-rgb),.17)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) h3{font-size:var(--ui-subsection-title-size)!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.5!important;color:var(--ui-ink)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.notice,.hs-note,.smart-entry-hint,.hs-intro,.settings-switch-row small,.about-developer p,.about-developer small){font-size:var(--ui-small-size)!important;font-weight:550!important;line-height:1.7!important;color:var(--ui-muted)!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.input,input:not([type=file]):not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box!important;min-width:0!important;border:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;box-shadow:none!important;font-size:var(--ui-body-size)!important;font-weight:500!important;line-height:1.5!important;outline:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.input,input,select,textarea)::placeholder{color:var(--ui-muted)!important;opacity:.85!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.input,input,select,textarea):focus{border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow-active)!important;outline:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.action,.hs-button,.settings-action,.wolf-contact,.record-action,.record-action-button,.theme-chooser button){background:var(--ui-surface)!important;background-image:none!important;border:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;font-size:var(--ui-action-text-size)!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.4!important;text-shadow:none!important;min-height:var(--ui-tap-area)!important;filter:none!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.action,.hs-button,.theme-chooser button):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.action,.hs-button) :is(.control-icon,.record-action-icon,.hs-icon),:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.action,.hs-button)>svg{color:var(--ui-accent)!important;filter:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .quick-tools-control>.quick-control{opacity:1!important;background:var(--ui-surface)!important;border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .quick-tools-control>.quick-control .control-icon,:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .quick-tools-control>.quick-control svg{color:var(--ui-accent)!important;stroke:currentColor!important;filter:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .quick-tools-control>.quick-control>span:last-child{color:var(--ui-ink)!important;font-size:var(--ui-small-size)!important;font-weight:600!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-icon,.mode-icon,.record-visual-icon,.records-admin-tool-icon,.mode-card-icon,.menu-icon){color:var(--ui-accent)!important;background:var(--ui-inner)!important;border:var(--ui-border)!important;border-radius:14px!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;width:46px!important;height:46px!important;display:grid!important;place-items:center!important;flex-shrink:0!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.home-icon,.mode-icon,.record-visual-icon,.records-admin-tool-icon,.mode-card-icon,.menu-icon) svg{width:30px!important;height:30px!important;color:var(--ui-accent)!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;filter:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.record-symbol,.home-vs,.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow){color:var(--ui-accent)!important;border-color:var(--ui-accent)!important;text-shadow:none!important;filter:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.back,.settings-btn){background:var(--ui-surface)!important;color:var(--ui-accent)!important;border:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;box-shadow:var(--ui-glow)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.back,.settings-btn) svg{color:var(--ui-accent)!important;stroke:currentColor!important;fill:none!important;filter:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.game-card-option,.game){border-color:rgba(var(--ui-rgb),.35)!important;background:var(--ui-inner)!important;box-shadow:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.game-card-option,.game).selected{border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow-active)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .game-card-option.selected::after{background:var(--ui-accent)!important;color:var(--ui-bg)!important;box-shadow:none!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.table th,.league-table th,.record-table th){background:var(--ui-inner)!important;color:var(--ui-ink)!important;font-size:var(--ui-small-size)!important;font-weight:var(--ui-font-weight-caption)!important;border-color:rgba(var(--ui-rgb),.25)!important;min-width:0;overflow-wrap:anywhere;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.table td,.league-table td,.record-table td){border-color:rgba(var(--ui-rgb),.23)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.settings-toggle,.settings-toggle.on){background:var(--ui-inner)!important;border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .settings-toggle.on span{background:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) .theme-chooser button.selected{background:var(--ui-inner)!important;box-shadow:var(--ui-glow-active)!important;}dialog{--save-bg:var(--ui-bg)!important;--save-surface:var(--ui-surface)!important;--save-edge:var(--ui-accent)!important;--save-text:var(--ui-ink)!important;--save-glow:rgba(var(--ui-rgb),.3)!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;border:var(--ui-border)!important;border-radius:22px!important;box-shadow:var(--ui-glow-active)!important;}dialog :is(h2,h3){color:var(--ui-ink)!important;font-size:var(--ui-card-size)!important;font-weight:600!important;}dialog :is(.notice,p,label){color:var(--ui-muted)!important;font-size:var(--ui-small-size)!important;min-width:0;overflow-wrap:anywhere;}dialog :is(.action,.input,select,input){background:var(--ui-inner)!important;color:var(--ui-ink)!important;border-color:var(--ui-accent)!important;border-radius:var(--ui-control-radius)!important;font-size:var(--ui-body-size)!important;}.quick-save-dialog .save-choice>button.action,.quick-save-dialog .save-choice>button.action:focus-visible{outline:none!important;border:var(--ui-border)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;background:var(--ui-inner)!important;}.quick-save-dialog .save-choice>button.action:focus-visible{text-decoration:underline;text-underline-offset:5px;}.honor-studio-page #trophyPreview{border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;border-radius:20px!important;}.wolf-mod-backdrop.wolf-staff-fullpage{background:var(--ui-bg)!important;color:var(--ui-ink)!important;}.wolf-mod-panel{background:var(--ui-surface)!important;color:var(--ui-ink)!important;border-color:var(--ui-accent)!important;border-radius:20px!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;}.wolf-mod-panel :is(input,select,textarea,button){background:var(--ui-inner)!important;color:var(--ui-ink)!important;border:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;font-size:var(--ui-body-size)!important;}.wz-control-icon{display:inline-flex!important;width:24px!important;height:24px!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important;}.wz-control-icon svg{display:block!important;width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;}:is(#view,.wolf-mod-backdrop) :is(.action,.settings-action) .records-admin-tool-icon{width:24px!important;height:24px!important;border:0!important;border-radius:0!important;box-shadow:var(--ui-glow)!important;background:transparent!important;}:is(#view,.wolf-mod-backdrop) :is(.iconbtn,.record-view-choice button,.scoring-picker button,.admin-password-toggle,.wolf-admin-forgot){background:var(--ui-inner)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-accent)!important;border-radius:var(--ui-control-radius)!important;box-shadow:none!important;font-size:var(--ui-small-size)!important;font-weight:600!important;}:is(#view,.wolf-mod-backdrop) :is(.record-view-choice,.scoring-picker) button.selected{background:var(--ui-surface)!important;box-shadow:var(--ui-glow-active)!important;}:is(#view,.wolf-mod-backdrop) :is(.mode-title-icon,.title-glyph-svg,.title-glyph-svg path,.navigation-icon,.menu-chevron,.records-arrow,.records-menu-arrow,.mode-arrow){color:var(--ui-accent)!important;stroke:currentColor!important;filter:none!important;opacity:1!important;}#view :is(.record-period-heading,.league-start-date-card,.league-calendar-symbol,.league-count){background:var(--ui-inner)!important;border-color:var(--ui-accent)!important;color:var(--ui-ink)!important;box-shadow:none!important;}#view :is(.about-omar-inline,.goldword,.channel b){color:var(--ui-accent)!important;text-shadow:none!important;}#view .settings-switch-row{background:transparent!important;border:0!important;border-bottom:1px solid rgba(var(--ui-rgb),.25)!important;border-radius:0!important;box-shadow:var(--ui-glow)!important;padding:16px 0!important;}#view .settings-switch-row:last-child{border-bottom:0!important;}#view .settings-toggle{border-color:var(--ui-accent)!important;background:var(--ui-bg)!important;box-shadow:var(--ui-glow)!important;}#view .settings-toggle.on{background:var(--ui-accent)!important;}#view .settings-toggle span{background:var(--ui-ink)!important;}#view{position:relative!important;}#view>.back{position:absolute!important;top:18px!important;right:0!important;left:auto!important;margin:0!important;transform:none!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;align-self:auto!important;z-index:30!important;}#view>.back svg{width:24px!important;height:24px!important;}#view>.page-brand{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:16px 0 0!important;margin:0 auto var(--ui-space)!important;flex:none!important;gap:12px!important;min-height:0!important;height:auto!important;max-height:none!important;}#view>.page-brand>img{display:block!important;width:var(--ui-logo-size)!important;height:calc(var(--ui-logo-size) * .78)!important;max-width:var(--ui-logo-size)!important;min-height:0!important;max-height:102px!important;flex:none!important;object-fit:contain!important;margin:0!important;transform:none!important;}#view>.title:empty{display:none!important;}#view>.title:not(:empty){color:var(--ui-ink)!important;background:var(--ui-surface)!important;border:var(--ui-border)!important;border-radius:20px!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;font-size:var(--ui-title-size)!important;line-height:1.4!important;padding:var(--ui-space)!important;margin:16px auto 22px!important;min-height:0!important;}#view :is(.mode-page-title){height:68px!important;min-height:68px!important;max-width:100%!important;margin:16px auto 22px!important;}#app #view .mode-page-title .mode-title-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:30px!important;line-height:1!important;}#app #view .mode-page-title .mode-title-icon :is(svg,span), #app #view .mode-page-title .title-glyph-svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;flex-shrink:0!important;}#view.wolf-login-page{display:block!important;min-height:0!important;padding-bottom:24px!important;}#view.wolf-login-page>.wolf-admin-login-card{min-height:0!important;flex:none!important;display:block!important;margin:0 auto!important;padding:var(--ui-space)!important;width:100%!important;max-width:620px!important;}#view #wolfAdminLoginForm{display:grid!important;gap:var(--ui-space)!important;margin:0!important;padding:0!important;}#view #wolfAdminLoginForm label{display:grid!important;gap:8px!important;margin:0!important;}#view #wolfAdminLoginForm .input{min-height:var(--ui-control-height)!important;height:auto!important;margin:0!important;padding:10px 14px!important;line-height:1.5!important;}#view #wolfAdminLoginForm .action{min-height:var(--ui-control-height)!important;margin:0!important;}#view #wolfAdminLoginForm .wolf-admin-forgot{justify-self:center!important;min-height:40px!important;width:auto!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 12px!important;margin:0!important;color:var(--ui-accent)!important;font-size:var(--ui-small-size)!important;text-decoration:underline!important;text-underline-offset:5px!important;}#view #wolfAdminLoginForm :is(.account-error,.account-success):empty{display:none!important;}#view :is(.participants h2,.league-section-heading>b,.wolf-section-title,.wolf-control-title,.record-period-heading){font-size:clamp(21px,5.2vw,27px)!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.4!important;letter-spacing:0!important;color:var(--ui-ink)!important;text-shadow:0 0 12px rgba(var(--ui-rgb),.22)!important;}#view :is(.participants,.league-page .league-section-heading,.wolf-section-title,.wolf-control-title){scroll-margin-top:20px;}.wolf-mod-panel{position:relative!important;padding-top:76px!important;}.wolf-mod-close{position:absolute!important;top:16px!important;right:16px!important;left:auto!important;width:44px!important;height:44px!important;font-size:0!important;padding:0!important;display:grid!important;place-items:center!important;background:var(--ui-surface)!important;color:var(--ui-accent)!important;border:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;}.wolf-mod-close::after{content:"";width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);display:block;}#view .mode-title-icon .records-admin-tool-icon{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;}#view .quick-normal-page::before,#view .league-page::before{content:none!important;display:none!important;}#app{width:100%!important;max-width:680px!important;margin-inline:auto!important;padding-inline:var(--ui-space)!important;}#view{width:100%!important;max-width:620px!important;margin-inline:auto!important;box-sizing:border-box!important;min-width:0!important;}#view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,.records-vertical,.challenge-modes){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;width:100%!important;max-width:620px!important;margin:16px auto 0!important;padding:0!important;box-sizing:border-box!important;}#view :is(.home-entry,.mode-card,.record-card,.team-hub-menu>.bigbtn,.wolf-control-menu>.bigbtn){display:grid!important;grid-template-columns:26px minmax(0,1fr) 50px!important;align-items:center!important;column-gap:var(--ui-space-sm)!important;direction:rtl!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;min-height:var(--ui-nav-height)!important;height:auto!important;max-height:none!important;margin:0!important;padding:12px 18px!important;transform:none!important;border:var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-glow)!important;}#view :is(.home-entry,.mode-card,.record-card)::before,#view :is(.home-entry,.mode-card,.record-card)::after{content:none!important;display:none!important;}#view :is(.menu-copy,.mode-copy,.record-copy){display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;grid-column:2!important;grid-row:1!important;direction:rtl!important;text-align:right!important;margin:0!important;padding:0!important;}#view :is(.menu-copy,.mode-copy,.record-copy)>:is(b,small){margin:0!important;padding:0!important;white-space:normal!important;overflow-wrap:break-word!important;}#view :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow){grid-column:1!important;grid-row:1!important;justify-self:center!important;margin:0!important;align-self:center!important;}#view :is(.home-icon,.mode-icon,.record-visual-icon,.mode-card-icon){margin:0!important;width:46px!important;height:46px!important;box-sizing:border-box!important;justify-self:center!important;}#view :is(.home-icon,.mode-icon,.record-visual-icon,.mode-card-icon,.home-entry>.records-admin-tool-icon){grid-column:3!important;grid-row:1!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;padding:0!important;box-sizing:border-box!important;border:var(--ui-border)!important;border-radius:14px!important;box-shadow:var(--ui-glow)!important;}#view :is(.menu-chevron,.mode-arrow){position:static!important;display:grid!important;place-items:center!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;border:0!important;background:none!important;transform:none!important;filter:none!important;opacity:1!important;visibility:visible!important;font-size:0!important;box-shadow:none!important;}#view :is(.menu-chevron,.mode-arrow)::before,#view :is(.menu-chevron,.mode-arrow)::after{content:none!important;display:none!important;}#view :is(.menu-chevron,.mode-arrow)>svg{display:block!important;width:20px!important;height:20px!important;stroke:var(--ui-accent)!important;fill:none!important;filter:none!important;transform:none!important;}#view :is(.quick-normal-page,.league-page,.records-menu-page,.management-hub-page,.honor-studio-page,.settings-page){width:100%!important;max-width:620px!important;min-width:0!important;box-sizing:border-box!important;margin-inline:auto!important;}#view :is(.card,.match-panel,.hs-panel,.league-stage){box-sizing:border-box!important;min-width:0!important;margin-block:var(--ui-space-sm)!important;}#view :is(.quick-normal-page,.league-page,.honor-studio-page)>:is(.card,.match-panel,.hs-panel,.league-stage):last-child{margin-bottom:0!important;}#view :is(.card,.hs-panel) :is(h2,h3){margin-top:0!important;margin-bottom:var(--ui-space-sm)!important;}#view :is(.action,.hs-button,.settings-action,.record-action,.record-action-button,.theme-chooser button),dialog .action{box-sizing:border-box!important;min-height:var(--ui-control-height)!important;height:auto!important;padding:8px 10px!important;gap:var(--ui-space-xs)!important;border:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;white-space:normal!important;}#view :is(.input:not(textarea),select){min-height:var(--ui-control-height)!important;padding-block:10px!important;}#view :is(.hs-fields,.admin-user-form,#resetForm){gap:var(--ui-space)!important;}#view :is(.hs-field,.admin-user-form label,#resetForm label){gap:var(--ui-space-xs)!important;}#view :is(.tournament-hub-subtitle,.hs-intro){margin:0 0 var(--ui-space-sm)!important;font-size:var(--ui-small-size)!important;line-height:1.6!important;color:var(--ui-muted)!important;}#view .settings-switch-row{padding-block:var(--ui-space-sm)!important;}dialog{padding:var(--ui-space)!important;border-radius:var(--ui-radius)!important;}dialog :is(.save-choice,.save-grid){gap:var(--ui-space-sm)!important;}#app #view .home-reference-frame>.home-frame-outer{fill:var(--title-fill,var(--ui-surface))!important;stroke:url(#homeTitleGold)!important;stroke-width:3!important;}#app #view .home-reference-frame>.home-frame-inner{fill:none!important;stroke:var(--ui-accent)!important;}#view .home-title .home-reference-frame{filter:drop-shadow(0 0 7px rgba(255,200,76,.45))!important;}#view .home-showcase .home-title .goldword{color:#FFD369!important;background:linear-gradient(180deg,#FFF0A3 5%,#FFD363 50%,#D69924 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}#view .home-icon .home-vs{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;font-size:18px!important;letter-spacing:0!important;line-height:1!important;display:block!important;}#view .home-title{--title-fill:var(--ui-surface);}body.burgundy #view .home-title{--title-fill:var(--ui-surface);}body.light #view .home-title{--title-fill:var(--ui-surface);}#app #view .home-showcase .home-title:not(.royal-tier-hero) .title-copy{font-size:28px!important;font-weight:700!important;}#app #view .mode-page-title .title-copy{max-width:84%!important;}#app #view .mode-page-title.long-page-title:not(.royal-tier-page) .title-copy{font-size:22px!important;}#app #view .tournament-hub-subtitle{font-size:19px!important;font-weight:700!important;line-height:1.5!important;color:var(--ui-ink)!important;text-align:center!important;margin:4px 0 16px!important;}#app #view .tournament-modes .mode-copy{align-items:stretch!important;text-align:right!important;direction:rtl!important;min-width:0!important;}#app #view .tournament-modes .mode-copy b{font-size:22px!important;font-weight:700!important;text-align:right!important;line-height:1.4!important;}#app #view .tournament-modes .mode-copy small{font-size:var(--ui-small-size)!important;font-weight:500!important;text-align:right!important;line-height:1.5!important;}#app #view .honor-studio-page :is(.hs-field label,.hs-field>span,.field-label){font-size:17px!important;font-weight:600!important;line-height:1.5!important;}#app #view .honor-studio-page :is(.hs-input,.hs-select){font-size:18px!important;font-weight:600!important;line-height:1.5!important;}#app #view .honor-studio-page #honorDateValue{font-size:var(--ui-small-size)!important;font-weight:600!important;}#view>.home-showcase.home-simple{padding-top:8px!important;gap:9px!important;margin-top:0!important;margin-bottom:11px!important;}#view>.home-showcase .home-mark{display:block!important;width:var(--ui-player-add-width)!important;height:90px!important;min-height:90px!important;max-width:var(--ui-player-add-width)!important;object-fit:contain!important;margin:0 auto!important;transform:none!important;}#view :is(.mode-page-title,.home-title.home-title-svg){transform:none!important;animation:none!important;height:70px!important;min-height:70px!important;margin:6px auto 10px!important;}#view :is(.mode-page-title,.home-title) .title-copy{line-height:1.4!important;max-width:90%!important;}#view :is(.notice,.hs-note,.smart-entry-hint,.account-error,.account-success,.account-status,.settings-switch-row small){font-size:var(--ui-small-size)!important;line-height:1.6!important;}#view :is(.table,.record-table,.league-table){font-size:var(--ui-small-size)!important;}#view :is(.input,textarea,select){font-family:var(--ui-font)!important;}#view .smart-entry-card .row{display:grid!important;grid-template-columns:minmax(0,1fr) 80px!important;gap:8px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;}#view .smart-entry-card .row>.input{width:100%!important;min-width:0!important;height:62px!important;min-height:62px!important;padding:8px 11px!important;resize:vertical!important;}#view .smart-entry-card .add-player-btn{width:80px!important;min-width:0!important;max-width:80px!important;box-sizing:border-box!important;padding:8px!important;align-self:stretch!important;height:auto!important;}#view :is(.wolf-password-field,.admin-user-password-wrap){display:block!important;position:relative!important;direction:ltr!important;}#view #wolfAdminLoginForm .wolf-password-field>.input,#view .admin-user-password-wrap>.input{padding:10px 58px 10px 14px!important;text-align:left!important;direction:ltr!important;}#view :is(.wolf-password-eye,.admin-password-toggle){position:absolute!important;right:4px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--ui-accent)!important;cursor:pointer!important;font-size:0!important;}#view :is(.wolf-password-eye,.admin-password-toggle) svg{display:block!important;width:22px!important;height:22px!important;filter:none!important;pointer-events:none!important;}#view :is(.wolf-password-eye,.admin-password-toggle)::before,#view :is(.wolf-password-eye,.admin-password-toggle)::after{content:none!important;display:none!important;}#view :is(.wolf-password-eye,.admin-password-toggle):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:1px!important;}#view :is(.wolf-password-field,.admin-user-password-wrap) input::-ms-reveal,#view :is(.wolf-password-field,.admin-user-password-wrap) input::-ms-clear{display:none!important;}#view :is(.wolf-password-field,.admin-user-password-wrap) input::-webkit-credentials-auto-fill-button{visibility:hidden!important;pointer-events:none!important;}.honor-studio-page .hs-choice-logo{top:24%!important;left:46%!important;width:8%!important;height:auto!important;transform:none!important;}.honor-studio-page .hs-date-control{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;min-width:0!important;height:var(--ui-control-height)!important;box-sizing:border-box!important;overflow:hidden!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;border:var(--ui-border)!important;border-radius:var(--ui-control-radius)!important;padding:0 12px 0 38px!important;}.honor-studio-page #honorDateValue{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:var(--ui-small-size)!important;line-height:1.5!important;direction:ltr!important;text-align:right!important;pointer-events:none!important;}.honor-studio-page .hs-date-control .hs-icon{left:10px!important;top:14px!important;width:20px!important;height:20px!important;color:var(--ui-accent)!important;}.honor-studio-page .hs-date-control #cdate{position:absolute!important;inset:0!important;width:100%!important;max-width:100%!important;min-width:0!important;inline-size:100%!important;min-inline-size:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;border:0!important;border-radius:0!important;box-sizing:border-box!important;cursor:pointer!important;-webkit-appearance:none!important;}.honor-studio-page .hs-date-control:focus-within{box-shadow:var(--ui-glow-active)!important;}#view .settings-toggle,#view .settings-toggle.on{position:relative!important;display:block!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--ui-accent)!important;border-radius:999px!important;background:var(--ui-inner)!important;box-shadow:var(--ui-glow)!important;flex:0 0 52px!important;}#view .settings-toggle span{position:absolute!important;display:block!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;top:3px!important;right:3px!important;left:auto!important;border:0!important;border-radius:50%!important;background:var(--ui-muted)!important;transform:none!important;box-shadow:var(--ui-glow)!important;transition:transform .18s ease!important;}#view .settings-toggle.on span{background:var(--ui-ink)!important;transform:translateX(-22px)!important;box-shadow:var(--ui-glow)!important;}.honor-studio-page :is(.hs-medal-crystal,.hs-medal-gold) .hs-choice-logo{display:block!important;top:41%!important;left:45.3333%!important;width:9.3333%!important;}.honor-studio-page :is(.hs-medal-crystal,.hs-medal-gold) .hs-choice-image{inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;}.honor-studio-page .hs-collection{padding-top:16px!important;}body{--wz-bg-line:rgba(var(--ui-rgb),.22)!important;--wz-bg-glow:rgba(var(--ui-rgb),.28)!important;--wz-bg-glow-soft:rgba(var(--ui-rgb),.12)!important;}#app::before,#app::after{border-color:rgba(var(--ui-rgb),.25)!important;box-shadow:0 0 18px rgba(var(--ui-rgb),.27)!important;}body.light #app::before,body.light #app::after{opacity:.78!important;}} @layer identity{#app #view .game-card-picker.wz-honor-game-tiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:8px!important;width:100%!important;padding:0!important;margin:0!important;direction:rtl!important;}#app #view .wz-honor-game-tiles>button.game-card-option{position:relative!important;display:block!important;box-sizing:border-box!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;aspect-ratio:1!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border:1.5px solid rgba(var(--ui-rgb),.4)!important;border-radius:13px!important;overflow:hidden!important;background:var(--ui-inner)!important;box-shadow:none!important;transform:none!important;line-height:0!important;}#app #view .wz-honor-game-tiles>button.game-card-option img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:1!important;object-fit:cover!important;object-position:center!important;transform:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;filter:none!important;}#app #view .wz-honor-game-tiles>button.game-card-option>span{display:none!important;}#app #view .wz-honor-game-tiles>button.game-card-option.selected{border-color:var(--ui-accent)!important;box-shadow:0 0 11px rgba(var(--ui-rgb),.3)!important;}#app #view .wz-honor-game-tiles>button.game-card-option.selected::after{content:"✓"!important;position:absolute!important;display:grid!important;place-items:center!important;top:4px!important;right:4px!important;left:auto!important;inset-inline-end:auto!important;width:18px!important;height:18px!important;box-sizing:border-box!important;font-size:10px!important;font-weight:600!important;line-height:1!important;border:1px solid var(--ui-accent)!important;border-radius:50%!important;background:var(--ui-accent)!important;color:var(--ui-bg)!important;box-shadow:none!important;}#app #view .wz-honor-game-tiles>button.game-card-option:focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;}} body{--wz-bg-line:rgba(var(--ui-rgb),.35)!important;--wz-bg-glow:rgba(var(--ui-rgb),.39)!important;--wz-bg-glow-soft:rgba(var(--ui-rgb),.20)!important;} body #app #view .team-hub-menu .team-logout-entry :is(.records-admin-tool-icon,.control-icon){color:var(--ui-accent)!important;border-color:var(--ui-accent)!important;background:var(--ui-inner)!important;filter:none!important;box-shadow:0 0 14px rgba(var(--ui-rgb),.38)!important;} body #app #view .team-hub-menu .team-logout-entry :is(.records-admin-tool-icon,.control-icon) svg{color:var(--ui-accent)!important;stroke:currentColor!important;filter:drop-shadow(0 0 4px rgba(var(--ui-rgb),.40))!important;} @media screen{body #app :is(button,input,textarea,select){font-family:var(--ui-font)!important;}body #app :is(input,textarea,select){max-width:100%;min-width:0;}body #app :is(.card,.match-panel,.account-card,.wolf-admin-login-card){overflow-wrap:anywhere;}body #app :is(.card,.match-panel,.account-card,.wolf-admin-login-card) :is(h1,h2,h3,p,small,label){line-height:1.5;}body #app :is(button,.action,.bigbtn){touch-action:manipulation;}body #app :is(button,.action,.bigbtn):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:3px;}body #app :is(.input,input,textarea,select):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:2px;}body #app :is(.card,.match-panel,.account-card,.wolf-admin-login-card){box-shadow:var(--ui-glow)!important;}body #app :is(.card,.match-panel,.account-card,.wolf-admin-login-card):focus-within{box-shadow:var(--ui-glow)!important;}body.burgundy #app :is(.card,.match-panel,.account-card,.wolf-admin-login-card){background-color:var(--ui-surface)!important;border-color:var(--ui-accent)!important;}body.light #app :is(.card,.match-panel,.account-card,.wolf-admin-login-card){background-color:var(--ui-surface)!important;border-color:var(--ui-accent)!important;}@media(max-width:390px){body #app :is(.action){font-size:var(--ui-body-size)!important;}body #app :is(.input,input,select,textarea){font-size:var(--ui-body-size)!important;}body #app :is(.card,.match-panel,.account-card){min-width:0;}}} #app{background-image:none!important;} #view .home-showcase.home-simple{background:transparent!important;background-image:none!important;box-shadow:none!important;} #view .home-showcase.home-simple::before,#view .home-showcase.home-simple::after{background:none!important;box-shadow:none!important;} #view .home-showcase .home-title.home-title-svg:not(.royal-tier-hero){height:72px!important;min-height:72px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:isolate!important;} #view .home-showcase .home-title.home-title-svg:not(.royal-tier-hero) .title-copy{font-size:var(--ui-title-size)!important;text-shadow:none!important;} @layer identity{#app #view #wolf-staff-stage [hidden],#app #view .management-hub-page [hidden]{display:none!important;}} :root{--wolf-changa-leading:1.4;} #view :is(.menu-copy,.mode-copy,.record-copy){min-width:0!important;} #view :is(.menu-copy b,.mode-copy b,.mode-card b,.record-copy b,.record-card>b){line-height:1.35!important;overflow-wrap:anywhere!important;} #view :is(.menu-copy small,.record-copy small,.mode-card small,.mode-copy small){font-weight:600!important;line-height:1.5!important;} #view .home-entry{min-height:76px!important;height:auto!important;} @media(max-width:375px){:root{--ui-title-size:28px;--ui-card-size:22px;--ui-body-size:17px;--ui-small-size:15px;}#view :is(.home-entry,.mode-card,.record-card){min-width:0!important;}} @media (max-width: 649px){#app #view:not(.wolf-login-page) > .back, #app #view:not(.wolf-login-page) > .back.back-system{top:max(52px, calc(env(safe-area-inset-top) + 35px)) !important;}} #app #view :is(.mode-page-title,.record-period-heading,.total-period-heading){line-height:1.45;} #app #view :is(.record-period-heading,.total-period-heading) > span{font-size:clamp(17px, 4.2vw, 20px) !important;font-weight:700 !important;} #app #view .wolf-control-menu > .menu-row .menu-copy b{font-size:var(--ui-hub-card-title-size)!important;line-height:1.45!important;} #app #view :is(.ui-section-card,.record-detail-page,.record-total-page) :is(h2,h3,.recent-wins-title){font-size:clamp(20px,5vw,24px)!important;line-height:1.48!important;letter-spacing:0!important;} #app #view :is(.ui-section-card,.record-detail-page,.record-total-page) :is(.notice,small){font-size:var(--ui-small-size,16px)!important;line-height:1.6!important;} #app #view :is(.record-view-choice,.record-filters) :is(button,select,input){min-height:var(--ui-control-height);line-height:1.5!important;} #app #view .wolf-control-menu > .menu-row{min-height:var(--ui-hub-card-height)!important;display:flex!important;flex-direction:row!important;direction:ltr!important;align-items:center;gap:var(--ui-row-gap)!important;} #app #view .wolf-control-menu > .menu-row :is(svg,.menu-icon){flex-shrink:0;max-width:100%;} @media (prefers-reduced-motion:reduce){#app #view :is(.menu-row,.ui-section-card,.action){transition:none!important;animation:none!important;}} @layer identity{:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(button,.action,.hs-button,.record-action-button,.settings-action,.home-entry,.mode-card,.record-card){-webkit-tap-highlight-color:transparent;transition:box-shadow .16s ease,border-color .16s ease,filter .16s ease;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(button,.action,.hs-button,.record-action-button,.settings-action,.home-entry,.mode-card,.record-card):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;box-shadow:var(--ui-glow)!important;}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(button,.action,.hs-button,.record-action-button,.settings-action,.home-entry,.mode-card,.record-card):active:not(:disabled){box-shadow:var(--ui-glow)!important;filter:brightness(1.08);}:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(button,.action,.hs-button,.record-action-button,.settings-action):disabled{cursor:default;opacity:.55;}@media(prefers-reduced-motion:reduce){:is(#view,.wolf-mod-backdrop,.wolf-staff-fullpage) :is(button,.action,.hs-button,.record-action-button,.settings-action,.home-entry,.mode-card,.record-card){transition:none!important;}}} @layer identity{#app{background-color:transparent!important;background-image:none!important;}html[data-wolf-startup-theme="burgundy"] #app,body.burgundy #app,html[data-wolf-startup-theme="light"] #app,body.light #app{background-color:transparent!important;background-image:none!important;}:is(.wolf-mod-backdrop,.wolf-staff-fullpage){background-color:transparent!important;background-image:none!important;}#app #view{background-color:transparent!important;background-image:none!important;}html[data-wolf-startup-theme="burgundy"] #app #view,body.burgundy #app #view,html[data-wolf-startup-theme="light"] #app #view,body.light #app #view{background-color:transparent!important;background-image:none!important;}#startupSplash{background-color:var(--splash-bg)!important;background-image:radial-gradient(ellipse 75% 260px at 0% 10%,rgba(var(--splash-main-rgb),.28),transparent 83%), radial-gradient(ellipse 72% 310px at 100% 46%,rgba(var(--splash-main-rgb),.23),transparent 82%), radial-gradient(ellipse 80% 280px at 0% 90%,rgba(var(--splash-main-rgb),.24),transparent 83%), radial-gradient(ellipse 70% 230px at 100% 100%,rgba(var(--splash-secondary-rgb),.19),transparent 82%)!important;}@media (prefers-reduced-motion:reduce){#app,#view,#startupSplash,.wolf-mod-backdrop,.wolf-staff-fullpage{background-attachment:scroll!important;}}} :root{--wolf-focus:var(--ui-accent);--wolf-card-accent:var(--ui-accent);} button,input,select,textarea{font-family:var(--ui-font);font-synthesis:none;} button,select,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;} input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:3px!important;} .wolf-mod-panel,.wolf-staff-fullpage{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;padding-inline:max(12px,env(safe-area-inset-right,0px));line-height:1.5;overflow-x:clip;isolation:isolate;-webkit-text-size-adjust:100%;} .wolf-mod-panel .input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;direction:rtl;overflow-wrap:anywhere;font-size:max(16px,var(--ui-body-size,16px));line-height:1.5;padding-inline:12px;border-radius:var(--ui-control-radius,12px);touch-action:manipulation;} .wolf-mod-panel .action{min-height:var(--ui-control-height);min-width:44px;touch-action:manipulation;box-sizing:border-box;max-width:100%;padding-inline:12px;line-height:1.45;overflow-wrap:anywhere;} .wolf-mod-panel h1,.wolf-mod-panel h2,.wolf-mod-panel h3{overflow-wrap:anywhere;word-break:normal;max-width:100%;line-height:1.45;font-weight:800;margin-inline:0;text-wrap:balance;-webkit-text-size-adjust:100%;} :root{--wz-font:var(--ui-font);--wz-control-height:var(--ui-control-height);} #app :is(button,input,select,textarea,.action,.menu-row,.records-menu-row,.records-menu-card){font-family:var(--ui-font);} #app :is(input,select,textarea){box-sizing:border-box;min-width:0;max-width:100%;min-height:var(--ui-control-height);font-size:max(16px,var(--ui-body-size));line-height:1.55;accent-color:var(--ui-accent);color:var(--ui-ink);} #app :is(button,.action){box-sizing:border-box;min-width:44px;min-height:var(--ui-control-height);line-height:1.45;touch-action:manipulation;overflow-wrap:anywhere;} #app :is(.menu-row,.records-menu-row,.records-menu-card,.mode-card){box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere;isolation:isolate;hyphens:auto;} #app :is(.menu-row,.records-menu-row,.records-menu-card,.mode-card) :is(svg,.menu-chevron,.records-arrow,.records-menu-arrow,.mode-arrow){flex-shrink:0;pointer-events:none;vertical-align:middle;} #app :is(.menu-row,.records-menu-row,.records-menu-card,.mode-card) :is(.menu-chevron,.records-arrow,.records-menu-arrow,.mode-arrow) svg{display:block;width:24px;height:24px;max-width:100%;max-height:100%;aspect-ratio:1;} #app :is(.wolf-mod-panel,.wolf-staff-fullpage,.records-admin-panel) :is(h1,h2,h3){line-height:1.4;overflow-wrap:anywhere;max-width:100%;} #app :is(.wolf-mod-panel,.wolf-staff-fullpage,.records-admin-panel) :is(.menu-row,.records-menu-row,.records-menu-card){border-radius:14px;min-width:0;max-width:100%;} #app :is(.wolf-mod-panel,.wolf-staff-fullpage,.records-admin-panel) :is(button,.action){border-radius:var(--ui-control-radius);max-width:100%;overflow-wrap:anywhere;} #app :is(.wolf-mod-panel,.wolf-staff-fullpage,.records-admin-panel) :is(button,.action) svg{width:24px;height:24px;flex-shrink:0;pointer-events:none;vertical-align:middle;} @media(max-width:390px){#app :is(.wolf-mod-panel,.wolf-staff-fullpage,.records-admin-panel) :is(button,.action){font-size:var(--ui-body-size);}#app :is(.menu-row,.records-menu-row,.records-menu-card){gap:var(--ui-space-xs);}} #app :is(.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.menu-row,.mode-card,.records-menu-row,.records-menu-card), #app #view :is(.records-menu-row,.records-menu-card){position:relative;padding-right:calc(56px + env(safe-area-inset-right, 0px));padding-left:max(var(--ui-space-sm),env(safe-area-inset-left, 0px));box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere;} #app :is(.wolf-mod-backdrop,.wolf-staff-fullpage) :is(.menu-row,.mode-card,.records-menu-row,.records-menu-card) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow), #app #view :is(.records-menu-row,.records-menu-card) :is(.records-arrow,.records-menu-arrow){position:absolute;right:calc(16px + env(safe-area-inset-right, 0px));left:auto;pointer-events:none;width:24px;height:24px;flex-shrink:0;top:50%;transform:translateY(-50%);} #app #view > .page-brand, #app #view > .home-showcase.home-simple{padding-top:max(var(--ui-space-lg),env(safe-area-inset-top, 0px))!important;margin-top:0!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;} #app #view > .page-brand > img, #app #view > .home-showcase.home-simple > .home-mark{display:block!important;width:var(--ui-logo-size)!important;max-width:calc(100vw - 48px)!important;height:auto!important;margin:0 auto var(--ui-space-sm)!important;transform:none!important;position:relative!important;top:auto!important;bottom:auto!important;} #app #view > .page-brand > .channel, #app #view > .home-showcase.home-simple > .home-channel{display:block!important;box-sizing:border-box!important;width:max-content!important;max-width:calc(100% - 24px)!important;min-height:46px!important;height:auto!important;margin:0 auto 20px!important;padding:8px 16px!important;border:var(--ui-border)!important;border-radius:18px!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;box-shadow:0 0 6px rgba(var(--ui-rgb),.20)!important;font-family:WolfTajawal,Arial,sans-serif!important;font-size:clamp(17px,4.8vw,19px)!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.55!important;letter-spacing:0!important;text-align:center!important;white-space:normal!important;} #app #view > .page-brand > .channel b, #app #view > .home-showcase.home-simple > .home-channel b{color:var(--ui-accent)!important;font-weight:900!important;} #app #view > .home-showcase.home-simple > .home-mark, #app #view > .page-brand > img{object-fit:contain!important;filter:none!important;} #app #view .league-page .league-add-card .row, #app #view .knockout-page .wolf-ko-roster .row{display:flex!important;align-items:stretch!important;gap:var(--ui-space-sm)!important;min-width:0!important;max-width:100%!important;} #app #view .league-page .league-add-card .row > .smart-player-input, #app #view .knockout-page .wolf-ko-roster .row > .smart-player-input{flex:1 1 auto!important;width:0!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;} #app #view .league-page .league-add-card .row > .add-player-btn, #app #view .knockout-page .wolf-ko-roster .row > .add-player-btn{flex-basis:var(--ui-player-add-width)!important;width:var(--ui-player-add-width)!important;min-width:var(--ui-player-add-width)!important;min-height:var(--ui-control-height)!important;height:auto!important;box-sizing:border-box!important;touch-action:manipulation!important;max-width:100%!important;padding:9px 12px!important;border-radius:var(--ui-control-radius)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--ui-space-xs)!important;white-space:nowrap!important;font-size:var(--ui-small-size)!important;flex-wrap:nowrap!important;line-height:1.4!important;} #app #view .league-page .league-add-card .row > .add-player-btn span:last-child{font-size:var(--ui-small-size)!important;line-height:1.35!important;overflow-wrap:normal!important;} #app #view .league-page .league-add-card .row > .add-player-btn .control-icon{flex:0 0 22px!important;width:22px!important;height:22px!important;pointer-events:none!important;aspect-ratio:1!important;} @media(max-width:360px){#app #view .league-page .league-add-card .row > .add-player-btn, #app #view .knockout-page .wolf-ko-roster .row > .add-player-btn{flex-basis:var(--ui-player-add-width)!important;width:var(--ui-player-add-width)!important;min-width:var(--ui-player-add-width)!important;padding-inline:var(--ui-space-xs)!important;}} #app #view :is(.knockout-page,.league-page) .smart-entry-card .row>.add-player-btn, #app #view :is(.knockout-page,.league-page) .league-add-card .row>.add-player-btn{flex:0 0 var(--ui-player-add-width)!important;width:var(--ui-player-add-width)!important;min-width:var(--ui-player-add-width)!important;flex-direction:column!important;gap:3px!important;padding:8px 5px!important;} #app #view :is(.knockout-page,.league-page) .smart-entry-card .row>.add-player-btn .control-icon, #app #view :is(.knockout-page,.league-page) .league-add-card .row>.add-player-btn .control-icon{width:20px!important;height:20px!important;flex-basis:20px!important;} #app #view :is(.knockout-page,.league-page) .standalone-controls-card .unified-control-strip{background:transparent!important;border:0!important;box-shadow:none!important;} #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action{min-height:var(--ui-control-tile-height)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;padding:9px 3px!important;font-size:var(--ui-small-size)!important;white-space:normal!important;text-align:center!important;} #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action:disabled{opacity:.48!important;filter:saturate(.6)!important;} #app #view :is(.knockout-page,.league-page) .competition-stats .stat b{color:var(--ui-ink)!important;} body.light #app #view :is(.knockout-page,.league-page) .competition-stats .stat b{color:var(--ui-ink)!important;text-shadow:none!important;font-variant-numeric:tabular-nums!important;} #app #view :is(.knockout-page,.league-page) .competition-stats .stat{min-width:0!important;flex:1 1 0!important;} #app #view :is(.knockout-page,.league-page) .ko-round-heading h2{font-size:var(--ui-page-title-size)!important;} #app #view :is(.knockout-page,.league-page) #tournamentBoard>.notice{padding:14px 12px!important;min-height:0!important;margin-block:12px!important;text-align:center!important;} #app #view :is(.knockout-page,.league-page) .standalone-controls-card{background:var(--ui-surface)!important;border-color:var(--ui-accent)!important;} body.burgundy #app #view :is(.knockout-page,.league-page) .standalone-controls-card{background-color:var(--ui-surface)!important;background-image:none!important;border-color:var(--ui-accent)!important;box-shadow:inset 0 0 23px rgba(var(--ui-rgb),.12),0 0 9px rgba(var(--ui-rgb),.36),0 0 19px rgba(var(--ui-rgb),.22)!important;} body.burgundy #app #view :is(.knockout-page,.league-page) .standalone-controls-card .unified-control-strip{background:transparent!important;box-shadow:none!important;} body.burgundy #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action{background-color:var(--ui-surface)!important;background-image:none!important;border:1.5px solid var(--ui-accent)!important;color:var(--ui-accent)!important;box-shadow:inset 0 0 14px rgba(var(--ui-rgb),.16),0 0 7px rgba(var(--ui-rgb),.48),0 0 19px rgba(var(--ui-rgb),.27)!important;} body.burgundy #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action :is(.control-icon,svg){color:var(--ui-icon)!important;stroke:currentColor!important;} body.light #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action{background-color:var(--ui-inner)!important;background-image:none!important;border:1.5px solid var(--ui-accent)!important;color:var(--ui-ink)!important;box-shadow:inset 0 0 12px rgba(var(--ui-rgb),.12),0 0 9px rgba(var(--ui-rgb),.28),0 0 18px rgba(var(--ui-rgb),.17)!important;} body.light #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action :is(.control-icon,svg){color:var(--ui-ink)!important;stroke:currentColor!important;fill:none!important;filter:none!important;} body.light #app #view :is(.knockout-page,.league-page) .standalone-controls-card{background:var(--ui-surface)!important;border-color:var(--ui-accent)!important;box-shadow:0 0 15px rgba(var(--ui-rgb),.20)!important;} #app #view :is(.knockout-page,.league-page) .competition-meta-card{margin-bottom:12px!important;} @media(max-width:360px){#app #view :is(.knockout-page,.league-page) .smart-entry-card .row>.add-player-btn{flex-basis:var(--ui-player-add-width)!important;width:var(--ui-player-add-width)!important;min-width:var(--ui-player-add-width)!important;}} #app:has(#view .knockout-page) #view .knockout-page{padding-bottom:12px!important;} #app:has(#view .knockout-page) #view .knockout-page .competition-stats{margin-bottom:12px!important;} #app:has(#view .knockout-page)::before{transform:translateY(-34px) scale(.94)!important;transform-origin:center 35%!important;} #app:has(#view .knockout-page)::after{transform:translateY(-56px) scale(.91)!important;transform-origin:center 35%!important;} #view .settings-page .settings-appearance-card{padding-block:16px!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .theme-chooser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin-bottom:0!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .theme-chooser button{position:relative;min-width:0;min-height:65px!important;padding:12px 6px!important;font-size:var(--ui-small-size,16px)!important;line-height:1.35!important;border-color:var(--ui-accent)!important;} #view .settings-page .theme-chooser button.selected{border:2px solid var(--ui-accent)!important;box-shadow:var(--ui-glow-active)!important;} #view .settings-page .settings-feedback-card{padding-block:15px!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .settings-switch-row{gap:12px!important;padding:12px 0!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .settings-switch-row>div{flex:1;text-align:right; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .settings-toggle:not(.on){border-color:var(--ui-muted)!important;box-shadow:var(--ui-glow)!important;background:var(--ui-inner)!important;opacity:.75;} #view .settings-page .settings-toggle.on{border-color:var(--ui-accent)!important;background:var(--ui-inner)!important;box-shadow:var(--ui-glow)!important;opacity:1;} #view .settings-page .settings-toggle.on span{background:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;} #view .settings-page .about-developer{text-align:center; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .about-omar{color:var(--ui-accent)!important;font-size:25px;display:block;margin:7px 0 13px; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .about-developer p{max-width:100%;margin:0 auto 18px;line-height:1.75!important; box-sizing:border-box; min-width:0; overflow-wrap:anywhere;} #view .settings-page .wolf-contact{min-height:58px!important;gap:12px!important;border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #view .settings-page .wolf-contact-logo{object-fit:contain!important;background:transparent!important;border-radius:0!important;box-shadow:none!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} @media(max-width:380px){#view .settings-page .theme-chooser button{font-size:var(--ui-small-size,16px)!important;padding-inline:4px!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;}} #app:has(#view .settings-page){isolation:isolate;} #app:has(#view .settings-page)::before{transform:translateY(-58px) scale(.93)!important;transform-origin:center 38%!important;opacity:.72!important;pointer-events:none;} #app:has(#view .settings-page)::after{transform:translateY(-92px) scale(.90)!important;transform-origin:center 38%!important;opacity:.65!important;pointer-events:none;} #app:has(#view .settings-page) #view{position:relative;z-index:1; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #app #view .record-detail-page .record-filters :is(select,input){background:var(--ui-inner)!important;color:var(--ui-ink)!important;border-color:var(--ui-accent)!important;} #app #view .record-detail-page .total-rank-table th{background:var(--ui-inner)!important;color:var(--ui-ink)!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #app #view .record-detail-page .total-rank-table td{color:var(--ui-ink)!important;border-color:rgba(var(--ui-rgb),.22)!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #app #view .record-detail-page .wolf-history-section{margin-top:20px; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #app #view :is(.wolf-control-menu,.management-hub-page,.admin-activity-card,.account-card,.backup-settings-page) :is(.home-icon,.records-admin-tool-icon,.control-icon,.menu-row .home-icon){color:var(--ui-accent)!important;border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;filter:none!important;} #app #view :is(.wolf-control-menu,.management-hub-page,.backup-settings-page) :is(.home-icon,.records-admin-tool-icon,.control-icon) svg{stroke:currentColor!important;filter:drop-shadow(0 0 4px rgba(var(--ui-rgb),.28))!important;} /* WOLF ZONE: unified navigation typography and SVG scale (task 10). */ #app #view :is(.home-title,.mode-page-title,.page-title,.section-title,.records-title){font-family:var(--ui-font)!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.4!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #app #view :is(.home-icon,.mode-icon,.record-visual-icon,.records-admin-tool-icon,.mode-card-icon,.menu-icon){display:grid!important;place-items:center!important;flex-shrink:0!important;min-width:48px;min-height:48px;} #app #view :is(.home-icon,.mode-icon,.record-visual-icon,.records-admin-tool-icon,.mode-card-icon,.menu-icon) svg{display:block!important;width:28px!important;height:28px!important;max-width:100%;max-height:100%;color:var(--ui-accent)!important;stroke:currentColor!important;} #app #view :is(.mode-title-icon,.title-glyph-svg,.navigation-icon){color:var(--ui-accent)!important;vertical-align:middle!important;flex-shrink:0!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #app #view :is(.menu-chevron,.menu-arrow,.mode-arrow,.records-arrow,.records-menu-arrow){color:var(--ui-accent)!important;flex-shrink:0!important;align-self:center!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} #app #view :is(.menu-chevron,.menu-arrow,.mode-arrow,.records-arrow,.records-menu-arrow) svg{display:block!important;width:22px!important;height:22px!important;stroke:currentColor!important; box-sizing:border-box; min-width:0; max-width:100%; overflow-wrap:anywhere;} @media(max-width:390px){#app #view :is(.home-icon,.mode-icon,.record-visual-icon,.records-admin-tool-icon,.mode-card-icon,.menu-icon){min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;}} /* Shared live interface layout. Theme colors come from the identity tokens. */ @layer identity { body{--ui-winner-bg:#493817!important;--ui-winner-ink:#FFE8A0!important;--ui-winner-edge:#EAC465!important;--ui-danger:#FFB2BA!important;--ui-danger-bg:#492330!important;} body.light{--ui-winner-bg:#F5E2AD!important;--ui-winner-ink:#553B08!important;--ui-winner-edge:#986B12!important;--ui-danger:#8A2438!important;--ui-danger-bg:#FCE8E9!important;} #app #view{padding-bottom:20px!important;min-height:0!important;} #app>.footer{position:relative!important;inset:auto!important;min-height:0!important;height:auto!important;margin:clamp(16px,4vw,24px) auto 0!important;padding:10px 12px max(22px,calc(env(safe-area-inset-bottom,0px) + 12px))!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--ui-muted)!important;font-size:var(--ui-small-size,16px)!important;line-height:1.7!important;text-align:center!important;width:100%!important;box-sizing:border-box!important;max-width:100%!important;} #app>.footer .footer-version{font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} #app #view :is(.page-brand,.home-showcase){margin-bottom:12px!important;} #app #view :is(.mode-page-title,.home-title){order:-100!important;margin-block:10px 20px!important;min-height:60px!important;} #app #view :is(.mode-page-title,.home-title) :is(.title-copy,.mode-title-text){font-size:clamp(22px,5.7vw,28px)!important;line-height:1.5!important;font-weight:var(--ui-font-weight-strong)!important;} #app #view :is(.title-glyph-svg,.league-title-svg,.mode-title-icon,.record-visual-icon) svg, #app #view :is(svg.title-glyph-svg,svg.league-title-svg){width:28px!important;height:28px!important;vertical-align:middle!important;color:var(--ui-accent)!important;flex-shrink:0!important;} #app #view :is(.quick-normal-page,.league-page,.honor-studio-page,.record-detail-page,.record-total-page){display:grid!important;gap:14px!important;min-width:0!important;} #app #view :is(.match-panel,.ko-current-round){padding:14px!important;background:var(--ui-surface)!important;border:1.5px solid var(--ui-accent)!important;border-radius:18px!important;box-shadow:var(--ui-glow)!important;} #app #view :is(#matches,.ko-current-round){min-width:0!important;} #app #view :is(.match,.league-match){display:grid!important;grid-template-columns:28px minmax(0,1fr) 26px minmax(0,1fr)!important;direction:rtl!important;align-items:center!important;gap:8px!important;padding:12px 10px!important;margin:10px 0!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:82px!important;height:auto!important;box-sizing:border-box!important;background:var(--ui-inner)!important;border:1px solid color-mix(in srgb,var(--ui-accent) 60%,transparent)!important;border-radius:16px!important;box-shadow:0 0 10px rgba(var(--ui-rgb),.12)!important;overflow:visible!important;} #app #view :is(.match,.league-match)::before,#app #view :is(.match,.league-match)::after{content:none!important;} #app #view :is(.matchno,.league-match-number){display:grid!important;place-items:center!important;position:static!important;inset:auto!important;transform:none!important;grid-column:1!important;grid-row:1!important;min-width:0!important;width:28px!important;min-height:32px!important;height:auto!important;padding:4px 0!important;margin:0!important;font-size:16px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.4!important;color:var(--ui-accent)!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important;} #app #view :is(.match>.player,.league-match>.ko-player){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:4px!important;position:relative!important;inset:auto!important;transform:none!important;float:none!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:54px!important;height:auto!important;padding:10px 5px!important;margin:0!important;background:var(--ui-surface)!important;border:1.5px solid var(--ui-accent)!important;border-radius:12px!important;box-shadow:none!important;color:var(--ui-ink)!important;line-height:1.55!important;font-size:clamp(16px,4vw,19px)!important;font-weight:var(--ui-font-weight-strong)!important;text-shadow:none!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;overflow-wrap:anywhere!important;opacity:1!important;} #app #view :is(.match>.player,.league-match>.ko-player):nth-child(2){grid-column:2!important;grid-row:1!important;} #app #view :is(.match>.player,.league-match>.ko-player):nth-child(4){grid-column:4!important;grid-row:1!important;} #app #view :is(.quick-player-name,.ko-player-name,.league-player-name){display:block!important;flex:1 1 auto!important;min-width:0!important;padding:0!important;overflow-wrap:anywhere!important;text-align:center!important;line-height:1.55!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;} #app #view :is(.match>.player,.league-match>.ko-player).winner{background:var(--ui-winner-bg)!important;color:var(--ui-winner-ink)!important;border-color:var(--ui-winner-edge)!important;box-shadow:0 0 9px color-mix(in srgb,var(--ui-winner-edge) 25%,transparent)!important;} /* Official victory check: inline, directly LEFT of the winner name in RTL. Only the PNG itself glows. The wrapper has no square/background/shadow. */ #app #view :is(.winner-check,.league-winner-check){ display:inline-grid!important;place-items:center!important;position:static!important; flex:0 0 30px!important;order:2!important; inset:auto!important;transform:none!important; min-width:30px!important;height:30px!important;min-height:30px!important; margin:0!important;padding:0!important;border:0!important;border-radius:0!important; background:transparent!important;box-shadow:none!important;text-shadow:none!important; font-size:0!important;line-height:1!important;overflow:visible!important; } #app #view .wolf-winner-emblem .wolf-winner-check-art, .league-export .wolf-winner-emblem .wolf-winner-check-art, .wolf-table-matches-export .wolf-winner-emblem .wolf-winner-check-art{ display:block!important;box-sizing:border-box!important; width:30px!important;height:30px!important;min-width:30px!important; object-fit:contain!important;opacity:1!important;max-width:none!important; position:static!important;transform:none!important; border:0!important;background:transparent!important;box-shadow:none!important; filter:none!important;pointer-events:none!important; } #app #view :is(.match>.vs,.league-match>.ko-vs){grid-column:3!important;grid-row:1!important;position:static!important;display:block!important;min-width:0!important;width:auto!important;padding:0!important;margin:0!important;font-size:clamp(20px,5.3vw,27px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:.02em!important;color:var(--ui-accent)!important;text-align:center!important;text-shadow:0 0 10px rgba(var(--ui-rgb),.28)!important;} #app #view .match.quick-invalid-match{display:block!important;} #app #view .match .quick-bye-card{flex-direction:column!important;border-style:dashed!important;gap:2px!important;} #app #view .match .quick-bye-card small{font-size:var(--ui-small-size,16px)!important;line-height:1.5!important;color:inherit!important;} #app #view .match .quick-empty-slot{border-style:dashed!important;font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} #app #view :is(.wolf-match-labels,.ko-side-labels){display:grid!important;grid-template-columns:28px minmax(0,1fr) 26px minmax(0,1fr)!important;gap:8px!important;direction:rtl!important;margin:8px 10px!important;padding:0!important;} #app #view .wolf-match-labels>b:first-child,#app #view .ko-side-labels>b:nth-child(2){grid-column:2!important;} #app #view .wolf-match-labels>b:last-child,#app #view .ko-side-labels>b:nth-child(4){grid-column:4!important;} #app #view :is(.wolf-match-labels,.ko-side-labels)>b{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ui-accent)!important;line-height:1.5!important;padding:0!important;text-align:center!important;font-size:var(--ui-body-size,18px)!important;font-weight:var(--ui-font-weight-strong)!important;} #app #view .quick-round-progress{display:block!important;width:max-content!important;max-width:100%!important;min-height:0!important;margin:14px auto!important;padding:5px 12px!important;background:transparent!important;border:0!important;color:var(--ui-muted)!important;box-shadow:none!important;font-size:var(--ui-small-size,16px)!important;line-height:1.6!important;} #app #view .match-actions{display:flex!important;align-items:center!important;justify-content:center!important;margin:14px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important;} #app #view .match-actions::before,#app #view .match-actions::after{content:none!important;} #app #view .next-round-action{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:54px!important;height:auto!important;margin:12px 0 0!important;padding:12px 18px!important;background:var(--ui-inner)!important;border:1.5px solid var(--ui-accent)!important;border-radius:13px!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;color:var(--ui-ink)!important;font-size:19px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.5!important;} #app #view .next-round-action:disabled{opacity:.5!important;box-shadow:none!important;} #app #view .next-round-action :is(.next-round-label,.next-round-icon){display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;inset:auto!important;min-width:0!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;line-height:inherit!important;font-size:inherit!important;} #app #view .next-round-action .next-round-icon svg{width:24px!important;height:24px!important;} #app #view .league-result-row{grid-column:2 / -1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-top:3px!important;color:var(--ui-muted)!important;font-size:var(--ui-small-size,16px)!important;min-height:0!important;} #app #view .league-draw-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;min-width:104px!important;padding:9px 16px!important;border:1.5px solid var(--ui-accent)!important;border-radius:12px!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;font-size:16px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.4!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.12),0 0 12px rgba(var(--ui-rgb),.27)!important;} #app #view .league-round{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:10px!important;background:var(--ui-surface)!important;border-color:var(--ui-accent)!important;color:var(--ui-ink)!important;font-size:17px!important;} #app #view .league-round :is(time,.league-round-progress){font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} #app #view :is(.record-date-field,.record-time-field){display:grid!important;gap:10px!important;padding:12px!important;background:var(--ui-inner)!important;border:1px solid var(--ui-accent)!important;border-radius:13px!important;box-shadow:none!important;min-width:0!important;} #app #view :is(.record-date-field,.record-time-field) .date-caption{font-size:16px!important;font-weight:var(--ui-font-weight-strong)!important;color:var(--ui-ink)!important;} #app #view .date-parts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-width:0!important;direction:rtl!important;} #app #view .record-part{display:grid!important;gap:5px!important;min-width:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--ui-muted)!important;text-align:center!important;font-size:var(--ui-small-size,16px)!important;} #app #view .record-part>span{line-height:1.5!important;font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} #app #view .record-part select{display:block!important;min-width:0!important;width:100%!important;height:52px!important;min-height:52px!important;padding:6px!important;background:var(--ui-surface)!important;border:1px solid var(--ui-accent)!important;border-radius:9px!important;color:var(--ui-ink)!important;font-size:18px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.5!important;appearance:none!important;text-align:center!important;text-align-last:center!important;text-indent:0!important;} #app #view .recent-win-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:12px!important;padding:15px!important;margin:12px 0!important;background:var(--ui-inner)!important;border:1px solid var(--ui-accent)!important;border-radius:14px!important;color:var(--ui-ink)!important;box-shadow:none!important;min-width:0!important;} #app #view .recent-win-card b{display:block!important;font-size:19px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.6!important;color:var(--ui-ink)!important;} #app #view .recent-win-card :is(p,small){font-size:var(--ui-small-size,16px)!important;line-height:1.8!important;color:var(--ui-muted)!important;overflow-wrap:anywhere!important;} #app #view .recent-win-card p{margin:8px 0!important;} #app #view .win-actions{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:center!important;} #app #view :is(.win-actions,.participant-controls) .iconbtn{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:10px!important;background:var(--ui-surface)!important;color:var(--ui-accent)!important;border:1px solid var(--ui-accent)!important;border-radius:10px!important;box-shadow:none!important;} #app #view :is(.win-actions,.participant-controls) .iconbtn svg{width:22px!important;height:22px!important;pointer-events:none!important;} #app #view :is(.league-table,.total-rank-table){font-size:14px!important;line-height:1.6!important;table-layout:auto!important;width:100%!important;} #app #view :is(.league-table,.total-rank-table) :is(th,td){padding:10px 5px!important;color:var(--ui-ink)!important;background:var(--ui-surface)!important;border-color:rgba(var(--ui-rgb),.25)!important;font-size:14px!important;line-height:1.6!important;white-space:normal!important;overflow-wrap:anywhere!important;} #app #view :is(.league-table,.total-rank-table) th{background:var(--ui-inner)!important;font-weight:var(--ui-font-weight-strong)!important;} #app #view .user-management-card{display:grid!important;gap:16px!important;} #app #view .user-directory-heading{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;text-align:center!important;} #app #view .user-directory-heading h2{margin:0!important;font-size:20px!important;} #app #view #adminUsersCount{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;padding:7px 11px!important;border:1.5px solid var(--ui-accent)!important;border-radius:12px!important;background:var(--ui-inner)!important;box-shadow:0 0 14px rgba(var(--ui-rgb),.24),0 0 24px rgba(var(--ui-rgb),.12)!important;color:var(--ui-accent)!important;font-size:15px!important;font-weight:var(--ui-font-weight-strong)!important;} #app #view .admin-user-list{display:grid!important;gap:12px!important;min-width:0!important;} #app #view .admin-user-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important;padding:14px!important;border:1px solid var(--ui-accent)!important;border-radius:14px!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;} #app #view .admin-user-copy{display:grid!important;gap:5px!important;min-width:0!important;overflow-wrap:anywhere!important;} #app #view .admin-user-copy b{font-size:17px!important;line-height:1.6!important;} #app #view .admin-user-copy small{font-size:var(--ui-small-size,16px)!important;line-height:1.7!important;text-align:right!important;color:var(--ui-muted)!important;} #app #view .admin-user-role{font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} #app #view .admin-user-delete{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;width:100%!important;padding:9px 14px!important;border:1px solid var(--ui-danger)!important;border-radius:10px!important;background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;box-shadow:none!important;font-size:16px!important;} #app #view .account-card .admin-user-delete svg{width:21px!important;height:21px!important;color:inherit!important;stroke:currentColor!important;} #app #view .admin-account-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} #app #view .admin-account-actions>.action{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;font-size:17px!important;padding:12px 8px!important;} #app #view .admin-account-actions .records-admin-tool-icon{display:grid!important;place-items:center!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;} #app #view .admin-account-actions .records-admin-tool-icon svg{width:22px!important;height:22px!important;} #app #view .admin-account-actions>.selected{background:var(--ui-inner)!important;box-shadow:var(--ui-glow-active)!important;} #app #view :is(#adminCreatePanel,#adminDeletePanel)[hidden]{display:none!important;} #app #view .backup-page .backup-summary {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;} #app #view .backup-page .backup-summary .backup-stat {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;min-width:0!important;min-height:54px!important;padding:9px!important;margin:0!important;border:1px solid rgba(var(--ui-rgb),.46)!important;border-radius:12px!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;box-shadow:none!important;line-height:1.5!important;} #app #view .backup-page .backup-stat-label {font-size:var(--ui-small-size,16px)!important;line-height:1.45!important;overflow-wrap:anywhere!important;font-weight:700!important;color:var(--ui-ink)!important;} #app #view .backup-page .backup-stat-value {font-size:var(--ui-small-size,16px)!important;font-weight:var(--ui-font-weight-strong)!important;white-space:nowrap!important;direction:ltr!important;color:var(--ui-ink)!important;} #sultanToast{position:fixed!important;inset:calc(env(safe-area-inset-top,0px) + 12px) 16px auto!important;transform:none!important;max-width:540px!important;width:calc(100% - 32px)!important;margin:auto!important;box-sizing:border-box!important;padding:12px 16px!important;background:var(--ui-surface)!important;border:1px solid var(--ui-accent)!important;border-radius:12px!important;color:var(--ui-ink)!important;font-size:var(--ui-small-size,16px)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;pointer-events:none!important;z-index:15000!important;} #app #view :is(input,textarea)::placeholder{color:var(--ui-muted)!important;-webkit-text-fill-color:var(--ui-muted)!important;opacity:1!important;} #app #view :is([hidden],.hidden),#app #view .next-round-action.hidden{display:none!important;} @media(max-width:360px){#app #view :is(.match,.league-match){gap:5px!important;padding:10px 7px!important;grid-template-columns:22px minmax(0,1fr) 22px minmax(0,1fr)!important;}#app #view :is(.matchno,.league-match-number){width:22px!important;}#app #view :is(.match>.player,.league-match>.ko-player){font-size:16px!important;padding:9px 5px!important;}#app #view .recent-win-card{gap:8px!important;padding:12px!important;}} } /* Shared page composition and award studio. Artwork coordinates stay in awards.css. */ @layer identity { #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu,.challenge-modes,.records-menu,.records-vertical){display:grid!important;gap:10px!important;min-width:0!important;margin-block:12px!important;} #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card){display:grid!important;grid-template-areas:none!important;grid-template-columns:var(--ui-icon-box,50px) minmax(0,1fr) var(--ui-arrow-size,24px)!important;direction:ltr!important;align-items:center!important;gap:var(--ui-row-gap,14px)!important;width:100%!important;min-height:76px!important;height:auto!important;padding:8px 12px!important;margin:0!important;box-sizing:border-box!important;border:1.5px solid var(--ui-accent)!important;border-radius:16px!important;background:var(--ui-surface)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-glow)!important;} #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card) :is(.menu-copy,.mode-copy,.record-copy){display:grid!important;gap:2px!important;direction:rtl!important;text-align:right!important;min-width:0!important;grid-area:auto!important;grid-column:2!important;grid-row:1!important;position:static!important;margin:0!important;padding:0!important;} #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card) :is(b,strong){font-size:clamp(19px,5vw,22px)!important;line-height:1.5!important;font-weight:var(--ui-font-weight-strong)!important;color:var(--ui-ink)!important;-webkit-text-fill-color:currentColor!important;} #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card) small{font-size:var(--ui-small-size,16px)!important;line-height:1.45!important;color:var(--ui-muted)!important;white-space:normal!important;} #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card)>:is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual){display:grid!important;place-items:center!important;position:static!important;grid-area:auto!important;grid-column:1!important;grid-row:1!important;width:var(--ui-icon-box,50px)!important;height:var(--ui-icon-box,50px)!important;min-width:var(--ui-icon-box,50px)!important;min-height:var(--ui-icon-box,50px)!important;margin:0!important;padding:7px!important;border:1px solid var(--ui-accent)!important;border-radius:12px!important;color:var(--ui-accent)!important;background:var(--ui-inner)!important;box-shadow:var(--ui-glow)!important;} #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card)>:is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow){position:static!important;inset:auto!important;transform:none!important;display:grid!important;place-items:center!important;grid-area:auto!important;grid-column:3!important;grid-row:1!important;width:var(--ui-arrow-size,24px)!important;height:var(--ui-arrow-size,24px)!important;min-width:0!important;margin:0!important;padding:0!important;color:var(--ui-accent)!important;} #app #view :is(.home-entry,.mode-card) svg{width:26px!important;height:26px!important;max-width:100%!important;} #app #view :is(.home-entry,.mode-card) :is(.menu-chevron,.mode-arrow) svg{width:22px!important;height:22px!important;} #app #view :is(.page-brand,.home-showcase.home-simple){padding-top:12px!important;margin:0 auto 12px!important;gap:0!important;} #app #view :is(.page-brand>img,.home-showcase.home-simple>.home-mark){width:var(--ui-logo-size)!important;max-width:calc(100vw - 48px)!important;margin-bottom:10px!important;} #app #view :is(.page-brand>.channel,.home-channel){margin-bottom:12px!important;font-size:17px!important;line-height:1.5!important;min-height:42px!important;padding:8px 14px!important;} #app #view>.title:empty{display:none!important;} #app #view :is(.game-card-picker,.hs-game-picker){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;width:100%!important;min-width:0!important;} #app #view .game-card-option{position:relative!important;display:block!important;min-width:0!important;width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:1!important;margin:0!important;padding:0!important;border:1.5px solid rgba(var(--ui-rgb),.5)!important;border-radius:13px!important;background:var(--ui-inner)!important;overflow:hidden!important;box-shadow:none!important;opacity:.82!important;} #app #view .game-card-option.selected{border:2px solid var(--ui-accent)!important;box-shadow:var(--ui-glow-active)!important;opacity:1!important;} #app #view .game-card-option img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important;filter:none!important;} #app #view .game-card-option:disabled{cursor:default!important;} #app #view :is(.quick-tools-control,.ko-actions-top){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:0!important;} #app #view .quick-tools-control>.action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-width:0!important;min-height:78px!important;padding:10px 4px!important;font-size:var(--ui-small-size,16px)!important;line-height:1.45!important;white-space:normal!important;} #app #view .quick-tools-control>.action .control-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;} #app #view .quick-tools-control>.action .control-icon svg{width:24px!important;height:24px!important;} #app #view :is(.participants,#plist,#kplist){max-height:none!important;overflow:visible!important;} #app #view .participant-table{width:100%!important;table-layout:auto!important;} #app #view .participant-table :is(th,td){padding:8px 4px!important;vertical-align:middle!important;line-height:1.5!important;font-size:16px!important;} #app #view .participant-table .participant-controls{width:96px!important;white-space:nowrap!important;} #app #view .participant-controls .iconbtn{display:inline-grid!important;vertical-align:middle!important;margin-inline:2px!important;} #app #view .quick-bye-match>.quick-bye-card{grid-column:2 / -1!important;grid-row:1!important;min-height:68px!important;} #app #view .quick-bye-card>.quick-player-name{flex:0 1 auto!important;} #app #view .honor-studio-page{display:grid!important;gap:18px!important;} #app #view .hs-intro{margin:0!important;font-size:15px!important;line-height:1.6!important;text-align:center!important;color:var(--ui-muted)!important;} #app #view .hs-panel{padding:16px!important;margin:0!important;border:1px solid var(--ui-accent)!important;border-radius:18px!important;background:var(--ui-surface)!important;box-shadow:var(--ui-glow)!important;} #app #view .hs-section-heading{display:block!important;margin:0 0 14px!important;padding:0!important;min-height:0!important;height:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;} #app #view .hs-section-heading h2{margin:0!important;padding:0!important;font-size:23px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.5!important;color:var(--ui-ink)!important;} #app #view .hs-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important;} #app #view .hs-field{display:grid!important;gap:7px!important;min-width:0!important;} #app #view .hs-field.hs-wide{grid-column:1 / -1!important;} #app #view .hs-field>label,#app #view .hs-field>.field-label{margin:0!important;font-size:16px!important;line-height:1.5!important;font-weight:700!important;color:var(--ui-ink)!important;} #app #view .hs-field label small{font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} #app #view .hs-input,#app #view .hs-date-control{min-height:52px!important;width:100%!important;min-width:0!important;height:auto!important;box-sizing:border-box!important;border:1px solid var(--ui-accent)!important;border-radius:12px!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;padding:10px 12px!important;font:inherit!important;font-size:17px!important;line-height:1.5!important;} #app #view .hs-date-control{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;} #app #view .hs-date-control>.hs-input{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;cursor:pointer!important;} #app #view .hs-date-control .hs-icon{position:static!important;inset:auto!important;flex:0 0 22px!important;width:22px!important;height:22px!important;color:var(--ui-accent)!important;} #app #view #honorDateValue{flex:1 1 auto!important;min-width:0!important;text-align:center!important;font-family:var(--ui-font)!important;font-variant-numeric:tabular-nums!important;font-size:var(--ui-small-size,16px)!important;line-height:1.5!important;} #app #view .hs-award-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} #app #view .hs-award-choice{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;position:relative!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;padding:12px 9px!important;border:1px solid rgba(var(--ui-rgb),.5)!important;border-radius:15px!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;box-shadow:none!important;overflow:hidden!important;} #app #view .hs-award-choice.is-selected{border:2px solid var(--ui-accent)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;} #app #view .hs-choice-art{display:block!important;position:relative!important;width:100%!important;aspect-ratio:2/3!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;} #app #view .hs-choice-image{display:block!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;margin:0!important;object-fit:contain!important;background:transparent!important;border:0!important;filter:none!important;} #app #view .hs-award-choice>strong{font-size:16px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.6!important;text-align:center!important;color:var(--ui-ink)!important;-webkit-text-fill-color:currentColor!important;min-height:50px!important;display:grid!important;place-items:center!important;} #app #view .hs-award-choice>small{display:none!important;} #app #view .hs-choice-check{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;display:none!important;place-items:center!important;width:25px!important;height:25px!important;min-width:0!important;border-radius:50%!important;background:var(--ui-accent)!important;color:var(--ui-bg)!important;z-index:5!important;font-size:16px!important;line-height:1!important;} #app #view .hs-award-choice.is-selected .hs-choice-check{display:grid!important;} #app #view .hs-preview-section{display:grid!important;gap:10px!important;padding:0!important;margin:0!important;min-width:0!important;} #app #view #trophyPreview{width:100%!important;max-width:340px!important;margin:0 auto!important;min-width:0!important;} #app #view .hs-preview-caption{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0 4px!important;color:var(--ui-muted)!important;font-size:var(--ui-small-size,16px)!important;line-height:1.6!important;} #app #view .hs-preview-caption strong{font-size:16px!important;color:var(--ui-ink)!important;} #app #view .hs-actions{display:grid!important;gap:10px!important;margin:0!important;padding:0!important;} #app #view .hs-secondary-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} #app #view .hs-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;min-width:0!important;min-height:52px!important;height:auto!important;padding:11px 14px!important;border:1.5px solid var(--ui-accent)!important;border-radius:13px!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;box-shadow:var(--ui-glow),inset 0 1px 0 rgba(255,255,255,.05)!important;font-size:17px!important;font-weight:var(--ui-font-weight-strong)!important;line-height:1.5!important;} #app #view .hs-button .hs-icon{width:24px!important;height:24px!important;color:var(--ui-accent)!important;} #app #view :is(.backup-page,.settings-page,.record-detail-page,.records-menu-page){min-width:0!important;} #app #view .backup-page :is(h2,.backup-last-export){margin-block:12px!important;} #app #view :is(.settings-action,.record-action-button){min-height:52px!important;font-size:16px!important;line-height:1.5!important;} #app #view :is(.backup-page,.settings-page) .notice{font-size:var(--ui-small-size,16px)!important;line-height:1.8!important;} #app #view .backup-help{margin-top:16px!important;padding-top:12px!important;border-top:1px solid rgba(var(--ui-rgb),.3)!important;} #app #view .record-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;background:var(--ui-inner)!important;color:var(--ui-ink)!important;} #app #view .record-filters>input{grid-column:1 / -1!important;} #app #view .record-filters :is(input,select){width:100%!important;min-height:50px!important;background:var(--ui-surface)!important;border-color:var(--ui-accent)!important;color:var(--ui-ink)!important;font-size:16px!important;} #app #view .league-table-wrap,#app #view .total-rank-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;} #app #view :is(.account-card,.user-management-card){margin:0 auto!important;} #app #view :is([hidden],.hidden){display:none!important;} #app #view .home-showcase .title-copy{color:var(--ui-ink)!important;-webkit-text-fill-color:currentColor!important;}#app #view .home-showcase .title-copy .goldword{color:var(--ui-accent)!important;-webkit-text-fill-color:currentColor!important;} #app #view .home-showcase.home-simple>.home-mark{order:1!important;}#app #view .home-showcase.home-simple>.home-channel{order:2!important;}#app #view .home-showcase.home-simple>.home-title{order:3!important;margin:12px 0 0!important;} #app #view .mode-page-title .mode-title-icon{position:static!important;inset:auto!important;margin:0!important;} #app #view .mode-page-title .mode-title-icon svg{max-width:100%!important;max-height:100%!important;stroke-width:1.8!important;} @media(max-width:390px){#app #view .hs-fields{grid-template-columns:1fr!important;}} /* Export-only layout: stable dimensions, independent from the phone viewport. */ .wolf-export-burgundy{--sheet-surface:#3B1022;--sheet-inner:#551B32;--sheet-edge:#A9445E;--sheet-edge-rgb:169,68,94;--sheet-ink:#FFF4F8;--sheet-muted:#E6BACD;--sheet-gold:#493817;--sheet-gold-ink:#FFE8A0;} .wolf-export-light{--sheet-surface:#F4EBDD;--sheet-inner:#FFF8ED;--sheet-edge:#B58A2C;--sheet-edge-rgb:181,138,44;--sheet-ink:#4B3517;--sheet-muted:#7A613D;--sheet-gold:#F5E2AD;--sheet-gold-ink:#553B08;} } @layer identity { } /* WOLF ZONE: canonical administration visuals across all three themes. */ @layer identity { #app #view :is(.management-hub-page,.wolf-control-menu,.records-menu-page,.record-detail-page,.backup-page) :is(.records-admin-tool-icon,.mode-title-icon){color:var(--ui-accent)!important;filter:none!important;} #app #view .mode-page-title .mode-title-icon{vertical-align:middle!important;transform:none!important;} #app #view .mode-page-title .mode-title-icon svg{stroke:currentColor!important;stroke-width:2.1!important;filter:drop-shadow(0 0 8px rgba(var(--ui-rgb),.80))!important;} #app #view :is(.team-hub-menu,.wolf-control-menu)>.menu-row .records-admin-tool-icon{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1.5px solid var(--ui-accent)!important;border-radius:13px!important;background:var(--ui-inner)!important;box-shadow:var(--ui-glow)!important;color:var(--ui-accent)!important;} #app #view :is(.team-hub-menu,.wolf-control-menu)>.menu-row .records-admin-tool-icon svg{width:26px!important;height:26px!important;stroke:currentColor!important;} #app #view :is(.team-hub-menu,.wolf-control-menu)>.menu-row{border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;} #app #view :is(.record-detail-page,.records-menu-page) :is(.record-card,.ui-section-card,.record-period-heading,.record-filters .input,.admin-activity-card){border-color:var(--ui-accent)!important;box-shadow:0 0 12px rgba(var(--ui-rgb),.24)!important;} #app #view :is(.record-detail-page,.records-menu-page) :is(input,select,button){min-width:0;max-width:100%;box-sizing:border-box;} #app #view :is(.record-detail-page,.records-menu-page) :is(input[type=date],input[type=time],select){min-height:52px!important;line-height:1.5!important;padding-block:10px!important;} #app #view :is(.record-detail-page,.records-menu-page) .record-filters{min-width:0!important;} body.burgundy #app #view :is(.wolf-control-menu,.management-hub-page,.records-menu-page,.record-detail-page) :is(.records-admin-tool-icon,.home-icon,.mode-title-icon){color:var(--ui-icon)!important;} body.light #app #view :is(.wolf-control-menu,.management-hub-page,.records-menu-page,.record-detail-page) :is(.records-admin-tool-icon,.home-icon,.mode-title-icon){color:var(--ui-ink)!important;} } /* Canonical 2026-10-24 appearance: consistent heading glyphs, controls and theme neon. */ @layer identity { #app #view .mode-page-title .mode-title-icon{display:inline-grid!important;align-self:center!important;color:var(--ui-accent)!important;filter:none!important;border:1.5px solid rgba(var(--ui-rgb),.64)!important;border-radius:13px!important;background:rgba(var(--ui-rgb),.09)!important;box-shadow:0 0 9px rgba(var(--ui-rgb),.35),inset 0 0 6px rgba(var(--ui-rgb),.08)!important;} #app #view .mode-page-title .mode-title-icon svg,#app #view .mode-page-title .mode-title-icon .records-admin-tool-icon{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;display:block!important;color:var(--ui-accent)!important;stroke:currentColor!important;stroke-width:2!important;filter:none!important;} #app #view :is(.card,.ui-section-card,.account-card,.bigbtn,.action,.menu-row,.input,select,textarea){border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;} #app #view :is(.bigbtn,.action,.menu-row):focus-visible{box-shadow:var(--ui-glow)!important;} body.light #app #view :is(.card,.ui-section-card,.account-card,.bigbtn,.action,.menu-row,.input,select,textarea){border-color:var(--ui-accent)!important;box-shadow:var(--ui-glow)!important;} body.burgundy #app #view :is(.card,.ui-section-card,.account-card,.bigbtn,.action,.menu-row,.input,select,textarea){box-shadow:var(--ui-glow)!important;} #app #view .admin-user-password-wrap>.admin-password-toggle,#app #view .wolf-password-field>.wolf-password-eye{border:0!important;border-radius:0!important;outline:0;background:transparent!important;box-shadow:none!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;right:10px!important;filter:none!important;} } /* Management route title glyph geometry only; inner glyph always contained. */ @layer identity { #app #view:has(:is(.management-hub-page,.wolf-control-menu,.records-menu-page,.record-detail-page,.backup-page,.account-management-page)) .mode-page-title .mode-title-icon {box-sizing:border-box!important;flex:0 0 36px!important;inline-size:36px!important;block-size:36px!important;padding:6px!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;transform:none!important;vertical-align:middle!important} #app #view:has(:is(.management-hub-page,.wolf-control-menu,.records-menu-page,.record-detail-page,.backup-page,.account-management-page)) .mode-page-title .mode-title-icon :is(svg,.records-admin-tool-icon){position:static!important;inset:auto!important;margin:0!important;transform:none!important;width:24px!important;height:24px!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;flex:0 0 auto!important;box-sizing:border-box!important;display:block!important;overflow:visible!important} } /* Records menu tile: one component owns both the tile and its SVG. */ @layer identity { #app #view .records-menu-page .record-card.record-wide { grid-template-columns:56px minmax(0,1fr) 24px!important; column-gap:10px!important; min-height:92px!important; padding:9px 11px!important; } #app #view .records-menu-page .record-card.record-wide > .record-visual.record-visual-icon { grid-area:1 / 1!important; box-sizing:border-box!important; width:56px!important;height:56px!important; min-width:56px!important;min-height:56px!important; max-width:56px!important;max-height:56px!important; margin:0!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:center!important; background:var(--ui-inner)!important; color:var(--ui-accent)!important; border:2px solid var(--ui-accent)!important; border-radius:16px!important; box-shadow:0 0 7px rgba(var(--ui-rgb),.65),0 0 18px rgba(var(--ui-rgb),.42),inset 0 0 6px rgba(var(--ui-rgb),.16)!important; filter:none!important;transform:none!important;opacity:1!important; overflow:hidden!important; } #app #view .records-menu-page .record-card.record-wide .record-visual.record-visual-icon > .record-symbol { box-sizing:border-box!important; display:flex!important;align-items:center!important;justify-content:center!important; width:42px!important;height:42px!important; min-width:0!important;min-height:0!important;max-width:42px!important;max-height:42px!important; margin:0!important;padding:0!important; border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important; filter:none!important;transform:none!important;opacity:1!important; color:var(--ui-accent)!important;overflow:hidden!important; } #app #view .records-menu-page .record-card.record-wide .record-visual.record-visual-icon > .record-symbol > svg { display:block!important;width:42px!important;height:42px!important; min-width:0!important;min-height:0!important;max-width:42px!important;max-height:42px!important; flex:none!important;color:inherit!important;stroke:currentColor!important; transform:none!important;filter:none!important;overflow:visible!important; } /* Login heading only: 44px outside, 26px icon, no 48px inherited minimum. */ #app #view.wolf-login-page .mode-page-title .mode-title-icon { box-sizing:border-box!important;width:36px!important;height:36px!important; min-width:36px!important;min-height:36px!important;flex:0 0 36px!important; padding:7px!important;display:flex!important;align-items:center!important;justify-content:center!important; position:relative!important;overflow:hidden!important; } #app #view.wolf-login-page .mode-page-title .mode-title-icon > .records-admin-tool-icon { display:flex!important;align-items:center!important;justify-content:center!important; position:static!important;margin:0!important;padding:0!important; width:24px!important;height:24px!important;min-width:0!important;min-height:0!important; max-width:24px!important;max-height:24px!important;flex:0 0 24px!important; border:0!important;box-shadow:none!important;background:none!important;filter:none!important; transform:none!important;overflow:hidden!important; } #app #view.wolf-login-page .mode-page-title .mode-title-icon > .records-admin-tool-icon > svg { display:block!important;width:24px!important;height:24px!important;min-width:0!important;min-height:0!important; max-width:24px!important;max-height:24px!important;flex:none!important; stroke:currentColor!important;stroke-width:1.9!important;transform:none!important;overflow:visible!important; } } /* Calendar controls: retain native input interaction while centering a premium SVG. */ #app .league-dates-unified{display:grid;grid-template-columns:1fr;gap:12px;}#app .league-start-date-card{position:relative;min-height:94px;display:flex;align-items:center;gap:15px;}#app .league-calendar-symbol{display:grid;place-items:center;flex:none;width:38px;height:38px;color:var(--ui-accent,#b18b34);}#app .league-calendar-symbol svg{width:27px;height:27px;display:block;stroke-width:2.4;}#app .league-start-date-card input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}#app .league-start-date-card input[type=date]:disabled{pointer-events:none;}#app .league-auto-end-toggle{display:flex;align-items:center;gap:10px;padding:10px;font-weight:700;}#app .league-auto-end-toggle input{width:22px;height:22px;accent-color:var(--ui-accent,#b18b34);}body.burgundy #app .league-calendar-symbol,body:not(.light):not(.burgundy) #app .league-calendar-symbol{color:var(--ui-accent);}body.light #app .league-calendar-symbol{color:var(--ui-ink);}#app #view .mode-page-title .mode-title-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}#app #view .mode-page-title .mode-title-icon svg{display:block!important;max-width:80%!important;max-height:80%!important;margin:auto!important;transform:none!important;} /* Unified title pictogram alignment: keep its existing frame size. */ #app #view .mode-page-title .title-copy .mode-title-icon{box-sizing:border-box!important;flex-shrink:0!important;padding:0!important;line-height:1!important;vertical-align:middle!important;} #app #view .mode-page-title .title-copy .mode-title-icon .records-admin-tool-icon{box-sizing:border-box!important;display:grid!important;place-items:center!important;position:static!important;inset:auto!important;width:24px!important;height:24px!important;min-width:0!important;min-height:0!important;max-width:24px!important;max-height:24px!important;flex:0 0 24px!important;margin:0!important;padding:0!important;transform:none!important;overflow:hidden!important;} #app #view .mode-page-title .title-copy .mode-title-icon svg{box-sizing:border-box!important;display:block!important;position:static!important;inset:auto!important;width:24px!important;height:24px!important;min-width:0!important;min-height:0!important;max-width:24px!important;max-height:24px!important;margin:0!important;transform:none!important;transform-origin:center center!important;flex-shrink:0!important;overflow:hidden!important;} /* Destructive action uses neutral theme surface, with warning tint on icon/text only. */ #app #view .admin-user-delete{background:var(--ui-inner)!important;color:var(--ui-ink)!important;border-color:var(--ui-accent)!important;box-shadow:0 0 9px rgba(var(--ui-rgb),.17)!important;} #app #view .admin-user-delete svg{color:var(--ui-danger)!important;} /* audit1523: canonical lightweight quick-export sheet, no floating game banner */ /* WOLF ZONE 1536 — shared icon containment and layered theme neon, no layout size changes */ #app #view .mode-page-title .title-copy .mode-title-icon{position:relative!important;overflow:visible!important;isolation:isolate;display:inline-flex!important;align-items:center!important;justify-content:center!important;} #app #view .mode-page-title .title-copy .mode-title-icon > .records-admin-tool-icon{position:relative!important;inset:auto!important;margin:auto!important;transform:none!important;display:grid!important;place-items:center!important;overflow:visible!important;} #app #view .mode-page-title .title-copy .mode-title-icon > .records-admin-tool-icon > svg{position:static!important;display:block!important;margin:auto!important;transform:none!important;width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;filter:drop-shadow(0 0 3px var(--wolf-glow-icon, rgba(35,159,255,.7)))!important;} body:not(.burgundy):not(.light) #app{--wolf-glow-icon:rgba(35,159,255,.85)} body.burgundy #app{--wolf-glow-icon:rgba(206,42,92,.85)} body.light #app{--wolf-glow-icon:rgba(184,132,37,.68)} #app #view .mode-page-title .title-copy .mode-title-icon{box-shadow:inset 0 0 8px var(--wolf-glow-icon),0 0 7px var(--wolf-glow-icon),0 0 15px var(--wolf-glow-icon)!important;} /* audit1547: stronger inner neon and layered card backgrounds across the three themes. */ @layer identity { body:not(.burgundy):not(.light){ --wolf-card-fill:var(--ui-surface)!important; --wolf-card-sheen:none!important; --wolf-card-core-glow:inset 0 0 10px rgba(var(--ui-rgb),.07),0 0 8px rgba(var(--ui-rgb),.22)!important; --wolf-card-icon-fill:var(--ui-inner)!important; --wolf-card-icon-glow:inset 0 0 6px rgba(var(--ui-rgb),.08),0 0 5px rgba(var(--ui-rgb),.19)!important; } body.burgundy{ --wolf-card-fill:var(--ui-surface)!important; --wolf-card-sheen:none!important; --wolf-card-core-glow:inset 0 0 10px rgba(var(--ui-rgb),.07),0 0 8px rgba(var(--ui-rgb),.22)!important; --wolf-card-icon-fill:var(--ui-inner)!important; --wolf-card-icon-glow:inset 0 0 6px rgba(var(--ui-rgb),.08),0 0 5px rgba(var(--ui-rgb),.19)!important; } body.light{ --wolf-card-fill:var(--ui-surface)!important; --wolf-card-sheen:none!important; --wolf-card-core-glow:inset 0 0 10px rgba(var(--ui-rgb),.07),0 0 8px rgba(var(--ui-rgb),.22)!important; --wolf-card-icon-fill:var(--ui-inner)!important; --wolf-card-icon-glow:inset 0 0 6px rgba(var(--ui-rgb),.08),0 0 5px rgba(var(--ui-rgb),.19)!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.team-hub-menu>.menu-row,.wolf-control-menu>.menu-row){ position:relative!important; isolation:isolate!important; overflow:hidden!important; background-color:var(--ui-surface)!important; background-image:var(--wolf-card-sheen),var(--wolf-card-fill)!important; box-shadow:var(--ui-glow)!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.team-hub-menu>.menu-row,.wolf-control-menu>.menu-row)>:is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual){ background:var(--wolf-card-icon-fill)!important; box-shadow:var(--ui-glow)!important; } #app #view :is(.card,.ui-section-card,.account-card,.match-panel,.league-stage,.hs-panel,.wolf-admin-login-card,.settings-appearance-card,.settings-feedback-card,.settings-about-card){ background-color:var(--ui-surface)!important; background-image:none!important; box-shadow:var(--ui-glow)!important; } #app #view :is(.action,.quick-tools-control>.action,.hs-button,.settings-action,.record-action-button){ background-image:none!important; box-shadow:var(--ui-glow)!important; } } /* audit1548 — export sheets: compact Arabic-first header and consistent match geometry. */ @layer identity { } /* audit1549: tournament controls retain interior illumination in every theme. */ @layer identity { #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action{background-color:var(--ui-inner)!important;background-image:none!important;box-shadow:inset 0 0 13px rgba(var(--ui-rgb),.16),0 0 7px rgba(var(--ui-rgb),.47),0 0 18px rgba(var(--ui-rgb),.25)!important;} body.burgundy #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action{background-image:none!important;} body.light #app #view :is(.knockout-page,.league-page) .standalone-controls-card .action{background-image:none!important;} #app #view :is(.knockout-page,.league-page) .standalone-controls-card{background-image:none!important;box-shadow:inset 0 0 20px rgba(var(--ui-rgb),.10),0 0 9px rgba(var(--ui-rgb),.30)!important;} } /* audit1550: tournament layout and control refinements (no functional changes). */ @layer identity { #app #view :is(.league-page,.knockout-page) :is(.setup-card,.smart-entry-card,.league-add-card,.competition-meta-card,.standalone-controls-card){min-width:0!important;box-sizing:border-box!important;border-radius:16px!important;} #app #view :is(.league-page,.knockout-page) :is(.standalone-controls-card,.competition-meta-card){padding:var(--ui-space)!important;margin-inline:0!important;} #app #view :is(.league-page,.knockout-page) .standalone-controls-card .action{min-width:0!important;min-height:var(--ui-control-tile-height)!important;height:auto!important;border-radius:var(--ui-control-radius)!important;line-height:1.45!important;overflow-wrap:normal!important;word-break:keep-all!important;} #app #view :is(.league-page,.knockout-page) .standalone-controls-card .action .control-icon{display:grid!important;place-items:center!important;flex:0 0 23px!important;width:23px!important;height:23px!important;margin:auto!important;} #app #view :is(.league-page,.knockout-page) .standalone-controls-card .action .control-icon svg{display:block!important;width:22px!important;height:22px!important;max-width:100%!important;max-height:100%!important;stroke:currentColor!important;} #app #view :is(.league-page,.knockout-page) :is(.match-panel,.ko-current-round){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;} #app #view :is(.league-page,.knockout-page) :is(.competition-meta-card,.standalone-controls-card){background-image:none!important;box-shadow:inset 0 0 20px rgba(var(--ui-rgb),.09),0 0 10px rgba(var(--ui-rgb),.28)!important;} @media(max-width:350px){#app #view :is(.league-page,.knockout-page) .standalone-controls-card .unified-control-strip{gap:8px!important;}#app #view :is(.league-page,.knockout-page) .standalone-controls-card .action{padding-inline:7px!important;}} } /* audit1564 — knockout image preview: an explicit two-column action layout. Scoped to the preview dialog to avoid interfering with tournament controls. */ @layer identity { dialog.ko-image-preview { box-sizing:border-box!important; width:min(94vw,560px)!important; max-width:94vw!important; max-height:calc(100dvh - 24px)!important; padding:clamp(12px,3vw,18px)!important; overflow-y:auto!important; border:1.5px solid var(--ui-accent)!important; color:var(--ui-ink)!important; background:radial-gradient(ellipse at 10% 0%,rgba(var(--ui-rgb),.17),transparent 65%),var(--ui-surface)!important; box-shadow:0 0 20px rgba(var(--ui-rgb),.22),inset 0 0 18px rgba(var(--ui-rgb),.08)!important; } dialog.ko-image-preview .ko-image-scroll{max-height:min(58dvh,540px)!important;max-width:100%!important;} dialog.ko-image-preview .ko-preview-actions:not(.ko-preview-actions-simple){ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; width:100%!important; align-items:stretch!important; margin-top:14px!important; } dialog.ko-image-preview .ko-preview-actions:not(.ko-preview-actions-simple) > button.action { box-sizing:border-box!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; min-width:0!important; width:100%!important; min-height:58px!important; height:auto!important; margin:0!important; padding:10px 8px!important; border:1.5px solid var(--ui-accent)!important; border-radius:14px!important; color:var(--ui-ink)!important; background:radial-gradient(circle at 20% 10%,rgba(var(--ui-rgb),.18),transparent 70%),var(--ui-inner)!important; box-shadow:0 0 10px rgba(var(--ui-rgb),.28),inset 0 0 10px rgba(var(--ui-rgb),.10)!important; font-family:var(--ui-font)!important; font-size:var(--ui-small-size)!important; line-height:1.45!important; font-weight:var(--ui-font-weight-strong)!important; text-align:center!important; white-space:normal!important; word-break:keep-all!important; overflow-wrap:normal!important; hyphens:none!important; } dialog.ko-image-preview .ko-preview-actions:not(.ko-preview-actions-simple) > button.action :is(b,small){ display:block!important; max-width:100%!important; line-height:1.4!important; font-size:inherit!important; white-space:normal!important; word-break:keep-all!important; overflow-wrap:normal!important; } dialog.ko-image-preview .ko-preview-actions:not(.ko-preview-actions-simple) > button.action small {font-size:var(--ui-small-size)!important;color:var(--ui-muted)!important;} } /* audit1565 — export sheet typography: consistent A/B headings and compact facts. */ @layer identity { } /* audit1566: standings export uses its own full-width seven-column layout, not phone rules. */ @layer identity { } /* audit1567: knockout save dialog adopts WOLF three-theme tokens. */ dialog.ko-save-menu{box-sizing:border-box!important;max-width:calc(100vw - 28px)!important;padding:18px!important;border:1.5px solid var(--ui-accent)!important;border-radius:var(--ui-dialog-radius)!important;color:var(--ui-ink)!important;background:radial-gradient(circle at 15% 5%,rgba(var(--ui-rgb),.19),transparent 58%),var(--ui-surface)!important;box-shadow:0 0 20px rgba(var(--ui-rgb),.35),inset 0 0 22px rgba(var(--ui-rgb),.10),0 22px 55px rgba(0,0,0,.3)!important;} dialog.ko-save-menu h2{color:var(--ui-ink)!important;text-shadow:0 0 10px rgba(var(--ui-rgb),.4)!important;} dialog.ko-save-menu>p{color:var(--ui-muted)!important;font-size:var(--ui-small-size,16px)!important;} dialog.ko-save-menu .ko-save-menu-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;} dialog.ko-save-menu .ko-save-menu-actions>button.action{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:var(--ui-dialog-action-height)!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:10px 14px!important;border:1px solid var(--ui-accent)!important;border-radius:14px!important;color:var(--ui-ink)!important;background:radial-gradient(circle at 20% 0%,rgba(var(--ui-rgb),.16),transparent 65%),var(--ui-inner)!important;box-shadow:inset 0 0 12px rgba(var(--ui-rgb),.12),0 0 12px rgba(var(--ui-rgb),.25)!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;} dialog.ko-save-menu .ko-save-menu-actions>button.action :is(b,small){color:inherit!important;max-width:100%!important;line-height:1.5!important;white-space:normal!important;word-break:keep-all!important;text-align:center!important;} dialog.ko-save-menu .ko-save-menu-actions>button.action b{font-size:17px!important;font-weight:var(--ui-font-weight-strong)!important;} dialog.ko-save-menu .ko-save-menu-actions>button.action small{font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} /* audit1568 — A/B heading has no gold badge; common across the three themes. */ @layer identity { #app #view :is(.wolf-league-side-labels,.ko-side-labels,.wolf-match-labels) > b { display:grid!important; place-items:center!important; box-sizing:border-box!important; min-width:0!important; min-height:0!important; margin:0!important; padding:4px 0 3px!important; font-size:clamp(29px,8.1vw,37px)!important; font-weight:700!important; line-height:1.18!important; letter-spacing:.028em!important; color:var(--ui-accent)!important; background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; text-shadow:0 0 10px rgba(var(--ui-rgb),.38)!important; } #app #view .wolf-league-side-labels { display:grid!important; grid-template-columns:46px minmax(0,1fr) 42px minmax(0,1fr)!important; gap:10px!important; direction:rtl!important; align-items:center!important; margin:9px 0 6px!important; } #app #view .wolf-league-side-labels > b:nth-child(2){grid-column:2!important;} #app #view .wolf-league-side-labels > b:nth-child(4){grid-column:4!important;} } /* Knockout controls: one three-column geometry owner, same across themes. */ @layer identity { #app #view .knockout-page .knockout-control-card .ko-actions.ko-actions-top { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; gap:9px!important; width:100%!important; min-width:0!important; box-sizing:border-box!important; } #app #view .knockout-page .ko-actions.ko-actions-top > .locked-draw { grid-column:1 / -1!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; min-height:40px!important; margin:0!important; padding:7px 12px!important; box-sizing:border-box!important; white-space:normal!important; text-align:center!important; } #app #view .knockout-page .ko-actions.ko-actions-top > button.action { box-sizing:border-box!important; display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; max-width:none!important; min-height:56px!important; height:auto!important; margin:0!important; padding:10px 8px!important; gap:7px!important; font-size:var(--ui-small-size,16px)!important; line-height:1.45!important; white-space:nowrap!important; word-break:keep-all!important; overflow-wrap:normal!important; hyphens:none!important; } #app #view .knockout-page .ko-actions.ko-actions-top > button.action > span:not(.control-icon) { min-width:0!important; white-space:nowrap!important; word-break:keep-all!important; overflow-wrap:normal!important; } #app #view .knockout-page .ko-actions.ko-actions-top > button.action > .control-icon { flex:0 0 21px!important; display:grid!important; place-items:center!important; width:21px!important; height:21px!important; min-width:21px!important; margin:0!important; padding:0!important; } #app #view .knockout-page .ko-actions.ko-actions-top > button.action > .control-icon svg { display:block!important; width:21px!important; height:21px!important; } #app #view .knockout-page .ko-actions.ko-actions-top > button.action:last-child:nth-child(even) { grid-column:1 / -1!important; } } /* audit1572 — league participants: stable RTL columns and accessible actions. */ #app #view .league-participants-card{min-width:0!important;overflow:hidden!important;} #app #view .league-player-table{width:100%!important;min-width:0!important;table-layout:fixed!important;direction:rtl!important;border-collapse:separate!important;border-spacing:0 7px!important;} #app #view .league-player-table :is(th,td){box-sizing:border-box!important;line-height:1.5!important;vertical-align:middle!important;} #app #view .league-player-table :is(th,td):first-child{width:36px!important;text-align:center!important;} #app #view .league-player-table :is(th,td):nth-child(2){width:auto!important;min-width:0!important;text-align:right!important;overflow-wrap:anywhere!important;} #app #view .league-player-table :is(th,td):last-child{width:108px!important;text-align:center!important;} #app #view .league-player-table .participant-controls{white-space:nowrap!important;padding-inline:3px!important;} #app #view .league-player-table .participant-controls .iconbtn{display:inline-grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin-inline:2px!important;padding:9px!important;vertical-align:middle!important;} #app #view .league-player-table .participant-controls .iconbtn svg{width:22px!important;height:22px!important;} @media(max-width:360px){#app #view .league-player-table :is(th,td):last-child{width:104px!important;}#app #view .league-player-table .participant-controls .iconbtn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:8px!important;}} /* audit1573: A/B headings are typography, not tinted badges; consistent on all themes. */ @layer identity { #app #view :is(.wolf-league-side-labels,.ko-side-labels,.wolf-match-labels){ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; } #app #view :is(.wolf-league-side-labels,.ko-side-labels,.wolf-match-labels)>b{ display:grid!important;place-items:center!important; inline-size:100%!important;min-inline-size:0!important; block-size:auto!important;min-block-size:0!important; padding:0!important;margin:0!important; font-size:30px!important;font-weight:900!important;line-height:1.3!important; background:transparent!important;background-color:transparent!important;background-image:none!important; border:0!important;border-radius:0!important;outline:none!important; color:var(--ui-accent)!important;-webkit-text-fill-color:currentColor!important; box-shadow:none!important;filter:none!important; text-shadow:0 0 8px rgba(var(--ui-rgb),.25)!important; } #app #view :is(.wolf-league-side-labels,.ko-side-labels,.wolf-match-labels)>b::before, #app #view :is(.wolf-league-side-labels,.ko-side-labels,.wolf-match-labels)>b::after{content:none!important;} } /* audit1574: compact league heading while keeping the title legible. */ #app #view .league-board-banner{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:0!important;height:auto!important;max-width:100%!important;padding:12px 14px!important;margin:10px 0 14px!important;border-radius:16px!important;} #app #view .league-board-banner>b{display:block!important;width:100%!important;min-width:0!important;margin:0!important;font-size:clamp(21px,5.3vw,26px)!important;line-height:1.45!important;font-weight:var(--ui-font-weight-strong)!important;overflow-wrap:anywhere!important;text-align:center!important;} #app #view .league-board-banner>small{display:block!important;margin:0!important;font-size:var(--ui-small-size,16px)!important;line-height:1.5!important;text-align:center!important;color:var(--ui-muted)!important;overflow-wrap:normal!important;word-break:normal!important;} /* audit1575 — shared league export-dialog controls across all themes */ .league-save-overlay .wz-premium-export-dialog{box-sizing:border-box!important;max-height:calc(100dvh - 40px)!important;overflow-y:auto!important;} .league-save-overlay .wz-premium-export-dialog .action{ box-sizing:border-box!important;display:flex!important;flex-direction:row!important; justify-content:center!important;align-items:center!important;gap:10px!important; width:100%!important;min-width:0!important;min-height:54px!important; padding:12px 14px!important;font-size:16px!important;line-height:1.5!important; background-image:radial-gradient(circle at 18% 10%,rgba(var(--ui-rgb),.18),transparent 65%)!important; white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important; } .league-save-overlay .wz-premium-export-dialog .action>span:last-child{min-width:0!important;word-break:keep-all!important;overflow-wrap:normal!important;} .league-save-overlay .wz-premium-export-dialog .wz-export-menu-icon{ flex:0 0 23px!important;width:23px!important;height:23px!important; display:grid!important;place-items:center!important;color:var(--ui-accent)!important; } .league-save-overlay .wz-premium-export-dialog .wz-export-menu-icon svg{width:23px!important;height:23px!important;display:block!important;} /* audit1576: resolve layout constraints in league standings and control rows. */ @layer identity { #app #view .league-table-wrap{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;} #app #view .league-table-wrap .league-table{min-width:520px!important;width:100%!important;table-layout:auto!important;} #app #view .league-table thead th{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;padding-inline:8px!important;} #app #view .league-table thead th .league-head-short{display:none!important;} #app #view .league-table thead th .league-head-full{display:inline!important;white-space:nowrap!important;} #app #view .league-table tbody td{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;padding-inline:8px!important;font-variant-numeric:tabular-nums!important;} #app #view .league-table tbody td:nth-child(2){min-width:128px!important;max-width:240px!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important;} #app #view :is(.league-page,.knockout-page) .unified-control-strip>.action{display:flex!important;align-items:center!important;justify-content:center!important;flex-flow:row nowrap!important;min-width:0!important;min-height:54px!important;padding:10px 8px!important;font-size:var(--ui-small-size)!important;white-space:normal!important;overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important;} #app #view :is(.league-page,.knockout-page) .unified-control-strip>.action .control-icon{flex:0 0 22px!important;min-width:22px!important;max-width:22px!important;} } /* audit1579 — expose existing theme scenery, keep interactive panels readable. Static gradients only: no blur filter, animations, or fixed repaint timers. */ @layer identity { body:not(.light):not(.burgundy){--wolf-page-scene-a:rgba(var(--ui-rgb),.16);--wolf-page-scene-b:rgba(20,99,206,.11)} body.burgundy{--wolf-page-scene-a:rgba(var(--ui-rgb),.19);--wolf-page-scene-b:rgba(142,29,76,.13)} body.light{--wolf-page-scene-a:rgba(var(--ui-rgb),.13);--wolf-page-scene-b:rgba(var(--ui-rgb),.09)} #app #view :is(.quick-normal-page,.league-page,.knockout-page,.honor-studio-page,.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.wolf-control-menu,.account-management-page){ background-color:transparent!important; background-image:none!important; /* Page-scene gradients stay on BODY; no rectangular page-overlay. */ background-repeat:no-repeat!important; } /* Header and card controls follow theme accent even if legacy button rules hardcode blue. */ body.burgundy #app #view :is(.league-page,.knockout-page) :is(.unified-control-strip,.ko-actions,.standalone-controls-card) :is(svg,.control-icon), body.burgundy #app #view :is(.league-page,.knockout-page) .action>svg{color:var(--ui-accent)!important;stroke:currentColor!important;} body.light #app #view :is(.league-page,.knockout-page) :is(.unified-control-strip,.ko-actions,.standalone-controls-card) :is(svg,.control-icon), body.light #app #view :is(.league-page,.knockout-page) .action>svg{color:var(--ui-accent)!important;stroke:currentColor!important;} #app #view :is(.league-page,.knockout-page) :is(.unified-control-strip,.ko-actions)>button.action{ word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;min-width:0!important; } } /* audit1580 — premium section hierarchy for awards, settings and administration. */ @layer identity { #app #view :is(.honor-studio-page,.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) { --wolf-section-gap:var(--ui-section-gap); } #app #view :is(.honor-studio-page,.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) > :is(.card,.ui-section-card,.hs-panel,.menu-row,.record-card), #app #view :is(.honor-studio-page,.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) :is(.settings-appearance-card,.settings-feedback-card,.settings-about-card,.hs-panel,.admin-user-row,.account-card) { box-sizing:border-box!important; min-width:0!important; max-width:100%!important; border-color:rgba(var(--ui-rgb),.78)!important; background-color:var(--ui-surface)!important; background-image:none!important; box-shadow:var(--ui-glow)!important; } #app #view :is(.honor-studio-page,.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) :is(.hs-button,.action,.bigbtn,.menu-row):focus-visible { outline:2px solid var(--ui-accent)!important; outline-offset:3px!important; } #app #view :is(.honor-studio-page,.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) :is(button,.action,.bigbtn) { word-break:keep-all!important; overflow-wrap:normal!important; min-width:0!important; } #app #view .honor-studio-page :is(.hs-panel,.hs-preview-section,.hs-actions), #app #view .settings-page :is(.card,.ui-section-card,.settings-appearance-card,.settings-feedback-card,.settings-about-card), #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(.smart-entry-card,.standalone-controls-card,.competition-stats) { margin-block-end:var(--ui-competition-card-gap)!important; } } /* WOLF ZONE — unified iPhone layout and neon system */ @layer identity { body:not(.light):not(.burgundy) { --premium-ambient:rgba(var(--ui-rgb),.055)!important; --premium-line:rgba(var(--ui-rgb),.65)!important; --premium-inner:var(--ui-inner)!important;--premium-surface:var(--ui-surface)!important; } body.burgundy { --premium-ambient:rgba(var(--ui-rgb),.055)!important; --premium-line:rgba(var(--ui-rgb),.65)!important; --premium-inner:var(--ui-inner)!important;--premium-surface:var(--ui-surface)!important; --premium-highlight:var(--ui-icon)!important; --wolf-accent:var(--ui-accent)!important;--wolf-edge:var(--ui-accent)!important; --wz-accent:var(--ui-accent)!important;--wz-border:var(--ui-accent)!important; } body.light { /* Ivory palette is the one authoritative contract for page and component surfaces. */ --wolf-ivory-panel:var(--ui-surface)!important; --wolf-ivory-field:var(--ui-inner)!important; --wolf-ivory-icon:var(--ui-inner)!important; --wolf-ivory-ink:#3B2A15!important; --wolf-ivory-edge:#A77D2B!important; --wz-competition-shell:#EADCC4!important;--wz-competition-control:#F2E6D1!important; --wz-competition-button:#F2E6D1!important; --premium-ambient:rgba(var(--ui-rgb),.055)!important; --premium-line:rgba(var(--ui-rgb),.65)!important; --premium-inner:var(--ui-inner)!important;--premium-surface:var(--ui-surface)!important; --premium-highlight:var(--ui-icon)!important; } /* Navigation and management icons share one material and glyph palette; preserve the gold winner / award shapes and their deliberate emphasis. */ body.light #app #view :is(.home-icon,.home-icon-settings,.mode-card-icon,.mode-title-icon,.records-admin-tool-icon,.record-visual-icon,.record-action-icon,.control-icon,.menu-icon,.navigation-icon,.settings-icon,.ko-save-icon) { --wolf-icon-ink:var(--ui-accent); color:var(--wolf-icon-ink)!important; -webkit-text-fill-color:currentColor; border-color:rgba(var(--ui-rgb),.65)!important; } body.light #app #view :is(.home-icon,.home-icon-settings,.mode-card-icon,.records-admin-tool-icon,.record-action-icon,.menu-icon) { background-color:var(--ui-inner)!important; background-image:none!important; } body.light #app #view :is(.home-icon,.home-icon-settings,.mode-card-icon,.mode-title-icon,.records-admin-tool-icon,.record-visual-icon,.record-action-icon,.control-icon,.menu-icon,.navigation-icon,.settings-icon,.ko-save-icon) svg { color:inherit!important;stroke:currentColor!important; background:transparent!important;background-image:none!important; } /* The body is a stable first-paint surface: small radial highlights only. */ body{ /* Solid page backing; the single body::before owner paints the neon art. */ background-color:var(--ui-bg)!important; background-image:none!important; background-attachment:scroll!important; } /* Consistent identity bar, independent of the position of route titles. */ #app #view{position:relative!important;min-width:0!important} #app #view>.page-brand{ display:flex!important;align-items:center!important;justify-content:center!important; flex-direction:column!important;gap:var(--ui-space-xs)!important;box-sizing:border-box!important; width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important; padding:12px 52px 5px!important;margin:0 auto 14px!important;text-align:center!important; } #app #view>.page-brand>img{ position:static!important;display:block!important;box-sizing:border-box!important; width:var(--ui-logo-size)!important;height:calc(var(--ui-logo-size) * .78)!important; min-height:0!important;max-height:102px!important; margin:0 auto!important;object-fit:contain!important;transform:none!important; } #app #view>.page-brand>.channel{ display:block!important;position:static!important;max-width:100%!important; margin:0!important;padding:0!important;text-align:center!important; font-size:clamp(15px,4.2vw,19px)!important;line-height:1.55!important; white-space:normal!important;color:var(--ui-ink)!important; } #app #view>.back{ position:absolute!important;top:clamp(26px,7.5vw,38px)!important; right:clamp(0px,1.5vw,10px)!important;left:auto!important; z-index:32!important;width:44px!important;height:44px!important; min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important; padding:9px!important;border:1.5px solid var(--ui-accent)!important;border-radius:14px!important; background:var(--ui-surface)!important;color:var(--ui-accent)!important; box-shadow:inset 0 0 9px rgba(var(--ui-rgb),.21),0 0 11px rgba(var(--ui-rgb),.35)!important; transform:none!important;opacity:1!important; } /* Accessible warm-gold back navigation for the ivory theme: one owner, high-contrast arrow, no competing navy/cream variants. */ body.light #app #view>.back{ background:linear-gradient(150deg,#F2DEB1 0%,#DBB875 53%,#BD9251 100%)!important; color:#583716!important; border-color:#B67F28!important; box-shadow:inset 0 0 11px rgba(255,243,208,.72),inset 0 1px 0 rgba(255,255,255,.8), 0 0 10px rgba(192,137,43,.48),0 0 19px rgba(192,137,43,.27)!important; } body.light #app #view>.back svg{color:#583716!important;stroke:currentColor!important;} #app #view>.back svg{width:22px!important;height:22px!important;display:block!important;margin:auto!important;opacity:1!important} #app #view .mode-page-title{margin:12px auto 18px!important;height:auto!important;min-height:66px!important;max-width:100%!important;} #app #view .mode-page-title .title-copy{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-width:0!important;} #app #view .mode-page-title .mode-title-icon{display:grid!important;place-items:center!important;flex:0 0 var(--ui-title-icon-size)!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;} #app #view .mode-page-title .mode-title-icon svg{display:block!important;width:24px!important;height:24px!important;margin:auto!important;} /* One table-row is one grid item. Never turn an HTML table cell into flex. */ #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table{ display:table!important;width:100%!important;table-layout:fixed!important;direction:rtl!important; border-collapse:separate!important;border-spacing:0 6px!important; } #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table :is(thead,tbody){display:table-header-group;} #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table tbody{display:table-row-group!important} #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table tr{display:table-row!important;height:52px!important;} #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table :is(th,td){ display:table-cell!important;vertical-align:middle!important;box-sizing:border-box!important; height:52px!important;min-height:52px!important;max-height:68px!important; padding:6px 5px!important;line-height:1.35!important;overflow:hidden!important; } #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table :is(th,td):first-child{width:39px!important;text-align:center!important;} #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table :is(th,td):last-child{width:104px!important;text-align:center!important;white-space:nowrap!important;} #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table td.participant-controls{ display:table-cell!important;white-space:nowrap!important;vertical-align:middle!important;text-align:center!important; padding-inline:2px!important; } #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table .participant-controls .iconbtn{ display:inline-grid!important;place-items:center!important;vertical-align:middle!important; box-sizing:border-box!important;width:44px!important;height:44px!important; min-width:44px!important;min-height:44px!important; margin:0 2px!important;padding:8px!important;line-height:1!important; border-radius:11px!important; } #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table .participant-controls .iconbtn svg{ width:21px!important;height:21px!important;display:block!important; } #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table .participant-name{ text-align:right!important;font-size:var(--ui-body-size)!important; font-weight:var(--ui-font-weight-strong)!important;overflow-wrap:anywhere!important;white-space:normal!important; } #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table tbody td{ background:var(--ui-inner)!important;color:var(--ui-ink)!important; border-top:1px solid var(--ui-accent)!important;border-bottom:1px solid var(--ui-accent)!important; box-shadow:inset 0 0 10px rgba(var(--ui-rgb),.08)!important; } #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table th{color:var(--ui-muted)!important;font-size:var(--ui-small-size,16px)!important;font-weight:700!important;} /* Compact league dates with protected numeric baselines, on both labels. */ #app #view .league-calendar-wrap{display:grid!important;gap:9px!important;padding:10px!important;min-width:0!important;} #app #view .league-dates-unified{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;} #app #view .league-dates-unified .league-start-date-card{ display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important; gap:4px!important;box-sizing:border-box!important;min-width:0!important; min-height:82px!important;max-height:none!important;height:auto!important; padding:8px 5px!important;margin:0!important;border-radius:12px!important; overflow:hidden!important;text-align:center!important; } #app #view .league-dates-unified .league-date-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;width:100%!important;line-height:1.3!important;} #app #view .league-dates-unified .league-date-copy small{font-size:var(--ui-small-size)!important;line-height:1.25!important;} #app #view .league-dates-unified .league-date-copy b{ display:block!important;width:100%!important;min-width:0!important; font-size:var(--ui-small-size,16px)!important;line-height:1.45!important; white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;overflow:visible!important; font-variant-numeric:tabular-nums!important;direction:ltr!important;unicode-bidi:isolate!important; } #app #view .league-auto-end-toggle{margin:0!important;padding:4px 6px!important;min-height:38px!important;} #app #view .league-calendar-hint{margin:0!important;line-height:1.4!important;} #app #view .league-page .league-title-input{display:block!important;width:100%!important;min-height:var(--ui-control-height,54px)!important;box-sizing:border-box!important;} /* Navigation and match controls inherit the selected theme, not navy defaults. */ #app #view :is(.card,.match-panel,.league-stage,.standalone-controls-card,.league-round-card,.round-banner,.league-fixtures,.league-table-wrap){ border-color:rgba(var(--ui-rgb),.52)!important; background-color:var(--ui-surface)!important; box-shadow:var(--ui-glow)!important; } #app #view :is(.action,.iconbtn,.settings-action,.mode-card){ border-color:rgba(var(--ui-rgb),.62)!important; box-shadow:var(--ui-glow)!important; } #app #view .league-page :is(.league-stage>summary,.league-round-heading,.league-stage-heading,.league-matches-title,.league-count,.league-round-step), #app #view .knockout-page :is(.ko-round-step,.round-banner,.ko-round-heading){ background:var(--ui-inner)!important;border-color:rgba(var(--ui-rgb),.55)!important;color:var(--ui-ink)!important; } #app #view :is(.league-page,.knockout-page) :is(.action,.match,.quick-player,.ko-player-name,.vs,.league-count){font-variant-numeric:tabular-nums!important;} #app #view .league-page :is(.league-tools,.league-tools-top,.league-start-tools), #app #view .knockout-page :is(.ko-actions,.ko-actions-top){gap:var(--ui-space-sm)!important;} @media (max-width:360px){ #app #view>.page-brand{padding-inline:50px!important;} #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table :is(th,td):last-child{width:104px!important;} #app #view :is(.participants,.wolf-ko-roster,.league-participants-card) .participant-table .participant-controls .iconbtn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;} } } /* Keep the modal with the same component language as Quick Challenge. */ @layer identity { body .league-save-overlay .wz-premium-export-dialog{ background:var(--ui-surface)!important;color:var(--ui-ink)!important; border:1px solid var(--ui-accent)!important;border-radius:var(--ui-dialog-radius)!important; box-shadow:inset 0 0 17px rgba(var(--ui-rgb),.12),0 0 22px rgba(var(--ui-rgb),.29)!important; } body .league-save-overlay .wz-premium-export-dialog>.action{ background:var(--ui-inner)!important;color:var(--ui-ink)!important; border:1px solid var(--ui-accent)!important;border-radius:12px!important; box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.13),0 0 8px rgba(var(--ui-rgb),.20)!important; font-size:16px!important;font-weight:700!important;min-height:var(--ui-dialog-action-height)!important; } } /* Knockout participant names are editable inside the app, before and after draw confirmation. */ #app #view .knockout-page .wolf-ko-roster{margin-block:var(--ui-space-md,16px)!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;} #app #view .knockout-page .wolf-ko-roster h2{display:flex;align-items:center;justify-content:space-between;gap:12px;} #app #view .knockout-page .wolf-ko-roster h2 small{font-size:var(--ui-small-size);font-weight:800;min-width:36px;min-height:28px;padding:2px 9px;display:inline-grid;place-items:center;border-radius:8px;color:var(--ui-accent)!important;border:1px solid var(--ui-accent);} #app #view .knockout-page .wolf-ko-roster .ko-roster-help{font-size:var(--ui-small-size);line-height:1.8;color:var(--ui-muted,var(--muted));margin:3px 0 12px;} #app #view .knockout-page .wolf-ko-roster .ko-name-editor{width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:6px 8px!important;min-height:var(--ui-control-height)!important;font-size:var(--ui-small-size)!important;} #app #view .knockout-page .wolf-ko-roster tr.ko-editing td{vertical-align:middle!important;} #app #view .knockout-page .wolf-ko-roster .ko-save-edit{color:#3bd7a0!important;font-size:22px!important;font-weight:var(--ui-font-weight-strong)!important;} #app #view .knockout-page .wolf-ko-roster .ko-cancel-edit{font-size:23px!important;font-weight:700!important;} #app #view .knockout-page .wolf-ko-roster .participant-controls{white-space:nowrap!important;} /* Native export isolation: the *source* sheet stays outside the visible viewport. The html2canvas clone explicitly repositions the capture target at (0,0). */ /* iOS PWA stability: eliminate costly blurred fixed decoration layers, not the actual neon outlines. Repaint budget is reserved for live match rows. */ @media (display-mode:standalone) and (hover:none) { #app #view .records-menu-page::before, #app #view .records-menu-page::after { filter:none!important;animation:none!important; } #app #view :is(.home-main-menu,.league-page,.knockout-page,.quick-normal-page) { background-attachment:scroll!important; } } /* audit1617: compositor-safe iOS background; one body paint, no persistent full-viewport fixed pseudo-element between the web view and its scene. */ @layer identity { body,body.light,body.burgundy { background-color:var(--ui-bg)!important; background-image:var(--wz-background-art)!important; /* recovery1922: same royalty-scale ribbons throughout scrollable pages, rather than one weak, stretched motif on very long records. */ background-size:100% auto!important; background-repeat:repeat-y!important;background-attachment:scroll!important; } body::before{display:none!important;content:none!important;} html,body{min-height:100svh;} } /* audit1619 — One visual grammar for the approved three themes. Screen UI only. */ @layer identity { /* The decorative SVG title is the whole title card; remove the legacy slab behind it, not the geometry, ornaments or theme-coloured strokes. */ #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page){ background:transparent!important;background-image:none!important; border:0!important;box-shadow:none!important; isolation:isolate!important; width:100%!important;min-height:70px!important; } #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page)::before, #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page)::after{ background:none!important;box-shadow:none!important;border:0!important; } #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .title-frame{ width:100%!important;max-width:100%!important;transform:none!important; transform-origin:center!important; } #app #view .mode-page-title .title-copy{font-size:clamp(22px,5.8vw,30px)!important;font-weight:var(--ui-font-weight-strong)!important;} /* Each theme owns its surface, text and stroke scale. Selection denotes state only, never a second mismatched card palette. */ body:not(.light):not(.burgundy){--wolf-unified-card:#071525;--wolf-unified-control:#0A1D32;} body.burgundy{--wolf-unified-card:#351021;--wolf-unified-control:#42162A;} body.light{--wolf-unified-card:#EADCC4;--wolf-unified-control:#F2E6D1;} #app #view .settings-page .theme-chooser button, #app #view .settings-page .settings-switch-row, #app #view :is(.management-hub-page,.record-detail-page,.records-menu-page,.account-management-page,.backup-page) :is(.admin-user-row,.record-card,.account-card,.record-filters){ background:var(--wolf-unified-control)!important;background-image:none!important; color:var(--ui-ink)!important;-webkit-text-fill-color:currentColor!important; border-color:rgba(var(--ui-rgb),.54)!important; box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.09),0 0 8px rgba(var(--ui-rgb),.12)!important; } #app #view .settings-page .theme-chooser button{ font-family:var(--ui-font)!important;font-size:var(--ui-small-size,16px)!important; font-weight:var(--ui-font-weight-strong)!important;line-height:1.45!important; padding:12px 5px!important;min-height:68px!important; border:1.5px solid rgba(var(--ui-rgb),.54)!important; border-radius:13px!important; } #app #view .settings-page .theme-chooser button.selected{ background:var(--wolf-unified-control)!important; color:var(--ui-ink)!important;border:2px solid var(--ui-accent)!important; box-shadow:var(--ui-glow)!important;padding:12px 5px!important; } #app #view .settings-page .settings-switch-row{border-radius:12px!important;padding:12px!important;margin-block:8px!important;} #app #view .settings-page .settings-switch-row :is(b,small){color:var(--ui-ink)!important;font-size:inherit!important;} #app #view .settings-page .settings-switch-row small{font-size:var(--ui-small-size,16px)!important;color:var(--ui-muted)!important;} #app #view :is(.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) :is(.card,.ui-section-card,.account-card,.record-card,.admin-user-row){ font-family:var(--ui-font)!important;border-color:rgba(var(--ui-rgb),.56)!important; } #app #view :is(.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) :is(.action,.bigbtn,.record-action-button,.iconbtn) svg{color:var(--ui-accent)!important;stroke:currentColor!important;} #app #view :is(.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page) :is(h2,h3,.field-label){font-family:var(--ui-font)!important;color:var(--ui-ink)!important;font-weight:var(--ui-font-weight-strong)!important;} /* All same-purpose stats use identical fill rather than white/cream alternation. */ #app #view :is(.quick-normal-page,.league-page,.knockout-page) .competition-stats > .stat, #app #view :is(.quick-normal-page,.league-page,.knockout-page) .competition-stats > .stat.green{ background:var(--wolf-unified-control)!important;background-image:none!important; color:var(--ui-ink)!important;border:1px solid rgba(var(--ui-rgb),.6)!important; box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.12),0 0 9px rgba(var(--ui-rgb),.17)!important; } #app #view :is(.quick-normal-page,.league-page,.knockout-page) .competition-stats .stat :is(b,span){color:var(--ui-ink)!important;} @media(max-width:360px){#app #view .settings-page .theme-chooser{gap:6px!important;}} @media(prefers-reduced-motion:reduce){#app #view :is(.mode-page-title,.home-title) .title-frame{animation:none!important;}} } /* Backup page, original component ownership: identical icon and button geometry in navy, burgundy and ivory; no nested white backgrounds. */ @layer identity { #app #view .backup-page .standalone-backup-card { background:var(--ui-surface)!important;background-image:none!important; border:1.5px solid var(--ui-accent)!important;border-radius:18px!important; padding:15px!important;box-shadow:0 0 12px rgba(var(--ui-rgb),.19)!important; } #app #view .backup-page .standalone-backup-card h2 {margin:0 0 6px!important;font-size:clamp(19px,5.1vw,23px)!important;color:var(--ui-ink)!important;} #app #view .backup-page .standalone-backup-card .notice {margin:6px 0 9px!important;font-size:var(--ui-small-size)!important;line-height:1.65!important;color:var(--ui-muted)!important;} #app #view .backup-page .wolf-backup-button { display:flex!important;align-items:center!important;justify-content:center!important; gap:10px!important;min-height:52px!important;padding:10px 12px!important; margin:8px 0!important;background:var(--ui-inner)!important;background-image:none!important; color:var(--ui-ink)!important;border:1.5px solid var(--ui-accent)!important; border-radius:13px!important;font-weight:var(--ui-font-weight-strong)!important;font-size:var(--ui-small-size)!important; line-height:1.45!important;box-shadow:0 0 12px rgba(var(--ui-rgb),.24)!important; } #app #view .backup-page .wolf-backup-action-icon { box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; flex:0 0 25px!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important; padding:0!important;margin:0!important;background:transparent!important;background-image:none!important; border:0!important;border-radius:0!important;color:var(--ui-accent)!important; filter:none!important;box-shadow:none!important;transform:none!important; } #app #view .backup-page .wolf-backup-action-icon svg { box-sizing:border-box!important;display:block!important;width:25px!important;height:25px!important; border:0!important;padding:0!important;margin:0!important;background:transparent!important; color:inherit!important;stroke:currentColor!important;filter:drop-shadow(0 0 4px rgba(var(--ui-rgb),.27))!important;box-shadow:none!important; } #app #view .backup-page .mode-title-icon, #app #view .backup-page .mode-title-icon :is(svg,.records-admin-tool-icon){background:transparent!important;background-image:none!important;box-shadow:none!important;} #app #view .backup-page .backup-help {margin-top:12px!important;padding-top:8px!important;} #app #view .backup-page .backup-last-export {margin:10px 0 8px!important;text-align:center!important;} @media(max-width:360px){#app #view .backup-page .backup-summary .backup-stat {flex-wrap:wrap!important;min-height:57px!important;}} } /* Note 10: all subpages share one safe-area and keyboard geometry contract. The body is the only scroller; the main view is never scaled or shifted. */ @layer identity { #app {box-sizing:border-box!important;min-width:0!important; padding-top:max(18px,calc(env(safe-area-inset-top,0px) + 8px))!important; padding-inline:18px!important;} #app #view {min-width:0!important;max-width:100%!important;} #app #view > .page-brand > .channel {max-width:100%!important;overflow-wrap:anywhere!important;} #app #view > :is(.quick-normal-page,.knockout-page,.league-page,.settings-page, .backup-page,.records-menu-page,.management-hub-page,.record-detail-page, .account-management-page,.honor-page) {min-width:0!important;max-width:100%!important;} #app #view :is(input,textarea,select,[contenteditable="true"]) {scroll-margin-block:20px 26px;} /* iOS: don't append keyboard-height padding to the live root. It extends the document behind the keyboard and triggers a second scroll/layout pass. */ html.wolf-keyboard-open {scroll-padding-bottom:20px;} body.wolf-keyboard-open #app {padding-bottom:16px!important;} body.wolf-keyboard-open #app #view {scroll-padding-bottom:20px;} #app>.footer {overflow-wrap:anywhere!important;} } /* audit1645 · note 12: unified, compact orientation through seven existing workflows. Deliberately uses theme tokens; does not touch awards artwork or button handlers. */ #app .wolf-flow-summary, #app .wolf-backup-group{ background:var(--ui-inner); border:1px solid var(--ui-accent); border-radius:16px; padding:12px 14px; margin:10px 0; color:var(--ui-text); } #app .wolf-flow-summary{ display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 12%,transparent); } #app .wolf-flow-summary strong{font-size:var(--ui-small-size);font-weight:800;flex:1 1 auto} #app .wolf-flow-summary span{font-size:var(--ui-small-size);font-weight:700;color:var(--ui-text)} #app .wolf-flow-summary small{width:100%;font-size:var(--ui-small-size);color:var(--ui-muted);line-height:1.5} #app .wolf-backup-group h3{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--ui-text)} #app .wolf-compact-hint{margin:0 0 10px;font-size:var(--ui-small-size);color:var(--ui-muted);line-height:1.6} #app .wolf-backup-group .wolf-backup-button{margin:6px 0;} #app .wolf-page-guidance{text-align:center;color:var(--ui-muted);font-size:var(--ui-small-size);margin:5px auto 12px;line-height:1.6} #app .wolf-control-menu .royal-admin-entry .menu-copy small{display:block;font-size:var(--ui-small-size);line-height:1.4;color:var(--ui-muted)} #app .wolf-control-menu .royal-admin-entry{height:auto;min-height:74px} @media(max-width:360px){ #app .wolf-flow-summary{padding:10px 11px} #app .wolf-control-menu .royal-admin-entry .menu-copy small{font-size:var(--ui-small-size)} } /* Shared component corrections · audit1646. Consolidated in the identity component owner, not a versioned override sheet. Applies the same spacing, legibility, and neon tokens across theme variations. */ @layer identity { /* Canonical navigation arrows: no box or neon on the icon's square hit area. Light is drawn on SVG strokes, independently of the card's full-size tap target. */ #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow), #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg { background:transparent!important; background-image:none!important; box-shadow:none!important; border:0!important; outline:0!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) { filter:none!important; min-width:var(--ui-arrow-size)!important; height:32px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; color:var(--ui-accent)!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg { width:var(--ui-arrow-size)!important; height:var(--ui-arrow-size)!important; color:var(--ui-accent)!important; stroke:currentColor!important; filter:none!important; } /* Arrow-shaped light, not an icon-box shadow. Shared across navigation surfaces. */ #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) .wolf-royal-chevron-path { filter:drop-shadow(0 0 2px rgba(var(--ui-rgb),.70)) drop-shadow(0 0 4px rgba(var(--ui-rgb),.35))!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row):active :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) .wolf-royal-chevron-path { filter:drop-shadow(0 0 3px rgba(var(--ui-rgb),.85)) drop-shadow(0 0 6px rgba(var(--ui-rgb),.48))!important; } /* Navigation cards were reduced too far in audit1642; settle on a comfortable intermediate size. */ #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu) > .menu-row { min-height:var(--ui-hub-card-height)!important;height:auto!important;padding:var(--ui-hub-card-padding)!important; } #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu) { gap:var(--ui-row-gap)!important; } #app #view .home-showcase.home-simple + .home-main-menu {margin-top:16px!important;} #app #view :is(.management-hub-page,.records-menu-page) > :is(.team-hub-menu,.records-vertical), #app #view .wolf-control-menu {margin-top:24px!important;} #app #view :is(.quick-normal-page,.knockout-page,.league-page,.settings-page, .backup-page,.honor-page,.management-hub-page,.records-menu-page, .record-detail-page,.account-management-page) .mode-page-title { margin-bottom:clamp(20px,5vw,30px)!important; } #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu) > .menu-row :is(.home-icon,.records-admin-tool-icon) {min-width:var(--ui-icon-box)!important;min-height:var(--ui-icon-box)!important;} #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu) > .menu-row .menu-copy b {line-height:1.3!important;} @media(max-width:360px){ #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu) > .menu-row{min-height:var(--ui-hub-card-height)!important;padding:var(--ui-hub-card-padding)!important;} } /* Shared tactile state; do not change dimensions or trigger layout/repaint loops. */ #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row):active { box-shadow:var(--ui-glow-active)!important; border-color:var(--ui-accent)!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.menu-row):focus-visible { outline:2px solid var(--ui-accent)!important;outline-offset:3px!important; } /* A legible secondary tone in every theme, including management and tournaments. */ #app #view :is(.home-main-menu,.team-hub-menu,.wolf-control-menu) .menu-copy small, #app #view :is(.tournament-modes,.records-menu-page) :is(.mode-copy,.record-copy) small { color:var(--ui-muted)!important;line-height:1.5!important; } /* Search and winner registration are separate, clearly named modes. */ #app #view .wolf-match-search { border:1.5px solid var(--ui-accent)!important;border-radius:20px!important; background:var(--ui-surface)!important;padding:11px!important; margin:10px 0 13px!important;max-width:100%!important; box-shadow:inset 0 0 13px rgba(var(--ui-rgb),.08),0 0 13px rgba(var(--ui-rgb),.17)!important; } #app #view .wolf-match-search .wolf-search-modes { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important;gap:8px!important;margin:0 0 9px!important; } #app #view .wolf-search-modes [data-wolf-mode] { width:100%!important;min-width:0!important;min-height:46px!important; padding:8px 7px!important;border-radius:13px!important; border:1.5px solid var(--ui-accent)!important; background:var(--ui-inner)!important;color:var(--ui-text)!important; box-shadow:none!important;font:800 var(--ui-small-size) var(--ui-font)!important; white-space:normal!important;line-height:1.25!important; } #app #view .wolf-search-modes [data-wolf-mode].selected { border-width:2px!important;background:var(--ui-surface)!important; box-shadow:0 0 12px rgba(var(--ui-rgb),.29),inset 0 0 10px rgba(var(--ui-rgb),.09)!important; color:var(--ui-text)!important; } #app #view .wolf-match-search .wolf-search-label { width:100%!important;box-sizing:border-box!important;min-height:48px!important; border-radius:14px!important;margin-bottom:12px!important; background:var(--ui-inner)!important;border:1.5px solid var(--ui-accent)!important; padding:8px 13px!important; } #app #view .wolf-match-search .wolf-search-input {font-size:clamp(16px,4vw,19px)!important;line-height:1.4!important;min-width:0!important;} #app #view .wolf-match-search .wolf-winner-guide {margin-bottom:10px!important;} #app #view .wolf-match-search .wolf-fixture-filters {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;} #app #view .wolf-match-search .wolf-fixture-filters button { min-height:48px!important;min-width:0!important;padding:8px 3px!important; font-size:var(--ui-small-size)!important;border-radius:13px!important; } #app #view .wolf-match-search .wolf-copy-fixtures { width:100%!important;min-height:54px!important;margin:13px 0 0!important; font-size:clamp(17px,4.6vw,21px)!important;border-radius:15px!important; } #app #view .wolf-match-search .wolf-search-results button {min-height:49px!important;line-height:1.55!important;text-align:right!important;} #app #view .wolf-match-search .wolf-win-confirm [data-wolf-confirm] { min-height:58px!important;font-size:21px!important; } @media(max-width:350px){ /* Preserve typography; only the container padding adapts. */ #app #view .wolf-match-search{padding:11px!important;} } /* Settings: luxury, deliberately visible glow with each theme's native hue. */ #app #view .settings-page{ --wolf-settings-neon-rgb:var(--ui-rgb); --wolf-settings-neon-line:var(--ui-accent); } #app #view .settings-page :is(.settings-appearance-card,.settings-feedback-card,.settings-about-card){ border:var(--ui-neon-card-border)!important; box-shadow:var(--ui-neon-card-shadow)!important; } #app #view .settings-page :is(.theme-chooser button,.settings-switch-row){ border:1.5px solid var(--wolf-settings-neon-line)!important; box-shadow:0 0 10px rgba(var(--wolf-settings-neon-rgb),.22), inset 0 0 10px rgba(var(--wolf-settings-neon-rgb),.06)!important; } #app #view .settings-page .settings-toggle { border:1.5px solid var(--wolf-settings-neon-line)!important; box-shadow:var(--ui-glow)!important; } #app #view .settings-page .settings-toggle.on{ box-shadow:var(--ui-glow)!important; } } /* Neon intensity at the owner selector, replacing weak card variants on settings only. */ @layer identity { #app #view .settings-page .card.ui-section-card:is(.settings-appearance-card,.settings-feedback-card,.settings-about-card) { border-color:var(--wolf-settings-neon-line)!important; box-shadow:var(--ui-glow)!important; } } /* The back arrow itself remains transparent inside its approved gold/navy button. */ @layer identity { #app #view .navigation-icon, #app #view > .back svg { background:transparent!important;background-image:none!important; border:0!important;box-shadow:none!important; } } /* audit1657 — Unified channel identity; word 'ولف' is gold in every theme. */ @layer identity { body #app #view .channel b, body #app #view .home-channel b, body #app #view .channel .wolf-highlight, body .startup-channel b { color:#D7AA49!important;-webkit-text-fill-color:#D7AA49!important; text-shadow:0 0 6px rgba(215,170,73,.18)!important; } body.light #app #view .channel b,body.light #app #view .home-channel b {color:var(--ui-ink)!important;-webkit-text-fill-color:#98701B!important;} } /* Canonical shared interaction and page chrome: former mixed audit1703 live rules. */ .wolf-export-progress{position:fixed;z-index:99990;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(92vw,440px);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:2px solid var(--ui-accent);border-radius:14px;background:var(--ui-surface);color:var(--ui-ink);font-size:var(--ui-small-size);font-weight:700;box-shadow:0 0 20px rgba(var(--ui-rgb),.30)} .wolf-export-progress button{min-height:var(--ui-control-height);padding:8px 14px} #app #view .page-brand,#app #view .league-section-heading,#app #view .league-date-caption{isolation:initial} #app #view .page-brand::before,#app #view .page-brand::after{display:none!important;content:none!important} #app #view .mode-page-title{max-width:100%;transform:none!important} .wolf-copy-overlay{position:fixed;inset:0;z-index:99980;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ui-row-gap);padding:18px;background:color-mix(in srgb,var(--ui-bg) 88%,transparent);color:var(--ui-ink)} .wolf-copy-overlay textarea{width:min(94vw,600px);height:55vh;resize:none;line-height:1.75;direction:rtl;padding:16px;font-size:var(--ui-small-size);font-family:var(--ui-font);box-sizing:border-box;color:var(--ui-ink);background:var(--ui-surface);border:1.5px solid var(--ui-accent);border-radius:var(--ui-control-radius)} .wolf-copy-overlay button{min-width:140px;min-height:var(--ui-control-height);font-size:var(--ui-small-size);color:var(--ui-ink);background:var(--ui-inner);border:1.5px solid var(--ui-accent);border-radius:var(--ui-control-radius);box-shadow:var(--ui-glow)} #app #view .mode-page-title{overflow:visible} #app #view .page-brand{background:transparent!important} #app #view > .back{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;color:var(--ui-ink)!important;background:var(--ui-surface)!important;border:1.5px solid var(--ui-accent)!important;border-radius:14px!important;box-shadow:0 0 9px rgba(var(--ui-rgb),.25)!important} #app #view > .back svg{width:22px!important;height:22px!important;stroke:currentColor!important;stroke-width:2.2!important;opacity:1!important;filter:none!important} #app #view :is(.home-title-svg,.mode-page-title,.home-title-svg.mode-page-title){background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;outline:0!important} #app #view :is(.home-title-svg,.mode-page-title)::before,#app #view :is(.home-title-svg,.mode-page-title)::after{content:none!important;display:none!important} #app #view :is(.home-title-svg,.mode-page-title) .title-frame{background:transparent!important;box-shadow:none!important;border:0!important} #app #view .home-main-menu .home-entry{color:var(--ui-ink)!important;border-color:var(--ui-accent)!important;background:var(--ui-surface)!important;background-image:none!important;box-shadow:var(--wolf-neon-tier-strong)!important} #app #view .home-simple .menu-copy b{color:var(--ui-ink)!important} #app #view .home-simple .menu-copy small{color:var(--ui-muted)!important} #app #view :is(.settings-page,.honor-page,.league-page,.knockout-page,.quick-normal-page) :is(button,input,textarea,select){font-family:var(--ui-font)!important;} #app #view :is(.settings-page,.honor-page,.league-page,.knockout-page,.quick-normal-page) :is(button,input,select,textarea):focus-visible{outline:2px solid var(--ui-accent)!important;outline-offset:2px;} /* audit1831 — approved compact live settings UI; no export or admin changes. */ @layer identity { #app #view .settings-page{gap:10px!important;padding-bottom:12px!important;} #app #view .settings-page .card.ui-section-card:is(.settings-appearance-card,.settings-feedback-card,.settings-about-card){padding:12px 13px!important;margin-block:0!important;border-radius:var(--ui-premium-card-radius)!important;} #app #view .settings-page :is(h2,.settings-section-title){font-size:clamp(19px,4.7vw,22px)!important;line-height:1.4!important;margin-block:0 9px!important;} #app #view .settings-page .theme-chooser button{min-height:48px!important;padding:8px 4px!important;font-size:15px!important;line-height:1.35!important;} #app #view .settings-page .settings-switch-row{min-height:48px!important;padding:7px 8px!important;margin:4px 0!important;gap:8px!important;} #app #view .settings-page .settings-switch-row b{font-size:17px!important;} #app #view .settings-page .settings-switch-row small{font-size:14px!important;line-height:1.35!important;} #app #view .settings-page .about-omar{font-size:20px!important;margin:3px 0 6px!important;} #app #view .settings-page .about-developer p{font-size:15px!important;line-height:1.5!important;margin:0 auto 9px!important;} #app #view .settings-page .wolf-contact{min-height:46px!important;font-size:16px!important;padding:7px 10px!important;} } /* audit1849: Optional iPhone lifecycle diagnostics, collapsed by default. */ .settings-diagnostics{margin:10px 0 0;padding:0;border:0;background:transparent} .settings-diagnostics>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--ui-text,#fff);font-weight:600;font-size:var(--wolf-font-button,14px)} .settings-diagnostics[open]>.action{margin:5px 0 8px;min-height:44px} /* audit1849: the channel uses the same locally cached face as the splash, never an absent Tajawal fallback. */ #app #view .page-brand > .channel{font-family:WolfTajawal,Arial,sans-serif!important;} /* audit1849 — ALL LIVE PAGES: one iPhone-width rhythm. The #view boundary is intentional: PNG export sheets/dialog capture clones keep their own geometry. No transform/scale, no new overlay, no DOM rerender and no changed game data. */ @layer identity { #app { padding-inline:clamp(8px,2.5vw,14px)!important; box-sizing:border-box!important; } #app #view { box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important; --ui-page-gutter:clamp(3px,1.2vw,7px); --ui-section-gap:10px; --ui-competition-card-gap:10px; --ui-row-gap:8px; --ui-premium-card-padding:clamp(10px,3vw,15px); --ui-hub-card-height:70px; --ui-hub-card-padding:8px 11px; --ui-icon-box:43px; } /* Only the route wrapper is widened; no interference with image exports, standalone dialogs or scroll-height / focus lifecycle ownership. */ #app #view > :is( .quick-normal-page,.knockout-page,.league-page,.honor-page,.honor-studio-page, .settings-page,.backup-page,.management-hub-page,.records-menu-page, .record-detail-page,.account-management-page,.tournament-hub-page, .wolf-staff-fullpage,.wolf-control-menu ) { box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important; padding-inline:clamp(2px,.7vw,5px)!important; margin-inline:auto!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,.settings-page, .management-hub-page,.records-menu-page,.record-detail-page,.account-management-page, .backup-page,.tournament-hub-page) > .mode-page-title { margin-block:3px 11px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.records-menu-page,.record-detail-page, .account-management-page,.backup-page) :is(.card,.ui-section-card,.hs-panel, .settings-section,.standalone-controls-card,.account-card) { box-sizing:border-box!important;min-width:0!important;max-width:100%!important; } /* Compact typography hierarchy: only descriptions shrink, section titles remain prominent and taps are >=44px. No text squeezing with transforms. */ #app #view :is(.settings-page,.honor-page,.league-page,.knockout-page,.quick-normal-page, .management-hub-page,.record-detail-page,.account-management-page,.backup-page) :is(button.action,a.action,.settings-action,.hs-button,.bigbtn) { min-height:44px!important;box-sizing:border-box!important; } #app #view :is(.record-detail-page,.account-management-page,.backup-page, .settings-page) :is(.notice,.wolf-compact-hint,.settings-row-subtitle) { line-height:1.5!important; } #app #view :is(.record-detail-page,.account-management-page,.backup-page, .honor-page) > .card, #app #view :is(.record-detail-page,.account-management-page,.backup-page) :is(.ui-section-card,.standalone-backup-card,.admin-user-row,.account-card) { margin-block:7px 10px!important; padding:clamp(10px,2.8vw,14px)!important; } /* Settings: reclaim the white/empty vertical gap; preserve a complete 44px diagnostic control and native switch interactions. */ #app #view .settings-page { gap:8px!important; padding-bottom:12px!important; } #app #view .settings-page > .card.ui-section-card:is( .settings-appearance-card,.settings-feedback-card,.settings-about-card) { width:100%!important;min-height:0!important;height:auto!important; padding:10px 11px!important;margin:0 0 8px!important; border-radius:16px!important; } #app #view .settings-page :is(h2,.settings-section-title) { font-size:clamp(19px,4.8vw,22px)!important; line-height:1.34!important;margin:0 0 8px!important; } #app #view .settings-page .theme-chooser { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important;width:100%!important; } #app #view .settings-page .theme-chooser button { box-sizing:border-box!important;min-height:50px!important;height:auto!important; padding:7px 4px!important;font-size:clamp(13px,3.6vw,15px)!important; line-height:1.3!important;overflow-wrap:normal!important;word-break:keep-all!important; } #app #view .settings-page .settings-switch-row { min-height:56px!important;gap:9px!important; padding:7px 10px!important;margin:5px 0!important; align-items:center!important; } #app #view .settings-page .settings-switch-row > div {flex:1 1 auto!important;min-width:0!important;} #app #view .settings-page .settings-switch-row b {font-size:clamp(16px,4.1vw,18px)!important;line-height:1.3!important;} #app #view .settings-page .settings-switch-row small {display:block!important;font-size:clamp(12px,3.3vw,14px)!important;line-height:1.4!important;} #app #view .settings-page .settings-toggle { flex:0 0 auto!important;min-height:44px!important; } #app #view .settings-page .settings-about-card {display:block!important;} #app #view .settings-page .about-developer {padding:0 2px 2px!important;margin:0!important;min-height:0!important;} #app #view .settings-page .about-omar {font-size:19px!important;margin:0 0 4px!important;} #app #view .settings-page .about-developer p { font-size:14px!important;line-height:1.55!important; margin:0 auto 6px!important;max-width:100%!important; } #app #view .settings-page .settings-diagnostics {margin:3px 0 8px!important;padding:0!important;} #app #view .settings-page .settings-diagnostics > summary {min-height:44px!important;font-size:15px!important;} #app #view .settings-page .wolf-contact {min-height:46px!important;margin:3px 0 0!important;padding:7px 10px!important;font-size:16px!important;} /* Champion: shorten *live* entry panels, never the trophy/medal export art. */ #app #view .honor-page .honor-vip-intro { margin:4px 0 11px!important;padding:12px 11px!important; } #app #view .honor-page .honor-vip-intro b { font-size:clamp(21px,5.6vw,26px)!important; line-height:1.27!important; } #app #view .honor-page :is(.honor-section-kicker,.award-preview-heading) {margin-block:6px 9px!important;} #app #view .honor-page :is(.award-picker-card,.honor-actions-card,.hs-panel,.card) { padding:clamp(10px,3vw,14px)!important; margin-block:7px 10px!important; } #app #view .honor-page .award-picker {gap:9px!important;} #app #view .honor-page .award-option { min-height:124px!important;padding:8px 6px!important; } #app #view .honor-page .award-option img {max-height:88px!important;object-fit:contain!important;} /* Keep tables, bracket trees and photo outputs untouched; only control containers. */ #app #view :is(.quick-normal-page,.knockout-page,.league-page) { gap:9px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(.smart-entry-card,.game-select-card,.tournament-setup,.competition-meta-card, .league-system-card,.participants,.league-live-roster,.league-standings-card, .standalone-controls-card,.knockout-control-card,.league-control-card) { padding:10px 11px!important;margin-block:6px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(.quick-tools,.league-tools,.league-start-tools,.ko-actions,.unified-control-strip) { gap:6px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .standalone-controls-card .action {min-height:46px!important;padding:7px 5px!important;} #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search { padding:9px!important;margin:7px 0 10px!important; } /* Labels are readable on 320px screens without turning every row into 2 lines. */ @media(max-width:375px){ #app {padding-inline:8px!important;} #app #view .settings-page .theme-chooser {gap:5px!important;} #app #view .settings-page .theme-chooser button {font-size:13px!important;} #app #view .settings-page .settings-switch-row {padding-inline:8px!important;} } } /* audit1849 — Unified live iPhone visual rhythm. Components retain their handlers, saved data, exports and geometrical header artwork. No scale/transform hacks. */ @layer identity { #app #view { --ui-section-gap:9px; --ui-row-gap:8px; --ui-icon-box:40px; --ui-hub-card-height:68px; --ui-hub-card-title-size:clamp(18px,4.55vw,21px); --wolf-polish-card-shadow:inset 0 0 9px rgba(var(--ui-rgb),.11),0 0 8px rgba(var(--ui-rgb),.34),0 2px 12px rgba(var(--ui-rgb),.16); --wolf-polish-icon-shadow:inset 0 0 8px rgba(var(--ui-rgb),.10),0 0 7px rgba(var(--ui-rgb),.35); --wolf-polish-active-shadow:inset 0 0 15px rgba(var(--ui-rgb),.17),0 0 12px rgba(var(--ui-rgb),.45); } /* Deep, warm ivory contrast only in the live app. Export elements are outside #view. */ body.light #app #view { --wolf-polish-card-surface:#E0D2BB; --wolf-polish-control-surface:#E8DCC8; } body:not(.light) #app #view { --wolf-polish-card-surface:var(--ui-surface); --wolf-polish-control-surface:var(--ui-inner); } #app #view > .page-brand { padding:7px 46px 1px!important; gap:5px!important; margin:0 auto 9px!important; } #app #view > .page-brand > img { width:clamp(106px,30vw,124px)!important; height:auto!important; max-height:95px!important; object-fit:contain!important; } #app #view > .page-brand > .channel { font-size:clamp(14px,3.85vw,17px)!important; line-height:1.42!important; padding:5px 13px!important; max-width:min(100%,370px)!important; } #app #view > .back { width:44px!important;height:44px!important; min-width:44px!important;min-height:44px!important; padding:8px!important; border-color:var(--ui-accent)!important; box-shadow:var(--wolf-polish-icon-shadow)!important; } #app #view :is(.mode-page-title,.home-title) { margin-block:4px 10px!important; } #app #view :is(.mode-page-title,.home-title) .title-frame { filter:drop-shadow(0 0 5px rgba(var(--ui-rgb),.6)) drop-shadow(0 0 9px rgba(var(--ui-rgb),.34))!important; } #app #view :is(.mode-page-title,.home-title) .title-copy { font-size:clamp(23px,5.7vw,29px)!important; font-weight:800!important; } /* Hubs and admin: content determines height, not an oversized common box. */ #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) { gap:8px!important;margin-block:7px 10px!important; } #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) > :is(.home-entry,.menu-row,.mode-card,.record-card) { box-sizing:border-box!important; min-height:68px!important;height:auto!important; padding:8px 10px!important; border-radius:16px!important; border-color:rgba(var(--ui-rgb),.82)!important; background:var(--wolf-polish-card-surface)!important; box-shadow:var(--wolf-polish-card-shadow)!important; gap:8px!important; } #app #view :is(.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) :is(.menu-copy,.mode-copy,.record-copy) { min-width:0!important;gap:1px!important; } #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) :is(.menu-copy,.mode-copy,.record-copy) > b { font-size:clamp(18px,4.55vw,21px)!important; line-height:1.31!important; font-weight:800!important; } #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) :is(.menu-copy,.mode-copy,.record-copy) > small { font-size:clamp(12px,3.35vw,14px)!important; line-height:1.35!important; font-weight:600!important; } #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual,.record-visual-icon) { box-sizing:border-box!important; width:44px!important;height:44px!important; min-width:44px!important;min-height:44px!important; border-radius:12px!important; background:var(--wolf-polish-control-surface)!important; border:1.4px solid rgba(var(--ui-rgb),.82)!important; box-shadow:var(--wolf-polish-icon-shadow)!important; opacity:1!important; } #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual,.record-visual-icon) svg { width:24px!important;height:24px!important; stroke:var(--ui-icon)!important; color:var(--ui-icon)!important; stroke-width:2.2!important; opacity:1!important; filter:drop-shadow(0 0 4px rgba(var(--ui-rgb),.48))!important; } #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) :is(.menu-chevron,.mode-arrow,.records-arrow,.records-menu-arrow) svg { width:22px!important;height:22px!important; color:var(--ui-accent)!important; filter:drop-shadow(0 0 4px rgba(var(--ui-rgb),.48))!important; } #app #view .tournament-hub-page .tournament-hub-subtitle { font-size:clamp(20px,5.1vw,24px)!important; font-weight:800!important;margin:4px auto 9px!important; } /* Shared royal panel visual on routed screens; flexible height preserves forms, tournament settings and winner/league details. No export nodes. */ #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.record-detail-page,.account-management-page, .backup-page) :is(.ui-section-card,.hs-panel,.settings-section,.account-card, .standalone-backup-card,.admin-activity-card) { box-sizing:border-box!important;min-width:0!important; max-width:100%!important;height:auto!important; padding:clamp(11px,3vw,14px)!important; margin-block:9px 14px!important; border-radius:18px!important; border:1.6px solid var(--ui-accent)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.075), inset 0 0 11px rgba(var(--ui-rgb),.14),0 0 9px rgba(var(--ui-rgb),.47), 0 0 21px rgba(var(--ui-rgb),.19)!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.record-detail-page,.account-management-page, .backup-page) :is(h2,.hs-section-heading h2) { font-size:clamp(19px,4.9vw,23px)!important; line-height:1.37!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.record-detail-page,.account-management-page,.backup-page) :is(.notice,.hs-step-help,.hs-preview-live,.hs-preview-caption,.settings-row-subtitle) { font-size:clamp(12px,3.35vw,14px)!important; line-height:1.45!important; } #app #view .honor-page.honor-studio-page { gap:8px!important; } #app #view .honor-page.honor-studio-page :is(.hs-intro,.hs-step-help) { margin-block:2px 5px!important; } #app #view .honor-page.honor-studio-page :is(.hs-preview-heading,.hs-section-heading) { margin-block:0 7px!important;padding:0!important; } #app #view .honor-page.honor-studio-page .hs-panel { padding:10px!important;margin-block:4px 7px!important; } #app #view .honor-page.honor-studio-page .hs-fields {gap:8px!important;} #app #view .honor-page.honor-studio-page :is(.hs-input,.hs-button) { min-height:46px!important; font-variant-numeric:tabular-nums!important; } #app #view .honor-page.honor-studio-page .hs-award-disclosure > summary { cursor:pointer!important;min-height:44px!important; display:flex!important;align-items:center!important;justify-content:space-between!important; gap:8px!important; } #app #view .honor-page.honor-studio-page .hs-award-grid {gap:8px!important;} #app #view .settings-page .settings-switch-row {min-height:54px!important;} #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(.standalone-controls-card,.league-tools,.knockout-control-card) {margin-block:6px!important;} #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(.action,.bigbtn) {min-height:44px!important;} #app > .footer, #app #view .footer { max-width:100%!important; margin-top:10px!important; padding-block:5px 9px!important; font-size:clamp(11px,3.3vw,13px)!important; line-height:1.4!important; text-align:center!important; } @media(max-width:375px){ #app #view > .page-brand {padding-inline:43px!important;} #app #view :is(.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu) > :is(.menu-row,.record-card,.mode-card) {padding-inline:8px!important;} } @media(prefers-reduced-motion:reduce){ #app #view :is(.mode-card,.menu-row,.record-card,.hs-panel) {transition:none!important;} } } /* audit1849: one responsive save preview for Quick, KO, league and honors. Styling is exclusively on the dialog, not on the exported PNG. */ .statistics-image-dialog { box-sizing:border-box!important; width:min(calc(100vw - 22px),430px)!important; max-width:430px!important; max-height:min(78dvh,640px)!important; padding:11px 12px 10px!important; border:1.5px solid var(--ui-accent)!important; border-radius:17px!important; background:var(--ui-surface)!important; color:var(--ui-ink)!important; box-shadow:0 0 16px rgba(var(--ui-rgb),.4),inset 0 0 9px rgba(var(--ui-rgb),.1)!important; overflow-y:auto!important;overscroll-behavior:contain!important; text-align:center!important; } .statistics-image-dialog h2 {font-size:clamp(19px,4.8vw,22px)!important;line-height:1.34!important;margin:0 0 5px!important;} .statistics-image-dialog>.notice { margin:0 0 8px!important;padding:0!important; font-size:clamp(12px,3.3vw,14px)!important; line-height:1.45!important;color:var(--ui-muted)!important; } .statistics-image-dialog .statistics-image-previews { width:100%!important;max-height:min(31dvh,265px)!important; overflow:auto!important;margin:0 0 9px!important; padding:3px!important;box-sizing:border-box!important; border:1px solid rgba(var(--ui-rgb),.4)!important;border-radius:12px!important; background:var(--ui-inner)!important; } .statistics-image-dialog .statistics-image-previews img { display:block!important;object-fit:contain!important; width:100%!important;height:auto!important;max-height:none!important; border-radius:7px!important;margin:0 auto 7px!important; } .statistics-image-dialog button.action { box-sizing:border-box!important;width:100%!important; min-height:44px!important;height:auto!important; margin:6px 0 0!important;padding:9px 12px!important; font-size:clamp(15px,3.9vw,17px)!important;line-height:1.32!important; border-radius:12px!important; } .statistics-image-dialog .statistics-image-open-links {display:flex;flex-direction:column;gap:5px;margin-top:6px;} .statistics-image-dialog .statistics-image-open-links a {min-height:44px;display:flex;align-items:center;justify-content:center;} @media(max-height:680px){ .statistics-image-dialog{max-height:88dvh!important;padding-block:9px!important;} .statistics-image-dialog .statistics-image-previews{max-height:26dvh!important;} } /* audit1849: optional interactive zoom in the shared image preview only. */ .statistics-image-dialog.is-zoomed .statistics-image-previews img { width:165%!important;max-width:none!important; object-fit:contain!important; } .statistics-image-dialog .statistics-image-previews { -webkit-overflow-scrolling:touch!important; } /* audit1849: One compact fixture/winner interaction across quick, knockout and league. */ @layer identity { #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search.wolf-compact-winner { display:flex!important;flex-direction:column!important;gap:8px!important; padding:11px 12px!important;margin:8px 0 10px!important; min-width:0!important;max-width:100%!important; border:1.5px solid var(--ui-accent)!important;border-radius:16px!important; background:var(--ui-surface)!important;color:var(--ui-ink)!important; box-shadow:0 0 12px rgba(var(--ui-rgb),.22),inset 0 0 8px rgba(var(--ui-rgb),.07)!important; } #app #view .wolf-compact-winner .wolf-winner-heading{ margin:0!important;padding:0!important;text-align:right!important; font:850 clamp(17px,4.4vw,20px)/1.35 var(--ui-font)!important; color:var(--ui-ink)!important;-webkit-text-fill-color:var(--ui-ink)!important; } #app #view .wolf-compact-winner .wolf-search-label[hidden]{display:none!important;} #app #view .wolf-compact-winner .wolf-batch-label{ gap:4px!important;margin:0!important;padding:0!important; color:var(--ui-ink)!important; } #app #view .wolf-compact-winner .wolf-batch-label>span{ color:var(--ui-muted)!important;font:700 13px/1.4 var(--ui-font)!important; } #app #view .wolf-compact-winner .wolf-batch-input{ min-height:68px!important;max-height:140px!important;resize:vertical!important; background:var(--ui-inner)!important;color:var(--ui-ink)!important; font:750 16px/1.5 var(--ui-font)!important;padding:9px 11px!important; box-sizing:border-box!important;border-radius:12px!important; } #app #view .wolf-compact-winner .wolf-batch-results:not(:empty){ max-height:min(38dvh,325px)!important;gap:7px!important; } #app #view .wolf-compact-winner .wolf-batch-row{padding:8px!important;gap:6px!important;} #app #view .wolf-compact-winner .wolf-batch-match{margin:0!important;font-size:13px!important;line-height:1.4!important;} #app #view .wolf-compact-winner .wolf-batch-confirm{ min-height:44px!important;padding:7px 10px!important;font-size:15px!important; } #app #view .wolf-compact-winner .wolf-match-progress{ order:5;margin:1px 0!important;padding:0!important; color:var(--ui-ink)!important;font:800 13px/1.45 var(--ui-font)!important; text-align:right!important;-webkit-text-fill-color:var(--ui-ink)!important; } #app #view .wolf-compact-winner .wolf-fixture-filters{ order:6;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important;margin:0!important; } #app #view .wolf-compact-winner .wolf-fixture-filters button{ min-height:44px!important;height:auto!important;padding:6px 2px!important; border-radius:10px!important;font:800 clamp(13px,3.6vw,15px)/1.25 var(--ui-font)!important; color:var(--ui-ink)!important;-webkit-text-fill-color:var(--ui-ink)!important; border:1px solid var(--ui-accent)!important;background:var(--ui-inner)!important; } #app #view .wolf-compact-winner .wolf-fixture-filters button.selected{ background:var(--ui-surface)!important;border-width:2px!important; box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.14),0 0 8px rgba(var(--ui-rgb),.24)!important; color:var(--ui-ink)!important;-webkit-text-fill-color:var(--ui-ink)!important; } #app #view .wolf-compact-winner .wolf-match-extra-tools{ order:7;display:flex!important;gap:7px!important;margin:0!important; } #app #view .wolf-compact-winner .wolf-match-extra-tools>.action{ flex:1!important;width:auto!important;min-height:44px!important;margin:0!important; padding:7px 10px!important;font:750 14px/1.3 var(--ui-font)!important; border-radius:10px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .standalone-controls-card .quick-tools-control>.action{ min-height:56px!important;height:auto!important;padding:6px 3px!important; gap:3px!important;font-size:13px!important;line-height:1.25!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .standalone-controls-card .quick-tools-control>.action .control-icon{ width:22px!important;height:22px!important;flex-shrink:0!important; margin:0!important;display:grid!important;place-items:center!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .standalone-controls-card .quick-tools-control>.action .control-icon svg{ width:21px!important;height:21px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .standalone-controls-card .quick-tools-control>.action>span:last-child{ color:var(--ui-ink)!important;-webkit-text-fill-color:var(--ui-ink)!important; font:800 clamp(11px,3.1vw,13px)/1.3 var(--ui-font)!important; } #app #view .quick-normal-page:not(.knockout-page) #quickRoundProgress, #app #view .knockout-page .ko-current-round [data-ko-progress]{display:none!important;} #app #view .quick-normal-page .match-panel>.match-title-row{margin-bottom:6px!important;} #app #view .quick-normal-page .match-title-row small{font-size:13px!important;line-height:1.35!important;} #app #view :is(.quick-normal-page,.knockout-page) .match-panel .match{ margin-block:5px!important;min-height:0!important; } #app #view :is(.quick-normal-page,.knockout-page) .match-panel .match :is(.quick-player,.ko-player){ min-height:44px!important;padding-block:7px!important; } #app #view :is(.quick-normal-page,.knockout-page) .match.quick-bye-match, #app #view :is(.quick-normal-page,.knockout-page) .match.ko-bye-match{ display:flex!important;justify-content:center!important;align-items:center!important; padding:8px!important;margin-top:12px!important;min-height:72px!important; background:transparent!important;border:0!important;box-shadow:none!important; } #app #view .quick-bye-match .quick-bye-card, #app #view .ko-bye-match .ko-bye-display{ width:min(100%,420px)!important;min-height:62px!important; padding:10px 12px!important;border:1.5px solid var(--ui-gold)!important; border-radius:12px!important;background:color-mix(in srgb,var(--ui-gold) 18%,var(--ui-surface))!important; color:var(--ui-ink)!important;box-shadow:0 0 12px rgba(var(--ui-rgb),.17)!important; display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important; } #app #view .quick-bye-match .quick-player-name, #app #view .ko-bye-match .ko-bye-display strong{ font:900 17px/1.35 var(--ui-font)!important;color:var(--ui-ink)!important; } #app #view .quick-bye-match small,#app #view .ko-bye-match small{ color:var(--ui-ink)!important;font:750 13px/1.4 var(--ui-font)!important; } } /* audit1843 — unified all-pages live polish. Scope: all live iPhone routes only. Exports, bracket geometry, saved data, dialogs and handlers remain unchanged. Goal: stronger neon, tighter density, and one shared visual rhythm across every page. */ @layer identity { #app #view { --wolf1843-panel-shadow:inset 0 0 10px rgba(var(--ui-rgb),.12),0 0 12px rgba(var(--ui-rgb),.32),0 4px 14px rgba(0,0,0,.16); --wolf1843-control-shadow:inset 0 0 9px rgba(var(--ui-rgb),.10),0 0 11px rgba(var(--ui-rgb),.34); --wolf1843-strong-shadow:0 0 14px rgba(var(--ui-rgb),.42),0 0 26px rgba(var(--ui-rgb),.16); --wolf1843-card-radius:15px; --wolf1843-compact-padding:9px; } body.light #app #view { --wolf1843-ivory-panel:#E1D2BA; --wolf1843-ivory-chip:#D5C09E; } #app #view > .page-brand { padding:6px 44px 1px!important; margin:0 auto 8px!important; gap:4px!important; } #app #view > .page-brand > img { width:clamp(102px,28vw,118px)!important; max-height:90px!important; } #app #view > .page-brand > .channel { min-height:0!important; margin-bottom:4px!important; padding:4px 12px!important; font-size:clamp(14px,3.7vw,16px)!important; line-height:1.34!important; box-shadow:var(--wolf1843-control-shadow)!important; } body.light #app #view > .page-brand > .channel { background:var(--wolf1843-ivory-panel)!important; } #app #view > .back { box-shadow:var(--wolf1843-control-shadow)!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.records-menu-page,.record-detail-page, .account-management-page,.backup-page,.tournament-hub-page) :is(.ui-section-card,.card,.hs-panel,.settings-section,.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,.honor-actions-card,.award-picker-card) { border-radius:var(--wolf1843-card-radius)!important; box-shadow:var(--wolf1843-panel-shadow)!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.records-menu-page,.record-detail-page, .account-management-page,.backup-page,.tournament-hub-page) :is(h2,.hs-section-heading h2,.wolf-winner-heading) { font-size:clamp(18px,4.7vw,22px)!important; line-height:1.34!important; font-weight:800!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.records-menu-page,.record-detail-page, .account-management-page,.backup-page,.tournament-hub-page) :is(.notice,.hs-step-help,.hs-preview-caption,.settings-row-subtitle,.wolf-match-progress,p,small) { line-height:1.45!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.records-menu-page,.record-detail-page, .account-management-page,.backup-page,.tournament-hub-page) :is(.action,.bigbtn,.hs-button,.settings-action,.wolf-backup-button) { box-shadow:0 0 10px rgba(var(--ui-rgb),.18)!important; } #app #view .settings-page .theme-chooser button, #app #view .wolf-compact-winner .wolf-fixture-filters button, #app #view .settings-page .settings-switch-row, #app #view :is(.quick-normal-page,.knockout-page,.league-page) .standalone-controls-card .action { border-radius:12px!important; } #app > .footer, #app #view .footer { margin-top:8px!important; padding-block:5px 8px!important; font-size:clamp(11px,3.2vw,13px)!important; line-height:1.34!important; } @media (max-width:480px) { #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page, .settings-page,.management-hub-page,.records-menu-page,.record-detail-page, .account-management-page,.backup-page,.tournament-hub-page) :is(.ui-section-card,.card,.hs-panel,.settings-section,.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,.honor-actions-card,.award-picker-card) { padding:8px 9px!important; margin-block:5px 7px!important; } #app #view .settings-page > .card.ui-section-card:is(.settings-appearance-card,.settings-feedback-card,.settings-about-card) { padding:8px 9px!important; margin:0 0 7px!important; } #app #view .honor-page .award-option { min-height:118px!important; } #app #view .honor-page .award-option img { max-height:84px!important; } #app #view .statistics-image-dialog { width:min(calc(100vw - 20px),420px)!important; padding:11px!important; } } /* audit1849: the older page-title rule reserved 76px plus tall margins on every route. Keep the approved SVG title and its touch-safe icon, not the empty space. Roster/round content still determines its own real height. */ #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) { height:70px!important; min-height:70px!important; margin:5px auto 9px!important; } #app #view > .home-showcase.home-simple { padding-top:8px!important; gap:9px!important; margin-bottom:10px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page, .honor-page,.settings-page,.management-hub-page,.records-menu-page, .record-detail-page,.account-management-page,.backup-page,.tournament-hub-page) > .mode-page-title { margin-block:4px 9px!important; } #app #view .smart-entry-card .row > .input { height:62px!important; min-height:62px!important; padding:8px 11px!important; } #app #view .smart-entry-card .row { grid-template-columns:minmax(0,1fr) 80px!important; } #app #view .smart-entry-card .add-player-btn { width:80px!important; max-width:80px!important; min-height:44px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) :is(.smart-entry-card,.game-select-card,.tournament-setup,.competition-meta-card, .league-system-card,.participants,.league-live-roster,.league-standings-card, .standalone-controls-card,.knockout-control-card,.league-control-card) { margin-block:5px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search.wolf-compact-winner { margin-block:6px 8px!important; gap:6px!important; } #app #view :is(.quick-normal-page,.knockout-page,.league-page) .wolf-match-search.wolf-compact-winner .wolf-batch-input { min-height:62px!important; max-height:138px!important; } #app #view .settings-page .settings-switch-row {margin-block:4px!important;} #app #view .settings-page .settings-about-card .about-developer p { margin-bottom:5px!important; } #app #view :is(.record-detail-page,.account-management-page,.backup-page) :is(.record-filters,.admin-activity-card,.admin-user-row,.account-card,.standalone-backup-card) { margin-block:6px!important; } #app #view :is(.honor-studio-page,.quick-normal-page,.knockout-page,.league-page, .settings-page,.management-hub-page,.records-menu-page,.record-detail-page, .account-management-page,.backup-page) :is(.action,.hs-button,.bigbtn) { min-height:44px!important; } @media(max-width:359px) { #app #view .smart-entry-card .row { grid-template-columns:minmax(0,1fr) 72px!important; } #app #view .smart-entry-card .add-player-btn { width:72px!important;max-width:72px!important; } } } /* audit1849 — inline save/share icon baseline in every theme's iPhone preview. Dialog chrome only; never affects export PNG content. */ .statistics-image-dialog button[data-share] { display:flex!important;align-items:center!important;justify-content:center!important; flex-direction:row!important;gap:9px!important; } .statistics-image-dialog button[data-share] > :is(.control-icon,.wz-control-icon) { display:inline-flex!important;align-items:center!important;justify-content:center!important; position:static!important;inset:auto!important;top:auto!important; transform:none!important;vertical-align:middle!important; flex:0 0 23px!important;width:23px!important;height:23px!important; margin:0!important;padding:0!important;line-height:1!important; } .statistics-image-dialog button[data-share] > :is(.control-icon,.wz-control-icon) svg { display:block!important;position:static!important; width:22px!important;height:22px!important; transform:none!important;vertical-align:middle!important; } .statistics-image-dialog button[data-share] > span:last-child { display:inline-flex!important;align-items:center!important;line-height:1.3!important; } /* recovery1876 — approved royal geometric title identity */ @layer identity { body:not(.light):not(.burgundy){ --wolf-title-panel:#102a52; --wolf-title-panel-top:#527ec0; --wolf-title-panel-mid:#18386b; --wolf-title-panel-bottom:#081b3e; --wolf-title-core-line:rgba(112,172,255,.95); --wolf-title-text:#f5f8ff; --wolf-title-gold:var(--ui-gold); --wolf-title-gold-hi:#f6e7b7; --wolf-title-gold-deep:#9f7425; --wolf-title-icon-shell:rgba(17,41,83,.72); } body.burgundy{ --wolf-title-panel:#451428; --wolf-title-panel-top:#86503F; --wolf-title-panel-mid:#592132; --wolf-title-panel-bottom:#2a0b18; --wolf-title-core-line:rgba(207,152,108,.91); --wolf-title-text:#fff5eb; --wolf-title-gold:var(--ui-gold); --wolf-title-gold-hi:#f4ddb1; --wolf-title-gold-deep:#996929; --wolf-title-icon-shell:rgba(72,23,43,.68); } body.light{ --wolf-title-panel:#efe5d1; --wolf-title-panel-top:#fff7e9; --wolf-title-panel-mid:#f2e7d2; --wolf-title-panel-bottom:#dfceb0; --wolf-title-core-line:rgba(214,180,95,.95); --wolf-title-text:#493619; --wolf-title-gold:var(--ui-gold); --wolf-title-gold-hi:#f7e7bc; --wolf-title-gold-deep:#a97a30; --wolf-title-icon-shell:rgba(246,238,221,.82); } #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page){ position:relative!important; height:64px!important; min-height:64px!important; margin:6px auto 10px!important; display:grid!important; place-items:center!important; } #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .title-frame{ width:100%!important; height:64px!important; display:block!important; filter:drop-shadow(0 0 6px rgba(var(--ui-rgb),.28)) drop-shadow(0 0 16px rgba(var(--ui-rgb),.18)) drop-shadow(0 0 24px color-mix(in srgb,var(--ui-gold) 16%, transparent))!important; } #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .title-copy{ position:absolute!important; inset:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:11px!important; padding-inline:34px!important; color:var(--wolf-title-text)!important; text-shadow:0 1px 0 rgba(0,0,0,.18),0 0 8px rgba(var(--ui-rgb),.16)!important; font-size:clamp(21px,5.4vw,30px)!important; font-weight:800!important; letter-spacing:0!important; z-index:1!important; } #app #view .mode-page-title.long-page-title:not(.royal-tier-page) .title-copy{ font-size:clamp(18px,4.6vw,25px)!important; gap:9px!important; padding-inline:28px!important; } #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .mode-title-icon{ box-sizing:border-box!important; flex:0 0 34px!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; border-radius:11px!important; border:1.5px solid rgba(244,225,175,.62)!important; background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.03)), var(--wolf-title-icon-shell)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 0 10px rgba(var(--ui-rgb),.18)!important; color:var(--ui-accent)!important; padding:5px!important; overflow:hidden!important; } #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .mode-title-icon :is(svg,.records-admin-tool-icon){ width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important; color:inherit!important;stroke:currentColor!important;filter:none!important; } #app #view .home-showcase .home-title.home-title-svg:not(.royal-tier-hero) .title-copy{ padding-inline:40px!important; } #app #view .home-showcase .home-title.home-title-svg .goldword{color:var(--ui-gold)!important;} #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .royal-title-frame .royal-title-panel{ filter:drop-shadow(0 0 10px rgba(var(--ui-rgb),.15)); } #app #view > .home-showcase.home-simple, #app #view :is(.quick-normal-page,.knockout-page,.league-page,.honor-page,.settings-page,.management-hub-page,.records-menu-page,.record-detail-page,.account-management-page,.backup-page,.tournament-hub-page) > .mode-page-title{ margin-block:6px 10px!important; } @media (max-width: 430px){ #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page){height:60px!important;min-height:60px!important;} #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .title-frame{height:60px!important;} #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .title-copy{padding-inline:24px!important;font-size:clamp(20px,5.2vw,27px)!important;gap:10px!important;} #app #view .mode-page-title.long-page-title:not(.royal-tier-page) .title-copy{font-size:clamp(17px,4.2vw,22px)!important;padding-inline:22px!important;} #app #view :is(.mode-page-title,.home-showcase .home-title.home-title-svg):not(.royal-tier-hero):not(.royal-tier-page) .mode-title-icon{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;} } } /* recovery1877: a single graduated royal title identity, three theme palettes. Hero/route intensity are expressed through tokens; results/capture DOM stays unchanged. */ @layer identity { #app #view .royal-tier-hero { --royal-title-tier-h:73px; --royal-title-tier-h-mobile:69px; --royal-title-tier-frame-glow:.34; --royal-title-tier-sheen:.94; --royal-title-tier-border:8; } #app #view .royal-tier-page { --royal-title-tier-h:60px; --royal-title-tier-h-mobile:58px; --royal-title-tier-frame-glow:.19; --royal-title-tier-sheen:.57; --royal-title-tier-border:5.8; } #app #view :is(.royal-tier-hero,.royal-tier-page){ height:var(--royal-title-tier-h)!important; min-height:var(--royal-title-tier-h)!important; max-height:var(--royal-title-tier-h)!important; margin-block:5px 9px!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-title-frame{ height:var(--royal-title-tier-h)!important; max-height:var(--royal-title-tier-h)!important; filter:drop-shadow(0 0 7px rgba(var(--ui-rgb),var(--royal-title-tier-frame-glow))) drop-shadow(0 0 14px rgba(var(--ui-rgb),.12))!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-title-border{ stroke-width:var(--royal-title-tier-border)!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-title-sheen{ opacity:var(--royal-title-tier-sheen)!important; } #app #view .royal-tier-page .title-copy { font-size:clamp(20px,5.1vw,27px)!important; text-shadow:0 1px 0 rgba(0,0,0,.1),0 0 5px rgba(var(--ui-rgb),.1)!important; gap:9px!important; } #app #view .royal-tier-page.long-page-title .title-copy { font-size:clamp(17px,4.35vw,23px)!important; } #app #view .royal-tier-hero .title-copy { font-size:clamp(24px,6vw,33px)!important; font-weight:800!important; text-shadow:0 1px 1px rgba(0,0,0,.22),0 0 11px rgba(var(--ui-rgb),.21)!important; } #app #view .royal-tier-page .mode-title-icon{ border-color:color-mix(in srgb,var(--ui-gold) 45%,transparent)!important; box-shadow:inset 0 0 4px rgba(var(--ui-rgb),.1),0 0 6px rgba(var(--ui-rgb),.13)!important; } #app #view :is(.royal-tier-hero,.royal-tier-page).royal-title-arriving .title-copy{ animation:wolfRoyalTitleArrival .42s cubic-bezier(.2,.72,.25,1) both; } @keyframes wolfRoyalTitleArrival{ from{opacity:.72;transform:translateY(3px)} to{opacity:1;transform:translateY(0)} } @media(max-width:430px){ #app #view :is(.royal-tier-hero,.royal-tier-page){height:var(--royal-title-tier-h-mobile)!important;min-height:var(--royal-title-tier-h-mobile)!important;max-height:var(--royal-title-tier-h-mobile)!important;} #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-title-frame{height:var(--royal-title-tier-h-mobile)!important;max-height:var(--royal-title-tier-h-mobile)!important;} #app #view .royal-tier-page .title-copy{font-size:clamp(19px,4.95vw,25px)!important;} #app #view .royal-tier-page.long-page-title .title-copy{font-size:clamp(16px,4.15vw,21px)!important;} #app #view .royal-tier-hero .title-copy{font-size:clamp(23px,5.8vw,30px)!important;} } @media(prefers-reduced-motion:reduce){ #app #view :is(.royal-tier-hero,.royal-tier-page).royal-title-arriving .title-copy{animation:none!important;} } } /* recovery1878: platform-neutral install guidance and reliable file links. Does not alter approved royal frames, icon shape, or competition cards. */ @layer identity { #app #view .wolf-install-help{ margin-block:12px 10px;padding:11px 12px; border:1px solid rgba(var(--ui-rgb),.40); border-radius:13px;background:var(--ui-inner); color:var(--ui-ink);box-shadow:inset 0 0 8px rgba(var(--ui-rgb),.06); } #app #view .wolf-install-help summary{ cursor:pointer;min-height:30px;font-weight:750; color:var(--ui-ink);touch-action:manipulation; } #app #view .wolf-install-help .notice{margin:9px 0;line-height:1.7;color:var(--ui-muted)} #app #view .wolf-install-help button[hidden]{display:none!important} .statistics-image-download-links{ display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr)); gap:9px;max-height:min(34dvh,300px);overflow-y:auto; margin-block:10px;padding:4px 0; } .statistics-image-download-links .action{ display:flex;justify-content:center;align-items:center; min-height:44px;box-sizing:border-box;text-align:center;text-decoration:none; } @media (max-width:359px){ #app #view .wolf-install-help{padding-inline:10px} .statistics-image-download-links{grid-template-columns:1fr} } } /* Rebuilt source batch 2026-10-31: approved 1898–1902 visual contract. One live-theme geometry, protected 44px touch targets, no export canvas changes. */ @layer identity { #app #view { --ui-icon-box:40px; --ui-hub-radius:16px; --ui-control-radius:13px; --ui-tap-area:44px; --ui-hub-svg-size:24px; --ui-row-gap:9px; --ui-section-gap:9px; --wolf-icon-corner:12px; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card, .team-hub-menu > .menu-row,.wolf-control-menu > .menu-row) { border-radius:16px!important; gap:9px!important; min-height:68px!important; box-sizing:border-box!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card) > :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual) { box-sizing:border-box!important; inline-size:40px!important;block-size:40px!important; min-inline-size:40px!important;min-block-size:40px!important; border-radius:12px!important; padding:7px!important; background:var(--ui-inner)!important; border:1px solid var(--ui-accent)!important; color:var(--ui-accent)!important; box-shadow:inset 0 0 6px rgba(var(--ui-rgb),.11),0 0 7px rgba(var(--ui-rgb),.21)!important; } #app #view :is(.home-icon,.records-admin-tool-icon,.mode-icon,.mode-card-icon,.record-visual) > svg { inline-size:24px!important;block-size:24px!important; max-inline-size:24px!important;max-block-size:24px!important; color:inherit!important; } #app #view :is(.home-main-menu,.team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu){ gap:9px!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row) { background-color:var(--ui-surface)!important; border-color:var(--ui-accent)!important; } #app #view .wolf-date-calendar, .win-edit-dialog .wolf-date-calendar{ display:block!important;inline-size:20px!important;block-size:20px!important; flex:0 0 20px!important;stroke:currentColor!important;stroke-width:2.2!important; fill:none!important;color:var(--ui-accent)!important; filter:drop-shadow(0 0 3px rgba(var(--ui-rgb),.25)); } .win-edit-dialog .wolf-record-date-control{ display:flex!important;align-items:center!important;gap:9px!important; min-height:44px!important;max-width:100%!important; } .win-edit-dialog .wolf-record-date-control input[type=date]{ flex:1 1 auto!important;min-width:0!important; } #app #view .league-calendar-symbol{ display:grid!important;place-items:center!important; inline-size:36px!important;block-size:36px!important;flex:0 0 36px!important; border-radius:12px!important;color:var(--ui-accent)!important; } #app #view .hs-date-control .hs-icon:has(.wolf-date-calendar){ display:inline-grid!important;place-items:center!important; flex:0 0 24px!important;inline-size:24px!important;block-size:24px!important; } #app #view :is(.action,.bigbtn,.iconbtn,.settings-toggle){ border-radius:var(--ui-control-radius)!important; } #app #view :is(.home-entry,.mode-card,.record-card,.records-menu-row,.action,.bigbtn):active{ box-shadow:var(--wolf-neon-tier-strong)!important; } body.burgundy #app #view .wolf-date-calendar {color:var(--ui-accent)!important;} body.light #app #view .wolf-date-calendar {color:#8f6223!important;} } /* recovery1906 — one page-header and vertical-rhythm owner. Scope deliberately matches ONLY shell() and home() route classes. All export canvases, champion art, setup fields, overlays and game logic remain intact. Title gold/blue/burgundy/ivory tier geometry stays owned by the royal frame. */ @layer identity { #app #view.wolf-layout-page, #app #view.wolf-layout-home { --wolf-head-logo-width:clamp(108px,30.5vw,124px); --wolf-head-brand-font:clamp(14px,3.65vw,16px); --wolf-head-brand-weight:700; --wolf-head-logo-caption-gap:14px; --wolf-head-caption-title-gap:18px; --wolf-head-title-content-gap:18px; --wolf-head-card-gap:14px; --wolf-head-neon-rgb:55,143,253; --wolf-head-action-size:44px; } body.burgundy #app #view.wolf-layout-page, body.burgundy #app #view.wolf-layout-home {--wolf-head-neon-rgb:178,91,63;} body.light #app #view.wolf-layout-page, body.light #app #view.wolf-layout-home {--wolf-head-neon-rgb:179,126,35;} /* The two header containers share the same first two children, with the hero frame reserved as the third child only on the home route. */ #app #view.wolf-layout-page > .page-brand, #app #view.wolf-layout-home > .home-showcase.home-simple { box-sizing:border-box!important; width:100%!important;max-width:100%!important; display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:flex-start!important; padding:8px 0 0!important; gap:0!important; background:transparent!important;border:0!important;box-shadow:none!important; min-width:0!important;min-height:0!important; } #app #view.wolf-layout-page > .page-brand { margin:0 auto var(--wolf-head-caption-title-gap)!important; } #app #view.wolf-layout-home > .home-showcase.home-simple { margin:0 auto var(--wolf-head-title-content-gap)!important; } #app #view.wolf-layout-page > .page-brand > .wolf-brand-logo, #app #view.wolf-layout-home > .home-showcase.home-simple > .wolf-brand-logo.home-mark { display:block!important;position:static!important;transform:none!important; order:0!important; width:var(--wolf-head-logo-width)!important; height:auto!important; max-width:var(--wolf-head-logo-width)!important; max-height:none!important; aspect-ratio:24 / 17!important; object-fit:contain!important; margin:0 auto var(--wolf-head-logo-caption-gap)!important; padding:0!important;filter:none!important; border:0!important;box-shadow:none!important; } #app #view.wolf-layout-page > .page-brand > .wolf-brand-channel, #app #view.wolf-layout-home > .home-showcase.home-simple > .wolf-brand-channel.home-channel { display:flex!important;position:static!important;order:1!important; align-items:center!important;justify-content:center!important; box-sizing:border-box!important; width:max-content!important;max-width:calc(100% - 20px)!important; min-height:38px!important;height:auto!important; margin:0 auto!important;padding:5px 14px!important; font-family:var(--ui-font)!important; font-size:var(--wolf-head-brand-font)!important; line-height:1.45!important;font-weight:var(--wolf-head-brand-weight,800)!important; white-space:normal!important;text-align:center!important; letter-spacing:0!important; border-radius:999px!important; background:var(--ui-inner)!important;color:var(--ui-ink)!important; border:1.4px solid var(--ui-accent)!important; box-shadow:inset 0 0 12px rgba(var(--wolf-head-neon-rgb),.20), 0 0 8px rgba(var(--wolf-head-neon-rgb),.67), 0 0 19px rgba(var(--wolf-head-neon-rgb),.41), 0 0 30px rgba(var(--wolf-head-neon-rgb),.17)!important; } /* Keep the channel's WOLF word gold. Other text remains theme readable. */ body #app #view.wolf-layout-page > .page-brand > .wolf-brand-channel b, body #app #view.wolf-layout-home > .home-showcase.home-simple > .wolf-brand-channel b { color:var(--ui-gold)!important;-webkit-text-fill-color:var(--ui-gold)!important; margin-inline:4px!important; } /* Consistent gap from the channel to the approved subpage royal frame. */ #app #view.wolf-layout-page > :is(section,div) > .mode-page-title.royal-tier-page { box-sizing:border-box!important; margin:0 auto var(--wolf-head-title-content-gap)!important; } /* Home title is inside its brand stack; keep its stronger royal tier. */ #app #view.wolf-layout-home > .home-showcase.home-simple > .royal-tier-hero { order:2!important; align-self:center!important; margin:var(--wolf-head-caption-title-gap) auto 0!important; width:min(100%,var(--royal-plaque-width))!important; } #app #view.wolf-layout-home > .home-showcase.home-simple + .home-main-menu { margin-top:0!important; margin-bottom:var(--wolf-head-card-gap)!important; gap:var(--wolf-head-card-gap)!important; } /* Common rhythm between first-level panels; nested match/bracket/export geometry is intentionally not involved. */ #app #view.wolf-layout-page > :is(section,div) > .card:not(:last-child), #app #view.wolf-layout-page > :is(section,div) > .ui-section-card:not(:last-child) { margin-bottom:var(--wolf-head-card-gap)!important; } #app #view.wolf-layout-page > :is(section,div) > .card + .card { margin-top:0!important; } /* All navigation rows use the same rectangle-to-rectangle air, regardless of whether the route is the tournament, records or administration hub. */ #app #view.wolf-layout-page > :is(section,div) :is( .team-hub-menu,.records-vertical,.tournament-modes,.wolf-control-menu ) { row-gap:var(--wolf-head-card-gap)!important; } /* Shared 44px positioning only. The neon-square appearance is owned by recovery1909 below; all pages keep stable RTL navigation placement. */ #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; display:grid!important;place-items:center!important; width:var(--wolf-head-action-size)!important; height:var(--wolf-head-action-size)!important; min-width:var(--wolf-head-action-size)!important; min-height:var(--wolf-head-action-size)!important; padding:8px!important;margin:0!important; transform:none!important;z-index:32!important; } #app #view.wolf-layout-page > :is(button.back,button.back.back-system) svg { display:block!important;width:22px!important;height:22px!important; min-width:22px!important;min-height:22px!important; max-width:22px!important;max-height:22px!important; } @media(max-width:360px){ #app #view.wolf-layout-page, #app #view.wolf-layout-home{--wolf-head-logo-width:112px;--wolf-head-card-gap:14px;} #app #view.wolf-layout-page > :is(button.back,button.back.back-system){right:2px!important;} } } /* recovery1908 — reference-faithful metallic plaque. This single rule owner supersedes the flat-outline reconstruction without changing game or export UI. Gold hardware stays consistent; glass, reflections and embossed lettering follow the theme. */ @layer identity { #app #view :is(.royal-tier-hero,.royal-tier-page) { --royal-title-tier-h:110px; --royal-title-tier-h-mobile:106px; } /* recovery1921: enlarge the entire 760×188 plaque proportionally. The old 1920 height-only scaling made the SVG letterbox inside a narrow frame. Use a measured inline width and derive height from aspect-ratio. */ #app #view .royal-tier-hero { --royal-plaque-width:clamp(300px,94vw,510px); } #app #view .royal-tier-page { --royal-plaque-width:clamp(275px,85vw,460px); } #app #view :is(.royal-tier-hero,.royal-tier-page) { box-sizing:border-box!important; display:grid!important; place-items:center!important; position:relative!important; aspect-ratio:760 / 188!important; height:auto!important; min-height:0!important; max-height:none!important; width:min(100%,var(--royal-plaque-width))!important; max-width:100%!important; margin:0 auto var(--wolf-head-title-content-gap,18px)!important; padding:0!important; isolation:isolate!important; background:transparent!important; box-shadow:none!important; border:0!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-frame { box-sizing:border-box!important; position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; overflow:visible!important; filter:drop-shadow(0 2px 2px rgba(10,8,13,.28)) drop-shadow(0 0 6px rgba(var(--wolf-plaque-neon-rgb),.50)) drop-shadow(0 0 13px rgba(var(--wolf-plaque-neon-rgb),.33)) drop-shadow(0 0 23px rgba(var(--wolf-plaque-neon-rgb),.17))!important; } /* recovery1936: real outline-following neon, not a vague glow over the text. Static vector strokes sit BEHIND the gold chassis; theme color is scoped to the title only. The text and title icons remain unaffected and crisp. */ #app #view :is(.royal-tier-hero,.royal-tier-page){ --wolf-plaque-neon-rgb:56,151,255; } body.burgundy #app #view :is(.royal-tier-hero,.royal-tier-page){ --wolf-plaque-neon-rgb:195,89,75; } body.light #app #view :is(.royal-tier-hero,.royal-tier-page){ --wolf-plaque-neon-rgb:192,137,44; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-plaque-neon-aura{ pointer-events:none!important; opacity:1!important; filter:none!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-plaque-neon-aura .royal-aura-wide{ stroke:rgba(var(--wolf-plaque-neon-rgb),.15)!important; stroke-width:24!important; opacity:1!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-plaque-neon-aura .royal-aura-mid{ stroke:rgba(var(--wolf-plaque-neon-rgb),.31)!important; stroke-width:12!important; opacity:1!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-plaque-neon-aura .royal-aura-core{ stroke:rgba(var(--wolf-plaque-neon-rgb),.72)!important; stroke-width:3.5!important; opacity:1!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-frame > :is(.royal-gold-chassis,.royal-gold-upper-ridge,.royal-black-joint,.royal-glass-panel,.royal-glass-highlight){ /* Stop legacy first-path theme recoloring from whitening the blue glass. */ opacity:1!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-glass-panel{ fill:url(#royalGlassNavy)!important; stroke:url(#royalBlueRim)!important; } /* The panel, rim, sheen and glints use theme-matched material; no navy on ivory. */ body.burgundy #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-glass-panel{ fill:url(#royalGlassBurgundy)!important;stroke:url(#royalRimBurgundy)!important; } body.light #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-glass-panel{ fill:url(#royalGlassIvory)!important;stroke:url(#royalRimIvory)!important; } body.burgundy #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-glass-highlight{ fill:url(#royalGlassSheenBurgundy)!important; } body.light #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-glass-highlight{ fill:url(#royalGlassSheenIvory)!important; } body.burgundy #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-top-glint{stroke:#F2CBBA!important;} body.light #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-top-glint{stroke:#FFF8DF!important;} body.burgundy #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-bottom-glint{stroke:#C47A68!important;} body.light #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-bottom-glint{stroke:#B98944!important;} #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-gold-chassis{ fill:url(#royalMetalGold)!important; stroke:#E1E9F1!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-glass-highlight{ opacity:.82!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering{ display:flex!important; position:absolute!important; inset:0!important; box-sizing:border-box!important; z-index:2!important; direction:rtl!important; width:100%!important; max-width:100%!important; height:100%!important; min-width:0!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; gap:7px!important; padding-inline:17%!important; margin:0!important; line-height:1.19!important; font-family:WolfTajawal,Tajawal,sans-serif!important; font-weight:900!important; font-size:clamp(26px,7.7vw,36px)!important; letter-spacing:0!important; white-space:nowrap!important; color:#f7f7fc!important; text-shadow:none!important; background:none!important; transform:none!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering > .mode-title-icon { display:none!important; } /* recovery1941: SATIN pearl-metal instead of the older high-contrast chrome stripes. The old almost-white highlights, dark blue mid-stops, 3-layer embossed text shadows and thick strokes made every theme appear like the same chrome lettering. The face itself now owns each theme's distinctive color. Preserve the geometric frame and its neon. */ #app #view :is(.royal-tier-hero,.royal-tier-page){ /* Navy: pearl silver front with a noticeable but soft royal-blue reflection. */ --wolf-royal-silver-face:linear-gradient(180deg,#FFFFFF 0%,#F6FBFF 24%,#CFDEF0 47%,#F5FAFF 67%,#DFEBF7 86%,#FCFEFF 100%); --wolf-royal-accent-face:linear-gradient(180deg,#F6FCFF 0%,#DBEDFD 28%,#AECFEA 49%,#EEF8FF 68%,#BBD8F0 88%,#EAF6FF 100%); --wolf-royal-letter-rim:#7A95AF; --wolf-royal-letter-depth:#91ACC4; --wolf-royal-letter-shadow:rgba(9,27,48,.37); } body.burgundy #app #view :is(.royal-tier-hero,.royal-tier-page){ /* Burgundy: warm neutral champagne metal; do not introduce pink or cold blue chrome. */ --wolf-royal-silver-face:linear-gradient(180deg,#FFF9E9 0%,#F1DEC7 24%,#C9AA8E 47%,#FFF4E1 68%,#D5B69A 87%,#FFF1D9 100%); --wolf-royal-accent-face:linear-gradient(180deg,#FFF9E8 0%,#EBD3B6 26%,#B99778 49%,#FBE9D2 69%,#CBA587 89%,#F9E7CF 100%); --wolf-royal-letter-rim:#795943; --wolf-royal-letter-depth:#AE8664; --wolf-royal-letter-shadow:rgba(30,13,19,.48); } body.light #app #view :is(.royal-tier-hero,.royal-tier-page){ /* Ivory: stronger bronze contour and richer golden midtone against pale ivory glass. */ --wolf-royal-silver-face:linear-gradient(180deg,#FFF3C6 0%,#E5C079 22%,#946021 45%,#F9DA92 66%,#AC742C 86%,#F3D18D 100%); --wolf-royal-accent-face:linear-gradient(180deg,#FFE9A7 0%,#DCAF62 24%,#83521D 47%,#F4CF7F 69%,#A56E2A 88%,#E9C47B 100%); --wolf-royal-letter-rim:#674016; --wolf-royal-letter-depth:#885821; --wolf-royal-letter-shadow:rgba(62,36,12,.57); } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering :is(.royal-metal-silver,.royal-metal-blue){ display:inline-block!important; flex:0 1 auto!important; min-width:0!important; width:auto!important; max-width:100%!important; font:inherit!important; font-weight:900!important; line-height:1.35!important; white-space:nowrap!important; background-position:center!important; background-repeat:no-repeat!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; -webkit-text-stroke:.36px var(--wolf-royal-letter-rim)!important; color:var(--wolf-royal-letter-depth)!important; text-shadow:0 1px 0 var(--wolf-royal-letter-depth),0 2px 3px var(--wolf-royal-letter-shadow)!important; filter:none!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering .royal-metal-silver{ background-image:var(--wolf-royal-silver-face)!important; } #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering .royal-metal-blue{ background-image:var(--wolf-royal-accent-face)!important; } /* The already-approved proportional sizing remains 20% home, 15% subpage. */ #app #view .royal-tier-hero .royal-reference-lettering{font-size:clamp(25px,7.83vw,35px)!important;} #app #view .royal-tier-page .royal-reference-lettering{font-size:clamp(23px,7.13vw,32px)!important;} @media(max-width:360px){ #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering{ font-size:clamp(21px,6.16vw,25px)!important; padding-inline:12%!important; } } /* Same home layout for the three themes; only the motif and accent colors change, not logo/title/card geometry. */ body:is(.wolf-home-identity,.wolf-subpage-identity){--wz-background-art:url("../assets/background-home-neon-dark.svg")!important;} body.burgundy:is(.wolf-home-identity,.wolf-subpage-identity){--wz-background-art:url("../assets/background-home-neon-burgundy.svg")!important;} body.light:is(.wolf-home-identity,.wolf-subpage-identity){--wz-background-art:url("../assets/background-home-neon-light.svg")!important;} /* Burgundy icon luminance is owned by the shared navigation rule. */ #app #view .royal-tier-page.long-page-title .royal-reference-lettering { font-size:clamp(17px,5.02vw,23px)!important; padding-inline:15%!important; } @media (max-width:430px){ #app #view :is(.royal-tier-hero,.royal-tier-page){ height:auto!important;min-height:0!important;max-height:none!important; aspect-ratio:760 / 188!important; } #app #view .royal-tier-hero .royal-reference-lettering{font-size:clamp(24px,7.83vw,35px)!important;} #app #view .royal-tier-page .royal-reference-lettering{font-size:clamp(22px,7.13vw,32px)!important;} #app #view .royal-tier-page.long-page-title .royal-reference-lettering{font-size:clamp(17px,5.02vw,22px)!important;} } @media (prefers-reduced-motion:reduce){ #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-lettering{animation:none!important;} } } /* recovery1909 — one canonical owner for the restored neon-square back button and the specifically drawn sound/vibration controls. Visual only: all original click handlers, navigation and user preferences remain unchanged. */ @layer identity { /* One dark plate across subpages, with neon colored per theme. Ivory uses warm espresso rather than a washed-out cream tile. */ body:not(.light):not(.burgundy){ --wolf-back-plate:#061428; --wolf-back-edge:#48A1FF; --wolf-back-glyph:#8CD0FF; --wolf-back-rgb:58,153,255; --wolf-feedback-glyph:#95CBFF; } body.burgundy{ --wolf-back-plate:#260C1A; --wolf-back-edge:#B87351; --wolf-back-glyph:#F1C69C; --wolf-back-rgb:164,79,52; --wolf-feedback-glyph:#E7B78E; } body.light{ --wolf-back-plate:#D6B472; --wolf-back-edge:#B47B24; --wolf-back-glyph:#583716; --wolf-back-rgb:196,143,42; --wolf-feedback-glyph:#B98224; } #app #view > :is(button.back,button.back.back-system) { box-sizing:border-box!important; display:grid!important;place-items:center!important; width:44px!important;height:44px!important; min-width:44px!important;min-height:44px!important; border:1.6px solid var(--wolf-back-edge)!important; border-radius:12px!important; background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 58%),var(--wolf-back-plate)!important; color:var(--wolf-back-glyph)!important; box-shadow:inset 0 0 9px rgba(var(--wolf-back-rgb),.21),inset 0 1px 0 rgba(255,255,255,.12),0 0 8px rgba(var(--wolf-back-rgb),.64),0 0 18px rgba(var(--wolf-back-rgb),.28)!important; filter:none!important; padding:7px!important; -webkit-tap-highlight-color:transparent; transition:box-shadow .18s ease,background-color .18s ease,transform .18s ease!important; } #app #view > :is(button.back,button.back.back-system) svg { width:22px!important;height:22px!important; min-width:22px!important;min-height:22px!important; color:var(--wolf-back-glyph)!important; stroke:currentColor!important; stroke-width:2.8!important; stroke-linecap:round!important;stroke-linejoin:round!important; background:transparent!important;border:0!important; filter:drop-shadow(0 0 5px rgba(var(--wolf-back-rgb),.76))!important; } #app #view > :is(button.back,button.back.back-system):active{ transform:scale(.96)!important; box-shadow:inset 0 0 15px rgba(var(--wolf-back-rgb),.22),0 0 13px rgba(var(--wolf-back-rgb),.60)!important; } #app #view > :is(button.back,button.back.back-system):focus-visible{ outline:2px solid var(--wolf-back-edge)!important; outline-offset:3px!important; } /* Compact sound and vibration rows, with SVG symbols drawn for each action. */ #app #view .settings-page .settings-switch-row.feedback-royal-row { box-sizing:border-box!important; display:flex!important;align-items:center!important; gap:10px!important; width:100%!important;max-width:100%!important; min-height:75px!important; padding:9px 10px!important; border-radius:15px!important; overflow:hidden!important; background:var(--ui-inner)!important; border:1px solid rgba(var(--wolf-back-rgb),.57)!important; box-shadow:inset 0 0 12px rgba(var(--wolf-back-rgb),.055),0 0 7px rgba(var(--wolf-back-rgb),.12)!important; } #app #view .settings-page .feedback-royal-row .feedback-icon-shell{ box-sizing:border-box!important; display:grid!important;place-items:center!important; flex:0 0 43px!important; width:43px!important;height:43px!important; min-width:43px!important; padding:6px!important; border:1.5px solid var(--wolf-back-edge)!important; border-radius:12px!important; background:linear-gradient(150deg,rgba(255,255,255,.11),transparent 70%),var(--wolf-back-plate)!important; color:var(--wolf-feedback-glyph)!important; box-shadow:inset 0 0 9px rgba(var(--wolf-back-rgb),.12),0 0 8px rgba(var(--wolf-back-rgb),.22)!important; } #app #view .settings-page .feedback-icon-shell .feedback-drawn-icon { box-sizing:border-box!important; display:block!important;width:29px!important;height:29px!important; min-width:29px!important;min-height:29px!important; color:inherit!important;stroke:currentColor!important; fill:none!important; filter:none!important;opacity:1!important;stroke-width:2.25!important; } #app #view .settings-page .feedback-royal-row > .feedback-row-copy{ box-sizing:border-box!important; display:flex!important;flex-direction:column!important; flex:1 1 auto!important;min-width:0!important; gap:2px!important;text-align:right!important; } #app #view .settings-page .feedback-row-copy b{ display:block!important;font-weight:800!important; } #app #view .settings-page .feedback-row-copy small{ display:block!important;margin:0!important; overflow-wrap:break-word!important; } #app #view .settings-page .feedback-state{ display:block!important; width:fit-content!important; font-size:11px!important;font-weight:800!important; line-height:1.35!important; color:var(--ui-muted)!important; } #app #view .settings-page .feedback-royal-row.is-on .feedback-state{ color:var(--ui-accent)!important; } #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle{ position:relative!important; box-sizing:border-box!important; flex:0 0 68px!important; display:block!important; width:68px!important;height:44px!important; min-width:68px!important;min-height:44px!important; max-width:68px!important; padding:0!important; margin:0!important; border-radius:999px!important; border:1.5px solid rgba(var(--wolf-back-rgb),.7)!important; background:var(--wolf-back-plate)!important; box-shadow:inset 0 0 11px rgba(0,0,0,.21),0 0 6px rgba(var(--wolf-back-rgb),.17)!important; opacity:1!important; cursor:pointer!important; -webkit-tap-highlight-color:transparent; } #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle.on{ border-color:var(--ui-accent)!important; background:linear-gradient(145deg,rgba(var(--wolf-back-rgb),.25),rgba(var(--wolf-back-rgb),.10)),var(--wolf-back-plate)!important; box-shadow:inset 0 0 11px rgba(var(--wolf-back-rgb),.25),0 0 10px rgba(var(--wolf-back-rgb),.32)!important; } #app #view .settings-page .feedback-royal-toggle > .feedback-toggle-knob{ position:absolute!important; top:6px!important; right:6px!important; left:auto!important; display:block!important; width:29px!important;height:29px!important; min-width:29px!important;min-height:29px!important; margin:0!important; border:1px solid rgba(255,255,255,.32)!important; border-radius:50%!important; background:linear-gradient(140deg,#A4C4DB,#547BA9)!important; box-shadow:0 2px 5px rgba(0,0,0,.34)!important; transform:translateX(0)!important; transition:transform .18s ease,background .18s ease!important; } #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{ transform:translateX(-26px)!important; background:linear-gradient(140deg,#BDE6FF,#3C92D8)!important; border-color:#72BFF2!important; box-shadow:0 1px 5px rgba(0,0,0,.20),0 0 7px rgba(var(--wolf-back-rgb),.25)!important; } /* Burgundy: both ON and OFF metal circles match burgundy/copper, never gold. */ body.burgundy #app #view .settings-page .feedback-royal-toggle:not(.on) > .feedback-toggle-knob{ background:linear-gradient(140deg,#E1B4AC,#8D4A58)!important; border-color:#BE7075!important; box-shadow:0 2px 6px rgba(22,2,12,.25),0 0 6px rgba(192,90,102,.18)!important; } body.burgundy #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{ background:linear-gradient(140deg,#F0C5B3,#AD6063)!important; border-color:#D58F80!important; box-shadow:0 2px 6px rgba(22,2,12,.25),0 0 10px rgba(202,93,98,.48)!important; } /* Navy: never use the gold metal used by the ivory theme. */ body:not(.light):not(.burgundy) #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{ background:linear-gradient(140deg,#C8F0FF,#4499E1)!important; border-color:#75C5FF!important; box-shadow:0 2px 6px rgba(0,9,28,.22),0 0 11px rgba(70,167,255,.5)!important; } body:not(.light):not(.burgundy) #app #view .settings-page .feedback-royal-toggle:not(.on) > .feedback-toggle-knob{ background:linear-gradient(140deg,#A7CBDD,#537EAD)!important; border-color:#7BA8D7!important; } /* Warm ivory controls use an elegant beige/gold rail, never solid black. */ body.light #app #view .settings-page .feedback-royal-row > .feedback-royal-toggle:not(.on){ background:linear-gradient(155deg,#E1D2B5,#CBB899)!important; border-color:#A47C3E!important; box-shadow:inset 0 0 8px rgba(113,82,30,.14),0 0 5px rgba(150,111,40,.18)!important; } body.light #app #view .settings-page .feedback-royal-row > .feedback-royal-toggle.on{ background:linear-gradient(145deg,#DDB65B,#99702C)!important; border-color:#E5C16E!important; box-shadow:inset 0 0 10px rgba(255,240,187,.22),0 0 9px rgba(169,120,42,.30)!important; } body.light #app #view .settings-page .feedback-royal-toggle:not(.on) > .feedback-toggle-knob{ background:linear-gradient(140deg,#FFFAEA,#D2BE98)!important; border-color:#967238!important; } body.light #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{ background:linear-gradient(140deg,#FFF6D8,#E2BF6F)!important; border-color:#AB843E!important; } #app #view .settings-page .feedback-royal-toggle:focus-visible{ outline:2px solid var(--ui-accent)!important;outline-offset:3px!important; } @media(max-width:360px){ #app #view .settings-page .feedback-royal-row{gap:7px!important;padding:7px 8px!important;} #app #view .settings-page .feedback-royal-row .feedback-icon-shell{width:39px!important;height:39px!important;flex-basis:39px!important;} #app #view .settings-page .feedback-icon-shell .feedback-drawn-icon{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;} #app #view .settings-page .feedback-royal-row > .settings-toggle.feedback-royal-toggle{width:62px!important;min-width:62px!important;max-width:62px!important;flex-basis:62px!important;} #app #view .settings-page .feedback-royal-toggle.on > .feedback-toggle-knob{transform:translateX(-20px)!important;} } @media(prefers-reduced-motion:reduce){ #app #view .feedback-royal-toggle > .feedback-toggle-knob, #app #view > button.back{transition:none!important;} } } /* recovery1911 — canonical viewport ownership for LIVE routes only. Component widths fit the content box. Do not scale the application or hide overflowing controls. The exported DOM is intentionally unaffected. */ @layer identity { #app, #app #view {box-sizing:border-box!important;min-width:0!important;} #app #view.wolf-layout-home, #app #view.wolf-layout-page { box-sizing:border-box!important; width:100%!important;max-width:100%!important;min-width:0!important; padding-inline:0!important; } #app #view.wolf-layout-page > :is(section,div):not(.page-brand), #app #view.wolf-layout-home > :is(section,div):not(.page-brand) { box-sizing:border-box!important; inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important; margin-inline:auto!important; } #app #view :is(.management-hub-page,.wolf-control-menu,.records-menu-page, .record-detail-page,.account-management-page,.backup-page,.settings-page, .honor-page,.honor-studio-page,.quick-normal-page,.knockout-page, .league-page,.tournament-hub-page) { box-sizing:border-box!important;max-inline-size:100%!important;min-inline-size:0!important; } #app #view :is(.management-hub-page,.wolf-control-menu,.records-menu-page, .record-detail-page,.account-management-page,.backup-page,.settings-page, .honor-page,.honor-studio-page,.quick-normal-page,.knockout-page, .league-page,.tournament-hub-page) > :is(.card,.ui-section-card,.record-card,.account-card, .admin-user-row,.record-filters,.mode-page-title) { box-sizing:border-box!important;max-inline-size:100%!important;min-inline-size:0!important; } #app #view :is(.management-hub-page,.wolf-control-menu,.records-menu-page, .record-detail-page,.account-management-page,.backup-page) :is( .menu-row,.mode-card,.record-card,.account-card,.admin-user-row, .records-vertical,.team-hub-menu,.records-admin-tools,.record-copy,.menu-copy, .menu-copy b,.menu-copy small,.record-copy b,.record-copy small) { box-sizing:border-box!important;min-inline-size:0!important;max-inline-size:100%!important; } #app #view :is(.management-hub-page,.wolf-control-menu,.records-menu-page, .record-detail-page,.account-management-page,.backup-page) :is( .menu-copy,.record-copy,.account-card,.admin-user-row) { overflow-wrap:break-word!important;word-break:normal!important; } #app #view :is(.management-hub-page,.wolf-control-menu,.records-menu-page, .record-detail-page,.account-management-page,.backup-page) :is(input,select,textarea){ box-sizing:border-box!important;min-inline-size:0!important;max-inline-size:100%!important; font-size:16px!important; } /* Child grids must use actual flexible columns, not fixed pixel card width. */ #app #view :is(.management-hub-page,.wolf-control-menu,.records-menu-page, .record-detail-page,.account-management-page,.backup-page) :is( .team-hub-menu,.records-vertical,.record-filters,.account-list,.admin-account-actions){ min-inline-size:0!important;max-inline-size:100%!important; } #app #view :is(.record-detail-page,.account-management-page,.backup-page) .card, #app #view :is(.record-detail-page,.account-management-page,.backup-page) .ui-section-card { padding-inline:clamp(9px,2.9vw,15px)!important; } /* The reference frame is a real geometric object: never stretch its chassis. The title text may wrap on long labels rather than spill beyond the glass. */ #app #view :is(.royal-tier-hero,.royal-tier-page) .royal-reference-frame { overflow:visible!important; } #app #view .royal-tier-page.long-page-title .royal-reference-lettering { white-space:normal!important; text-align:center!important; line-height:1.14!important; padding-inline:16%!important; max-height:95%!important; } /* Channel identity has a stable size and no inherited global image glow. Keep the approved wordmark gold, irrespective of the selected theme. */ #app #view.wolf-layout-home > .home-showcase.home-simple > .wolf-brand-logo, #app #view.wolf-layout-page > .page-brand > .wolf-brand-logo{ filter:none!important;box-shadow:none!important; } #app #view.wolf-layout-home > .home-showcase.home-simple > .wolf-brand-channel, #app #view.wolf-layout-page > .page-brand > .wolf-brand-channel{ box-sizing:border-box!important;max-inline-size:calc(100% - 16px)!important; line-height:1.42!important;min-height:38px!important; } /* A shared rim and interior/exterior neon for first-level cards. This does NOT constrain match rows, KO tree nodes or export layouts. */ #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:1.6px solid var(--ui-accent)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.075), inset 0 0 11px rgba(var(--ui-rgb),.14),0 0 9px rgba(var(--ui-rgb),.47), 0 0 21px rgba(var(--ui-rgb),.19)!important; } #app #view .settings-page .feedback-royal-row{max-inline-size:100%!important;min-inline-size:0!important;} #app #view .settings-page .feedback-royal-row .feedback-row-copy{min-inline-size:0!important;} /* Safe area space is part of the page canvas, not a blank fixed rectangle. */ #app{padding-bottom:max(24px, env(safe-area-inset-bottom,0px))!important;} } /* recovery1911 — honest haptics state on WebKit without Vibration API. */ @layer identity { #app #view .settings-page .feedback-royal-toggle:disabled{ opacity:.6!important;cursor:not-allowed!important; box-shadow:none!important; } #app #view .settings-page .feedback-royal-row:has(.feedback-royal-toggle:disabled) .feedback-state{ color:var(--ui-muted)!important; } } /* recovery1929 — native iOS vibration switch beneath the approved royal label. Keep the real input accessible but out of the flex layout and touch path; an associated label activates WebKit's native tactile feedback. */ @layer identity { #app #view .settings-page .feedback-royal-row{position:relative!important;} #app #view .settings-page .wolf-native-vibration-switch{ position:absolute!important; inline-size:1px!important;block-size:1px!important; min-inline-size:1px!important;min-block-size:1px!important; max-inline-size:1px!important;max-block-size:1px!important; padding:0!important;margin:0!important; overflow:hidden!important;opacity:0!important; clip-path:inset(50%)!important; border:0!important;pointer-events:none!important; appearance:auto!important;-webkit-appearance:auto!important; } #app #view .settings-page label.feedback-royal-toggle{ box-sizing:border-box!important; text-decoration:none!important; align-self:center!important; cursor:pointer!important; user-select:none!important;-webkit-user-select:none!important; touch-action:manipulation!important; } #app #view .settings-page .wolf-native-vibration-switch:focus-visible + label.feedback-royal-toggle{ outline:2px solid var(--ui-accent)!important;outline-offset:3px!important; } #app #view .settings-page .wolf-native-vibration-switch:disabled + label.feedback-royal-toggle{ opacity:.55!important;cursor:not-allowed!important; } } /* recovery1939 — iOS Safari, every page and overlay: do not auto-zoom on focus. Safari enlarges the visual viewport on text-entry controls whose *computed* font size is under 16 CSS px. Earlier generic 16px rules were overridden by more specific route and export-era rules. Own the native field font here in the first (important-priority) identity cascade layer. Do not reset viewport scale, disable pinch zoom or scale the application/layout. */ @layer identity { html body :is( input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select, [contenteditable]:not([contenteditable="false"]) ), html body #app :is( input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select, [contenteditable]:not([contenteditable="false"]) ), html body #app #view :is( input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]), textarea, select, [contenteditable]:not([contenteditable="false"]) ) { font-size:16px!important; -webkit-text-size-adjust:100%!important; text-size-adjust:100%!important; } } /* recovery1950: silver physical plaque + silver letter material; theme neon is separate. */ @layer identity { #app #view :is(.royal-tier-page,.royal-tier-hero) .royal-gold-chassis{stroke:#E4EBF2!important;} #app #view :is(.royal-tier-page,.royal-tier-hero) .royal-gold-upper-ridge{stroke:url(#royalGoldInner)!important;} #app #view :is(.royal-tier-page,.royal-tier-hero) .royal-reference-lettering{ --wolf-royal-silver-face:linear-gradient(180deg,#FEFFFF 0%,#DDE6EE 21%,#8494A3 49%,#F0F5FA 66%,#9BABBA 88%,#F5F8FC 100%); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#5A7188; --wolf-royal-letter-depth:#758B9F; } body.burgundy #app #view :is(.royal-tier-page,.royal-tier-hero) .royal-reference-lettering{ --wolf-royal-silver-face:linear-gradient(180deg,#FEFFFF,#DEE5EB 22%,#91A0AC 47%,#F9FBFD 66%,#A0ADB9 88%,#F5F8FA); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#66717B;--wolf-royal-letter-depth:#76818B;--wolf-royal-letter-shadow:rgba(7,10,17,.55); } body.light #app #view :is(.royal-tier-page,.royal-tier-hero) .royal-reference-lettering{ --wolf-royal-silver-face:linear-gradient(180deg,#F9FAFB,#D4DDE5 22%,#677784 49%,#F1F5F9 64%,#748593 87%,#E6EAF0); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#3F4852;--wolf-royal-letter-depth:#53606C;--wolf-royal-letter-shadow:rgba(41,43,45,.33); } /* Home plaque only: the lettering is a polished metal insert, not a pale glass overlay. Own the color on the same element as the shared metallic text renderer so the old silver material cannot override each theme. */ #app #view .home-showcase.home-simple .royal-tier-hero .royal-reference-lettering { --wolf-royal-silver-face:linear-gradient(180deg,#FEFFFF 0%,#ECF7FF 17%,#C8DDF0 35%,#94B5D0 51%,#E3F1FC 70%,#F9FDFF 83%,#BAD6EA 100%); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#7893AB; --wolf-royal-letter-depth:#7598B8; --wolf-royal-letter-shadow:rgba(5,15,29,.43); } body.burgundy #app #view .home-showcase.home-simple .royal-tier-hero .royal-reference-lettering { --wolf-royal-silver-face:linear-gradient(180deg,#FFFFF8 0%,#FFF9E9 16%,#FBE9C3 32%,#D5A367 52%,#FFE5B8 69%,#FFF8E7 84%,#DBB77C 100%); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#B48953; --wolf-royal-letter-depth:#AC824B; --wolf-royal-letter-shadow:rgba(29,8,16,.44); } body.light #app #view .home-showcase.home-simple .royal-tier-hero .royal-reference-lettering { --wolf-royal-silver-face:linear-gradient(180deg,#81877B 0%,#5E695F 18%,#38443D 37%,#1E2922 53%,#4C5A4D 68%,#737D6F 82%,#2F3930 100%); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#27312B; --wolf-royal-letter-depth:#1D2723; --wolf-royal-letter-shadow:rgba(47,36,20,.20); } #app #view .home-showcase.home-simple .royal-tier-hero .royal-reference-lettering :is(.royal-metal-silver,.royal-metal-blue) { -webkit-text-stroke:.33px var(--wolf-royal-letter-rim)!important; text-shadow:0 1px 0 var(--wolf-royal-letter-depth),0 2px 3px var(--wolf-royal-letter-shadow)!important; } } /* recovery1960: home-only royal glow calibration; no structural/layout changes. */ @layer identity { #app #view.wolf-layout-home { --home-neon-rgb:47,151,255; --home-neon-edge:#389EFF; --home-glow-glyph:#46A7FF; --home-glow-chevron:#D4EBFF; --home-neon-frame:47,151,255; --home-glyph-specular:rgba(220,240,255,.24); } /* The home palette, not the retired silver detail skin, owns all five cards. */ body.burgundy #app #view.wolf-layout-home { --ui-accent:#D69A62!important; --ui-rgb:194,113,65!important; --ui-icon:#E4AD79!important; --wolf-icon-glyph:#E4AD79!important; --wolf-box-neon-edge:#D69A62!important; --wolf-icon-halo:rgba(218,146,84,.42)!important; --wz-theme-neon-edge:#D69A62!important; /* recovery1968: warm off-white champagne glow, copper edge retained. Scoped exclusively to the burgundy homepage; not subpages or other skins. */ --home-neon-rgb:255,245,228; --home-neon-edge:#E5B689; --home-glow-glyph:#FFE8CB; --home-glow-chevron:#FFF0DB; --home-neon-frame:255,245,228; --home-glyph-specular:rgba(255,255,245,.53); } body.light #app #view.wolf-layout-home { --ui-accent:#C39541!important; --ui-rgb:185,136,48!important; --ui-icon:#A77925!important; --wolf-icon-glyph:#A77925!important; --wolf-box-neon-edge:#C39541!important; --wolf-icon-halo:rgba(185,136,48,.28)!important; --wz-theme-neon-edge:#C39541!important; --home-neon-rgb:185,136,48; --home-neon-edge:#C39541; --home-glow-glyph:#A77925; --home-glow-chevron:#91691F; --home-neon-frame:185,136,48; --home-glyph-specular:rgba(255,237,197,.23); } /* All five home cards share one glow tier: readable outline, inner light, two soft exterior rings. No geometry or SVG artwork is replaced. */ body #app #view.wolf-layout-home > .home-main-menu > .home-entry { border-color:var(--home-neon-edge)!important; box-shadow: inset 0 1px 0 rgba(var(--home-neon-rgb),.18), inset 0 0 12px rgba(var(--home-neon-rgb),.15), 0 0 8px rgba(var(--home-neon-rgb),.57), 0 0 22px rgba(var(--home-neon-rgb),.28)!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry::before { background:linear-gradient(90deg,transparent,var(--home-neon-edge),transparent)!important; opacity:.62!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry::after { border-color:var(--home-neon-edge)!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry:active { box-shadow: inset 0 0 15px rgba(var(--home-neon-rgb),.20), 0 0 11px rgba(var(--home-neon-rgb),.66), 0 0 28px rgba(var(--home-neon-rgb),.31)!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon { color:var(--home-glow-glyph)!important; stroke:var(--home-glow-glyph)!important; border-color:var(--home-neon-edge)!important; background:var(--ui-inner)!important; box-shadow: inset 0 1px 0 rgba(255,242,218,.10), inset 0 0 8px rgba(var(--home-neon-rgb),.12), 0 0 8px rgba(var(--home-neon-rgb),.49), 0 0 16px rgba(var(--home-neon-rgb),.20)!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon svg { color:var(--home-glow-glyph)!important; stroke:currentColor!important; filter:drop-shadow(0 -0.6px 0 var(--home-glyph-specular)) drop-shadow(0 0 2.5px rgba(var(--home-neon-rgb),.47))!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon svg :is(path,circle,rect,line,polyline,polygon){ stroke:currentColor!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry > .menu-chevron { background:transparent!important; border:0!important; box-shadow:none!important; color:var(--home-glow-chevron)!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry > .menu-chevron svg { color:var(--home-glow-chevron)!important; stroke:currentColor!important; filter:drop-shadow(0 0 3px rgba(var(--home-neon-rgb),.54))!important; } /* recovery1961 — larger home menu typography with precise glyph glow. Increase the text only; preserve card shape, touch area, spacing and SVG art. */ body #app #view.wolf-layout-home > .home-main-menu > .home-entry .menu-copy > b { font-size:clamp(24px,6.65vw,26px)!important; font-family:WolfTajawal,Tajawal,sans-serif!important; font-weight:700!important; line-height:1.22!important; letter-spacing:0!important; text-shadow:0 1px 0 rgba(0,0,0,.10), 0 0 5px rgba(var(--home-neon-rgb),.37), 0 0 12px rgba(var(--home-neon-rgb),.19)!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry .menu-copy > small { font-size:clamp(16.5px,4.6vw,18px)!important; font-family:WolfTajawal,Tajawal,sans-serif!important; font-weight:500!important; line-height:1.35!important; letter-spacing:0!important; text-shadow:0 0 5px rgba(var(--home-neon-rgb),.18)!important; } body #app #view.wolf-layout-home > .home-main-menu > .home-entry .menu-copy { gap:6px!important; min-width:0!important; } body.light #app #view.wolf-layout-home > .home-main-menu > .home-entry .menu-copy > b { text-shadow:0 0 5px rgba(var(--home-neon-rgb),.23),0 0 10px rgba(var(--home-neon-rgb),.09)!important; } body.light #app #view.wolf-layout-home > .home-main-menu > .home-entry .menu-copy > small { text-shadow:0 0 4px rgba(var(--home-neon-rgb),.13)!important; } @media(max-width:370px){ body #app #view.wolf-layout-home > .home-main-menu > .home-entry .menu-copy > b {font-size:24px!important;} body #app #view.wolf-layout-home > .home-main-menu > .home-entry .menu-copy > small {font-size:16.5px!important;} } /* The plaque remains 80% physical chrome: glow outside the metal, NOT a pale overlay behind the lettering. Keep the 1956 glass cleanup. */ body #app #view.wolf-layout-home .home-showcase.home-simple .royal-tier-hero { --wolf-plaque-neon-rgb:var(--home-neon-frame); } body #app #view.wolf-layout-home .home-showcase.home-simple .royal-tier-hero .royal-title-frame { filter:drop-shadow(0 0 5px rgba(var(--home-neon-rgb),.50)) drop-shadow(0 0 13px rgba(var(--home-neon-rgb),.28))!important; } body #app #view.wolf-layout-home .home-showcase.home-simple .royal-tier-hero .royal-plaque-neon-aura .royal-aura-wide { stroke:rgba(var(--home-neon-rgb),.20)!important; } body #app #view.wolf-layout-home .home-showcase.home-simple .royal-tier-hero .royal-plaque-neon-aura .royal-aura-mid { stroke:rgba(var(--home-neon-rgb),.39)!important; } body #app #view.wolf-layout-home .home-showcase.home-simple .royal-tier-hero .royal-plaque-neon-aura .royal-aura-core { stroke:rgba(var(--home-neon-rgb),.78)!important; } body #app #view.wolf-layout-home .home-showcase.home-simple .royal-tier-hero .royal-glass-highlight { display:none!important; opacity:0!important; } /* A gentle channel edge glow supports the logo; no logo filter or resize. */ body #app #view.wolf-layout-home > .home-showcase.home-simple > .wolf-brand-channel { border-color:var(--home-neon-edge)!important; box-shadow:inset 0 0 8px rgba(var(--home-neon-rgb),.09), 0 0 7px rgba(var(--home-neon-rgb),.35), 0 0 15px rgba(var(--home-neon-rgb),.16)!important; } /* recovery1963 — ivory home: one extra ring of warm gold light, NOT bigger UI. */ body.light #app #view.wolf-layout-home > .home-main-menu > .home-entry { border-color:#C9983F!important; box-shadow:inset 0 1px 0 rgba(255,245,217,.16), inset 0 0 13px rgba(188,137,43,.17), 0 0 9px rgba(188,137,43,.57), 0 0 23px rgba(188,137,43,.28)!important; } body.light #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon { border-color:#C9983F!important; box-shadow:inset 0 1px 0 rgba(255,248,223,.27), inset 0 0 9px rgba(188,137,43,.15), 0 0 8px rgba(188,137,43,.53), 0 0 17px rgba(188,137,43,.22)!important; } body.light #app #view.wolf-layout-home > .home-main-menu > .home-entry > .home-icon svg { filter:drop-shadow(0 -0.6px 0 rgba(255,241,208,.25)) drop-shadow(0 0 3px rgba(188,137,43,.47))!important; } /* recovery1964 — subpage geometry is the quieter, simpler royal tier. Homepage (.wolf-layout-home) is deliberately untouched. Preserve the 760×188 SVG paths, plaque sizing, icon dimensions and all page geometry. Draw the distinction via stroke weight, restrained material reflections, and a deliberately shallow outline-following glow — not new graphics. */ body #app #view.wolf-layout-page { --wolf-sub-neon-rgb:57,139,232; --wolf-sub-neon-edge:#5DA7EC; --wolf-sub-glyph:#79BDFC; --wolf-sub-icon-sheen:rgba(213,236,255,.19); } body.burgundy #app #view.wolf-layout-page { --wolf-sub-neon-rgb:194,113,65; --wolf-sub-neon-edge:#D69A62; --wolf-sub-glyph:#E4AC77; --wolf-sub-icon-sheen:rgba(255,228,185,.20); } body.light #app #view.wolf-layout-page { --wolf-sub-neon-rgb:185,136,48; --wolf-sub-neon-edge:#C39541; --wolf-sub-glyph:#A77925; --wolf-sub-icon-sheen:rgba(255,241,205,.16); } /* The existing shaped title is not resized or redrawn. */ body #app #view.wolf-layout-page .royal-tier-page { --wolf-plaque-neon-rgb:var(--wolf-sub-neon-rgb); } body #app #view.wolf-layout-page .royal-tier-page .royal-reference-frame { filter:drop-shadow(0 2px 2px rgba(10,8,13,.17)) drop-shadow(0 0 5px rgba(var(--wolf-sub-neon-rgb),.29)) drop-shadow(0 0 11px rgba(var(--wolf-sub-neon-rgb),.13))!important; } /* Keep the traced neon around the perimeter, with a quieter aura. */ body #app #view.wolf-layout-page .royal-tier-page .royal-plaque-neon-aura .royal-aura-wide { stroke:rgba(var(--wolf-sub-neon-rgb),.075)!important; stroke-width:19!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-plaque-neon-aura .royal-aura-mid { stroke:rgba(var(--wolf-sub-neon-rgb),.18)!important; stroke-width:9!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-plaque-neon-aura .royal-aura-core { stroke:rgba(var(--wolf-sub-neon-rgb),.59)!important; stroke-width:2.7!important; } /* Metal is still metal, but the page title gets thinner visual edges. Only native SVG line strokes change; the silhouette never changes. */ body #app #view.wolf-layout-page .royal-tier-page .royal-gold-chassis { stroke-width:1.1!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-gold-upper-ridge { stroke-width:5.2!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-black-joint { stroke-width:2.7!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-glass-panel { stroke-width:2.8!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-glass-highlight { opacity:.23!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-top-glint { stroke-opacity:.22!important; stroke-width:1!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-bottom-glint { opacity:.36!important; stroke-width:1.1!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-fasteners { opacity:.65!important; } body #app #view.wolf-layout-page .royal-tier-page .royal-reference-lettering :is(.royal-metal-silver,.royal-metal-blue) { text-shadow:0 1px 0 var(--wolf-royal-letter-depth), 0 1px 2px var(--wolf-royal-letter-shadow)!important; } /* Preserve the theme's metallic lettering and readable contrast. */ body.burgundy #app #view.wolf-layout-page .royal-tier-page .royal-reference-lettering { --wolf-royal-silver-face:linear-gradient(180deg,#FFFEF6 0%,#FFF3D9 19%,#F4D9AA 39%,#C18D4B 56%,#FFF0D0 78%,#E4C08A 100%); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#A27848; --wolf-royal-letter-depth:#976F3E; --wolf-royal-letter-shadow:rgba(29,8,16,.29); } body.light #app #view.wolf-layout-page .royal-tier-page .royal-reference-lettering { --wolf-royal-silver-face:linear-gradient(180deg,#788076 0%,#536054 23%,#344039 43%,#1F2C24 57%,#647264 80%,#313E34 100%); --wolf-royal-accent-face:var(--wolf-royal-silver-face); --wolf-royal-letter-rim:#253029; --wolf-royal-letter-depth:#1C2822; --wolf-royal-letter-shadow:rgba(47,36,20,.13); } /* Header icon reads clearly; don't enlarge its framing or add a square. */ body #app #view.wolf-layout-page .royal-tier-page .royal-reference-lettering > .mode-title-icon :is(svg,.records-admin-tool-icon) { color:var(--wolf-sub-glyph)!important; stroke:currentColor!important; filter:drop-shadow(0 -0.4px 0 var(--wolf-sub-icon-sheen)) drop-shadow(0 0 2px rgba(var(--wolf-sub-neon-rgb),.27))!important; } body #app #view.wolf-layout-page > .page-brand > .wolf-brand-channel { border-color:var(--wolf-sub-neon-edge)!important; box-shadow:inset 0 0 6px rgba(var(--wolf-sub-neon-rgb),.06), 0 0 6px rgba(var(--wolf-sub-neon-rgb),.25)!important; } /* Menu cards are the second hierarchy tier; inner panels are quieter. */ 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) { border-color:var(--wolf-sub-neon-edge)!important; box-shadow:inset 0 0 8px rgba(var(--wolf-sub-neon-rgb),.075), 0 0 7px rgba(var(--wolf-sub-neon-rgb),.32), 0 0 15px rgba(var(--wolf-sub-neon-rgb),.12)!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(--wolf-sub-glyph)!important; border-color:var(--wolf-sub-neon-edge)!important; box-shadow:inset 0 0 6px rgba(var(--wolf-sub-neon-rgb),.07), 0 0 6px rgba(var(--wolf-sub-neon-rgb),.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(.home-icon,.mode-icon,.mode-card-icon,.records-admin-tool-icon,.record-visual,.record-visual-icon) svg { color:var(--wolf-sub-glyph)!important; stroke:currentColor!important; filter:drop-shadow(0 -0.4px 0 var(--wolf-sub-icon-sheen)) drop-shadow(0 0 1.7px rgba(var(--wolf-sub-neon-rgb),.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) svg { color:var(--wolf-sub-glyph)!important; stroke:currentColor!important; filter:drop-shadow(0 0 1.8px rgba(var(--wolf-sub-neon-rgb),.28))!important; } /* Do not target competition matches, bracket nodes, winner states or exports. */ body #app #view.wolf-layout-page :is(.settings-page,.management-hub-page,.record-detail-page,.account-management-page,.backup-page, .quick-normal-page,.knockout-page,.league-page,.honor-studio-page,.tournament-hub-page) > :is(.card.ui-section-card,.settings-appearance-card,.settings-feedback-card,.settings-about-card) { border-color:var(--wolf-sub-neon-edge)!important; box-shadow:inset 0 0 7px rgba(var(--wolf-sub-neon-rgb),.055), 0 0 6px rgba(var(--wolf-sub-neon-rgb),.19), 0 0 12px rgba(var(--wolf-sub-neon-rgb),.075)!important; } /* Ensure both signature and version can scroll into the safe area. */ body #app > .footer { padding-bottom:max(38px,calc(env(safe-area-inset-bottom,0px) + 24px))!important; } /* recovery1965 — cohesive subpage surface + typography + geometry contract. Intentionally lives with recovery1964's subpage owner, not a cross-page override. Uses theme-scoped color variables; main/home remains locked. */ body #app #view.wolf-layout-page { --wolf-sub-card-ink:#F5F8FF; --wolf-sub-copy-ink:#CEDCEF; --wolf-sub-panel-rim:inset 0 0 7px rgba(var(--wolf-sub-neon-rgb),.07),0 0 7px rgba(var(--wolf-sub-neon-rgb),.24),0 0 14px rgba(var(--wolf-sub-neon-rgb),.10); --wolf-sub-field-rim:inset 0 0 6px rgba(var(--wolf-sub-neon-rgb),.055),0 0 5px rgba(var(--wolf-sub-neon-rgb),.13); --wolf-icon-glyph:var(--wolf-sub-glyph)!important; --wolf-record-glyph:var(--wolf-sub-glyph)!important; --wolf-back-edge:var(--wolf-sub-neon-edge)!important; --wolf-back-glyph:var(--wolf-sub-glyph)!important; --wolf-back-rgb:var(--wolf-sub-neon-rgb)!important; } body.burgundy #app #view.wolf-layout-page { --wolf-sub-card-ink:#FFF5E9; --wolf-sub-copy-ink:#E9CEC0; --wolf-sub-neon-rgb:194,113,65; --wolf-sub-neon-edge:#D29A69; --wolf-sub-glyph:#E7B481; --wolf-icon-glyph:#E7B481!important; --wolf-record-glyph:#E7B481!important; --wolf-back-glyph:#F0C28B!important; --wolf-back-edge:#D29A69!important; --wolf-back-rgb:194,113,65!important; --wolf-sub-panel-rim:inset 0 0 8px rgba(194,113,65,.09),0 0 7px rgba(194,113,65,.27),0 0 15px rgba(194,113,65,.11); } body.light #app #view.wolf-layout-page { --wolf-sub-card-ink:#342511; --wolf-sub-copy-ink:#6B502D; --wolf-sub-neon-rgb:185,136,48; --wolf-sub-neon-edge:#C3943B; --wolf-sub-glyph:#9C6D20; --wolf-icon-glyph:#9C6D20!important; --wolf-record-glyph:#9C6D20!important; --wolf-back-glyph:#8D641B!important; --wolf-back-edge:#C3943B!important; --wolf-back-rgb:185,136,48!important; --wolf-sub-panel-rim:inset 0 0 8px rgba(185,136,48,.07),0 0 7px rgba(185,136,48,.21),0 0 14px rgba(185,136,48,.09); } /* Back button appearance is unified globally in hub-pages.css (recovery1972). */ /* Reuse one quieter visual frame on direct content cards. No match/winner nodes, tournament bracket geometry, or trophy artwork is targeted. */ body #app #view.wolf-layout-page :is( .quick-normal-page,.knockout-page,.league-page,.settings-page,.management-hub-page, .record-detail-page,.record-total-page,.records-menu-page,.account-management-page, .backup-page,.honor-studio-page,.tournament-hub-page,.team-hub-page ) > :is(.card,.match-panel,.standalone-controls-card,.wolf-match-search,.ui-section-card,.account-card,.hs-panel) { border-color:var(--wolf-sub-neon-edge)!important; box-shadow:var(--wolf-sub-panel-rim)!important; } /* Inner winner lookup is not a second card framed inside the outer match panel. */ body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page) :is(.match-panel,.card,.ko-current-round) > .wolf-match-search.wolf-compact-winner { background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; padding:8px 0!important; margin:5px 0 10px!important; } /* Controls and fields carry their theme's metallic hue, never cold silver. */ body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page, .settings-page,.management-hub-page,.records-menu-page,.account-management-page, .honor-studio-page,.record-detail-page) :is(.quick-control,.wolf-fixture-filters > button,.wolf-batch-confirm, .wolf-batch-choice,.wolf-search-modes > button,.add-player-btn, .settings-action,.record-action-button,.account-link,.action:not(.gold):not(.primary)) { border-color:rgba(var(--wolf-sub-neon-rgb),.67)!important; box-shadow:var(--wolf-sub-field-rim)!important; } body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page, .settings-page,.management-hub-page,.records-menu-page,.account-management-page, .honor-studio-page,.record-detail-page) :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { border-color:rgba(var(--wolf-sub-neon-rgb),.64)!important; box-shadow:var(--wolf-sub-field-rim)!important; } body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page, .settings-page,.management-hub-page,.records-menu-page,.account-management-page, .honor-studio-page,.record-detail-page) :is(input,textarea,select):focus-visible { border-color:var(--wolf-sub-neon-edge)!important; box-shadow:inset 0 0 8px rgba(var(--wolf-sub-neon-rgb),.10),0 0 9px rgba(var(--wolf-sub-neon-rgb),.25)!important; } body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page, .settings-page,.management-hub-page,.records-menu-page,.account-management-page, .honor-studio-page,.record-detail-page) :is(.quick-control,.add-player-btn,.wolf-fixture-filters > button,.wolf-batch-choice,.wolf-search-modes > button, .settings-action,.action:not(.gold)) :is(.control-icon,.wz-control-icon,svg) { color:var(--wolf-sub-glyph)!important; stroke:currentColor!important; } body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page, .settings-page,.management-hub-page,.records-menu-page,.account-management-page, .honor-studio-page,.record-detail-page) :is(.quick-control,.add-player-btn,.wolf-fixture-filters > button,.wolf-batch-choice, .settings-action,.action:not(.gold)) svg { filter:drop-shadow(0 0 2px rgba(var(--wolf-sub-neon-rgb),.29))!important; } /* Tournament, administration and settings navigate with bare themed arrows. */ body #app #view.wolf-layout-page :is(.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), body #app #view.wolf-layout-page :is(.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 { border:0!important;background:transparent!important;box-shadow:none!important; color:var(--wolf-sub-glyph)!important;stroke:currentColor!important; } /* Typography hierarchy. Home's approved 26px/18px is outside this scope. */ body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page, .management-hub-page,.settings-page,.records-menu-page,.record-detail-page, .record-total-page,.account-management-page,.backup-page,.honor-studio-page,.tournament-hub-page) :is(.card,.match-panel,.ui-section-card,.wolf-match-search) > :is(h2,h3,.wolf-winner-heading), body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page) :is(.match-title-row h2,.league-section-heading > b) { font-family:WolfTajawal,Tajawal,Arial,sans-serif!important; font-size:clamp(21px,5.5vw,24px)!important; font-weight:700!important;line-height:1.35!important; color:var(--wolf-sub-card-ink)!important; text-shadow:0 0 7px rgba(var(--wolf-sub-neon-rgb),.11)!important; } body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page, .management-hub-page,.settings-page,.records-menu-page,.record-detail-page, .record-total-page,.account-management-page,.backup-page,.honor-studio-page,.tournament-hub-page) :is(.field-label,.wolf-batch-label > span,.smart-entry-hint,.quick-game-status, .wolf-search-label,.wolf-match-progress,.wolf-match-extra-tools,.match-title-row small, .league-field-hint,.notice,.muted) { font-family:WolfTajawal,Tajawal,Arial,sans-serif!important; font-size:clamp(15px,4vw,17px)!important; line-height:1.48!important; color:var(--wolf-sub-copy-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) > b { font-family:WolfTajawal,Tajawal,Arial,sans-serif!important; font-size:clamp(20px,5.3vw,22px)!important; font-weight:700!important;line-height:1.34!important; color:var(--wolf-sub-card-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 { font-family:WolfTajawal,Tajawal,Arial,sans-serif!important; font-size:clamp(15px,4.1vw,17px)!important;font-weight:500!important; line-height:1.45!important;color:var(--wolf-sub-copy-ink)!important; } body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page) :is(.quick-control,.wolf-fixture-filters > button,.wolf-batch-confirm,.add-player-btn,.action) { font-family:WolfTajawal,Tajawal,Arial,sans-serif!important; font-size:clamp(16px,4.15vw,18px)!important; font-weight:700!important;line-height:1.32!important; } /* recovery2185 — Match heading hierarchy (Quick / KO / League), in the original high-priority type owner. Smaller A/B, quieter neon. */ @layer identity { #app #view :is(.wolf-match-labels,.ko-side-labels,.wolf-league-side-labels) > b{ font-size:clamp(25px,6.9vw,32px)!important; font-weight:700!important; line-height:1.16!important; letter-spacing:.03em!important; text-shadow:0 0 7px rgba(var(--ui-rgb),.24)!important; } } @media (max-width:390px){ #app #view :is(.wolf-match-labels,.ko-side-labels,.wolf-league-side-labels) > b{ font-size:clamp(28px,8vw,34px)!important; } } /* audit2053 — VS labels: larger and clearer across quick challenge, knockout and league. */ @layer identity { #app #view :is(.match>.vs,.league-match>.ko-vs,.quick-vs,.match-vs){ font-size:clamp(20px,5.3vw,27px)!important; font-weight:700!important; line-height:1.05!important; letter-spacing:.022em!important; text-shadow:0 0 10px rgba(var(--ui-rgb),.3)!important; } } @media (max-width:390px){ #app #view :is(.match>.vs,.league-match>.ko-vs,.quick-vs,.match-vs){ font-size:clamp(18px,5vw,24px)!important; } } /* Live A/B, VS and match numbers use the current palette; winner gold wins. */ body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page) :is(.wolf-match-labels > b,.quick-ab-labels > b,.quick-vs,.ko-vs,.match-vs, .match-number,.league-match-number,.ko-match-number) { color:var(--wolf-sub-glyph)!important; text-shadow:0 0 6px rgba(var(--wolf-sub-neon-rgb),.23)!important; } body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page) :is(.quick-player,.ko-player,.league-player,.match-player):not(.winner):not(.selected-winner) { border-color:rgba(var(--wolf-sub-neon-rgb),.66)!important; } /* Compact the non-match shell, preserving 44px targets and result geometry. */ body #app #view.wolf-layout-page :is(.quick-normal-page,.knockout-page,.league-page){ row-gap:12px!important; } 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,.match-panel) { padding:clamp(11px,3vw,15px)!important; margin-block:7px!important; } /* Selected/winner semantics, locked bracket and export DOM intentionally untouched. */ } /* recovery2052: signature readable in all live pages and in its safe area. */ @layer identity { body #app > footer.footer > div:first-child { font:700 clamp(14px,3.8vw,17px)/1.42 WolfTajawal,Tajawal,Arial,sans-serif!important; color:var(--ui-ink)!important;-webkit-text-fill-color:var(--ui-ink)!important; text-align:center!important;letter-spacing:0!important;opacity:1!important; text-shadow:0 0 5px rgba(var(--ui-rgb),.13)!important; padding:2px 3px!important; } body #app > footer.footer .footer-version { font-size:12px!important;line-height:1.35!important;color:var(--ui-muted)!important; } } /* recovery2058 — Full-admin self-name form and frameless account-action glyphs. Preserve the approved account-button dimensions and all three theme accents. */ @layer identity { body #app #view #wolfStaffAccount .wolf-full-admin-profile-form{ display:grid!important;gap:10px!important;width:100%!important;min-width:0!important; padding:0!important;margin:0 0 18px!important; } body #app #view #wolfStaffAccount .wolf-full-admin-profile-form h3{ margin:0 0 4px!important;font-size:19px!important;font-weight:750!important;color:var(--ui-ink)!important; } body #app #view #wolfStaffAccount .wolf-full-admin-profile-form .input{ width:100%!important;min-width:0!important;font-size:16px!important; } body #app #view .user-management-card .admin-account-actions > .action > .records-admin-tool-icon{ display:inline-grid!important;place-items:center!important;flex:0 0 24px!important; width:24px!important;min-width:24px!important;max-width:24px!important; height:24px!important;min-height:24px!important;max-height:24px!important; margin:0!important;padding:0!important;line-height:0!important; color:var(--ui-accent)!important;fill:none!important; background:transparent!important;background-image:none!important; border:0!important;border-radius:0!important;outline:0!important; box-shadow:none!important;text-shadow:none!important;filter:none!important; } body #app #view .user-management-card .admin-account-actions > .action > .records-admin-tool-icon::before, body #app #view .user-management-card .admin-account-actions > .action > .records-admin-tool-icon::after{ display:none!important;content:none!important; } body #app #view .user-management-card .admin-account-actions > .action > .records-admin-tool-icon svg{ display:block!important;width:23px!important;height:23px!important; max-width:23px!important;max-height:23px!important;margin:0!important; padding:0!important;background:transparent!important;fill:none!important; stroke:currentColor!important;filter:none!important;box-shadow:none!important; } } /* recovery2139 — iOS input focus geometry, not a typography redesign. Safari auto-zooms controls with a computed font below 16px. Keep the page scale steady without suppressing the user's own browser zoom or native keyboard. */ @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; -webkit-text-size-adjust:100%; min-width:0!important;max-width:100%!important; box-sizing:border-box!important; } body.wolf-keyboard-open #app > .footer { opacity:0!important;pointer-events:none!important; } /* No dynamic viewport-sized gap and no view scale/translate on editing. */ body.wolf-keyboard-open #app #view.wolf-layout-page { transform:none!important;max-width:100%!important;overflow-x:clip!important; } } @layer identity{ /* recovery2140: stronger live neon for navy and ivory across all live pages and sections. Burgundy remains unchanged by request. */ body:not(.light):not(.burgundy){ --wolf-neon-tier-glow-color:rgba(var(--ui-rgb),.48)!important; --wolf-neon-tier-strong:inset 0 0 14px rgba(var(--ui-rgb),.22),0 0 14px rgba(var(--ui-rgb),.72),0 0 28px rgba(var(--ui-rgb),.38)!important; --wolf-neon-tier-medium:inset 0 0 10px rgba(var(--ui-rgb),.16),0 0 11px rgba(var(--ui-rgb),.54),0 0 20px rgba(var(--ui-rgb),.24)!important; --wolf-neon-tier-soft:inset 0 0 7px rgba(var(--ui-rgb),.08),0 0 8px rgba(var(--ui-rgb),.22)!important; --wolf-neon-tier-title:0 0 10px rgba(var(--ui-rgb),.29),0 0 19px rgba(var(--ui-rgb),.14)!important; --ui-glow:var(--wolf-neon-tier-medium)!important; --ui-glow-active:var(--wolf-neon-tier-strong)!important; --ui-neon-card-shadow:var(--wolf-neon-tier-medium)!important; --ui-neon-card-pressed:var(--wolf-neon-tier-strong)!important; --wolf-neon-glow:rgba(var(--ui-rgb),.38)!important; --wz-glow:rgba(var(--ui-rgb),.34)!important; } body.light{ --wolf-neon-tier-glow-color:rgba(var(--ui-rgb),.40)!important; --wolf-neon-tier-strong:inset 0 0 13px rgba(var(--ui-rgb),.18),0 0 13px rgba(var(--ui-rgb),.58),0 0 24px rgba(var(--ui-rgb),.24)!important; --wolf-neon-tier-medium:inset 0 0 10px rgba(var(--ui-rgb),.11),0 0 10px rgba(var(--ui-rgb),.42),0 0 18px rgba(var(--ui-rgb),.18)!important; --wolf-neon-tier-soft:inset 0 0 6px rgba(var(--ui-rgb),.06),0 0 7px rgba(var(--ui-rgb),.18)!important; --wolf-neon-tier-title:0 0 8px rgba(var(--ui-rgb),.18),0 0 16px rgba(var(--ui-rgb),.10)!important; --ui-glow:var(--wolf-neon-tier-medium)!important; --ui-glow-active:var(--wolf-neon-tier-strong)!important; --ui-neon-card-shadow:var(--wolf-neon-tier-medium)!important; --ui-neon-card-pressed:var(--wolf-neon-tier-strong)!important; --wolf-neon-glow:rgba(var(--ui-rgb),.34)!important; --wz-glow:rgba(var(--ui-rgb),.30)!important; } #app #view :is(.ui-section-card,.record-detail-page,.record-total-page,.home-entry,.mode-card,.record-card,.records-menu-row,.records-menu-card,.hs-panel,.smart-entry-card,.next-round-action,.record-save-sheet,.league-save-dialog,.backup-summary .backup-stat,.admin-user-row,.league-round-card,.league-rounds,.league-start-tools,.league-table,.total-rank-table,.participant-summary-card,.participants-card,.winners-box,.matches-container,.match-panel,.wolf-match-card,.wolf-competition-panel,.wolf-admin-login-card){ box-shadow:var(--ui-glow),inset 0 0 11px rgba(var(--ui-rgb),.07)!important; } #app #view :is(.menu-copy b,.mode-copy b,.mode-card b,.record-copy b,.record-card>b,.mode-page-title,.record-period-heading,.total-period-heading,.record-detail-page h2,.record-total-page h2,.recent-wins-title,.league-title,.knockout-title,.quick-title){ text-shadow:var(--wolf-neon-tier-title)!important; } } @layer identity { /* recovery2197 — Royal confirmation/notice/prompt UI for every supported route. This modal is outside #app so it survives route replacement. */ body > dialog.wolf-royal-dialog{ box-sizing:border-box!important; width:min(430px,calc(100vw - 28px))!important; max-width:calc(100vw - 28px)!important; max-height:min(85dvh,720px)!important; overflow:auto!important; margin:auto!important; padding:20px!important; border:1.5px solid var(--ui-accent)!important;border-radius:20px!important; background:linear-gradient(165deg,var(--ui-inner),var(--ui-surface))!important; color:var(--ui-ink)!important; font-family:WolfTajawal,Tajawal,Arial,sans-serif!important; direction:rtl!important; text-align:center!important; color-scheme:dark; box-shadow:0 0 13px rgba(var(--ui-rgb),.36),0 20px 65px rgba(0,0,0,.48),inset 0 0 16px rgba(var(--ui-rgb),.09)!important; } body.light > dialog.wolf-royal-dialog{color-scheme:light;} body > dialog.wolf-royal-dialog::backdrop{background:rgba(1,8,18,.66);backdrop-filter:blur(4px);} body.light > dialog.wolf-royal-dialog::backdrop{background:rgba(35,28,20,.5)} body > dialog.wolf-royal-dialog .wolf-royal-dialog-title{margin:0 0 10px;font-size:clamp(20px,5vw,25px);font-weight:800;line-height:1.5;color:var(--ui-ink)} body > dialog.wolf-royal-dialog .wolf-royal-dialog-message{white-space:pre-line;overflow-wrap:anywhere;font-size:16px;line-height:1.7;margin:0 0 16px;color:var(--ui-ink);} body > dialog.wolf-royal-dialog .wolf-royal-dialog-field{box-sizing:border-box;display:block;width:100%;max-width:100%;min-height:48px;font:600 16px WolfTajawal,Tajawal,Arial,sans-serif;color:var(--ui-ink);background:var(--ui-inner);border:1px solid var(--ui-accent);border-radius:12px;padding:10px 13px;margin-bottom:15px;resize:vertical;text-align:right;} body > dialog.wolf-royal-dialog .wolf-royal-dialog-actions{display:flex;flex-direction:row;direction:rtl;gap:10px;align-items:stretch;justify-content:center;} body > dialog.wolf-royal-dialog .wolf-royal-dialog-actions button{flex:1;min-width:0;min-height:48px;padding:9px 12px;border-radius:12px;border:1px solid var(--ui-accent);background:var(--ui-inner);color:var(--ui-ink);font:700 16px WolfTajawal,Tajawal,Arial,sans-serif;cursor:pointer;} body > dialog.wolf-royal-dialog .wolf-royal-dialog-actions .wolf-royal-dialog-ok{box-shadow:inset 0 0 11px rgba(var(--ui-rgb),.12),0 0 9px rgba(var(--ui-rgb),.19);} body > dialog.wolf-royal-dialog .wolf-royal-dialog-actions .wolf-royal-dialog-danger{border-color:#C95767;color:#FFB8C2;} body.light > dialog.wolf-royal-dialog .wolf-royal-dialog-danger{color:#92223A;} body > dialog.wolf-royal-dialog :focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px;} /* Two local victory counters are *visual* only. JSON backup retains all games. */ #app #view .wolf-backup-royal .standalone-backup-card{display:grid;gap:14px;} #app #view .wolf-backup-royal .backup-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;} #app #view .wolf-backup-royal .backup-stat{display:grid!important;justify-items:center!important;text-align:center!important;align-content:center!important;min-height:76px!important;gap:3px!important;padding:10px 6px!important;} #app #view .wolf-backup-royal .backup-stat-value{grid-row:1!important;font-size:clamp(23px,5vw,30px)!important;color:var(--ui-ink)!important;} #app #view .wolf-backup-royal .backup-stat-label{grid-row:2!important;font-size:clamp(14px,3.8vw,17px)!important;} #app #view .wolf-backup-royal .wolf-backup-intro,#app #view .wolf-backup-royal .wolf-compact-hint,#app #view .wolf-backup-royal .wolf-backup-last{margin:0;font-size:clamp(14px,3.8vw,16px)!important;line-height:1.6!important;color:var(--ui-muted)!important;text-align:center;} #app #view .wolf-backup-royal .wolf-backup-group{min-width:0;display:grid;gap:8px;padding:13px;border:1px solid rgba(var(--ui-rgb),.55);border-radius:16px;background:var(--ui-inner);} #app #view .wolf-backup-royal .wolf-backup-group h3{margin:0;text-align:center;font-size:clamp(19px,4.7vw,23px);color:var(--ui-ink);} #app #view .wolf-backup-royal .wolf-backup-button{min-height:52px!important;font-size:clamp(16px,4vw,19px)!important;margin:0!important;} #app #view .wolf-backup-royal .wolf-backup-last{font-weight:700!important;} #app #view .wolf-backup-royal .backup-help{padding:10px 12px!important;margin:0!important;border:1px solid rgba(var(--ui-rgb),.44)!important;border-radius:12px!important;} #app #view .wolf-backup-royal .backup-help summary{list-style:none!important;cursor:pointer;font-size:17px;font-weight:700;text-align:center;color:var(--ui-ink);} #app #view .wolf-backup-royal .backup-help summary::-webkit-details-marker{display:none!important;} #app #view .wolf-backup-royal .backup-help summary::marker{content:'';} #app #view .wolf-backup-royal .backup-help p{margin:8px 0 0!important;color:var(--ui-muted);text-align:center;line-height:1.65;font-size:15px;} #app #view .wolf-backup-royal .wolf-backup-recovery{display:grid;gap:8px;} /* Restore smaller, calmer profile cards without changing their actions. */ #app #view .user-management-card #adminCreatePanel{border:0!important;background:transparent!important;padding:4px 0!important;} #app #view .user-management-card :is(input.input,select.input){box-shadow:inset 0 0 5px rgba(var(--ui-rgb),.06)!important;} #app #view .user-management-card :is(.action,.admin-user-row){box-shadow:inset 0 0 7px rgba(var(--ui-rgb),.06),0 0 6px rgba(var(--ui-rgb),.13)!important;} }