/* Final ownership layer for the player header and Sprite editor.
   Earlier experiments intentionally remain in the cascade; these selectors make
   the shipped layout deterministic across themes and viewport sizes. */
.top>#title.visually-hidden-page-title{display:none!important}
#nav [data-page="accountPage"],#nav [data-page="accountPage"] .nav-row-label{white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}
.content{width:calc(100% - 24px)!important;max-width:none!important;margin-inline:12px!important}
.content>.page{width:100%!important;max-width:none!important}
#playerPrivacySettings{margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--st-border)!important}
#playerPrivacySettings[hidden]{display:none!important}
.back-to-squads{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:46px!important;padding:10px 16px!important;border-color:color-mix(in srgb,var(--st-cyan) 46%,var(--st-border))!important;background:color-mix(in srgb,var(--st-cyan) 8%,var(--st-surface-2))!important;color:var(--st-text)!important;text-decoration:none!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important}
.back-to-squads span{color:var(--st-cyan);font-size:1.1em}.squad-back-row{display:flex;margin:20px 0 10px}.compare-hero-actions{align-self:flex-start;flex-wrap:wrap;padding:8px}

@media(min-width:901px){
  .top{display:grid!important;grid-template-columns:minmax(250px,1fr) minmax(360px,600px) minmax(290px,1fr)!important;grid-template-rows:auto auto auto!important;align-items:center!important;align-content:center!important;gap:7px clamp(16px,2vw,34px)!important;min-height:176px!important;height:auto!important;padding:14px 22px!important;overflow:visible!important}
  .top>.header-profile-avatar{grid-column:1!important;grid-row:1/4!important;align-self:center!important;justify-self:start!important;margin:0!important}
.top>.persistent-brand{grid-column:2!important;grid-row:1/4!important;align-self:center!important;justify-self:center!important;width:min(100%,600px)!important}
.top>.persistent-brand{padding:10px 18px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.top>.persistent-brand>img{filter:brightness(1.18) contrast(1.16) drop-shadow(0 0 5px rgba(255,243,190,.62)) drop-shadow(0 5px 8px rgba(0,0,0,.72))!important}
.top>.persistent-brand>span img{filter:brightness(1.2) contrast(1.28) saturate(.96) drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,228,148,.42)) drop-shadow(0 4px 7px rgba(0,0,0,.86))!important}
  .top>.actions{grid-column:3!important;grid-row:1/3!important;display:grid!important;grid-template-columns:repeat(5,auto)!important;grid-template-rows:auto!important;justify-content:end!important;justify-items:stretch!important;align-content:end!important;gap:9px!important;margin:0!important;min-width:0!important}
  .top .actions>.admin-mode-toggle{grid-column:1!important;grid-row:1!important;margin:0 5px 0 0!important}
  .top .actions>.console-launch-button{grid-column:2!important;grid-row:1!important;margin:0!important}
  .top .actions:not(:has(.admin-mode-toggle))>.console-launch-button{grid-column:1!important}
  .top .actions>.theme-toggle{grid-column:3!important;grid-row:1!important;order:initial!important;margin:0!important}
  .top .actions:not(:has(.admin-mode-toggle))>.theme-toggle{grid-column:2!important}
  .top .actions>#activityButton{grid-column:4!important;grid-row:1!important;order:initial!important;margin:0!important}
  .top .actions:not(:has(.admin-mode-toggle))>#activityButton{grid-column:3!important}
  .top .actions>.account-menu-trigger{grid-column:5!important;grid-row:1!important;order:initial!important;min-width:170px!important;max-width:260px!important;margin:0!important}
  .top .actions:not(:has(.admin-mode-toggle))>.account-menu-trigger{grid-column:4!important}
  .top>.header-sprite-quote{grid-column:3!important;grid-row:3!important;justify-self:end!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 32px!important;width:min(100%,330px)!important;min-height:68px!important;margin:2px 0 0!important;padding:10px 12px!important;gap:11px!important}
  .header-sprite-quote img{width:46px!important;height:46px!important}
  .header-sprite-quote q{display:block!important;overflow:visible!important;font-size:.76rem!important;line-height:1.42!important;-webkit-line-clamp:unset!important}
}

/* The artwork itself supplies the readability treatment on every viewport.
   The brand button deliberately has no frame, fill or panel behind it. */
.top>.persistent-brand{border:0!important;background:transparent!important;box-shadow:none!important}
.top>.persistent-brand>img{filter:brightness(1.18) contrast(1.16) drop-shadow(0 0 5px rgba(255,243,190,.62)) drop-shadow(0 5px 8px rgba(0,0,0,.72))!important}
.top>.persistent-brand>span img{filter:brightness(1.2) contrast(1.28) saturate(.96) drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 8px rgba(255,228,148,.42)) drop-shadow(0 4px 7px rgba(0,0,0,.86))!important}

.top .actions>.admin-mode-toggle,.top .actions>.console-launch-button,.top .actions>.theme-toggle,.top .actions>#activityButton,.top .actions>.account-menu-trigger{min-height:44px!important;border:1px solid var(--st-border-strong)!important;border-radius:12px!important;background:color-mix(in srgb,var(--st-surface-2) 92%,transparent)!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}
.top .actions>.admin-mode-toggle{display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:7px!important;padding-inline:11px!important;color:#ff9cab!important;border-color:color-mix(in srgb,#ff667d 70%,var(--st-border))!important;background:color-mix(in srgb,#a5162e 18%,var(--st-surface-2))!important}.admin-mode-indicator{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#ff5f76;box-shadow:0 0 10px rgba(255,76,103,.72)}.admin-mode-toggle strong{font-size:.72rem;line-height:1}.admin-mode-toggle small{font-size:.58rem!important;line-height:1;color:inherit}.top .actions>.admin-mode-toggle.is-active{color:#8fffc2!important;border-color:color-mix(in srgb,#43e88f 74%,var(--st-border))!important;background:color-mix(in srgb,#08753d 24%,var(--st-surface-2))!important}.admin-mode-toggle.is-active .admin-mode-indicator{background:#45ef93;box-shadow:0 0 12px rgba(69,239,147,.78)}
.top .actions>.console-launch-button:hover,.top .actions>.theme-toggle:hover,.top .actions>#activityButton:hover,.top .actions>.account-menu-trigger:hover{border-color:color-mix(in srgb,var(--st-cyan) 54%,var(--st-border))!important;background:color-mix(in srgb,var(--st-cyan) 8%,var(--st-surface-2))!important}

.account-menu-trigger{grid-template-columns:minmax(0,1fr) auto!important}
.account-menu-trigger .account-trigger-copy small{display:none!important}

.header-profile-dust{position:absolute;z-index:3;inset:10px 12px 14px;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,219,92,.85));animation:header-gold-dust 3.8s ease-in-out infinite}
.header-profile-dust::before,.header-profile-dust::after{content:"";position:absolute;left:16%;bottom:8%;width:3px;height:3px;border-radius:50%;background:#ffe785;box-shadow:15px -8px 0 0 #f5c94d,31px -2px 0 -1px #fff3ad,48px -16px 0 0 #e7ae2d,64px -5px 0 -1px #fff0a1,75px -25px 0 0 #f5cf52,23px -34px 0 -1px #fff5bd,52px -42px 0 0 #eebf3d}
.header-profile-dust::after{left:8%;bottom:20%;transform:scale(.72) rotate(24deg);opacity:.62;animation:header-gold-dust-spark 2.2s ease-in-out infinite alternate}
@keyframes header-gold-dust{0%,100%{opacity:.38;transform:translateY(4px) rotate(-3deg)}45%{opacity:1;transform:translateY(-6px) rotate(4deg)}}
@keyframes header-gold-dust-spark{to{opacity:1;transform:scale(.9) translateY(-7px) rotate(34deg)}}

/* One editor layout everywhere: the old mobile-only editor is no longer used. */
#modal.sprite-editor-modal{padding:12px!important;overflow:auto!important}
#modal.sprite-editor-modal .dialog{width:min(500px,calc(100vw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:14px!important;border-radius:20px!important;border:1px solid color-mix(in srgb,var(--st-cyan) 48%,var(--st-border))!important;background:linear-gradient(160deg,color-mix(in srgb,var(--st-surface) 96%,#061020),color-mix(in srgb,var(--st-surface-2) 96%,#030915))!important;box-shadow:0 26px 75px rgba(0,0,0,.48),0 0 34px color-mix(in srgb,var(--st-cyan) 9%,transparent)!important}
#modal.sprite-editor-modal .dialog>.row{position:sticky;z-index:3;top:-14px;margin:-2px 0 8px!important;padding:5px 2px 7px!important;border:0!important;background:color-mix(in srgb,var(--st-surface) 94%,transparent)!important;backdrop-filter:blur(14px)}
#modal.sprite-editor-modal .dialog>.row h3{margin:0!important;color:var(--st-cyan)!important;font-size:.72rem!important;letter-spacing:.12em!important;text-transform:uppercase!important}
#modal.sprite-editor-modal #mclose{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--st-muted)!important;font-size:1.45rem!important}
.quick-editor{display:grid!important;gap:9px!important}.quick-editor-head{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}.quick-editor-thumb{width:62px!important;height:62px!important;display:grid!important;place-items:center!important;padding:7px!important;border:1px solid color-mix(in srgb,var(--st-cyan) 18%,var(--st-border))!important;border-radius:14px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--st-cyan) 8%,var(--st-surface-2)),var(--st-surface))!important}.quick-editor-thumb img{width:50px!important;height:50px!important;object-fit:contain!important}.quick-editor-title{min-width:0!important}.quick-editor-title>span,.quick-editor-label{display:block!important;color:var(--st-cyan)!important;font-size:.6rem!important;font-weight:900!important;letter-spacing:.1em!important}.quick-editor-title h3{margin:2px 0 1px!important;font-size:1.02rem!important;line-height:1.08!important}.quick-editor-title small{color:var(--st-muted)!important;font-size:.6rem!important;text-transform:uppercase!important;font-weight:700!important}
.quick-editor-links{display:grid!important;gap:6px!important}.quick-wide{min-height:38px!important;border-radius:11px!important;border:1px solid color-mix(in srgb,var(--st-cyan) 34%,var(--st-border))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--st-cyan) 10%,var(--st-surface)),var(--st-surface-2))!important;color:var(--st-cyan)!important;font-size:.65rem!important;font-weight:900!important;letter-spacing:.04em!important}.quick-wide.secondary{border-color:var(--st-border-strong)!important;color:var(--st-text-soft)!important;background:color-mix(in srgb,var(--st-surface-2) 88%,transparent)!important}.quick-wide:disabled{opacity:.55!important}
.quick-editor-group{display:grid!important;gap:5px!important}.quick-status-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.quick-status-row button,.quick-level-row button{position:relative!important;min-height:42px!important;padding:7px 4px!important;border-radius:10px!important;border:1px solid var(--st-border-strong)!important;background:var(--st-surface-2)!important;color:var(--st-text-soft)!important;font-size:.61rem!important;font-weight:900!important}.quick-status-row button.active{border-color:var(--st-cyan)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--st-cyan) 16%,var(--st-surface)),var(--st-surface-2))!important;color:var(--st-cyan)!important}.quick-status-row b,.quick-level-row b{display:block!important;margin-top:2px!important;font-size:.43rem!important;letter-spacing:.05em!important}
.quick-level-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}.quick-level-row button{--level-color:#dce5f3;color:var(--level-color)!important;border-color:color-mix(in srgb,var(--level-color) 48%,var(--st-border))!important;font-size:.9rem!important}.quick-level-row .level-2{--level-color:#4fce74}.quick-level-row .level-3{--level-color:#4c8fe8}.quick-level-row .level-4{--level-color:#a65ae2}.quick-level-row .level-5{--level-color:#e8c94c}.quick-level-row button.active{background:var(--level-color)!important;color:#07111f!important;border-color:color-mix(in srgb,var(--level-color) 82%,white)!important;box-shadow:0 0 17px color-mix(in srgb,var(--level-color) 34%,transparent)!important;transform:translateY(-1px)!important}.quick-level-row .level-5.active{color:#211a02!important}
.quick-editor-tiles{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.quick-tile{min-height:68px!important;padding:8px 10px!important;border:1px solid var(--st-border-strong)!important;border-radius:11px!important;background:var(--st-surface-2)!important;color:var(--st-text)!important;display:grid!important;grid-template-columns:auto 1fr!important;column-gap:7px!important;text-align:left!important;align-items:center!important}.quick-tile>span{grid-row:1/3!important}.quick-tile strong,.quick-tile small{display:block!important}.quick-tile strong{font-size:.61rem!important}.quick-tile small{font-size:.53rem!important;color:var(--st-muted)!important}.quick-tile.mastery.active{border-color:rgba(255,76,95,.58)!important;background:linear-gradient(145deg,rgba(255,76,95,.12),var(--st-surface-2))!important}.quick-save{min-height:44px!important;border-radius:11px!important}.quick-editor-note{min-height:1.35em!important;margin:0!important;color:var(--st-muted)!important;font-size:.62rem!important}

/* Restore the semantic Level palette in the full Sprite information dialog. */
.sprite-info-level{--level-color:#dce5f3!important;border:1px solid color-mix(in srgb,var(--level-color) 34%,transparent)!important;border-left:4px solid var(--level-color)!important;background:color-mix(in srgb,var(--level-color) 6%,rgba(255,255,255,.025))!important}.sprite-info-level.level-2{--level-color:#4fce74!important}.sprite-info-level.level-3{--level-color:#4c8fe8!important}.sprite-info-level.level-4{--level-color:#a65ae2!important}.sprite-info-level.level-5{--level-color:#e8c94c!important}.sprite-info-level b{color:var(--level-color)!important}.sprite-info-level.is-current{background:color-mix(in srgb,var(--level-color) 15%,var(--st-surface-2))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--level-color) 58%,transparent),0 0 18px color-mix(in srgb,var(--level-color) 14%,transparent)!important}.sprite-info-level.is-reached:not(.is-current){opacity:.84!important}

@media(max-width:900px){.top>#title.visually-hidden-page-title{display:none!important}.top .actions>#activityButton{margin-left:7px!important}.top .actions>.admin-mode-toggle{margin-right:5px!important}.header-profile-dust{inset:7px!important}.account-menu-trigger .account-trigger-copy{display:grid!important}.content{width:calc(100% - 16px)!important;margin-inline:8px!important}.compare-hero-actions{padding:0}.back-to-squads{width:100%!important}}
@media(max-width:520px){#modal.sprite-editor-modal{padding:7px!important;place-items:end center!important}#modal.sprite-editor-modal .dialog{width:100%!important;max-height:calc(100dvh - 14px)!important;padding:11px!important;border-radius:19px 19px 10px 10px!important}.quick-editor-tiles{grid-template-columns:1fr!important}.quick-status-row button{font-size:.56rem!important}.quick-level-row{gap:4px!important}.quick-level-row button{min-height:40px!important}.account-menu-trigger .account-trigger-copy strong{font-size:.67rem!important}}
@media(prefers-reduced-motion:reduce){.header-profile-dust,.header-profile-dust::after{animation:none!important}.header-profile-dust{opacity:.7!important}}


/* Readability baseline requested after desktop review. */
html{font-size:calc(19px * var(--fs-scale,1))!important}
body{font-size:1rem!important}
.sub,.muted{font-size:max(16px,.895rem)!important;line-height:1.55!important}
small{font-size:max(16px,.72rem)}
.btn,.input,select,textarea{font-size:max(16px,.95rem)!important}
.eyebrow{font-size:16px!important}
.account-dropdown{font-size:.94rem!important}
.account-facts{font-size:max(16px,.895rem)!important;line-height:1.5!important}
.account-menu-nav a,.account-menu-nav button,.account-menu-actions button{font-size:.92rem!important;line-height:1.25!important;min-height:42px!important}
.account-menu-trigger .account-trigger-copy strong{font-size:.88rem!important}
.header-sprite-quote q{font-size:.82rem!important;line-height:1.5!important}
.header-sprite-quote{grid-template-columns:62px minmax(0,1fr) 32px!important;min-height:80px!important}
.header-sprite-quote img{width:58px!important;height:58px!important}
.header-sprite-quote strong,.header-sprite-quote cite{font-size:20px!important;line-height:1.2!important}
.quick-editor-title>span,.quick-editor-label{font-size:16px!important}
.quick-status-row button,.quick-tile strong{font-size:max(16px,.895rem)!important}
.quick-editor-note,.quick-editor-title small,.quick-tile small{font-size:16px!important}

/* Nested Account & Security / Data & Backups layout. */
#accountPage .account-security-recovery{margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--st-border)!important}
#accountPage .account-data-controls{margin-top:20px!important;padding-top:18px!important;border-top:1px solid var(--st-border)!important}

/* Keep comparison headings in their own row above Sprite content. */
.compare-matrix-scroll{isolation:isolate!important;scroll-padding-top:72px!important}
.compare-table-head{z-index:8!important;min-height:68px!important;align-content:center!important;box-shadow:0 8px 14px rgba(0,0,0,.2)!important}
.compare-table-head.compare-sticky-label{z-index:10!important}
.compare-family-label,.compare-family-total{min-height:76px!important;align-content:center!important}
.compare-family-label{overflow:hidden!important}

@media(max-width:900px){html{font-size:calc(18px * var(--fs-scale,1))!important}}
.event-list-admin{display:flex!important;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid var(--st-border)}
.event-list-admin>span{color:var(--st-cyan);font-size:.62rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.event-list-admin label{display:flex;align-items:center;gap:6px;color:var(--st-text-soft);font-size:.72rem;font-weight:800}.event-list-admin input{inline-size:18px;block-size:18px;accent-color:var(--st-cyan)}.event-list-admin .btn{min-height:36px;padding:7px 10px;font-size:.7rem}