/* OUR LITTLE GUILD — v131. A paper-and-sage world on the existing cloud DOM.
   State, roles, data, controls and safe-area mechanics stay component-owned. */
:root[data-appearance="cloud"] {
  --world-bg:#FAF8F5;--world-nav:#FFFEFB;--world-card-radius:28px;
  --world-accent-rgb:122,154,130;--world-heading:'Noto Sans TC',sans-serif;
  --world-shadow:0 4px 0 #E6E0D5,0 12px 24px #826B4810;
  --world-button-shadow:inset 0 1px #FFFFFF60,0 3px 0 #587B5E40;
  --world-glow:#7A9A8212;
  --ui-panel:#FFFFFF;--ui-raised:#F0F2E9;--ui-inset:#F7F5EF;--ui-soft:#E9EFE3;
  --ui-ink:#2D312E;--ui-muted:#626B60;--ui-line:#D9DCCD;--ui-control-line:#84927C;
  --ui-accent:#496950;--ui-on-accent:#FFFEFB;--ui-radius:18px;
  --ui-danger:#914F4B;--ui-danger-bg:#FAE8E1;--ui-success:#426C50;--ui-success-bg:#E5F0E1;
  --storybook-sage:#7A9A82;--storybook-button-ink:#1F2C23;
  --storybook-paper:linear-gradient(145deg,#FFFFFF,#FFFEFA);
  --storybook-edge:inset 0 0 0 4px #FFFEFB,inset 0 0 0 5px #E2E5D8;
  --storybook-spring:cubic-bezier(.34,1.56,.64,1);
  color-scheme:light;
  & body {background:radial-gradient(#987E5710 .65px,transparent .9px) 0 0/7px 7px,#FAF8F5!important;color:#2D312E}
  & :is(.topbar,.drawer,.bottom-nav) {background:#FFFEFB!important;border-color:#D9DCCD!important;box-shadow:0 4px 18px #826B4807!important}
  & .drawer-nav {gap:10px}
  & .drawer-nav button {border-radius:18px!important}
  & .drawer-nav button.active {background:#E9EFE3!important;border-color:#A4B69B!important;color:#3D5D43!important;box-shadow:inset 0 0 0 3px #FFFEFB,0 3px 0 #D9E0D0!important}
  & .drawer-nav button.active b {color:#496950!important}
  & .drawer-account {background:#F4F1E8!important;border-color:#DDD9CB!important;border-radius:24px!important;box-shadow:inset 0 0 0 4px #FFFEFB!important}
  & .bottom-nav {box-shadow:0 -5px 20px #826B4810!important;border-radius:26px 26px 0 0!important}
  & .bottom-nav button.active {background:#E9EFE35C!important;border-radius:16px!important}
  & .bottom-nav .main-action span {background:#E9EFE3!important;color:#496950!important;border:1px solid #BBC9B3}
  & :is(.topbar .icon-button,.appearance-shortcut,.notification-center-button,.profile-button) {border-radius:18px!important;background:#FFFFFF!important;border-color:#BBC7B1!important;box-shadow:0 3px 0 #E7E5DA!important;color:#496950!important}

  /* A gently ruled scrapbook, with the existing island illustration. */
  & #mainContent .hero-card {background:radial-gradient(ellipse at 86% 18%,#F4E7C399,transparent 56%),linear-gradient(130deg,#F2F5EB,#E6EFDF)!important;border:1px solid #CDD8C2!important;border-radius:34px!important;box-shadow:var(--storybook-edge),0 5px 0 #E0E2D3,0 16px 26px #826B4810!important}
  & #mainContent .cloud-kicker {display:inline-flex;padding:7px 12px;background:#FFFEFB;border:1px solid #D4DECA;border-radius:999px;color:#52634F;font-size:11px;letter-spacing:.1em;box-shadow:0 2px 0 #DDE2D2}
  & #mainContent .cloud-welcome h1 {color:#354B3A!important;font-weight:800;letter-spacing:-.035em;line-height:1.4}
  & #mainContent .cloud-welcome h1 em {color:#496950!important;background:linear-gradient(transparent 78%,#D3DEC2 0);border-radius:7px}
  & #mainContent .cloud-welcome h1>span {color:#AD7950}
  & #mainContent .cloud-welcome p {font-size:13px;line-height:1.9;color:#626B60}
  & #mainContent .cloud-art-note {background:#FFFEFB;color:#5C684F;border:1px solid #CED9BC;border-radius:18px;box-shadow:0 4px 0 #C7D6B94D;transform:rotate(-4deg)}
  & #mainContent .hero-party-summary {border:1px solid #BDCDB2!important;border-radius:22px!important;background:#FFFEFBEF!important;box-shadow:inset 0 0 0 4px #F1F3E9,0 4px 10px #7D75440B!important}
  & #mainContent .hero-party-summary strong {color:#354B3A!important}
  & #mainContent .page-title {border-bottom-color:#DDD9CC!important;padding-bottom:24px!important}
  & #mainContent .page-title h1 {font-weight:800;letter-spacing:-.035em;color:#354B3A!important}
  & #mainContent .page-seal {background:#EFF2E4!important;color:#63774D!important;border-color:#C4D0B3!important;border-radius:22px!important;box-shadow:inset 0 0 0 4px #FFFFFF,0 4px 0 #DDE1CF!important;transform:rotate(6deg)}
  & #mainContent .section-heading h2 {color:#354B3A!important;font-size:23px;letter-spacing:-.015em}
  & #mainContent .section-heading span {letter-spacing:.11em;color:#626B60!important}
  & #mainContent :is(.raid-card,.guide-article,.character-card,.member-row,.member-summary,.ops-panel,.feedback-intro,.feedback-home-entry,.empty-state,.home-data-empty) {background:var(--storybook-paper)!important;border:1px solid #D9DCCD!important;border-radius:26px!important;box-shadow:var(--world-shadow)!important}
  & #mainContent :is(.raid-card,.guide-article,.character-card,.member-row) {transition:transform .24s var(--storybook-spring),box-shadow .24s ease,border-color .24s ease}
  & #mainContent .stat-grid button {border-radius:24px!important;border:1px solid #D6DFCB!important;background:#F0F4E8!important;box-shadow:inset 0 0 0 4px #FFFFFF99,0 4px 0 #E1E3D5!important}
  & #mainContent .stat-grid button:nth-child(2) {background:#F8ECE2!important;border-color:#E6D5C7!important;box-shadow:inset 0 0 0 4px #FFFFFF99,0 4px 0 #EBE0D4!important}
  & #mainContent .stat-grid button:nth-child(3) {background:#EEEAF5!important;border-color:#DCD5E7!important;box-shadow:inset 0 0 0 4px #FFFFFF99,0 4px 0 #E3DEEA!important}
  & #mainContent .stat-grid strong {color:#40553C!important;font-variant-numeric:tabular-nums}

  /* Sage has dark tea-colored lettering: pale sage with white lettering is
     too low contrast for small button text. Secondary actions stay on paper. */
  & :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:linear-gradient(180deg,#94AE94,#7A9A82)!important;color:#1F2C23!important;border:1px solid #6D8C70!important;border-radius:20px!important;box-shadow:var(--world-button-shadow)!important;text-shadow:none!important}
  & :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:#FFFEFB!important;color:#496950!important;border:1px solid #8F9D83!important;border-radius:20px!important;box-shadow:0 3px 0 #E8E6DA!important}
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button.danger:not(:disabled) {background:#FAE8E1!important;color:#914F4B!important;border-color:#BB8E81!important;border-radius:20px!important;box-shadow:0 3px 0 #F0DAD0!important}
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button:disabled {color:#73796C!important;background:#EDEFE7!important;border-color:#CFD5C5!important;box-shadow:none!important;opacity:1!important;filter:none!important;transform:none!important}
  & :is(button,summary) {transition:transform .22s var(--storybook-spring),box-shadow .22s ease,background .2s ease}
  & :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid #496950!important;outline-offset:3px}
  & :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) {background:#FFFEFB!important;color:#2D312E!important;border-color:#8F9D83!important;border-radius:18px!important;box-shadow:inset 0 2px 2px #8D7A5210!important;caret-color:#496950}
  & :is(#mainContent,.login-modal,.avatar-sheet) :is(input,select,textarea):is([readonly],:disabled) {background:#EFF1E9!important;color:#626B60!important;border-color:#BFC9B5!important;box-shadow:none!important}
  & :is(#mainContent,.login-modal,.avatar-sheet) :is(input,select,textarea)[aria-invalid="true"]:not(:disabled) {border-color:#A66B61!important;box-shadow:0 0 0 3px #EFCBC14D!important}
  & #mainContent .search {border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 3px 0 #E9E6DB!important}
  & #mainContent .search input {border:0!important;background:transparent!important;box-shadow:none!important}
  & #mainContent .filter-chips button {border-radius:18px!important}
  & #mainContent .filter-chips button.active {background:#E9EFE3!important;color:#3D5D43!important;border-color:#95AA89!important;box-shadow:inset 0 0 0 3px #FFFFFF99,0 3px 0 #DDE4D3!important}
  & #mainContent .filter-count {border-radius:9px!important;background:#F0F2E9!important;color:#576B4C!important}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) {border-radius:22px!important;background:#F0F2E9!important;border-color:#BECAB2!important}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) button {border-radius:16px!important}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) button[aria-pressed="true"] {background:#FFFFFF!important;color:#496950!important;box-shadow:0 2px 4px #826B4815!important}
  & :is(.party-carousel-nav,.loot-carousel-nav) button {border-radius:18px!important}

  /* Boss artwork is a photo on the page; title and schedule sit on paper.
     Preserve the existing <img> loader instead of inventing background data. */
  & #partyList[data-layout="cards"] {padding-block:8px 24px}
  & #partyList[data-layout]>.party-panel {background:var(--storybook-paper)!important;border:1px solid #D6DCCC!important;border-radius:28px!important;box-shadow:var(--world-shadow)!important;transition:transform .24s var(--storybook-spring),border-color .2s ease,box-shadow .2s ease}
  & #partyList[data-layout="cards"]>.party-panel.is-current {border-color:#9CAF91!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-top {display:block!important;margin:12px 12px 0!important;padding:224px 12px 16px!important;background:transparent!important;min-height:0!important;overflow:visible;border-radius:22px!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-top:before {content:''!important;display:block;position:absolute;z-index:2;top:-5px;left:calc(50% - 30px);width:60px;height:18px;background:#E5DFCBE0;border:1px solid #D9D0B455;transform:rotate(-4deg);pointer-events:none;box-shadow:0 1px 2px #856F4610}
  & #partyList[data-layout="cards"]>.party-panel .panel-top:after {display:none!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-boss-art {inset:0 0 auto;width:100%!important;height:205px!important;min-height:0!important;border:4px solid #FFFFFF!important;border-radius:22px!important;outline:1px solid #E2E5D9;box-shadow:0 3px 0 #E8E4D9!important;object-position:center 32%}
  & #partyList[data-layout="cards"]>.party-panel h3 {color:#354B3A!important;font:800 25px/1.45 'Noto Sans TC',sans-serif!important;letter-spacing:-.015em}
  & #partyList[data-layout="cards"]>.party-panel .panel-boss-heading .eyebrow {color:#626B60!important;font-size:12px!important;line-height:1.75!important;letter-spacing:0!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-status {top:12px;right:12px;background:#FFFFFFF5!important;color:#496950!important;border-color:#8F9D83!important;border-radius:14px!important;box-shadow:0 3px 0 #1E32231A!important;padding:7px 11px}
  & #partyList[data-layout="cards"]>.party-panel .party-capacity-summary.recruitment-format {background:#F1F4EA!important;border:1px solid #CED9C4!important;border-radius:22px!important;padding:14px!important;margin-top:0!important;gap:13px;box-shadow:inset 0 0 0 3px #FFFFFF99!important}
  & #partyList .party-format-medal {min-width:61px;min-height:60px;border-radius:18px!important;background:#E0EACF!important;color:#405A3D!important;border:1px solid #B6C7A3!important;box-shadow:0 3px 0 #C8D3BA!important;transform:rotate(-3deg)}
  & #partyList>.party-panel .recruitment-format .party-format-medal strong {font-size:28px;line-height:1.2;color:#405A3D!important}
  & #partyList>.party-panel .recruitment-format .party-format-medal span {color:#526A47!important;font-size:11px}
  & #partyList .party-format-copy>b {font-size:13px;color:#3B513B!important;line-height:1.6}
  & #partyList .party-format-copy>span {font-size:11px!important;color:#626B60!important;line-height:1.8}
  & :is(#partyList,#mainContent) .party-roster-preview {background:#FFFEFB!important;border:1px solid #9CAA90!important;border-radius:20px!important;box-shadow:0 3px 0 #E9E5D9!important}
  & :is(#partyList,#mainContent) .roster-avatar {border-color:#ADBFA0!important;background:#E3ECD9!important;color:#496950!important}
  & #partyList .party-requirement>span {color:#775F48!important;font-size:12px!important}
  & #partyList .party-requirement p {color:#535D52!important;font-size:13px!important;line-height:1.9!important}
  & #partyList .party-requirement button {color:#496950!important;min-height:44px;font-size:12px}
  & #partyList .party-manage-menu {background:#F7F5EF!important;border-color:#BCC6AF!important;border-radius:20px!important;box-shadow:none!important}
  & #partyList .party-manage-menu>summary {background:#F0F2E9!important;border-radius:19px!important;color:#3D5D43!important}
  & #partyList .party-manage-menu :is(b,small,p) {color:#626B60!important}
  & #partyList .party-manage-panel {background:#FFFEFB!important;border-color:#D6DCCC!important;border-radius:18px!important}
  & #partyList[data-layout]>.party-panel .party-actions>.party-action:not(.cancel):not(.danger):not(:disabled) {background:linear-gradient(180deg,#94AE94,#7A9A82)!important;color:#1F2C23!important;border-color:#6D8C70!important;border-radius:20px!important;box-shadow:var(--world-button-shadow)!important}
  & #partyList[data-layout]>.party-panel .party-actions>.party-action.cancel:not(:disabled) {background:#FFFEFB!important;color:#496950!important;border-color:#8F9D83!important;border-radius:20px!important;box-shadow:0 3px 0 #E8E6DA!important}
  & #partyList[data-layout]>.party-panel .party-actions>.party-action:disabled {background:#EDEFE7!important;color:#73796C!important;border-color:#CFD5C5!important;box-shadow:none!important;opacity:1!important;transform:none!important}
  & #partyList[data-layout="list"]>.party-panel .panel-boss-art {border-radius:20px!important;box-shadow:0 4px 0 #E8E4D9!important}
  & #mainContent .home-party-list .raid-card {gap:20px;padding:22px!important;border-radius:26px!important}
  & #mainContent .home-party-list .raid-boss-art {border:4px solid #FFFFFF!important;border-radius:22px!important;outline:1px solid #D9DFCF;box-shadow:0 4px 0 #E5E3D7!important;transform:rotate(-3deg)}
  & #mainContent .home-party-list .raid-info h3 {font-size:21px!important;color:#354B3A!important;line-height:1.5}
  & #mainContent .home-party-list .raid-format-line {border-color:#D9DFCF}
  & #mainContent .home-party-list .raid-format-line>strong {color:#496950}

  /* A companion album: rounded shield, pink heart and a little short blade.
     The existing role names remain visible; symbols are decorative masks. */
  & #candidateModal {grid-template-columns:minmax(0,1fr);justify-items:center}
  & #candidateModal>.candidate-dialog {width:min(760px,100%);max-width:760px;background:#FAF8F5!important;border-color:#C4CFB8!important;border-radius:28px!important;box-shadow:0 6px 0 #DBD8CD,0 24px 60px #655D3D26!important}
  & #candidateModal :is(.candidate-dialog-head,.candidate-actions) {background:#F0F4E8!important;border-color:#D0DBC3!important}
  & #candidateModal .candidate-dialog-head h2 {color:#354B3A!important;font-weight:800;letter-spacing:-.025em}
  & #candidateModal .candidate-tools {background:#FFFEFB!important;border-color:#D9DCCD!important}
  & #candidateModal .candidate-list {background:#FAF8F5!important}
  & #candidateModal .candidate-group {background:transparent!important;border:0!important;box-shadow:none!important}
  & #candidateModal .candidate-group-head {background:#F0F2E9!important;color:#496950!important;border:1px solid #D8DECD!important;border-radius:18px!important}
  & #candidateModal .candidate-row {background:#FFFFFF!important;border:1px solid #C5D2B9!important;border-radius:22px!important;box-shadow:0 4px 0 #E7E4D8!important}
  & #candidateModal .candidate-row:has(.candidate-check:checked) {background:#EFF5E8!important;border-color:#7F9A6C!important;box-shadow:inset 0 0 0 3px #FFFFFF,0 4px 0 #DCE6CF!important}
  & #candidateModal .candidate-avatar {border-color:#B5C7A2!important;background:#E9F0DE!important;border-radius:18px!important;box-shadow:0 3px 0 #DBE2D0!important;color:#496950!important}
  & #candidateModal .candidate-stats>span {background:#F5F6F0!important;border:1px solid #D8DFCD!important;border-radius:16px!important;padding:8px 10px;box-shadow:inset 0 1px #FFFFFF!important}
  & #candidateModal .candidate-stats>span small {color:#626B60!important;font-size:11px}
  & #candidateModal .candidate-stats>span b {color:#354B3A!important;font-size:13px;font-variant-numeric:tabular-nums}
  & #candidateModal .match-badge {background:#EAF0E3!important;color:#496950!important;border-color:#AFBFA1!important;border-radius:14px!important}
  & #candidateModal #rosterComposition {background:#F1F4EA!important;border-color:#CFDAC2!important;border-radius:22px!important;padding:12px!important;box-shadow:inset 0 0 0 4px #FFFFFF99!important}
  & #candidateModal #rosterComposition>details>summary {min-height:32px;font-size:13px}
  & #candidateModal #rosterComposition>details>summary>span {display:inline;margin-left:8px;font-size:11px}
  & #candidateModal #rosterComposition p {margin:6px 0;font-size:11px;line-height:1.7}
  & #candidateModal #rosterComposition small {font-size:11px;line-height:1.65}
  & #candidateModal .ops-role-grid {gap:7px;margin-block:10px}
  & #candidateModal .ops-role-grid>span {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;gap:4px;padding:8px 3px;box-sizing:border-box;border-radius:17px!important;font-size:11px;line-height:1.4}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role] {--role-ink:#5D674D;--role-bg:#EFF0E0;--role-line:#BCC5A4;--role-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='m12 3 3 6 6 3-6 3-3 6-3-6-6-3 6-3Z'/%3E%3C/svg%3E");background:var(--role-bg)!important;color:var(--role-ink)!important;border:1px solid var(--role-line)!important;box-shadow:inset 0 1px #FFFFFF!important}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="tank"] {--role-ink:#4C6775;--role-bg:#E4EFF1;--role-line:#B0C8CC;--role-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M12 3c-3 0-5 2-8 2v7c0 5 5 8 8 9 3-1 8-4 8-9V5c-3 0-5-2-8-2Z'/%3E%3Cpath d='M8 11h8m-4-4v8'/%3E%3C/svg%3E")}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="support"] {--role-ink:#885468;--role-bg:#F8E8EF;--role-line:#DFB9CA;--role-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 20C8 17 3 14 3 9c0-6 7-7 9-2 2-5 9-4 9 2 0 5-5 8-9 11Z'/%3E%3C/svg%3E")}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="damage"] {--role-ink:#86573F;--role-bg:#F8EBDD;--role-line:#DFC3A4;--role-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='m9 14 7-9 5-2-1 6-8 8Zm-2 0 6 5m-4-2-5 5-2-2 5-5'/%3E%3C/svg%3E")}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="utility"] {--role-ink:#71628A;--role-bg:#EEE9F6;--role-line:#C9BFDC}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role]:before {content:'';display:inline-block;width:17px;height:17px;flex:none;background:currentColor;mask:var(--role-icon) center/contain no-repeat;-webkit-mask:var(--role-icon) center/contain no-repeat}
  & #candidateModal .candidate-name-line>[data-party-role] {display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:15px!important;font-size:11px}
  & #candidateModal .ops-role-grid>span>b {color:inherit!important;font-size:15px}

  /* The paper world continues through settings, account and modal chrome. */
  & :is(.login-modal,.avatar-sheet)>section {border-color:#C7D1BD!important;border-radius:28px!important;background:#FFFEFB!important;box-shadow:0 6px 0 #DDDACE,0 26px 65px #655D3D30!important}
  & .dialog-close-bar {background:#F2F4EA!important;border-color:#D5DECA!important}
  & :is(.login-modal,.avatar-sheet) .modal-close {border-radius:18px!important;background:#FFFFFF!important;border-color:#91A183!important;color:#496950!important;box-shadow:0 3px 0 #DCE3D1!important}
  & .login-modal :is(.form-section,.onboarding-setup-card,.ops-panel,.notification-item,.membership-review-card,.management-item) {border-radius:22px!important}
  & .login-modal h2 {color:#354B3A!important;font-weight:800}
  & #loginModal {--access-brand:#EAF0DF;--access-brand-glow:#D3E1C4;--access-brand-ink:#354B3A;--access-brand-muted:#607058;--access-metal:#7A9A82;--access-radius:30px}
  & #loginModal .member-access-brand:after {border-color:#C4D4B5;background:radial-gradient(ellipse,#D2E0BE,transparent 68%);box-shadow:0 0 0 24px #FFFFFF38,0 0 0 25px #C8D7B840}
  & #loginModal .member-access-dialog {box-shadow:0 6px 0 #DDDACE,0 26px 65px #655D3D30!important}
  & #loginModal .dialog-close-bar .modal-close {border-radius:18px!important;background:#FFFFFF!important;box-shadow:0 3px 0 #DCE3D1!important}
  & #loginModal #loginForm input:not([type="checkbox"]) {border-radius:18px!important}
  & #loginModal #loginSubmit:not(:disabled) {background:linear-gradient(180deg,#94AE94,#7A9A82)!important;color:#1F2C23!important;border-color:#6D8C70!important;border-radius:20px!important;box-shadow:var(--world-button-shadow)!important}
  & #loginModal #loginSubmit:disabled {background:#EDEFE7!important;color:#73796C!important;border-color:#CFD5C5!important;box-shadow:none!important}
  & #mainContent #partyCalendarSection {border-radius:28px!important;background:#FFFFFF!important;border-color:#D1DBC5!important;box-shadow:var(--world-shadow)!important}
  & #mainContent #partyCalendarSection button {border-radius:18px}
  & #appearanceModal .appearance-choice {border-radius:24px!important}
  & #appearanceModal .appearance-preview {border-radius:18px}

  /* Finite spring feedback, never a looping bounce beside reading content. */
  @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    & :is(#mainContent,#drawer,.login-modal,.avatar-sheet) button:not(:disabled):not(.modal-close):not(.appearance-choice):not(.sheet-scrim):not(.scrim):hover {transform:scale(1.02)!important;filter:none}
    & #mainContent :is(.raid-card,.guide-article,.character-card,.member-row):hover,& #partyList[data-layout="cards"]>.party-panel:hover {transform:translateY(-3px)!important;border-color:#9DB18F!important;box-shadow:0 5px 0 #DDE3D2,0 14px 26px #826B481C!important}
    & :is(#mainContent,#drawer,.login-modal) button:is(.ghost,.text-button,.join-button.quiet,.party-action.cancel):not(.danger):not(:disabled):hover {background:#EFF4E7!important;border-color:#829A70!important}
    & :is(.appearance-shortcut,.notification-center-button,.profile-button):not(:disabled):hover {background:#EFF4E7!important;transform:scale(1.02)}
  }
  @media(prefers-reduced-motion:no-preference) {
    & :is(#mainContent,#drawer,.login-modal,.avatar-sheet) button:not(:disabled):not(.modal-close):not(.appearance-choice):active {transform:scale(.97)!important;box-shadow:none!important}
  }
  @media(max-width:849px) {
    & .party-browse-tools {position:static;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-inline:0;padding:0}
    & .party-browse-tools .filter-chips {width:100%;flex:none}
    & .party-browse-tools .party-layout-switch {align-self:flex-start;max-width:100%}
    & #partyCarouselNav {position:relative;z-index:1;max-width:180px;margin:14px 0 18px auto}
    & #partyCarouselNav:before,& #partyCarouselNav:after {display:none}
    & #mainContent .hero-card {border-radius:28px!important}
    & #mainContent .cloud-kicker {font-size:11px;letter-spacing:.05em;padding:6px 10px}
    & #partyList[data-layout="cards"]>.party-panel .panel-top {padding:205px 7px 16px!important;margin:10px 10px 0!important}
    & #partyList[data-layout="cards"]>.party-panel .panel-boss-art {height:187px!important}
    & #partyList[data-layout="cards"]>.party-panel h3 {font-size:23px!important}
    & #mainContent .home-party-list .raid-card {padding:19px!important;gap:15px}
    & #mainContent .home-party-list .raid-info h3 {font-size:20px!important}
    & #candidateModal #rosterComposition {padding:10px!important}
    & #candidateModal .ops-role-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-block:8px}
    & #candidateModal .ops-role-grid>[data-party-role] {padding:7px 2px;gap:3px;font-size:11px;min-height:50px}
    & #candidateModal .ops-role-grid>[data-party-role]:before {display:none}
    & #candidateModal .candidate-stats {gap:5px}
    & #candidateModal .candidate-stats>span {padding:7px!important;border-radius:14px!important}
  }
  @media(max-width:359px) {
    & #partyList[data-layout="cards"]>.party-panel h3 {font-size:21px!important}
    & #partyList .party-format-medal {min-width:52px}
    & #partyList .party-format-copy>b {font-size:12px}
    & #candidateModal .candidate-name-line {flex-wrap:wrap;gap:5px}
    & #candidateModal .candidate-stats>span {padding:6px!important}
    & #candidateModal .candidate-stats>span b {font-size:12px!important}
  }
  @media(prefers-reduced-motion:reduce) {
    & *,& *:before,& *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
    & #mainContent :is(.raid-card,.guide-article,.character-card,.member-row):hover,& #partyList[data-layout="cards"]>.party-panel:hover,& :is(#mainContent,#drawer,.login-modal,.avatar-sheet) button:is(:hover,:active),& :is(.appearance-shortcut,.notification-center-button,.profile-button):hover {transform:none!important}
  }
  @media(forced-colors:active) {
    & #partyList[data-layout="cards"]>.party-panel .panel-top:before {display:none}
    & #candidateModal .candidate-row:has(.candidate-check:checked) {outline:2px solid Highlight;outline-offset:-3px}
    & :is(.drawer-nav button.active,.filter-chips button.active) {outline:2px solid Highlight;outline-offset:-3px}
  }
}
/* Each appearance-picker preview retains its own palette in every world. */
:root[data-appearance] #appearanceModal .preview-cloud {background:radial-gradient(ellipse at 100% 0,#DFE9D2,transparent 70%),#FAF8F5!important;color:#496950!important;border-color:#C4D1B6!important;box-shadow:inset 0 0 0 3px #FFFFFF!important}

/* v131 Warm Storybook: append after theme-directions.css and cloud base.
   Existing DOM/state only. No visibility, modal/viewer geometry or action changes. */
:root[data-appearance="cloud"] {
  & :is(#lootList,#lootDetailModal,#lootFlowGuide) {
    --story-paper:#FAF8F5;--story-card:#FFFFFF;--story-oat:#F1EDE5;
    --story-ink:#2D312E;--story-muted:#626B63;--story-sage:#7A9A82;
    --story-on-sage:#1F2C23;--story-line:#D8D6CB;--story-control:#879981;
    --story-success:#3A6246;--story-success-bg:#E8F0E5;
    --story-shadow:0 3px 0 #E5DED2,0 9px 22px #87735B0D;
  }

  /* A little instruction strip, not a live progress/completion indicator. */
  & #lootFlowGuide {background:var(--story-card)!important;border:1px solid var(--story-line)!important;border-radius:22px!important;box-shadow:var(--story-shadow)!important;overflow:hidden}
  & #lootFlowGuide>summary {min-height:48px;padding:14px 18px;color:var(--story-ink)!important;font-size:13px;line-height:1.7}
  & #lootFlowGuide[open]>summary {border-bottom:1px dashed #CECBBE}
  & #lootFlowGuide .loot-flow-guide {display:grid;grid-template-columns:minmax(0,1fr) minmax(14px,28px) minmax(0,1fr) minmax(14px,28px) minmax(0,1fr);align-items:center;gap:12px;padding:19px 18px;background:var(--story-paper)!important;border:0!important;box-shadow:none!important}
  & #lootFlowGuide .loot-flow-guide>div {min-width:0;display:flex;align-items:center;gap:10px}
  & #lootFlowGuide .loot-flow-guide>div>b {display:grid;place-items:center;flex:none;width:30px;height:30px;background:#E3EBDD!important;color:#3F6048!important;border:1px solid #9DAC92!important;border-radius:50%!important;box-shadow:0 2px 0 #D4DECB!important;font:800 14px/1 'Noto Sans TC',sans-serif}
  & #lootFlowGuide .loot-flow-guide strong {color:var(--story-ink)!important;font-size:13px;line-height:1.7;white-space:normal}
  & #lootFlowGuide .loot-flow-guide small {display:block!important;margin-top:3px;color:var(--story-muted)!important;font-size:11px;line-height:1.65}
  & #lootFlowGuide .loot-flow-guide>i {height:0;min-width:0;width:100%;border-top:2px dotted #9CA98F;background:none!important;box-shadow:none}

  /* The existing cloud thumbnail becomes a small, slightly tilted photograph. */
  & #lootList[data-layout]>.loot-card {background:var(--story-card)!important;color:var(--story-ink)!important;border:1px solid var(--story-line)!important;border-radius:26px 24px 27px 23px!important;box-shadow:var(--story-shadow)!important}
  & #lootList[data-layout]>.loot-card:before {display:none}
  & #lootList[data-layout]>.loot-card:is(.is-current,.has-own-unreceived) {border-color:#879981!important}
  & #lootList .loot-card-main {background:var(--story-oat)!important;border-color:var(--story-line)!important}
  & #lootList .loot-card-thumb {background:#E7E3D9!important;border-color:#FFFFFF!important;border-radius:20px!important;box-shadow:1px 3px 0 #D5CBBB!important;transform:rotate(-2deg)}
  & #lootList .loot-card-meta {gap:8px;flex-wrap:wrap;align-items:center}
  & #lootList .loot-card-meta>span:first-child {color:var(--story-muted)!important;font-size:11px!important;letter-spacing:.02em}
  & #lootList .loot-card-copy h3 {color:var(--story-ink)!important;font-family:'Noto Sans TC',sans-serif!important;font-size:clamp(20px,3vw,24px)!important;line-height:1.55;text-shadow:none!important;letter-spacing:.005em}
  & #lootList .loot-card-copy>p {color:var(--story-muted)!important;font-size:12px!important;line-height:1.8}
  & #lootList .loot-drop-inline {background:#FFFDF7!important;border-color:#D9D4C5!important;border-radius:16px!important;box-shadow:none!important}
  & #lootList .loot-drop-inline>span {color:#68634E!important;font-size:11px!important}
  & #lootList .loot-drop-inline strong {color:var(--story-ink)!important;font-size:12px!important;line-height:1.8}
  & #lootList :is(.loot-value-row,.loot-card-progress,.loot-card-receipts,.loot-card-footer) {background:var(--story-card)!important;border-color:var(--story-line)!important}
  & #lootList .loot-value-row {gap:20px;padding-block:22px}
  & #lootList .loot-value-row>div {min-width:0;gap:7px;padding:0!important;background:transparent!important;border:0!important}
  & #lootList .loot-value-row>i {background:var(--story-line)}
  & #lootList .loot-value-row span {color:var(--story-muted)!important;font-size:12px!important;line-height:1.7}
  & #lootList .loot-value-row strong {min-width:0;max-width:100%;font:800 clamp(21px,2.6vw,28px)/1.45 'Noto Sans TC',sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:-.025em;overflow-wrap:anywhere;white-space:normal;color:var(--story-ink)!important;text-shadow:none}
  & #lootList .loot-value-row .highlight strong {color:#3F664A!important}
  & #lootList>.loot-card.has-large-amount .loot-value-row strong {font-size:clamp(20px,2.6vw,27px)!important}
  & #lootList>.loot-card:is(.pending_approval,.pending_sale) .loot-value-row strong {font-size:18px!important;letter-spacing:0;color:var(--story-muted)!important}
  & #lootList[data-layout="list"] .loot-value-row {grid-template-columns:minmax(0,1fr);gap:12px}
  & #lootList[data-layout="list"] .loot-value-row>i {display:none}
  & #lootList[data-layout="list"]>.loot-card .loot-value-row strong {font-size:20px!important}
  & #lootList .loot-card-progress>div {gap:9px;flex-wrap:wrap;color:var(--story-muted)!important;font-size:12px!important;line-height:1.7}
  & #lootList .loot-card-progress strong {color:var(--story-ink)!important;font-size:12px!important}
  & #lootList .loot-card-progress>i {height:6px;background:#E8E7DF;border-radius:8px}
  & #lootList .loot-card-progress>i>b {background:var(--story-sage);border-radius:inherit;box-shadow:none}
  & #lootList .loot-card-receipts>div:first-child {gap:8px;flex-wrap:wrap}
  & #lootList .loot-card-receipts>div:first-child>span {color:var(--story-ink)!important;font-size:13px}
  & #lootList .loot-card-receipts>div:first-child>small {color:var(--story-muted)!important;font-size:11px!important;line-height:1.7}
  & #lootList .loot-card-receipt {min-height:44px;background:var(--story-paper)!important;color:var(--story-ink)!important;border:1px solid #BEC6B4!important;border-radius:16px!important;box-shadow:none!important;font-size:12px;line-height:1.5}
  & #lootList .loot-card-receipt>i {background:#FFFFFF;border-color:#899A80;border-radius:6px}
  & #lootList .loot-card-receipt.mine:not(.received) {border-color:#6E896D!important}
  & #lootList .loot-card-receipt>em {font-size:11px;color:#52654B!important}
  & #lootList .loot-card-receipt.received {background:var(--story-success-bg)!important;color:var(--story-success)!important;border-color:#8FA583!important}
  & #lootList .loot-card-receipt.received>i {background:#DDE9D9!important;color:var(--story-success)!important;border-color:#879F7C!important}
  & #lootList .loot-card-receipt-overflow>summary {min-height:44px;color:#3F664A;font-size:12px;text-decoration:underline;text-underline-offset:4px}
  & #lootList .loot-card-footer {gap:14px;align-items:center}
  & #lootList .loot-card-footer>span {color:var(--story-muted)!important;font-size:12px!important;line-height:1.8}
  & #lootList .loot-card.has-own-unreceived .loot-card-footer>span {color:#3F664A!important}
  & #lootList .loot-card-footer button {min-height:46px;padding:11px 16px;background:var(--story-sage)!important;color:var(--story-on-sage)!important;border:1px solid #637D63!important;border-radius:18px!important;box-shadow:0 3px 0 #D2DCCB!important;font-size:13px;font-weight:800;white-space:normal}

  /* Literal status labels stay present. Soft colors never imply new states. */
  & :is(#lootList,#lootDetailModal) .loot-status {padding:6px 10px;background:#EEEEE6!important;color:#565F52!important;border-color:#A7B09B!important;border-radius:16px!important;font-size:11px!important;line-height:1.5}
  & :is(#lootList,#lootDetailModal) .loot-status:is(.pending_approval,.sold_pending_distribution) {background:#F4E7C6!important;color:#685131!important;border-color:#BFA878!important}
  & :is(#lootList,#lootDetailModal) .loot-status:is(.distributed,.closed) {background:var(--story-success-bg)!important;color:var(--story-success)!important;border-color:#8FA583!important}

  /* Quiet paper sections keep account details readable without stacked shadows. */
  & #lootDetailModal .loot-detail-head {padding-bottom:18px;border-bottom:1px dashed #CECBBE}
  & #lootDetailModal .loot-detail-head h2 {font-family:'Noto Sans TC',sans-serif!important;color:var(--story-ink)!important;line-height:1.5;letter-spacing:0}
  & #lootDetailModal .loot-detail-head :is(.eyebrow,p) {color:var(--story-muted)!important;font-size:12px!important;line-height:1.8}
  & #lootDetailModal :is(.loot-stage-note,.loot-locked-notice,.loot-lock-box,.loot-approval-box,.loot-detail-image-state,.loot-detail-section) {background:var(--story-paper)!important;color:var(--story-ink)!important;border-color:var(--story-line)!important;border-radius:20px!important;box-shadow:none!important}
  & #lootDetailModal .loot-stage-note:is(.distributed,.closed) {background:var(--story-success-bg)!important;border-color:#9EB392!important}
  & #lootDetailModal .loot-stage-note:is(.distributed,.closed) b {color:var(--story-success)!important}
  & #lootDetailModal .loot-stage-note.pending_approval {background:#F7EDD6!important;border-color:#C7B68C!important}
  & #lootDetailModal .loot-stage-note.pending_approval b {color:#685131!important}
  & #lootDetailModal :is(.loot-stage-note,.loot-locked-notice,.loot-approval-box) :is(p,span,small) {color:var(--story-muted)!important;font-size:12px;line-height:1.8}
  & #lootDetailModal .loot-detail-money {padding:21px 18px;background:#EFF3E9!important;border:1px solid #A8B89B!important;border-radius:22px!important;box-shadow:inset 0 1px #FFFFFF!important}
  & #lootDetailModal .loot-detail-money>div {min-width:0;gap:9px;border-color:#C7D1BB!important}
  & #lootDetailModal .loot-detail-money>div:nth-of-type(2) {border-color:#C7D1BB!important}
  & #lootDetailModal .loot-detail-money span {color:var(--story-muted)!important;font-size:12px;line-height:1.7}
  & #lootDetailModal .loot-detail-money strong {min-width:0;max-width:100%;font:800 clamp(20px,3.4vw,25px)/1.5 'Noto Sans TC',sans-serif;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal;color:var(--story-ink)!important;text-shadow:none}
  & #lootDetailModal .loot-detail-money .result strong {color:#3F664A!important;font-size:clamp(24px,3.8vw,30px)}
  & #lootDetailModal .loot-detail-money.has-large-amount strong {font-size:clamp(20px,3.8vw,27px)}
  & #lootDetailModal .loot-detail-money>b {color:#747F6B!important;font-size:20px;font-weight:500}
  & #lootDetailModal:has(.loot-stage-note:is(.pending_approval,.pending_sale)) .loot-detail-money strong {font-size:18px;letter-spacing:0;color:var(--story-muted)!important}
  & :is(#lootList,#lootDetailModal) .loot-allocation-note {background:var(--story-oat);color:var(--story-muted)!important;border-inline-start-color:var(--story-sage);border-radius:0 16px 16px 0;line-height:1.75}
  & :is(#lootList,#lootDetailModal) .loot-allocation-note.compact {background:transparent;border-radius:0}
  & :is(#lootList,#lootDetailModal) .loot-allocation-note strong {color:#3F664A!important}
  & #lootDetailModal :is(.loot-detail-section>span,.loot-detail-section-title>span) {color:var(--story-ink)!important;font-size:13px;line-height:1.7;letter-spacing:.02em}
  & #lootDetailModal .loot-detail-section-title>strong {color:#3F664A!important;font-size:14px;font-variant-numeric:tabular-nums}
  & #lootDetailModal .loot-detail-section>p {color:var(--story-ink)!important;font-size:14px;line-height:1.85}
  & #lootDetailModal .loot-progress {height:6px;background:#E0E5D9!important;border-radius:8px}
  & #lootDetailModal .loot-progress>i {background:var(--story-sage)!important;box-shadow:none}
  & #lootDetailModal .loot-progress-copy {color:var(--story-muted)!important;font-size:12px;line-height:1.8}
  & #lootDetailModal .loot-receipt-group h3 {font-size:13px;line-height:1.7}
  & #lootDetailModal .loot-receipt-group h3 b {background:#E6EBDD!important;color:#52654B!important;border-radius:16px}
  & #lootDetailModal .loot-detail-members>div {background:var(--story-card)!important;border:1px solid var(--story-line)!important;border-radius:18px!important;box-shadow:none!important}
  & #lootDetailModal .loot-detail-members>div.received {background:#EFF4EB!important;border-color:#B2C3A7!important}
  & #lootDetailModal .loot-member-avatar {background:#E9EDE1!important;color:#52654B!important;border-color:#ADB99D!important;border-radius:50%}
  & #lootDetailModal .loot-member-identity>b {color:var(--story-ink)!important;font-size:14px;line-height:1.7}
  & #lootDetailModal .loot-member-identity>small {color:var(--story-muted)!important;font-size:11px;line-height:1.7}
  & #lootDetailModal .loot-member-state {background:#EEEEE6!important;color:#565F52!important;border-radius:16px;font-size:11px;line-height:1.7}
  & #lootDetailModal .loot-detail-members>div.received .loot-member-state {background:var(--story-success-bg)!important;color:var(--story-success)!important}
  & #lootDetailModal .loot-detail-members>div>strong {min-width:0;max-width:100%;color:#3F664A!important;border-color:var(--story-line)!important;font-size:16px;line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal}
  & #lootDetailModal .loot-detail-members>div>strong>small {color:var(--story-muted)!important;font-size:11px}
  & #lootDetailModal .loot-detail-receipt-action:not(:disabled) {min-height:46px;background:var(--story-sage)!important;color:var(--story-on-sage)!important;border:1px solid #637D63!important;border-radius:18px!important;box-shadow:0 2px 0 #D2DCCB!important;font-size:13px;font-weight:800}
  & #lootDetailModal .loot-detail-receipt-action.received:not(:disabled) {background:var(--story-success-bg)!important;color:var(--story-success)!important;border-color:#8FA583!important;box-shadow:none!important}
  & #lootDetailModal .loot-own-task {background:#F4EDE0;border-color:#C6B797;border-radius:22px;box-shadow:0 3px 0 #EBE2D2}
  & #lootDetailModal .loot-own-task-heading {border-color:#D9CFBD}
  & #lootDetailModal .loot-own-task-heading>span {color:#655339;font-weight:800}
  & #lootDetailModal .loot-own-task-row {grid-template-columns:minmax(0,1fr);gap:12px}
  & #lootDetailModal .loot-own-task-row>strong {max-width:100%;text-align:left;color:#3F664A;font-size:clamp(22px,4vw,29px);line-height:1.6;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  & #lootDetailModal .loot-own-task-row>strong>small {color:var(--story-muted);font-size:12px}
  & #lootDetailModal .loot-report-tools {background:var(--story-oat);border-color:var(--story-line);border-radius:22px;box-shadow:none}
  & #lootDetailModal .loot-report-tools strong {color:var(--story-ink)}
  & #lootDetailModal .loot-report-tools p {color:var(--story-muted)!important}
  & #lootDetailModal .loot-report-preview textarea {background:var(--story-card)!important;color:var(--story-ink)!important;border-color:var(--story-control)!important;border-radius:18px!important}
  & #lootDetailModal .loot-gallery .loot-detail-image {background:var(--story-card);border-color:var(--story-line);border-radius:20px}
  & #lootDetailModal .loot-gallery .loot-image-label {color:#3F664A}
  & #lootDetailModal .loot-gallery .loot-image-caption {color:var(--story-ink)}
  & #lootDetailModal .loot-activity-list li>i {background:var(--story-card)!important;border-color:var(--story-sage)!important;box-shadow:none}
  & #lootDetailModal .loot-activity-list li:not(:last-child):before {background:#D4DBCD!important}
  & #lootList :is(.loot-card-receipt,.loot-card-footer button):disabled,
  & #lootDetailModal .loot-detail-receipt-action:disabled {background:#EEEEE6!important;color:var(--story-muted)!important;border-color:#C6C8BC!important;box-shadow:none!important;opacity:1!important;filter:none!important;transform:none!important;cursor:not-allowed}

  @media(hover:hover) and (pointer:fine) {
    & #lootFlowGuide>summary:hover {background:#F1F3EA}
    & #lootList[data-layout]>.loot-card:hover {border-color:#9AAB8E!important;box-shadow:0 4px 0 #DCDCCC,0 11px 23px #87735B12!important}
    & #lootList .loot-card-footer button:not(:disabled):hover,
    & #lootDetailModal .loot-detail-receipt-action:not(.received):not(:disabled):hover {background:#8FA894!important;color:var(--story-on-sage)!important;border-color:#637D63!important}
    & #lootList button.loot-card-receipt:not(:disabled):hover {background:#E9EFDF!important;border-color:#7D9470!important}
  }
  @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    & #lootList .loot-card-footer button,
    & #lootDetailModal .loot-detail-receipt-action {transition:transform .22s cubic-bezier(.2,.8,.3,1.25),background-color .18s,border-color .18s}
    & #lootList .loot-card-footer button:not(:disabled):hover,
    & #lootDetailModal .loot-detail-receipt-action:not(:disabled):hover {transform:translateY(-2px)}
  }
  @media(max-width:700px) {
    & #lootFlowGuide .loot-flow-guide {grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);align-items:start;gap:5px;padding:16px 10px}
    & #lootFlowGuide .loot-flow-guide>div {flex-direction:column;gap:8px;text-align:center}
    & #lootFlowGuide .loot-flow-guide strong {font-size:12px}
    & #lootFlowGuide .loot-flow-guide>i {margin-top:15px}
  }
  @media(max-width:620px) {
    & #lootList .loot-value-row {gap:14px;padding-block:19px}
    & #lootList .loot-value-row strong {font-size:clamp(18px,5.3vw,25px)!important}
    & #lootList>.loot-card.has-large-amount .loot-value-row strong {font-size:clamp(18px,5.2vw,24px)!important}
    & #lootList>.loot-card:is(.pending_approval,.pending_sale) .loot-value-row strong {font-size:16px!important}
    & #lootList[data-layout="list"]>.loot-card .loot-value-row strong {font-size:18px!important}
    & #lootList .loot-card-footer {align-items:flex-start;flex-wrap:wrap}
    & #lootList .loot-card-footer>span {flex:1 1 140px}
    & #lootList .loot-card-footer button {flex:0 1 auto}
    & #lootDetailModal .loot-detail-money {padding:18px 13px}
    & #lootDetailModal .loot-detail-money strong {font-size:20px}
    & #lootDetailModal .loot-detail-money .result strong {font-size:26px}
    & #lootDetailModal .loot-detail-money.has-large-amount strong {font-size:clamp(18px,5.2vw,24px)}
    & #lootDetailModal .loot-detail-members>div {padding:12px 10px}
    & #lootDetailModal .loot-own-task-row>strong {font-size:clamp(20px,5.5vw,27px)}
  }
  @media(prefers-reduced-motion:reduce) {
    & #lootList>.loot-card,& #lootList :is(button,summary),
    & #lootDetailModal :is(button,summary),& #lootFlowGuide>summary {animation:none!important;transition:none!important;transform:none!important}
  }
  @media(forced-colors:active) {
    & #lootFlowGuide .loot-flow-guide>i {border-color:CanvasText}
    & #lootList .loot-value-row strong,& #lootDetailModal .loot-detail-money strong {color:CanvasText!important;text-shadow:none!important}
    & #lootList .loot-card-receipt.received,& #lootDetailModal .loot-detail-members>div.received {border-style:double!important}
  }
}