/* v128 — the approved A/B/C directions. Keep the persisted theme IDs.
   This file intentionally does not match the fourth (epic) appearance.
   Load after the existing component styles and member-access.css. */

/* A / classic: deep jade, champagne details, gently sculpted surfaces. */
:root[data-appearance="classic"] {
  color-scheme:dark;
  --world-bg:#102720;--world-nav:#132d24;--world-card-radius:18px;--world-accent-rgb:222,199,148;
  --world-heading:'Noto Serif TC',serif;--world-cover-height:278px;
  --world-cover-shade:#10271f;--world-cover-ink:#fff6e9;
  --world-shadow:0 8px 24px #05170f30,0 1px 0 #cfe8d10a inset;
  --world-button-shadow:0 3px 0 #061c1560;--world-glow:#dec79418;
  --ui-panel:#1c382e;--ui-raised:#264638;--ui-inset:#122c23;
  --ui-ink:#f1f2e5;--ui-muted:#b9cdbd;--ui-line:#506959;
  --ui-accent:#dec794;--ui-on-accent:#202c22;--ui-soft:#29493b;
  --ui-control-line:#8aa88e;--ui-radius:12px;
  --ui-danger:#ffc0b1;--ui-danger-bg:#492b2a;
  --ui-success:#c2e8bf;--ui-success-bg:#284b35;
}
/* B / cloud: warm paper, forest ink, rounded illustrated invitations. */
:root[data-appearance="cloud"] {
  color-scheme:light;
  --world-bg:#f1eddf;--world-nav:#fffcf5;--world-card-radius:26px;--world-accent-rgb:55,100,81;
  --world-heading:'Noto Sans TC',sans-serif;--world-cover-height:232px;
  --world-cover-shade:#172920;--world-cover-ink:#fffaf0;
  --world-shadow:0 5px 0 #dce0cf,0 12px 25px #344e4308;
  --world-button-shadow:0 3px 0 #254635;--world-glow:#3764510a;
  --ui-panel:#fffcf5;--ui-raised:#f0f1e5;--ui-inset:#e9eddf;
  --ui-ink:#344e43;--ui-muted:#55695e;--ui-line:#c6ceba;
  --ui-accent:#376451;--ui-on-accent:#fffdf6;--ui-soft:#e5ebd8;
  --ui-control-line:#758774;--ui-radius:16px;
  --ui-danger:#8b3c2c;--ui-danger-bg:#f9e5dc;
  --ui-success:#306044;--ui-success-bg:#dfecd9;
  --cloud-ink:var(--ui-ink);--cloud-muted:var(--ui-muted);
  --cloud-green:var(--ui-accent);--cloud-mint:var(--ui-soft);--cloud-border:var(--ui-line);
}
/* C / maple: ink-blue briefing panels, mint signals, precise geometry. */
:root[data-appearance="maple"] {
  color-scheme:dark;
  --world-bg:#0e1321;--world-nav:#121b2b;--world-card-radius:8px;--world-accent-rgb:104,235,208;
  --world-heading:'Noto Sans TC',sans-serif;--world-cover-height:242px;
  --world-cover-shade:#121c2d;--world-cover-ink:#f3f7ff;
  --world-shadow:0 10px 28px #02071030,0 0 18px #68ebd008;
  --world-button-shadow:0 0 18px #68ebd017;--world-glow:#68ebd014;
  --ui-panel:#171f30;--ui-raised:#202c42;--ui-inset:#0f192b;
  --ui-ink:#e8effb;--ui-muted:#aab9cf;--ui-line:#39475d;
  --ui-accent:#68ebd0;--ui-on-accent:#10251f;--ui-soft:#233149;
  --ui-control-line:#7488a4;--ui-radius:6px;
  --ui-danger:#ffc0cc;--ui-danger-bg:#422b3b;
  --ui-success:#a0ebce;--ui-success-bg:#1d3c35;
}

/* Bridge older components to the same palette instead of leaving card-local
   browns, cream panels or old midnight-gold controls behind. */
:root:is([data-appearance="classic"],[data-appearance="cloud"],[data-appearance="maple"]) {
  --ink-950:var(--world-bg);--ink-900:var(--world-nav);
  --ink-850:var(--ui-panel);--ink-800:var(--ui-raised);
  --paper:var(--ui-ink);--paper-soft:var(--ui-muted);--paper-muted:var(--ui-muted);
  --text:var(--ui-ink);--muted:var(--ui-muted);--text-muted:var(--ui-muted);--muted-ui:var(--ui-muted);
  --gold:var(--ui-accent);--gold-300:var(--ui-accent);--gold-400:var(--ui-accent);
  --gold-500:var(--ui-accent);--gold-700:var(--ui-line);--jade:var(--ui-accent);--jade2:var(--ui-accent);
  --surface:var(--ui-panel);--surface-soft:var(--ui-raised);--line:var(--ui-line);
  --hairline:var(--ui-line);--hairline-strong:var(--ui-control-line);
  --radius-control:var(--ui-radius);--radius-lg:var(--world-card-radius);--radius-xl:var(--world-card-radius);
  --shadow-card:var(--world-shadow);--shadow-float:0 24px 70px #0004;--shadow:var(--shadow-float);
  background:var(--world-bg);
  & body {background:var(--world-bg)!important;color:var(--ui-ink);}
  & .app-shell {background:transparent!important}
  & #mainContent .page {--page-accent:var(--ui-accent);--page-accent-rgb:var(--world-accent-rgb)}
  & :is(.topbar,.drawer,.bottom-nav) {background:var(--world-nav)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
  & :is(.topbar,.drawer,.bottom-nav) :is(.brand-lockup strong,.drawer-head strong) {color:var(--ui-ink)!important}
  & .drawer-head :is(small,span) {color:var(--ui-muted)!important}
  & :is(.topbar .icon-button,.appearance-shortcut,.notification-center-button,.profile-button) {
    background:var(--ui-panel)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;
    border-radius:var(--ui-radius)!important;box-shadow:none!important;
  }
  & .icon-button span {background:var(--ui-ink)!important}
  & .drawer-account {background:var(--ui-panel)!important;border-color:var(--ui-line)!important;border-radius:var(--world-card-radius)!important}
  & .drawer-account :is(strong,em,b) {color:var(--ui-ink)!important}
  & .drawer-account :is(small,span) {color:var(--ui-muted)!important}
  & .drawer-account-actions button {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important}
  & .drawer-account-avatar {background:var(--ui-soft)!important;border-color:var(--ui-line)!important}
  & .drawer-nav button {
    min-height:52px;background:transparent!important;color:var(--ui-muted)!important;
    border:1px solid transparent!important;border-radius:var(--ui-radius)!important;box-shadow:none!important;
  }
  & .drawer-nav button b {background:transparent!important;color:inherit!important;border:0!important;border-radius:var(--ui-radius)!important}
  & .drawer-nav button.active {background:var(--ui-soft)!important;color:var(--ui-ink)!important;border-color:var(--ui-control-line)!important}
  & .drawer-nav button.active b {background:transparent!important;color:var(--ui-accent)!important}
  & .drawer-nav button:after {color:var(--ui-muted)!important}
  & .drawer-nav button.active:before {background:var(--ui-accent)!important}
  & .bottom-nav button {color:var(--ui-muted)!important}
  & .bottom-nav button.active {color:var(--ui-accent)!important;background:var(--world-glow)!important;border-radius:var(--ui-radius)!important}
  & .bottom-nav button.active span {color:var(--ui-accent)!important;background:var(--ui-soft)!important;box-shadow:none!important}
  & .bottom-nav .main-action span {background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;box-shadow:none!important}

  & #mainContent .page-title {border-color:var(--ui-line)!important;background:none!important}
  & #mainContent .page-title h1 {color:var(--ui-ink)!important;font-family:var(--world-heading)!important;line-height:1.4}
  & #mainContent .page-title :is(p,div>span) {color:var(--ui-muted)!important}
  & #mainContent .page-seal {color:var(--ui-accent)!important;background:var(--ui-soft)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;outline:0;box-shadow:none!important}
  & #mainContent .section-heading {border-color:var(--ui-line)!important}
  & #mainContent .section-heading h2 {color:var(--ui-ink)!important;font-family:var(--world-heading)!important}
  & #mainContent .section-heading span {color:var(--ui-muted)!important}
  & #mainContent .section-heading>button {color:var(--ui-accent)!important;min-height:44px}
  & #mainContent :is(.raid-card,.guide-article,.character-card,.member-row,.member-summary,.home-data-empty,.empty-state,.ops-panel,.feedback-intro,.feedback-home-entry,.loot-flow-disclosure) {
    color:var(--ui-ink)!important;background:var(--ui-panel)!important;border-color:var(--ui-line)!important;
    border-radius:var(--world-card-radius)!important;box-shadow:var(--world-shadow)!important;
  }
  & #mainContent :is(.raid-info h3,.character-card h2,.guide-article h3,.guide-content h3,.guide-content h4,.guide-content h5) {color:var(--ui-ink)!important;font-family:var(--world-heading)!important}
  & #mainContent :is(.raid-info p,.raid-info small,.character-card p,.character-card small,.guide-content,.guide-content p,.guide-content li) {color:var(--ui-muted)!important}
  & #mainContent :is(.guide-row div strong,.guide-toc strong,.guide-toc button) {color:var(--ui-ink)!important}
  & #mainContent :is(.guide-row div span,.guide-row div small) {color:var(--ui-muted)!important}
  & #mainContent :is(.guide-toc,.guide-content blockquote,.loot-flow-guide) {background:var(--ui-raised)!important;border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important}
  & #mainContent :is(.guide-toc a,.guide-content a) {color:var(--ui-accent)!important}
  & #mainContent .guide-content-collapsed:after {background:linear-gradient(transparent,var(--ui-panel))!important}
  & #mainContent :is(.character-avatar,.member-avatar,.guide-row i) {background:var(--ui-soft)!important;color:var(--ui-accent)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
  & #mainContent :is(.guide-read-toggle,.guide-edit,.guide-back-top,.character-card button) {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;min-height:44px;box-shadow:none!important}
  & #mainContent :is(.search,.add-card) {background:var(--ui-panel)!important;color:var(--ui-muted)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}
  & #mainContent :is(.guide-home-card,.guide-card,.admin-menu>div) {background:var(--ui-panel)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;border-radius:var(--world-card-radius)!important;box-shadow:var(--world-shadow)!important}
  & #mainContent :is(.member-row small,.member-card p,.guide-home-card p,.guide-home-card small) {color:var(--ui-muted)!important}

  /* A real ID in :is gives legacy !important buttons enough specificity, while
     limiting the scope to actual product surfaces. States remain separate. */
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button:is(.primary,.join-button,.party-action):not(.quiet):not(.cancel):not(.danger):not(:disabled) {
    background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;border:1px solid var(--ui-accent)!important;
    border-radius:var(--ui-radius)!important;box-shadow:var(--world-button-shadow)!important;text-shadow:none!important;min-height:44px;
  }
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button:is(.ghost,.text-button,.join-button.quiet,.party-action.cancel):not(.danger):not(:disabled) {
    background:var(--ui-raised)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-control-line)!important;
    border-radius:var(--ui-radius)!important;box-shadow:none!important;text-shadow:none!important;min-height:44px;
  }
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button.danger:not(:disabled) {
    background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;border:1px solid var(--ui-danger)!important;box-shadow:none!important;
  }
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet) button:is(.primary,.ghost,.party-action,.join-button,.text-button):before {display:none!important}
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button:disabled {
    background:var(--ui-inset)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important;
    opacity:1!important;filter:none!important;transform:none!important;box-shadow:none!important;cursor:not-allowed;
  }
  & :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--ui-accent)!important;outline-offset:3px}
  & :is(input,select,textarea) {accent-color:var(--ui-accent)}
  & :is(#mainContent,.login-modal,.avatar-sheet) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]),select,textarea) {
    color:var(--ui-ink)!important;background:var(--ui-inset)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;
    color-scheme:inherit;caret-color:var(--ui-accent);box-shadow:none!important;
    &:focus:not(:disabled) {border-color:var(--ui-accent)!important}
    &:is([readonly],:disabled) {background:var(--ui-raised)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
    &[aria-invalid="true"]:not(:disabled) {border-color:var(--ui-danger)!important;box-shadow:0 0 0 2px var(--ui-danger-bg)!important}
  }
  & :is(#mainContent,.login-modal,.avatar-sheet) :is(input,textarea)::placeholder {color:var(--ui-muted)!important;opacity:1}
  & :is(#mainContent,.login-modal,.avatar-sheet) :is(input,textarea,select):is(:autofill,:-webkit-autofill) {
    -webkit-text-fill-color:var(--ui-ink)!important;-webkit-box-shadow:0 0 0 1000px var(--ui-inset) inset!important;caret-color:var(--ui-ink);
  }

  & #mainContent :is(.party-browse-tools,.loot-browse-tools,.filter-chips) {background:transparent!important;box-shadow:none!important}
  & #mainContent .filter-chips {gap:5px;border-color:var(--ui-line)!important}
  & #mainContent .filter-chips button {background:transparent!important;color:var(--ui-muted)!important;border:1px solid transparent!important;border-radius:var(--ui-radius)!important;box-shadow:none!important;min-height:44px}
  & #mainContent .filter-chips button.active {background:var(--ui-soft)!important;color:var(--ui-ink)!important;border-color:var(--ui-control-line)!important}
  & #mainContent .filter-count {background:var(--ui-raised)!important;color:var(--ui-muted)!important;border-radius:5px!important}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) {background:var(--ui-inset)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important;padding:4px}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) button {color:var(--ui-muted)!important;background:transparent!important;border-radius:calc(var(--ui-radius) - 3px)!important;box-shadow:none!important;min-height:44px}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) button[aria-pressed="true"] {color:var(--ui-ink)!important;background:var(--ui-soft)!important;border-color:var(--ui-control-line)!important}
  & #mainContent :is(.party-carousel-nav,.loot-carousel-nav) button {background:var(--ui-raised)!important;color:var(--ui-accent)!important;border:1px solid var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;min-height:44px;box-shadow:none!important}
  & #mainContent :is(.party-carousel-nav,.loot-carousel-nav) button:disabled {background:var(--ui-inset)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
  & :is(#partyCarouselStatus,#lootCarouselStatus) {background:transparent!important;color:var(--ui-muted)!important;border:0!important}

  /* Both list and card modes, including expanded management controls. */
  & #partyList[data-layout]>.party-panel {background:var(--ui-panel)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:var(--world-card-radius)!important;box-shadow:var(--world-shadow)!important}
  & #partyList[data-layout="cards"]>.party-panel {min-height:0;overflow:hidden}
  & #partyList[data-layout="list"]>.party-panel :is(h3,.eyebrow) {color:var(--ui-ink)!important}
  & #partyList[data-layout="list"]>.party-panel .eyebrow {color:var(--ui-muted)!important}
  & #partyList[data-layout]>.party-panel .panel-status {color:var(--ui-ink)!important;background:var(--ui-soft)!important;border:1px solid var(--ui-control-line)!important;border-radius:calc(var(--ui-radius) * .65)!important;box-shadow:none!important}
  & #partyList[data-layout]>.party-panel[data-party-status="cancelled"] .panel-status {color:var(--ui-muted)!important;background:var(--ui-inset)!important;border-color:var(--ui-line)!important}
  & #partyList[data-layout]>.party-panel .party-capacity-summary {color:var(--ui-ink)!important;background:transparent!important;border-color:var(--ui-line)!important}
  & #partyList[data-layout]>.party-panel .party-format-medal {background:var(--ui-soft)!important;border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important}
  & #partyList[data-layout]>.party-panel .party-format-medal strong {color:var(--ui-accent)!important}
  & #partyList[data-layout]>.party-panel .party-capacity-summary :is(span,small,b) {color:var(--ui-muted)!important}
  & #partyList[data-layout]>.party-panel .party-format-copy b {color:var(--ui-ink)!important}
  & #partyList[data-layout]>.party-panel .party-requirement {background:transparent!important;box-shadow:none!important;border-color:var(--ui-line)!important}
  & #partyList[data-layout]>.party-panel .party-requirement p {color:var(--ui-ink)!important;line-height:1.85!important}
  & #partyList[data-layout]>.party-panel .party-requirement>span {color:var(--ui-muted)!important}
  & #partyList[data-layout]>.party-panel .party-requirement button {color:var(--ui-accent)!important;min-height:44px}
  & #partyList[data-layout]>.party-panel>.meta {border-color:var(--ui-line)!important}
  & #partyList[data-layout]>.party-panel>.meta span {background:var(--ui-inset)!important;color:var(--ui-muted)!important;border:1px solid var(--ui-line)!important;border-radius:calc(var(--ui-radius) * .6)!important}
  & #partyList[data-layout]>.party-panel .party-actions {border-color:var(--ui-line)!important}
  & #partyList[data-layout]>.party-panel .party-actions>.party-action:not(.cancel):not(.danger):not(:disabled) {background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--ui-accent)!important}
  & #partyList[data-layout]>.party-panel .party-actions button.party-action:disabled {background:var(--ui-inset)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important;box-shadow:none!important;opacity:1!important}
  & #partyList[data-layout]>.party-panel .party-actions>.party-action.cancel:not(:disabled),
  & #partyList[data-layout]>.party-panel .party-manage-menu>summary {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important}
  & #partyList[data-layout]>.party-panel .party-manage-menu>summary :is(b,small) {color:inherit!important}
  & #partyList[data-layout]>.party-panel .party-manage-menu>div {background:var(--ui-inset)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important}
  & #partyList[data-layout]>.party-panel .party-manage-menu p {color:var(--ui-muted)!important}
  & #partyList[data-layout]>.party-panel .party-manage-menu[open]>summary {background:var(--ui-soft)!important;border-color:var(--ui-accent)!important}

  /* Accounting has the same visual hierarchy as the recruitment card. */
  & #lootList[data-layout]>.loot-card {background:var(--ui-panel)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;border-radius:var(--world-card-radius)!important;box-shadow:var(--world-shadow)!important}
  & #lootList .loot-card-main {background:var(--ui-raised)!important;border-color:var(--ui-line)!important}
  & #lootList .loot-card-copy h3 {color:var(--ui-ink)!important;font-family:var(--world-heading)!important}
  & #lootList :is(.loot-card-copy>p,.loot-card-meta>span:first-child,.loot-value-row span,.loot-card-progress>div,.loot-card-footer>span,.loot-card-receipts small) {color:var(--ui-muted)!important}
  & #lootList :is(.loot-value-row,.loot-card-receipts,.loot-card-progress) {background:var(--ui-panel)!important;border-color:var(--ui-line)!important}
  & #lootList :is(.loot-drop-inline,.loot-summary>div) {background:var(--ui-inset)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
  & #lootList :is(.loot-drop-inline>span,.loot-card-progress strong,.loot-card-receipts>span) {color:var(--ui-muted)!important}
  & #lootList .loot-value-row>div {background:transparent!important;border:0!important}
  & #lootList .loot-value-row strong {color:var(--ui-accent)!important}
  & #lootList .loot-card-receipt {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important}
  & #lootList .loot-card-receipt.received {background:var(--ui-success-bg)!important;color:var(--ui-success)!important;border-color:var(--ui-success)!important}
  & #lootList .loot-card-receipt :is(b,small,em) {color:inherit!important;background:transparent!important}
  & #lootList .loot-card-footer {background:var(--ui-inset)!important;border-color:var(--ui-line)!important}
  & #lootList .loot-card-footer button {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important;min-height:44px}
  & #lootList .loot-card.has-own-unreceived {border-color:var(--ui-accent)!important}
  & #lootList .loot-card.has-own-unreceived .loot-card-footer>span {color:var(--ui-accent)!important}

  /* Component geometry and safe-area rules remain owned by the dialog system. */
  & :is(.login-modal,.avatar-sheet)>section:is([role="dialog"],[role="alertdialog"]) {background:var(--ui-panel)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;border-radius:var(--world-card-radius)!important}
  & .dialog-close-bar {background:var(--ui-panel)!important;border-color:var(--ui-line)!important}
  & .dialog-close-bar .modal-close {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border-color:var(--ui-control-line)!important}
  & :is(#partyModal,#guideModal,#characterModal,#lootModal,#onboardingModal) .dialog-actions {background:var(--ui-panel)!important;border-color:var(--ui-line)!important}
  & #loginModal {
    --access-brand:var(--world-nav);--access-brand-glow:var(--ui-soft);--access-brand-ink:var(--ui-ink);
    --access-brand-muted:var(--ui-muted);--access-metal:var(--ui-accent);--access-radius:var(--world-card-radius);
  }
  & #loginModal .member-access-dialog {border-radius:var(--world-card-radius)!important}
  & #loginModal #loginTitle {font-family:var(--world-heading)!important}
  & #loginModal #loginForm input:not([type="checkbox"]),& #loginModal :is(#loginSubmit,#signupButton) {border-radius:var(--ui-radius)!important}
  & #loginModal #loginSubmit:not(:disabled) {background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;box-shadow:var(--world-button-shadow)!important}
  & #loginModal #forgotPasswordButton:not(:disabled) {background:transparent!important;border:0!important;color:var(--ui-muted)!important}
  & #loginModal #signupButton:not(:disabled) {background:transparent!important;color:var(--ui-ink)!important;border-color:var(--ui-control-line)!important}
  & #loginModal :is(#loginSubmit,#signupButton,#forgotPasswordButton):disabled {background:var(--ui-inset)!important;color:var(--ui-muted)!important;box-shadow:none!important}
}

/* Complete the smaller account, administration and status surfaces. Their
   geometry remains component-owned; only the old material/color rules change. */
:root:is([data-appearance="classic"],[data-appearance="cloud"],[data-appearance="maple"]) {
  & #mainContent .admin-menu>summary {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border:1px solid var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important;min-height:44px}
  & #mainContent .admin-menu>summary:after {color:var(--ui-muted)!important}
  & #mainContent .admin-menu[open]>summary {background:var(--ui-soft)!important;border-color:var(--ui-accent)!important}
  & #mainContent :is(.management-center-entry,.membership-review-entry)>span,
  & .notification-center-button>span {background:var(--ui-accent)!important;color:var(--ui-on-accent)!important;border-color:var(--world-nav)!important;box-shadow:none!important}
  & #mainContent :is(.member-role,.member-no-character) {background:var(--ui-raised)!important;color:var(--ui-muted)!important;border-color:var(--ui-line)!important}
  & #mainContent .selected-label {background:var(--ui-accent)!important;color:var(--ui-on-accent)!important}
  & #mainContent .guide-delete {min-height:44px;font-size:12px}
  & #mainContent .guide-delete:not(:disabled) {background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;border-color:var(--ui-danger)!important;box-shadow:none!important;border-radius:var(--ui-radius)!important}
  & #mainContent .guide-row {background:var(--ui-panel)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
  & #mainContent :is(.home-data-empty strong,.empty-state h2) {color:var(--ui-ink)!important}
  & #mainContent .empty-state :is(p,small) {color:var(--ui-muted)!important}
  & #mainContent .empty-state>b {background:var(--ui-soft)!important;color:var(--ui-accent)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
  & #mainContent .badges span {background:var(--ui-soft)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
  & #mainContent .badges .open {background:var(--ui-success-bg)!important;color:var(--ui-success)!important;border-color:var(--ui-success)!important}
  & #mainContent .party-progress {background:var(--ui-inset)!important}
  & #mainContent .party-progress i {background:var(--ui-accent)!important}

  & #mainContent .loot-flow-disclosure>summary,
  & #mainContent .loot-flow-guide strong {color:var(--ui-ink)!important}
  & #mainContent .loot-flow-disclosure>summary:after {color:var(--ui-accent)!important}
  & #mainContent .loot-flow-guide>div>b {background:var(--ui-soft)!important;color:var(--ui-accent)!important;border-color:var(--ui-line)!important;box-shadow:none!important;border-radius:calc(var(--ui-radius) * .65)!important}
  & #mainContent .loot-flow-guide>i {background:var(--ui-line)!important}
  & #lootDetailModal .loot-detail-money>div:nth-of-type(2),
  & #lootDetailModal .loot-detail-members>div>strong {border-color:var(--ui-line)!important}
  & #lootDetailModal .loot-stage-note:is(.distributed,.closed) {background:var(--ui-success-bg)!important;border-color:var(--ui-success)!important}
  & #lootDetailModal .loot-stage-note:is(.distributed,.closed) b {color:var(--ui-success)!important}
  & #lootDetailModal .loot-stage-note.pending_approval {background:var(--ui-soft)!important;border-color:var(--ui-accent)!important}
  & #lootDetailModal .loot-stage-note.pending_approval b {color:var(--ui-accent)!important}
  & #lootModal .loot-member-picker {background:var(--ui-inset)!important;border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}
  & #lootModal .loot-member-check.static i {background:var(--ui-soft)!important}
  & .loot-viewer button {border-radius:var(--ui-radius)!important;box-shadow:none!important}

  & #avatarSheet .avatar-preview {background:var(--ui-soft)!important;border-color:var(--ui-control-line)!important;box-shadow:none!important;border-radius:var(--world-card-radius)!important}
  & #avatarSheet .avatar-preview span {color:var(--ui-accent)!important}
  & #avatarSheet>section>:is(p,small) {color:var(--ui-muted)!important;font-size:12px;line-height:1.8}
  & .image-letter-fallback {color:var(--ui-ink)!important;font-family:var(--world-heading)}
  & .media-art-fallback {color:var(--ui-accent)!important;background:var(--ui-soft)!important;font-family:var(--world-heading)}
  & .media-load-fallback {color:var(--ui-muted)!important;background:var(--ui-inset)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;font-size:12px;line-height:1.7}
  & #feedbackDetailModal p.feedback-thread-error,
  & #notificationCenterModal .notification-load-state.is-error p {color:var(--ui-danger)!important}
  & :is(#mainContent,.login-modal,.avatar-sheet) .field-counter {color:var(--ui-muted)!important;font-size:11px;line-height:1.6}
  & :is(#mainContent,.login-modal,.avatar-sheet) .field-counter.near-limit {color:var(--ui-accent)!important}
  & :is(#mainContent,.login-modal,.avatar-sheet) .form-state:not(:empty) {background:var(--ui-inset)!important;color:var(--ui-muted)!important;border-color:var(--ui-accent)!important;border-radius:0 var(--ui-radius) var(--ui-radius) 0!important;box-shadow:none!important}
  & #managementCenterModal .management-section>header {border-color:var(--ui-line)!important}
  & #managementCenterModal .management-center-head p {font-size:13px!important;line-height:1.8;color:var(--ui-muted)!important}
  & #managementCenterModal .management-summary article>span {font-size:12px!important;line-height:1.7}
  & #managementCenterModal :is(.management-item small,.management-activity span,.management-activity small) {font-size:12px!important;line-height:1.75;overflow-wrap:anywhere}
  & #managementCenterModal .management-section>header span {font-size:11px!important;line-height:1.6}
  & #managementCenterModal .management-summary article:after {background:var(--world-glow)!important}
  & #managementCenterModal .management-activity li>i {background:var(--ui-accent)!important;box-shadow:none!important}
  & #managementCenterModal .management-activity li>i.member {background:var(--ui-success)!important}
  & #roleHistoryModal .role-history-item small {font-size:12px!important;line-height:1.7;overflow-wrap:anywhere}
  & #roleHistoryModal .role-history-item p span {font-size:11px!important;line-height:1.6}
  & #roleHistoryModal .role-history-item>div {flex-wrap:wrap;gap:4px 10px}
  & #roleHistoryModal .role-history-item p {flex-wrap:wrap;gap:6px}

  & #onboardingModal :is(.onboarding-steps p,.onboarding-setup-card>p,.onboarding-note) {font-size:13px!important;line-height:1.8}
  & #onboardingModal :is(.onboarding-setup-card>small,.desktop-web-guide p small) {font-size:12px!important;line-height:1.75}
  & #onboardingModal :is(.onboarding-section-heading>small,.onboarding-setup-card>span,.desktop-web-guide>div>span) {font-size:11px!important;line-height:1.7}
  & #onboardingModal .desktop-web-guide p strong {font-size:13px!important;line-height:1.65}
  & #onboardingModal .onboarding-section-heading {flex-wrap:wrap;gap:4px 10px}

  & #notificationSettingsModal .push-device-summary {background:transparent!important;border:0!important;box-shadow:none!important}
  & #notificationSettingsModal .push-device-summary>span {background:var(--ui-raised)!important;border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important}
  & #notificationSettingsModal :is(.push-device-summary small,.notification-sound-setting small,.notification-master small,.push-status-card small) {font-size:12px!important;line-height:1.7}
  & #notificationSettingsModal .push-device-summary strong {font-size:13px!important;line-height:1.6;overflow-wrap:anywhere}
  & #notificationSettingsModal .push-status-card[data-state="active"] {background:var(--ui-success-bg)!important;border-color:var(--ui-success)!important}
  & #notificationSettingsModal .push-status-card[data-state="active"] b {color:var(--ui-success)!important}
  & #notificationSettingsModal .push-status-card:is([data-state="blocked"],[data-state="unavailable"]) {background:var(--ui-danger-bg)!important;border-color:var(--ui-danger)!important}
  & #notificationSettingsModal .push-status-card:is([data-state="blocked"],[data-state="unavailable"]) b {color:var(--ui-danger)!important}
  & #connectionBanner {background:var(--ui-raised)!important;color:var(--ui-ink)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--world-shadow)!important}
  & #connectionBanner>span {background:var(--ui-accent)!important;color:var(--ui-on-accent)!important}
  & #connectionBanner strong {color:var(--ui-ink)!important}
  & #connectionBanner small {color:var(--ui-muted)!important}
  & #toast {
    --toast-surface:var(--ui-panel);--toast-ink:var(--ui-ink);--toast-border:var(--ui-line);
    background:var(--toast-surface)!important;color:var(--toast-ink)!important;border-color:var(--toast-border)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--shadow-float)!important;
    &.success {--toast-surface:var(--ui-success-bg);--toast-ink:var(--ui-success);--toast-border:var(--ui-success)}
    &.warning {--toast-surface:var(--ui-soft);--toast-ink:var(--ui-accent);--toast-border:var(--ui-accent)}
    &.error {--toast-surface:var(--ui-danger-bg);--toast-ink:var(--ui-danger);--toast-border:var(--ui-danger)}
    &>b {background:var(--toast-ink)!important;color:var(--toast-surface)!important;box-shadow:none!important}
  }

  & #membershipGate {background:var(--world-bg)!important}
  & #membershipGate .membership-gate-card {background:var(--ui-panel)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;border-radius:var(--world-card-radius)!important;box-shadow:var(--world-shadow)!important}
  & #membershipGate .membership-gate-mark {background:var(--ui-soft)!important;color:var(--ui-accent)!important;border-color:var(--ui-control-line)!important;border-radius:var(--ui-radius)!important;box-shadow:none!important}
  & #membershipGate h1 {color:var(--ui-ink)!important;font-family:var(--world-heading)!important;line-height:1.4}
  & #membershipGate .membership-gate-card>:is(p,small) {color:var(--ui-muted)!important}
  & #membershipGate .membership-gate-status {background:var(--ui-soft)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;border-radius:var(--ui-radius)!important}
  & #membershipGate .membership-gate-status i {background:currentColor!important;box-shadow:none!important}
  & #membershipGate:is([data-status="suspended"],[data-status="rejected"]) .membership-gate-status {background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;border-color:var(--ui-danger)!important}
}

/* A: jade invitation covers flow into the card rather than a black/gold slab. */
:root[data-appearance="classic"] {
  & #mainContent .hero-card {background:radial-gradient(ellipse at 85% 20%,#7eab7440,transparent 54%),linear-gradient(100deg,#173a2cf5 0%,#173a2cf2 38%,#173a2c65 100%),url('assets/zhuyu-world-bg-desktop-v24-v78.webp') center/cover!important;border:1px solid var(--ui-line)!important;border-radius:24px!important;box-shadow:var(--world-shadow)!important}
  & #mainContent .hero-card:before {border-color:#dec79426;border-radius:16px}
  & #mainContent .hero-card:after {border-color:#dec79442;background:#6aa6810d}
  & #mainContent .classic-welcome h1 {color:var(--ui-ink)!important;letter-spacing:.04em}
  & #mainContent .classic-welcome h1 em {color:var(--ui-accent)!important}
  & #mainContent .classic-welcome p,& #mainContent .classic-chapter {color:var(--ui-muted)!important}
  & #mainContent .classic-welcome>p>span {background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-ink);border-radius:7px}
  & #mainContent .classic-chapter i {background:var(--ui-accent)}
  & #mainContent .hero-party-summary {border-color:var(--ui-accent)!important}
  & #mainContent .hero-party-summary :is(span,small) {color:var(--ui-muted)!important}
  & #mainContent .hero-party-summary strong {color:var(--ui-ink)!important}
  & #mainContent .stat-grid {background:var(--ui-panel);border-color:var(--ui-line);border-radius:var(--world-card-radius)}
  & #mainContent .stat-grid button {border-color:var(--ui-line)!important}
  & #mainContent .stat-grid strong {color:var(--ui-accent)!important}
  & #mainContent .stat-grid :is(span,small) {color:var(--ui-muted)!important}
}

/* Dark-world covers share mechanics; their silhouette and rhythm differ. */
:root:is([data-appearance="classic"],[data-appearance="maple"]) {
  & #partyList[data-layout="cards"]>.party-panel:before,
  & #partyList[data-layout="cards"]>.party-panel:after {inset:0 0 auto!important;height:var(--world-cover-height)!important;border-radius:calc(var(--world-card-radius) - 1px) calc(var(--world-card-radius) - 1px) 0 0!important}
  & #partyList[data-layout="cards"]>.party-panel:after {background:linear-gradient(180deg,#06110d14 14%,#07181018 36%,var(--world-cover-shade) 100%)!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-top {min-height:var(--world-cover-height);padding:150px 22px 20px;background:none!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-top:before {color:#f0ebdb;letter-spacing:.15em}
  & #partyList[data-layout="cards"]>.party-panel h3 {font-family:var(--world-heading)!important;color:var(--world-cover-ink)!important;font-size:25px!important;line-height:1.45!important}
  & #partyList[data-layout="cards"]>.party-panel .eyebrow {color:#e4eadd!important;line-height:1.85!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-status {background:var(--world-nav)!important;color:var(--ui-accent)!important;border-color:var(--ui-control-line)!important}
}

/* B: an inset illustrated cover, generous paper margins, a small stamp. The
   existing cloud thumbnail is deliberately reused: its loader does not set
   --party-art, so changing to a background would break images on fresh visits. */
:root[data-appearance="cloud"] {
  & #mainContent .hero-card {background:#e5ead8!important;border-color:var(--ui-line)!important;border-radius:30px!important;box-shadow:var(--world-shadow)!important}
  & #mainContent .cloud-welcome h1 {color:var(--ui-ink)!important}
  & #mainContent .cloud-welcome h1 em {color:var(--ui-accent)!important;background:linear-gradient(transparent 78%,#ccd9b9 0)}
  & #mainContent .cloud-art-note {background:var(--ui-panel);border-color:var(--ui-line);color:var(--ui-ink);box-shadow:0 3px 0 #c6ceba60}
  & #mainContent .hero-party-summary {background:var(--ui-panel)!important;border-color:var(--ui-line)!important;border-radius:18px 18px 18px 4px}
  & #mainContent .hero-party-summary strong {color:var(--ui-ink)!important}
  & #mainContent .hero-party-summary :is(span,small) {color:var(--ui-muted)!important}
  & #mainContent .stat-grid button {background:var(--ui-panel)!important;border-color:var(--ui-line)!important;box-shadow:var(--world-shadow)!important;border-radius:22px!important}
  & #mainContent .stat-grid button:nth-child(2) {background:#f4e7d6!important}
  & #mainContent .stat-grid button:nth-child(3) {background:#e6ebdb!important}
  & #mainContent .stat-grid strong {color:var(--ui-ink)!important}
  & #partyList[data-layout="cards"]>.party-panel {padding:0!important;gap:0!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-top {
    position:relative;isolation:isolate;inset:auto;display:flex;flex-direction:row;align-items:flex-end;
    min-height:var(--world-cover-height)!important;margin:12px 12px 0!important;padding:80px 18px 18px!important;
    overflow:hidden;border-radius:18px 18px 7px 7px;background:var(--world-cover-shade)!important;
  }
  & #partyList[data-layout="cards"]>.party-panel .panel-top:after {content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#11231912 20%,#10221940 45%,#102219ed 100%);pointer-events:none}
  & #partyList[data-layout="cards"]>.party-panel .panel-boss-heading {display:block!important;width:100%;min-width:0}
  & #partyList[data-layout="cards"]>.party-panel .panel-boss-heading>div {position:relative;z-index:2;display:flex;flex-direction:column-reverse;gap:7px;padding:0!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-boss-art {position:absolute;inset:0;z-index:0;width:100%!important;height:100%!important;min-height:100%;border:0!important;outline:0;box-shadow:none!important;border-radius:0!important;object-fit:cover;object-position:center 34%;transform:none}
  & #partyList[data-layout="cards"]>.party-panel h3 {color:var(--world-cover-ink)!important;font:800 24px/1.45 'Noto Sans TC',sans-serif!important;margin:0!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-boss-heading .eyebrow {color:#e8edde!important;font-size:11px!important;line-height:1.75!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-status {position:absolute;z-index:3;right:12px;top:12px;background:var(--ui-panel)!important;color:var(--ui-accent)!important;border-color:var(--ui-control-line)!important}
  & #partyList[data-layout="cards"]>.party-panel :is(.party-capacity-summary,.party-roster-block,.party-requirement,.party-actions),
  & #partyList[data-layout="cards"]>.party-panel>.meta {margin-inline:22px!important}
  & #partyList[data-layout="cards"]>.party-panel .party-capacity-summary {margin-top:10px!important;padding:16px 0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important}
  & #partyList[data-layout="cards"]>.party-panel .party-format-medal {transform:rotate(-3deg)}
  & #partyList[data-layout="cards"]>.party-panel>.party-roster-block {margin-top:14px!important}
  & #partyList[data-layout="cards"]>.party-panel .party-requirement {margin-top:16px!important}
  & #partyList[data-layout="cards"]>.party-panel>.meta {margin-top:12px!important;padding-block:13px!important}
  & #partyList[data-layout="cards"]>.party-panel .party-actions {margin-block:12px 22px!important;padding-top:16px!important;border-top:1px solid var(--ui-line)!important}
  & #partyList[data-layout="cards"]>.party-panel .party-actions>.party-action:not(.cancel):not(.danger):not(:disabled) {box-shadow:var(--world-button-shadow)!important}
  & #partyList[data-layout="list"]>.party-panel .panel-boss-art {border-radius:15px!important;border:3px solid var(--ui-panel)!important;outline:1px solid var(--ui-line);transform:rotate(-2deg)}
  & #loginModal {--access-brand:#e2e8d6;--access-brand-glow:#c9d8b8}
}

/* C: fewer curves, a clear signal line and a quiet tactical grid. */
:root[data-appearance="maple"] {
  & #mainContent .hero-card {background:radial-gradient(ellipse at 94% 0,#68ebd018,transparent 55%),#141e30!important;border:1px solid var(--ui-line)!important;border-top:3px solid var(--ui-accent)!important;border-radius:10px!important}
  & #mainContent .hero-card:before {background-image:linear-gradient(#68ebd008 1px,transparent 1px),linear-gradient(90deg,#68ebd008 1px,transparent 1px);background-size:44px 44px}
  & #mainContent .maple-welcome h1 {color:var(--ui-ink)!important;letter-spacing:.015em}
  & #mainContent .maple-welcome h1 em,& #mainContent .maple-welcome p b {color:var(--ui-accent)!important}
  & #mainContent .maple-welcome p,& #mainContent .maple-route {color:var(--ui-muted)!important}
  & #mainContent .maple-route i {background:var(--ui-accent)}
  & #mainContent .hero-party-summary {background:var(--ui-inset)!important;border-color:var(--ui-line)!important;border-left:3px solid var(--ui-accent)!important;border-radius:4px!important}
  & #mainContent .hero-party-summary strong {color:var(--ui-ink)!important}
  & #mainContent .hero-party-summary :is(span,small) {color:var(--ui-muted)!important}
  & #mainContent .stat-grid button {background:var(--ui-panel)!important;border-color:var(--ui-line)!important;border-radius:8px!important;box-shadow:none!important}
  & #mainContent .stat-grid strong {color:var(--ui-accent)!important}
  & #mainContent .stat-grid :is(span,small) {color:var(--ui-muted)!important}
  & .drawer-nav button.active {border-left:3px solid var(--ui-accent)!important;box-shadow:0 0 16px var(--world-glow)!important}
  & .drawer-nav button.active:after {color:var(--ui-accent)!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-top {padding-top:128px;border-bottom:2px solid var(--ui-accent)}
  & #partyList[data-layout="cards"]>.party-panel .panel-top:before {color:#bff9e9}
  & #partyList[data-layout="cards"]>.party-panel .recruitment-format {gap:10px;padding-block:16px!important}
  & #partyList[data-layout="cards"]>.party-panel .party-format-medal {border-radius:4px!important;border-color:var(--ui-control-line)!important}
  & #partyList[data-layout="cards"]>.party-panel .party-format-copy {background:var(--ui-inset);border:1px solid var(--ui-line);border-radius:4px;padding:8px 10px;flex:1}
  & #lootList .loot-card-main {border-bottom:2px solid var(--ui-accent)!important}
  & #loginModal .member-access-brand:before {background:linear-gradient(180deg,transparent,var(--access-brand)),repeating-linear-gradient(0deg,transparent 0 39px,#68ebd012 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#68ebd012 39px 40px);opacity:1}
  & #loginModal .member-access-brand:after {border-radius:16px;transform:translate(-50%,-58%) rotate(45deg);box-shadow:0 0 40px #68ebd00c}
}

@media(hover:hover) and (pointer:fine) {
  :root:is([data-appearance="classic"],[data-appearance="cloud"],[data-appearance="maple"]) {
    & .drawer-nav button:not(.active):hover {background:var(--ui-raised)!important;color:var(--ui-ink)!important}
    & #mainContent :is(.raid-card,.loot-card,.member-row):hover {border-color:var(--ui-control-line)!important}
    & :is(#mainContent,.login-modal,.avatar-sheet) button:is(.primary,.party-action):not(.cancel):not(.danger):not(:disabled):hover {filter:brightness(1.06);transform:translateY(-1px)}
  }
}
@media(max-width:849px) {
  :root[data-appearance="classic"] {--world-cover-height:250px}
  :root[data-appearance="cloud"] {--world-cover-height:230px}
  :root[data-appearance="maple"] {--world-cover-height:230px}
  :root:is([data-appearance="classic"],[data-appearance="cloud"],[data-appearance="maple"]) {
    & #mainContent .page-title h1 {font-size:29px!important}
    & #mainContent .page-title p {font-size:12px;line-height:1.8}
    & #partyList[data-layout="cards"]>.party-panel h3 {font-size:23px!important}
    & #partyList[data-layout="cards"]>.party-panel .panel-top {padding-bottom:18px}
    & :is(.login-modal,.avatar-sheet)>section:is([role="dialog"],[role="alertdialog"]) {border-radius:min(var(--world-card-radius),20px)!important}
    & #loginModal .member-access-dialog {border-radius:min(var(--world-card-radius),20px)!important}
  }
  :root[data-appearance="cloud"] #partyList[data-layout="cards"]>.party-panel {
    & .panel-top {margin:10px 10px 0!important;padding-inline:15px!important}
    & :is(.party-capacity-summary,.party-roster-block,.party-requirement,.party-actions),&>.meta {margin-inline:18px!important}
    & .party-actions {margin-bottom:20px!important}
  }
}
@media(max-width:359px) {
  :root:is([data-appearance="classic"],[data-appearance="cloud"],[data-appearance="maple"]) {
    & #partyList[data-layout="cards"]>.party-panel h3 {font-size:21px!important}
    & #partyList[data-layout="cards"]>.party-panel .party-actions>button {white-space:normal;overflow-wrap:anywhere}
  }
  :root[data-appearance="maple"] #partyList[data-layout="cards"]>.party-panel .recruitment-format {flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce) {
  :root:is([data-appearance="classic"],[data-appearance="cloud"],[data-appearance="maple"]) {
    & :is(button,summary,.party-panel,.loot-card,.member-access-brand) {animation:none!important;transition:none!important}
    & button:hover {transform:none!important}
  }
}
@media(forced-colors:active) {
  :root:is([data-appearance="classic"],[data-appearance="cloud"],[data-appearance="maple"]) {
    & :is(.hero-card,.party-panel,.loot-card,.member-access-dialog) {border:1px solid CanvasText!important;box-shadow:none!important}
    & :is(.drawer-nav button.active,.filter-chips button.active,button[aria-pressed="true"]) {outline:2px solid Highlight!important;outline-offset:-3px}
  }
}