/* RAID CONTROL — v132. A focused navy / cyan command interface.
   All data, permission, action and viewport mechanics stay component-owned.
   Angular ornaments never clip a control, its focus ring or a scroll region. */
:root[data-appearance="maple"] {
  color-scheme:dark;
  --world-bg:#070B12;--world-nav:#0B121E;--world-card-radius:5px;
  --world-accent-rgb:0,255,204;--world-heading:'Noto Sans TC',sans-serif;
  --world-cover-height:274px;--world-cover-shade:#101B2C;--world-cover-ink:#F2F7FF;
  --world-shadow:0 12px 32px #01050955,inset 0 1px #DAEFFF08;
  --world-button-shadow:inset 0 1px #C0FFF580,0 0 20px #00FFCC0D;
  --world-glow:#00FFCC0C;
  --ui-panel:#101B2C;--ui-raised:#17283D;--ui-inset:#0A1320;--ui-soft:#12302F;
  --ui-ink:#F2F7FF;--ui-muted:#A8B9D0;--ui-line:#34485F;--ui-control-line:#687F9B;
  --ui-accent:#00FFCC;--ui-on-accent:#05221D;--ui-radius:4px;
  --ui-danger:#FFB4C3;--ui-danger-bg:#352032;--ui-success:#78F2CA;--ui-success-bg:#11362F;
  --tactical-blue:#78B6FF;--tactical-panel:linear-gradient(135deg,#142237,#101B2C 70%);
  --tactical-grid:linear-gradient(#6FA9D409 1px,transparent 1px),linear-gradient(90deg,#6FA9D409 1px,transparent 1px);
  --tactical-font:ui-monospace,'SFMono-Regular',Consolas,'Noto Sans TC',monospace;
  & body {background:radial-gradient(ellipse at 90% 0,#0066FF08,transparent 48%),#070B12!important;color:#F2F7FF}
  & :is(.topbar,.drawer,.bottom-nav) {background:#0B121E!important;border-color:#2B3C51!important;box-shadow:none!important}
  & .topbar {box-shadow:0 1px 0 #00FFCC09!important}
  & .drawer-head {border-bottom-color:#34485F}
  & .drawer-head:after {background:linear-gradient(90deg,transparent,#487286,transparent)!important}
  & .drawer-nav {gap:6px}
  & .drawer-nav button {border-radius:3px!important;letter-spacing:.045em}
  & .drawer-nav button.active {background:linear-gradient(90deg,#00FFCC15,#00FFCC03)!important;color:#E6FFF8!important;border-color:#39766F!important;border-left:3px solid #00FFCC!important;box-shadow:inset 0 0 18px #00FFCC05!important}
  & .drawer-nav button.active:after {color:#00FFCC!important}
  & .drawer-account {background:#101B2C!important;border-radius:4px!important;border-color:#34485F!important}
  & .bottom-nav button.active {background:#00FFCC0A!important;border-radius:3px!important}
  & .bottom-nav button.active:before {top:0;left:50%;width:28px;height:2px;background:#00FFCC!important;border:0!important;border-radius:0;transform:translateX(-50%)!important;box-shadow:0 0 10px #00FFCC33!important}
  & .bottom-nav button.active:after {display:none!important}
  & .bottom-nav .main-action span {background:#12302F!important;color:#00FFCC!important;border:1px solid #39766F;border-radius:4px}
  & :is(.topbar .icon-button,.appearance-shortcut,.notification-center-button,.profile-button) {border-radius:4px!important;box-shadow:inset 0 1px #D4EEFF08!important}

  /* Hero: a quiet radar plate and live itinerary, not invented telemetry. */
  & #mainContent .hero-card {padding:32px!important;background:radial-gradient(ellipse at 100% 0,#0066FF18,transparent 60%),linear-gradient(110deg,#101F31,#0B1727)!important;border:1px solid #3C6074!important;border-top:2px solid #00FFCC!important;border-radius:4px!important;box-shadow:inset 0 0 0 5px #070B1238,0 18px 44px #01050950!important}
  & #mainContent .hero-card:before {inset:0;background-image:var(--tactical-grid);background-size:32px 32px;border:0;border-radius:0;opacity:1}
  & #mainContent .hero-card:after {content:'';display:block!important;position:absolute;top:-1px;right:-1px;left:auto;bottom:auto;width:34px;height:34px;background:linear-gradient(45deg,transparent 48%,#00FFCC 49% 52%,#070B12 53%);border:0;border-radius:0;pointer-events:none}
  & #mainContent .maple-route {font:600 11px/1.7 var(--tactical-font);letter-spacing:.14em;color:#B7CEDE!important}
  & #mainContent .maple-route i {width:27px;height:3px;background:#00FFCC;box-shadow:0 0 12px #00FFCC44}
  & #mainContent .maple-welcome {max-width:68%}
  & #mainContent .maple-welcome h1 {font-size:clamp(34px,3.4vw,48px);font-weight:800;line-height:1.35;letter-spacing:-.03em!important;color:#F2F7FF!important;margin:25px 0 16px}
  & #mainContent .maple-welcome h1 em {color:#00FFCC!important;text-shadow:0 0 28px #00FFCC18}
  & #mainContent .maple-welcome p {color:#A8B9D0!important;max-width:280px;font-size:12px;line-height:1.9}
  & #mainContent .maple-welcome p b {color:#F2F7FF!important}
  & #mainContent .maple-insignia {right:28px;top:54px;width:29%;max-width:184px;background-size:76%;filter:grayscale(.85);opacity:.84}
  & #mainContent .maple-insignia:before {content:'';position:absolute;inset:-8px;border:1px solid #699CB154;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 29px,#80BEE617 30px 31px);box-shadow:inset 0 0 0 10px #0066FF08;pointer-events:none}
  & #mainContent .maple-insignia:after {content:'';position:absolute;inset:-20px;background:linear-gradient(#9ACDE66B,#9ACDE66B) center/1px 100% no-repeat,linear-gradient(90deg,#9ACDE66B,#9ACDE66B) center/100% 1px no-repeat;pointer-events:none;z-index:-1}
  & #mainContent .hero-party-summary {background:#07131FEF!important;border:1px solid #3C6074!important;border-left:3px solid #00FFCC!important;border-radius:3px!important;padding:15px 17px!important;box-shadow:inset 0 1px #B4EFFF0A!important}
  & #mainContent .hero-party-summary strong {color:#F2F7FF!important;font-size:16px}
  & #mainContent .hero-party-summary :is(span,small) {color:#A8B9D0!important;font-size:11px;line-height:1.8}
  & #mainContent .hero-actions {gap:10px}
  & #mainContent .stat-grid button {background:var(--tactical-panel)!important;border:1px solid #34485F!important;border-radius:4px!important;box-shadow:inset 3px 0 #00FFCC66!important;padding:21px!important}
  & #mainContent .stat-grid button:nth-child(2) {box-shadow:inset 3px 0 #0066FF!important}
  & #mainContent .stat-grid button:nth-child(3) {box-shadow:inset 3px 0 #8AA3BD!important}
  & #mainContent .stat-grid strong {color:#00FFCC!important;font-family:var(--tactical-font);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.06em}
  & #mainContent .stat-grid button:nth-child(2) strong {color:#90C6FF!important}
  & #mainContent .stat-grid button:nth-child(3) strong {color:#F2F7FF!important}
  & #mainContent .stat-grid :is(span,small) {color:#A8B9D0!important}
  & #mainContent .page-title {padding-bottom:23px!important;border-bottom:1px solid #34485F!important}
  & #mainContent .page-title h1 {letter-spacing:-.025em;font-weight:800}
  & #mainContent .page-title>div>span {font-family:var(--tactical-font);letter-spacing:.16em;color:#78D8D0!important}
  & #mainContent .page-seal {background:#12302F!important;border-color:#39766F!important;color:#00FFCC!important;border-radius:3px!important;font-family:'Noto Sans TC',sans-serif!important}
  & #mainContent .section-heading {border-bottom:1px solid #34485F;padding-bottom:15px}
  & #mainContent .section-heading h2 {font-size:23px!important;letter-spacing:-.015em}
  & #mainContent .section-heading span {font:600 11px/1.7 var(--tactical-font);letter-spacing:.16em;color:#82ADC1!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(--tactical-panel)!important;border-color:#34485F!important;border-radius:5px!important;box-shadow:var(--world-shadow)!important}
  & #mainContent :is(.guide-row i,.character-avatar,.member-avatar) {background:#13283D!important;color:#00FFCC!important;border-color:#56718A!important;border-radius:4px!important;box-shadow:none!important}
  & #mainContent .guide-article .eyebrow {color:#92B6CE!important}
  & #mainContent .member-summary strong {font-family:var(--tactical-font);font-variant-numeric:tabular-nums}
  & #mainContent .home-party-list .raid-card {padding:20px!important;gap:18px}
  & #mainContent .home-party-list .raid-boss-art {border:1px solid #56718A!important;border-radius:3px!important;box-shadow:3px 3px 0 #00FFCC12!important;transform:none}
  & #mainContent .home-party-list .raid-info h3 {font-size:20px!important;line-height:1.5}
  & #mainContent .raid-date {background:#13283D!important;border:1px solid #56718A!important;border-radius:3px!important;box-shadow:none!important}
  & #mainContent .raid-date strong {color:#00FFCC!important;font-family:var(--tactical-font)}
  & #mainContent .raid-date span {color:#A8B9D0!important}
  & #mainContent .home-party-list .raid-format-line {border-color:#34485F}
  & #mainContent .home-party-list .raid-format-line>strong {color:#00FFCC}

  /* Consistent states across all primary/secondary/disabled controls. */
  & :is(button,summary) {transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .12s ease}
  & :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(135deg,#00FFCC,#16DBCB)!important;color:#05221D!important;border:1px solid #70FFE2!important;border-radius:3px!important;box-shadow:var(--world-button-shadow)!important;letter-spacing:.04em;font-weight:800;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:#13283D!important;color:#E0EDF9!important;border:1px solid #687F9B!important;border-radius:3px!important;box-shadow:inset 0 1px #C1E1FA08!important}
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button.danger:not(:disabled) {background:#352032!important;color:#FFB4C3!important;border-color:#B27188!important;border-radius:3px!important;box-shadow:none!important}
  & :is(#mainContent,#drawer,#membershipGate,.login-modal,.avatar-sheet,.loot-viewer) button:disabled {background:#101A28!important;color:#8E9FB6!important;border-color:#34485F!important;opacity:1!important;box-shadow:none!important;transform:none!important;filter:none!important}
  & :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid #00FFCC!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:#091321!important;color:#F2F7FF!important;border-color:#687F9B!important;border-radius:3px!important;box-shadow:inset 0 2px 3px #01050940!important;caret-color:#00FFCC}
  & :is(#mainContent,.login-modal,.avatar-sheet) :is(input,select,textarea):is([readonly],:disabled) {background:#152235!important;color:#A8B9D0!important;border-color:#34485F!important;box-shadow:none!important}
  & :is(#mainContent,.login-modal,.avatar-sheet) :is(input,select,textarea)[aria-invalid="true"]:not(:disabled) {border-color:#FFB4C3!important;box-shadow:0 0 0 2px #FFB4C318!important}
  & #mainContent .filter-chips button.active {background:#12302F!important;color:#CAFFF1!important;border-color:#39766F!important;box-shadow:inset 0 -2px #00FFCC!important}
  & #mainContent .filter-count {background:#17283D!important;color:#B8CDDF!important;border-radius:2px!important;font-family:var(--tactical-font);font-variant-numeric:tabular-nums}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) {border-radius:3px!important;background:#091321!important;border-color:#34485F!important;padding:4px}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) button {border-radius:2px!important}
  & #mainContent :is(.party-layout-switch,.loot-layout-switch) button[aria-pressed="true"] {background:#12302F!important;color:#BFFFF0!important;box-shadow:inset 0 -2px #00FFCC!important}
  & :is(#partyCarouselStatus,#lootCarouselStatus) {font-family:var(--tactical-font);font-variant-numeric:tabular-nums;letter-spacing:.09em}

  /* Raid briefing: artwork, a readable caption, then independent size and roster.
     Registration is unlimited; no decorative meter implies a signup ceiling. */
  & #partyList[data-layout="cards"] {padding-block:5px 22px}
  & #partyList[data-layout]>.party-panel {background:var(--tactical-panel)!important;border:1px solid #34485F!important;border-radius:5px!important;box-shadow:var(--world-shadow)!important;transition:border-color .16s ease,box-shadow .16s ease}
  & #partyList[data-layout="cards"]>.party-panel.is-current {border-color:#54828B!important;box-shadow:0 14px 34px #01050966,0 0 0 1px #00FFCC08!important}
  & #partyList[data-layout="cards"]>.party-panel:before {background-position:center 30%;filter:saturate(.9)}
  & #partyList[data-layout="cards"]>.party-panel:not(.has-boss-art):before {background-color:#101B2C!important}
  & #partyList[data-layout="cards"]>.party-panel:after {background:linear-gradient(180deg,#060B1308 12%,#08121D22 38%,#101B2CF5 94%,#101B2C)!important}
  & #partyList[data-layout="cards"]>.party-panel .panel-top {padding:160px 22px 18px;min-height:274px;border-bottom:1px solid #00FFCC44}
  & #partyList[data-layout="cards"]>.party-panel .panel-top:before {content:'RAID // 逐玉作戰簡報';color:#CEFBEF!important;font:500 11px/1.7 var(--tactical-font);letter-spacing:.12em;left:22px;top:21px;text-shadow:0 1px 4px #030812}
  & #partyList[data-layout="cards"]>.party-panel h3 {color:#F2F7FF!important;font:800 25px/1.45 'Noto Sans TC',sans-serif!important;letter-spacing:-.02em}
  & #partyList[data-layout="cards"]>.party-panel .panel-boss-heading .eyebrow {color:#D2E0EF!important;font-size:12px!important;line-height:1.75!important;letter-spacing:0!important}
  & #partyList[data-layout]>.party-panel .panel-status {background:#0C2525F5!important;color:#BFFFF0!important;border-color:#538E87!important;border-radius:2px!important;font-weight:700;padding:7px 10px}
  & #partyList[data-layout]>.party-panel[data-party-status="cancelled"] .panel-status {background:#111C2B!important;color:#A8B9D0!important;border-color:#687F9B!important}
  & #partyList[data-layout="cards"]>.party-panel .party-capacity-summary.recruitment-format {background:#0A1625!important;border:1px solid #34485F!important;border-radius:3px!important;padding:13px!important;margin-top:16px!important;gap:13px;box-shadow:inset 3px 0 #00FFCC66}
  & #partyList[data-layout]>.party-panel .party-format-medal {min-width:59px;min-height:61px;background:#10312F!important;color:#00FFCC;border:1px solid #39766F!important;border-radius:2px!important;box-shadow:none!important;transform:none}
  & #partyList[data-layout]>.party-panel .party-format-medal strong {color:#00FFCC!important;font:700 29px/1.15 var(--tactical-font);font-variant-numeric:tabular-nums}
  & #partyList[data-layout]>.party-panel .party-format-medal span {color:#A6DECF!important;font-size:11px}
  & #partyList[data-layout]>.party-panel .party-format-copy {background:transparent!important;border:0!important;padding:0!important}
  & #partyList[data-layout]>.party-panel .party-format-copy>b {color:#F2F7FF!important;font-size:13px;line-height:1.6}
  & #partyList[data-layout]>.party-panel .party-format-copy>span {font-size:11px!important;line-height:1.8;color:#A8B9D0!important}
  & :is(#partyList,#mainContent) .party-roster-preview {background:linear-gradient(90deg,#102B2D,#101C2E)!important;color:#DFFAF3!important;border:1px solid #507A84!important;border-radius:3px!important;box-shadow:inset 3px 0 #00FFCC!important}
  & :is(#partyList,#mainContent) .roster-avatar {background:#12302F!important;border-color:#508E84!important;color:#BFFFF0!important;border-radius:3px}
  & #partyList .party-requirement>span {font-size:11px!important;color:#92B6CE!important;letter-spacing:.1em}
  & #partyList .party-requirement p {font-size:13px!important;line-height:1.9!important;color:#CEDBEB!important}
  & #partyList .party-manage-menu {background:#0A1320!important;border-color:#34485F!important;border-radius:3px!important;box-shadow:none!important}
  & #partyList .party-manage-menu>summary {background:#17283D!important;color:#F2F7FF!important;border-radius:3px!important}
  & #partyList .party-manage-panel {background:#0A1320!important;border-color:#34485F!important;border-radius:3px!important}
  & #partyList[data-layout]>.party-panel .party-actions>.party-action:not(.cancel):not(.danger):not(:disabled) {background:linear-gradient(135deg,#00FFCC,#16DBCB)!important;color:#05221D!important;border-color:#70FFE2!important;border-radius:3px!important;box-shadow:var(--world-button-shadow)!important}
  & #partyList[data-layout]>.party-panel .party-actions>.party-action.cancel:not(:disabled) {background:#13283D!important;color:#E0EDF9!important;border-color:#687F9B!important;border-radius:3px!important}
  & #partyList[data-layout="list"]>.party-panel .panel-boss-art {border-radius:3px!important;border:1px solid #56718A!important;box-shadow:3px 3px 0 #00FFCC12!important}
  & #partyList[data-layout="list"]>.party-panel:before {background:linear-gradient(180deg,#00FFCC80,#0066FF38)!important}

  /* Roster database. Role labels stay textual; icons are decorative. */
  & #candidateModal {grid-template-columns:minmax(0,1fr);justify-items:center}
  & #candidateModal>.candidate-dialog {width:min(760px,100%);max-width:760px;background:#0A1320!important;border-color:#487286!important;border-radius:5px!important;box-shadow:0 28px 90px #010509AA!important}
  & #candidateModal :is(.candidate-dialog-head,.candidate-actions) {background:#101F31!important;border-color:#3C6074!important}
  & #candidateModal .candidate-dialog-head h2 {font-weight:800;letter-spacing:-.025em;color:#F2F7FF!important}
  & #candidateModal .candidate-tools {background:#101B2C!important;border-color:#34485F!important}
  & #candidateModal .candidate-list {background-image:var(--tactical-grid);background-size:24px 24px;background-color:#0A1320!important}
  & #candidateModal .candidate-group {background:transparent!important;border:0!important;box-shadow:none!important}
  & #candidateModal .candidate-group-title {background:#0A1320!important;color:#DFFAF3!important;border-bottom:1px solid #34485F!important;font-family:var(--tactical-font);padding:12px 0!important;margin-bottom:12px}
  & #candidateModal .candidate-row {background:#101B2CF5!important;border:1px solid #40576F!important;border-radius:3px!important;box-shadow:inset 3px 0 #56718A!important;padding:15px;gap:12px}
  & #candidateModal .candidate-row:has(.candidate-check:checked) {background:#10312FEB!important;border-color:#3EC4A6!important;box-shadow:inset 3px 0 #00FFCC,0 0 14px #00FFCC08!important}
  & #candidateModal .candidate-avatar {background:#17283D!important;border-color:#687F9B!important;border-radius:3px!important;color:#BFFFF0!important;box-shadow:none!important}
  & #candidateModal .candidate-avatar>b {background:#1D4C57!important;color:#D5FFF5!important;border:1px solid #538B91;border-radius:2px}
  & #candidateModal .candidate-name-line strong {color:#F2F7FF!important;font-size:18px;letter-spacing:0}
  & #candidateModal .candidate-role-line {color:#A8B9D0!important}
  & #candidateModal .candidate-stats {gap:0;border:1px solid #34485F;border-radius:2px;overflow:hidden}
  & #candidateModal .candidate-stats>span {border:0!important;border-right:1px solid #34485F!important;background:#0A1524!important;border-radius:0!important;padding:8px 10px;box-shadow:none!important}
  & #candidateModal .candidate-stats>span:last-child {border-right:0!important}
  & #candidateModal .candidate-stats>span small {color:#A8B9D0!important;font-size:11px;letter-spacing:.035em}
  & #candidateModal .candidate-stats>span b {color:#F2F7FF!important;font:600 15px/1.6 var(--tactical-font);font-variant-numeric:tabular-nums;letter-spacing:0}
  & #candidateModal .candidate-stats>span:nth-child(2) b {color:#90C6FF!important}
  & #candidateModal .candidate-stats>span:nth-child(3) b {color:#9BF6DD!important}
  & #candidateModal .match-badge {border-radius:2px!important;border-color:#4D7F81!important;background:#12302F!important;color:#BFFFF0!important}
  & #candidateModal #rosterComposition {background:#0A1726!important;border:1px solid #3C6074!important;border-radius:3px!important;padding:12px!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:6px;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:2px!important;font-size:11px;line-height:1.4}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role] {--role-ink:#BDCADB;--role-bg:#192638;--role-line:#536A85;--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='miter'%3E%3Cpath d='m12 3 9 9-9 9-9-9Z'/%3E%3Cpath d='M8 12h8m-4-4v8'/%3E%3C/svg%3E");background:var(--role-bg)!important;color:var(--role-ink)!important;border:1px solid var(--role-line)!important;box-shadow:none!important}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="tank"] {--role-ink:#95C9FF;--role-bg:#142D49;--role-line:#4679A4;--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'%3E%3Cpath d='m12 3 8 3v7l-8 8-8-8V6Z'/%3E%3Cpath d='M12 7v9M8 10h8'/%3E%3C/svg%3E")}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="support"] {--role-ink:#9BF6DD;--role-bg:#11352F;--role-line:#398C76;--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'%3E%3Cpath d='M9 3h6v6h6v6h-6v6H9v-6H3V9h6Z'/%3E%3C/svg%3E")}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="damage"] {--role-ink:#FFB4C3;--role-bg:#352032;--role-line:#A26780;--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'%3E%3Cpath d='m4 3 6 3 9 12-2 2L5 9Zm16 0-6 3-9 12 2 2L19 9ZM2 16l6 6m8-6 6 6'/%3E%3C/svg%3E")}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role="utility"] {--role-ink:#D3BEFF;--role-bg:#2A2545;--role-line:#80709F}
  & #candidateModal :is(.candidate-name-line,.ops-role-grid)>[data-party-role]:before {content:'';display:inline-block;width:16px;height:16px;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:4px 7px;border-radius:2px!important;font-size:11px}
  & #candidateModal .ops-role-grid>span>b {color:inherit!important;font:600 16px/1.4 var(--tactical-font)}

  & :is(.login-modal,.avatar-sheet)>section {background:#101B2C!important;border-color:#487286!important;border-radius:5px!important;box-shadow:0 28px 90px #010509AA!important}
  & :is(#lootDetailModal,#lootModal)>section {border-radius:5px!important}
  & .dialog-close-bar {background:#101F31!important;border-color:#34485F!important}
  & :is(.login-modal,.avatar-sheet) .modal-close {background:#17283D!important;color:#E0FFF7!important;border-color:#687F9B!important;border-radius:3px!important;box-shadow:none!important}
  & .login-modal :is(.form-section,.onboarding-setup-card,.ops-panel,.notification-item,.membership-review-card,.management-item) {border-radius:4px!important}
  & .login-modal h2 {color:#F2F7FF!important;font-weight:800;letter-spacing:-.025em}
  & #loginModal {--access-brand:#0A1726;--access-brand-glow:#0066FF14;--access-brand-ink:#F2F7FF;--access-brand-muted:#A8B9D0;--access-metal:#00FFCC;--access-radius:5px}
  & #loginModal .member-access-brand:before {background:linear-gradient(180deg,transparent,#0A1726),var(--tactical-grid);background-size:100% 100%,32px 32px,32px 32px;opacity:1}
  & #loginModal .member-access-brand:after {border-color:#39766F;background:#00FFCC04;box-shadow:0 0 0 18px #00FFCC03,0 0 0 19px #00FFCC10;border-radius:3px;transform:translate(-50%,-58%) rotate(45deg)}
  & #loginModal .dialog-close-bar .modal-close {border-radius:3px!important;background:#17283D!important;box-shadow:none!important}
  & #loginModal #loginSubmit:not(:disabled) {background:linear-gradient(135deg,#00FFCC,#16DBCB)!important;color:#05221D!important;border-color:#70FFE2!important;border-radius:3px!important;box-shadow:var(--world-button-shadow)!important}
  & #mainContent #partyCalendarSection {background:#101B2C!important;border:1px solid #34485F!important;border-radius:4px!important;box-shadow:var(--world-shadow)!important}
  & #mainContent #partyCalendarSection button {border-radius:3px}
  & #appearanceModal .appearance-choice {border-radius:5px!important}
  & #appearanceModal .appearance-preview {border-radius:3px}

  /* Quick feedback, no flashing borders or forever-running idle radar. */
  @media(hover:hover) and (pointer:fine) {
    & :is(#mainContent,#drawer,.login-modal,.avatar-sheet) button:not(:disabled):not(.danger):not(.appearance-choice):hover {border-color:#00FFCC!important;box-shadow:0 0 0 1px #00FFCC38,0 0 20px #00FFCC24!important;filter:none;transform:none!important}
    & :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):hover,
    & #partyList[data-layout]>.party-panel .party-actions>.party-action:not(.cancel):not(.danger):not(:disabled):hover {border-color:#A0FFE9!important;box-shadow:0 0 0 1px #00FFCC38,0 0 22px #00FFCC38!important;filter:none;transform: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):hover {background:#173547!important;border-color:#00FFCC!important;box-shadow:0 0 15px #00FFCC21!important;transform:none!important}
    & #mainContent :is(.raid-card,.guide-article,.character-card,.member-row):hover,& #partyList[data-layout="cards"]>.party-panel:hover {border-color:#00FFCC!important;box-shadow:inset 0 0 0 1px #00FFCC0D,0 0 25px #00FFCC16,0 16px 32px #01050966!important}
    & .drawer-nav button:not(.active):hover {background:#17283D!important;color:#F2F7FF!important}
    & #mainContent .stat-grid button:hover {background:#183248!important}
  }
  @media(prefers-reduced-motion:no-preference) {
    & #mainContent .page.active {animation:tactical-enter .16s ease-out both}
    & :is(#mainContent,#drawer,.login-modal,.avatar-sheet) button:not(:disabled):not(.modal-close):not(.appearance-choice):active {transform:translateY(1px)!important}
    & :is(#candidateList,#partyPagination,#lootPagination,#notificationList,#partyCalendarSection,#raidCoordination)[aria-busy="true"] {position:relative}
    & :is(#candidateList,#partyPagination,#lootPagination,#notificationList,#partyCalendarSection,#raidCoordination)[aria-busy="true"]:after {content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#00FFCC 50%,#78B6FF 65%,transparent);background-size:45% 100%;background-repeat:no-repeat;pointer-events:none;animation:tactical-scan 1.15s ease-in-out infinite}
    & :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).is-loading[aria-busy="true"],
    & button.is-loading[aria-busy="true"] {background-image:linear-gradient(110deg,transparent 25%,#FFFFFF20 48%,transparent 70%)!important;background-size:220% 100%!important;animation:tactical-scan 1.15s ease-in-out infinite}
  }
  @media(max-width:849px) {
    & {--world-cover-height:262px}
    & .party-browse-tools {position:static;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0;margin-inline:0}
    & .party-browse-tools .party-layout-switch {align-self:flex-start;width:auto;max-width:100%}
    & #partyCarouselNav {position:relative;width:174px;max-width:100%;margin:14px 0 18px auto}
    & #partyCarouselNav:before,& #partyCarouselNav:after {display:none}
    & #mainContent .hero-card {padding:25px 21px!important;border-radius:4px!important}
    & #mainContent .maple-welcome {max-width:100%}
    & #mainContent .maple-route {font-size:11px;letter-spacing:.05em}
    & #mainContent .maple-welcome h1 {max-width:76%;font-size:34px;margin-top:23px}
    & #mainContent .maple-welcome p {max-width:66%;font-size:12px;margin-bottom:22px}
    & #mainContent .maple-insignia {top:112px;right:20px;width:26%;max-width:100px;opacity:.56}
    & #mainContent .stat-grid button {padding:17px 7px!important;gap:6px}
    & #mainContent .stat-grid strong {font-size:29px}
    & #mainContent .stat-grid small {font-size:11px;line-height:1.65}
    & #partyList[data-layout="cards"]>.party-panel .panel-top {padding:146px 17px 18px;min-height:262px}
    & #partyList[data-layout="cards"]>.party-panel .panel-top:before {left:17px;font-size:11px;top:20px}
    & #partyList[data-layout="cards"]>.party-panel h3 {font-size:23px!important}
    & #partyList[data-layout="cards"]>.party-panel .party-capacity-summary.recruitment-format {gap:11px;padding:12px!important}
    & #mainContent .home-party-list .raid-card {padding:18px!important;gap:15px}
    & #mainContent .home-party-list .raid-info h3 {font-size:20px!important}
    & :is(#partyList,#mainContent) .party-roster-preview {display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:8px 10px;align-items:center;padding:12px}
    & :is(#partyList,#mainContent) .party-roster-preview .roster-avatars {grid-column:1;grid-row:1;max-width:100%}
    & :is(#partyList,#mainContent) .party-roster-preview .roster-preview-copy {grid-column:1;grid-row:2;min-width:0}
    & :is(#partyList,#mainContent) .party-roster-preview .roster-arrow {grid-column:2;grid-row:1/3;justify-self:center}
    & #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>span {padding:7px!important}
    & #candidateModal .candidate-stats>span b {font-size:14px!important}
  }
  @media(max-width:359px) {
    & #mainContent .hero-card {padding:23px 17px!important}
    & #mainContent .maple-welcome h1 {font-size:30px;max-width:85%}
    & #mainContent .maple-welcome p {max-width:74%}
    & #mainContent .maple-insignia {width:23%;top:122px;right:13px;opacity:.45}
    & #partyList[data-layout="cards"]>.party-panel h3 {font-size:21px!important}
    & #partyList .party-format-medal {min-width:50px}
    & #partyList[data-layout="cards"]>.party-panel .recruitment-format {flex-wrap:nowrap}
    & #partyList[data-layout]>.party-panel .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:13px!important}
  }
  @media(prefers-reduced-motion:reduce) {
    & *,& *:before,& *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
    & :is(#mainContent,#drawer,.login-modal,.avatar-sheet) button:is(:hover,:active) {transform:none!important}
  }
  @media(forced-colors:active) {
    & #mainContent .hero-card:after,& #mainContent .maple-insignia:before,& #mainContent .maple-insignia:after {display:none!important}
    & #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}
  }
}
/* Picker swatches always show their own world, even inside a different theme. */
:root[data-appearance] #appearanceModal .preview-maple {background:linear-gradient(#00FFCC0B 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,#00FFCC0B 1px,transparent 1px) 0 0/24px 24px,#0A1726!important;color:#00FFCC!important;border-color:#487286!important;box-shadow:inset 0 2px #00FFCC!important}
:root[data-appearance] #appearanceModal .preview-maple i {border-radius:1px;background:#00FFCC;box-shadow:0 30px #78B6FF99,0 56px #00FFCC55}
@keyframes tactical-enter {from{opacity:.55;translate:0 3px}to{opacity:1;translate:0 0}}
@keyframes tactical-scan {from{background-position:150% 0}to{background-position:-80% 0}}

/* v132 RAID CONTROL ledger candidate; load after theme-directions.css.
   Maple only, existing DOM and state classes. No data/action changes, clipped
   interactive shapes, hidden overrides, viewer sizing or modal safe-area rules. */
:root[data-appearance="maple"] {
  & :is(#lootList,#lootDetailModal,#lootFlowGuide) {
    --tac-base:#070B12;--tac-panel:#101B2C;--tac-raised:#17263C;
    --tac-ink:#F2F6FF;--tac-muted:#ACBCD0;--tac-line:#33445B;
    --tac-control:#7589A4;--tac-mint:#00FFCC;--tac-blue:#0066FF;
    --tac-success:#B7EEE0;--tac-success-bg:#10332D;
    --tac-numbers:ui-monospace,SFMono-Regular,Consolas,'Noto Sans TC',monospace;
  }

  /* Reference rail, not a live progress indicator: all three nodes are neutral. */
  & #lootFlowGuide {background:var(--tac-panel)!important;border:1px solid var(--tac-line)!important;border-radius:6px!important;box-shadow:inset 0 1px #C7DBFF08!important}
  & #lootFlowGuide>summary {min-height:48px;padding:13px 17px;color:var(--tac-ink)!important;font-size:13px;line-height:1.7;letter-spacing:.035em}
  & #lootFlowGuide[open]>summary {border-bottom:1px solid var(--tac-line)}
  & #lootFlowGuide .loot-flow-guide {display:grid;grid-template-columns:minmax(0,1fr) minmax(16px,38px) minmax(0,1fr) minmax(16px,38px) minmax(0,1fr);align-items:center;gap:12px;padding:19px 17px;background:var(--tac-base)!important;border:0!important;box-shadow:none!important}
  & #lootFlowGuide .loot-flow-guide>div {min-width:0;display:flex;align-items:center;gap:11px}
  & #lootFlowGuide .loot-flow-guide>div>b {display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #526985!important;border-radius:3px!important;background:var(--tac-panel)!important;color:var(--tac-mint)!important;box-shadow:inset 0 -2px #00FFCC25!important;font:700 14px/1 var(--tac-numbers)}
  & #lootFlowGuide .loot-flow-guide strong {color:var(--tac-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(--tac-muted)!important;font-size:11px;line-height:1.65}
  & #lootFlowGuide .loot-flow-guide>i {height:1px;min-width:0;width:100%;background:linear-gradient(90deg,#0066FF99,#33445B)!important;box-shadow:none}

  /* The account header is a compact briefing, distinct from recruitment posters.
     Only the decorative corner has a shape; focus and content remain unclipped. */
  & #lootList[data-layout]>.loot-card {overflow:visible!important;background:var(--tac-panel)!important;color:var(--tac-ink)!important;border:1px solid var(--tac-line)!important;border-radius:7px!important;box-shadow:inset 0 1px #C7DBFF09,0 12px 24px #02050B33!important}
  & #lootList[data-layout]>.loot-card:before {content:'';position:absolute;inset:-1px auto auto -1px;width:22px;height:22px;border:0;border-top:2px solid #00FFCC9C;border-left:2px solid #00FFCC9C;border-radius:7px 0 0;background:none!important;box-shadow:none;pointer-events:none}
  & #lootList[data-layout]>.loot-card:is(.is-current,.has-own-unreceived) {border-color:#507C83!important}
  & #lootList[data-layout] .loot-card-main {position:relative;display:grid!important;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;min-height:0!important;padding:22px!important;background:linear-gradient(#8FC1FF05 1px,transparent 1px),linear-gradient(90deg,#8FC1FF05 1px,transparent 1px),#0C1523!important;background-size:28px 28px,28px 28px,auto!important;border-bottom:1px solid var(--tac-line)!important;border-radius:6px 6px 0 0}
  & #lootList[data-layout] .loot-card-thumb {position:relative!important;inset:auto!important;align-self:start;width:96px!important;height:124px!important;border:1px solid #5C738B!important;border-radius:4px!important;background:var(--tac-base)!important;box-shadow:0 0 0 3px #070B12!important;transform:none!important;overflow:hidden}
  & #lootList[data-layout] .loot-card-thumb>img {width:100%;height:100%;object-fit:cover;object-position:center 28%;border-radius:3px}
  & #lootList[data-layout] .loot-card-thumb:after {display:none!important}
  & #lootList[data-layout] .loot-card-main {margin:0!important;width:100%!important}
  & #lootList[data-layout] .loot-card-copy {position:static!important;min-width:0;min-height:0!important;width:100%!important;padding:0!important}
  & #lootList[data-layout] .loot-card-meta {position:static!important;inset:auto!important;gap:8px;flex-wrap:wrap;align-items:center}
  & #lootList .loot-card-meta>span:first-child {color:var(--tac-muted)!important;font-size:11px!important;line-height:1.7;letter-spacing:.03em;font-variant-numeric:tabular-nums}
  & #lootList[data-layout] .loot-card-copy h3 {margin:10px 0 6px!important;max-width:100%;color:var(--tac-ink)!important;font:800 clamp(20px,2.2vw,25px)/1.45 'Noto Sans TC',sans-serif!important;letter-spacing:-.02em;text-shadow:none!important;overflow-wrap:anywhere}
  & #lootList .loot-card-copy>p {display:block;color:var(--tac-muted)!important;font-size:12px!important;line-height:1.8}
  & #lootList .loot-card-copy>p i {display:inline-block;vertical-align:middle;margin:0 6px;background:#687F9B}
  & #lootList .loot-drop-inline {background:var(--tac-base)!important;border-color:var(--tac-line)!important;border-radius:4px!important;box-shadow:none!important}
  & #lootList .loot-drop-inline>span {color:#9DCEDE!important;font-size:11px!important}
  & #lootList .loot-drop-inline strong {color:var(--tac-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(--tac-panel)!important;border-color:var(--tac-line)!important}
  & #lootList .loot-value-row {gap:20px;padding-block:22px}
  & #lootList .loot-value-row>div {min-width:0;gap:8px;padding:0!important;background:transparent!important;border:0!important}
  & #lootList .loot-value-row>i {background:var(--tac-line)}
  & #lootList .loot-value-row span {color:var(--tac-muted)!important;font-size:12px!important;line-height:1.7;letter-spacing:.025em}
  & #lootList .loot-value-row strong {min-width:0;max-width:100%;font:700 clamp(21px,2.6vw,28px)/1.45 var(--tac-numbers)!important;font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:anywhere;white-space:normal;color:var(--tac-ink)!important;text-shadow:none}
  & #lootList .loot-value-row .highlight strong {color:var(--tac-mint)!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-family:'Noto Sans TC',sans-serif!important;font-size:18px!important;letter-spacing:0;color:var(--tac-muted)!important}
  & #lootList[data-layout="list"] .loot-card-main {grid-template-columns:72px minmax(0,1fr);gap:15px;padding:12px!important;border:0!important;border-radius:4px}
  & #lootList[data-layout="list"] .loot-card-thumb {width:72px!important;height:94px!important}
  & #lootList[data-layout="list"] .loot-card-copy h3 {font-size:20px!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(--tac-muted)!important;font-size:12px!important;line-height:1.7}
  & #lootList .loot-card-progress strong {color:var(--tac-ink)!important;font-size:12px!important;font-variant-numeric:tabular-nums}
  & #lootList .loot-card-progress>i {height:4px;background:#27394F;border-radius:1px}
  & #lootList .loot-card-progress>i>b {background:var(--tac-mint);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(--tac-ink)!important;font-size:13px}
  & #lootList .loot-card-receipts>div:first-child>small {color:var(--tac-muted)!important;font-size:11px!important;line-height:1.7}
  & #lootList .loot-card-receipt {min-height:44px;background:#142237!important;color:var(--tac-ink)!important;border:1px solid #465D78!important;border-radius:4px!important;box-shadow:none!important;font-size:12px;line-height:1.5}
  & #lootList .loot-card-receipt>i {background:var(--tac-base);border-color:#8194AD;border-radius:2px}
  & #lootList .loot-card-receipt.mine:not(.received) {border-color:#5D9CB5!important}
  & #lootList .loot-card-receipt>em {font-size:11px;color:#B5DAF7!important}
  & #lootList .loot-card-receipt.received {background:var(--tac-success-bg)!important;color:var(--tac-success)!important;border-color:#478A7A!important}
  & #lootList .loot-card-receipt.received>i {background:var(--tac-success-bg)!important;color:var(--tac-mint)!important;border-color:#54A38F!important}
  & #lootList .loot-card-receipt-overflow>summary {min-height:44px;color:#9BC7FF;font-size:12px;text-decoration:underline;text-underline-offset:4px}
  & #lootList .loot-card-footer {gap:14px;align-items:center;border-radius:0 0 6px 6px}
  & #lootList .loot-card-footer>span {color:var(--tac-muted)!important;font-size:12px!important;line-height:1.8}
  & #lootList .loot-card.has-own-unreceived .loot-card-footer>span {color:var(--tac-mint)!important}
  & #lootList .loot-card-footer button {min-height:46px;padding:11px 15px;background:var(--tac-mint)!important;color:#05221D!important;border:1px solid #65DCC3!important;border-radius:4px!important;box-shadow:inset 0 1px #E5FFF520!important;font-size:13px;font-weight:800;white-space:normal}

  /* Operational states use cool tones plus the existing explicit status text. */
  & :is(#lootList,#lootDetailModal) .loot-status {padding:6px 9px;background:#17263C!important;color:#C2D0E4!important;border-color:#647A94!important;border-radius:3px!important;font-size:11px!important;line-height:1.5;letter-spacing:.025em}
  & :is(#lootList,#lootDetailModal) .loot-status.pending_approval {background:#102548!important;color:#A1C3FF!important;border-color:#477BAE!important}
  & :is(#lootList,#lootDetailModal) .loot-status.sold_pending_distribution {background:#13312F!important;color:#B7EEE0!important;border-color:#507F7A!important}
  & :is(#lootList,#lootDetailModal) .loot-status:is(.distributed,.closed) {background:var(--tac-success-bg)!important;color:var(--tac-success)!important;border-color:#478A7A!important}

  /* Amount formula, recipient checks, screenshot evidence and the audit trail. */
  & #lootDetailModal .loot-detail-head {padding-bottom:18px;border-bottom:1px solid var(--tac-line)}
  & #lootDetailModal .loot-detail-head h2 {font-family:'Noto Sans TC',sans-serif!important;color:var(--tac-ink)!important;line-height:1.45;letter-spacing:-.02em}
  & #lootDetailModal .loot-detail-head :is(.eyebrow,p) {color:var(--tac-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(--tac-panel)!important;color:var(--tac-ink)!important;border-color:var(--tac-line)!important;border-radius:5px!important;box-shadow:none!important}
  & #lootDetailModal .loot-stage-note {border-inline-start:2px solid #6686A8!important}
  & #lootDetailModal .loot-stage-note:is(.distributed,.closed) {background:var(--tac-success-bg)!important;border-color:#478A7A!important}
  & #lootDetailModal .loot-stage-note:is(.distributed,.closed) b {color:var(--tac-success)!important}
  & #lootDetailModal .loot-stage-note.pending_approval {background:#102548!important;border-color:#477BAE!important}
  & #lootDetailModal .loot-stage-note.pending_approval b {color:#A1C3FF!important}
  & #lootDetailModal :is(.loot-stage-note,.loot-locked-notice,.loot-approval-box) :is(p,span,small) {color:var(--tac-muted)!important;font-size:12px;line-height:1.8}
  & #lootDetailModal .loot-detail-money {padding:21px 18px;background:linear-gradient(#8FC1FF05 1px,transparent 1px),linear-gradient(90deg,#8FC1FF05 1px,transparent 1px),#0C192A!important;background-size:28px 28px,28px 28px,auto!important;border:1px solid #527787!important;border-top:2px solid #00FFCC80!important;border-radius:5px!important;box-shadow:inset 0 1px #00FFCC09!important}
  & #lootDetailModal .loot-detail-money>div {min-width:0;gap:9px;border-color:var(--tac-line)!important}
  & #lootDetailModal .loot-detail-money>div:nth-of-type(2) {border-color:var(--tac-line)!important}
  & #lootDetailModal .loot-detail-money span {color:var(--tac-muted)!important;font-size:12px;line-height:1.7}
  & #lootDetailModal .loot-detail-money strong {min-width:0;max-width:100%;font:700 clamp(20px,3.4vw,25px)/1.5 var(--tac-numbers);letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal;color:var(--tac-ink)!important;text-shadow:none}
  & #lootDetailModal .loot-detail-money .result strong {color:var(--tac-mint)!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:#8BA3BE!important;font-size:20px;font-weight:500}
  & #lootDetailModal:has(.loot-stage-note:is(.pending_approval,.pending_sale)) .loot-detail-money strong {font-family:'Noto Sans TC',sans-serif;font-size:18px;letter-spacing:0;color:var(--tac-muted)!important}
  & :is(#lootList,#lootDetailModal) .loot-allocation-note {background:var(--tac-base);color:var(--tac-muted)!important;border-inline-start-color:#477BAE;border-radius:0 4px 4px 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:#A1C3FF!important}
  & #lootDetailModal :is(.loot-detail-section>span,.loot-detail-section-title>span) {color:var(--tac-ink)!important;font-size:13px;line-height:1.7;letter-spacing:.04em}
  & #lootDetailModal .loot-detail-section-title>strong {color:var(--tac-mint)!important;font-size:14px;font-family:var(--tac-numbers);font-variant-numeric:tabular-nums}
  & #lootDetailModal .loot-detail-section>p {color:var(--tac-ink)!important;font-size:14px;line-height:1.85}
  & #lootDetailModal .loot-progress {height:4px;background:#27394F!important;border-radius:1px}
  & #lootDetailModal .loot-progress>i {background:var(--tac-mint)!important;box-shadow:none}
  & #lootDetailModal .loot-progress-copy {color:var(--tac-muted)!important;font-size:12px;line-height:1.8}
  & #lootDetailModal .loot-receipt-group h3 {font-size:13px;line-height:1.7;letter-spacing:.025em}
  & #lootDetailModal .loot-receipt-group h3 b {background:var(--tac-raised)!important;color:var(--tac-muted)!important;border-radius:3px;font-family:var(--tac-numbers)}
  & #lootDetailModal .loot-detail-members>div {background:#0D1624!important;border:1px solid var(--tac-line)!important;border-radius:4px!important;box-shadow:none!important}
  & #lootDetailModal .loot-detail-members>div.received {background:#0D2724!important;border-color:#406D65!important}
  & #lootDetailModal .loot-member-avatar {background:#19314B!important;color:#C5DCF8!important;border-color:#58728D!important;border-radius:4px}
  & #lootDetailModal .loot-member-identity>b {color:var(--tac-ink)!important;font-size:14px;line-height:1.7}
  & #lootDetailModal .loot-member-identity>small {color:var(--tac-muted)!important;font-size:11px;line-height:1.7}
  & #lootDetailModal .loot-member-state {background:var(--tac-raised)!important;color:var(--tac-muted)!important;border-radius:3px;font-size:11px;line-height:1.7}
  & #lootDetailModal .loot-detail-members>div.received .loot-member-state {background:var(--tac-success-bg)!important;color:var(--tac-success)!important}
  & #lootDetailModal .loot-detail-members>div>strong {min-width:0;max-width:100%;color:var(--tac-mint)!important;border-color:var(--tac-line)!important;font-size:16px;line-height:1.6;font-family:var(--tac-numbers);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal}
  & #lootDetailModal .loot-detail-members>div>strong>small {color:var(--tac-muted)!important;font-size:11px;font-family:'Noto Sans TC',sans-serif}
  & #lootDetailModal .loot-detail-receipt-action:not(:disabled) {min-height:46px;background:var(--tac-mint)!important;color:#05221D!important;border:1px solid #65DCC3!important;border-radius:4px!important;box-shadow:inset 0 1px #E5FFF520!important;font-size:13px;font-weight:800}
  & #lootDetailModal .loot-detail-receipt-action.received:not(:disabled) {background:var(--tac-success-bg)!important;color:var(--tac-success)!important;border-color:#478A7A!important;box-shadow:none!important}
  & #lootDetailModal .loot-own-task {background:#0D202B;border-color:#437B7B;border-inline-start:2px solid var(--tac-mint);border-radius:5px;box-shadow:none}
  & #lootDetailModal .loot-own-task-heading {border-color:var(--tac-line)}
  & #lootDetailModal .loot-own-task-heading>span {color:var(--tac-mint);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:var(--tac-mint);font:700 clamp(22px,4vw,29px)/1.6 var(--tac-numbers);letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  & #lootDetailModal .loot-own-task-row>strong>small {color:var(--tac-muted);font:500 12px/1.7 'Noto Sans TC',sans-serif;letter-spacing:0}
  & #lootDetailModal .loot-report-tools {background:var(--tac-base);border-color:var(--tac-line);border-radius:5px;box-shadow:none}
  & #lootDetailModal .loot-report-tools strong {color:var(--tac-ink)}
  & #lootDetailModal .loot-report-tools p {color:var(--tac-muted)!important}
  & #lootDetailModal .loot-report-preview textarea {background:var(--tac-panel)!important;color:var(--tac-ink)!important;border-color:var(--tac-control)!important;border-radius:4px!important;caret-color:var(--tac-mint)}
  & #lootDetailModal .loot-gallery .loot-detail-image {background:var(--tac-base);border-color:var(--tac-line);border-radius:4px;box-shadow:none}
  & #lootDetailModal .loot-gallery .loot-detail-image img {background:var(--tac-base)!important}
  & #lootDetailModal .loot-gallery figcaption {background:#0E1C2D;border-top:1px solid var(--tac-line);text-align:left;line-height:1.75}
  & #lootDetailModal .loot-gallery .loot-image-label {color:#9BC7FF}
  & #lootDetailModal .loot-gallery .loot-image-caption {color:var(--tac-ink)}
  & #lootDetailModal .loot-gallery :is(.loot-image-item,header>span) {color:var(--tac-muted)}
  & #lootDetailModal .loot-activity-list li>i {background:var(--tac-panel)!important;border-color:var(--tac-blue)!important;box-shadow:none}
  & #lootDetailModal .loot-activity-list li:not(:last-child):before {background:#385474!important}
  & #lootDetailModal .loot-activity-list :is(strong,span) {color:var(--tac-ink)!important}
  & #lootDetailModal .loot-activity-list small {color:var(--tac-muted)!important}
  & #lootDetailModal .loot-activity-error {background:#15253A;color:#C8D9EC;border-color:#617997;border-radius:4px}
  & #lootList :is(.loot-card-receipt,.loot-card-footer button):disabled,
  & #lootDetailModal .loot-detail-receipt-action:disabled {background:#172437!important;color:var(--tac-muted)!important;border-color:#3C506A!important;box-shadow:none!important;opacity:1!important;filter:none!important;transform:none!important;cursor:not-allowed}
  & :is(#lootList,#lootDetailModal,#lootFlowGuide) :is(button,summary,a,textarea):focus-visible {outline:2px solid var(--tac-mint)!important;outline-offset:3px}
  & #lootDetailModal .loot-gallery a:focus-visible {outline-offset:-3px}

  @media(hover:hover) and (pointer:fine) {
    & #lootFlowGuide>summary:hover {background:#162A3D}
    & #lootList[data-layout]>.loot-card:hover {border-color:#5FA6A2!important;box-shadow:inset 0 1px #C7DBFF12,0 0 0 1px #00FFCC13,0 12px 24px #02050B40!important}
    & #lootList .loot-card-footer button:not(:disabled):hover,
    & #lootDetailModal .loot-detail-receipt-action:not(.received):not(:disabled):hover {background:#66FFDD!important;color:#05221D!important;border-color:#AEFFEB!important;box-shadow:inset 0 1px #E5FFF520,0 0 12px #00FFCC17!important;transform:none}
    & #lootList button.loot-card-receipt:not(:disabled):hover {background:#193347!important;border-color:#6FAEB3!important;box-shadow:0 0 0 1px #00FFCC13!important}
  }
  @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
    & #lootList[data-layout]>.loot-card,
    & #lootList :is(.loot-card-footer button,button.loot-card-receipt),
    & #lootDetailModal .loot-detail-receipt-action {transition:border-color .18s ease,background-color .18s ease,box-shadow .22s ease}
  }
  @media(max-width:700px) {
    & #lootFlowGuide .loot-flow-guide {grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px 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[data-layout] .loot-card-main {grid-template-columns:64px minmax(0,1fr);gap:14px;padding:17px 14px!important}
    & #lootList[data-layout] .loot-card-thumb {width:64px!important;height:88px!important}
    & #lootList[data-layout] .loot-card-copy h3 {font-size:20px!important}
    & #lootList[data-layout="list"] .loot-card-main {padding:6px!important}
    & #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(max-width:380px) {
    & #lootDetailModal .loot-gallery-grid {grid-template-columns:minmax(0,1fr)}
    & #lootDetailModal .loot-gallery figcaption {padding:12px}
  }
  @media(forced-colors:active) {
    & #lootFlowGuide .loot-flow-guide>i {background:CanvasText!important}
    & #lootList[data-layout] .loot-card-main,& #lootDetailModal .loot-detail-money {background:Canvas!important}
    & #lootList[data-layout]>.loot-card:before {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}
    & :is(#lootList,#lootDetailModal,#lootFlowGuide) :is(button,summary,a,textarea):focus-visible {outline-color:Highlight!important}
  }
}