/* CBM System / Etapa 10 · Visual integrity, course application and Formation Gallery.
   Theme tokens unify hover/selected/focus states instead of applying light-theme CSS
   over the seasonal dark interface. This stylesheet loads after every prior layer. */
.app-page {
  --q10-surface: #ffffff;
  --q10-surface-alt: #f4f6f1;
  --q10-surface-hover: #eaf1e8;
  --q10-text: #203227;
  --q10-text-muted: #536756;
  --q10-line: #d6dfd3;
  --q10-accent: #87651c;
  --q10-focus: #896214;
}
body.dark:not(.theme-retired-halloween) {
  --q10-surface: #232d26;
  --q10-surface-alt: #1d2721;
  --q10-surface-hover: #344537;
  --q10-text: #edf4ec;
  --q10-text-muted: #c2d0c1;
  --q10-line: #4b614c;
  --q10-accent: #e9ce8c;
  --q10-focus: #efd18c;
}
body.theme-retired-halloween {
  --q10-surface: #241d31;
  --q10-surface-alt: #2e243a;
  --q10-surface-hover: #46354f;
  --q10-text: #fff1e9;
  --q10-text-muted: #dfc8de;
  --q10-line: #6d5577;
  --q10-accent: #ffb480;
  --q10-focus: #ffd0a1;
}

/* Interactive tables: color and background must change as a pair. The generic
   legacy .table tr:hover td rule applies a white fill even inside dark themes. */
.app-page .app-shell :is(.table,.sup-table,.supervisor-table,.chief-review-table,.chief-matrix,
  .classroom-table,.ranking-table,.deposit-table,.data-table,.course-table) {
  color: var(--q10-text);
  border-color: var(--q10-line);
}
.app-page .app-shell :is(.table,.sup-table,.supervisor-table,.chief-review-table,.chief-matrix,
  .classroom-table,.ranking-table,.deposit-table,.data-table,.course-table) tbody tr:hover,
.app-page .app-shell :is(.table,.sup-table,.supervisor-table,.chief-review-table,.chief-matrix,
  .classroom-table,.ranking-table,.deposit-table,.data-table,.course-table) tbody tr:hover > :is(td,th) {
  background: var(--q10-surface-hover) !important;
  color: var(--q10-text) !important;
  border-color: var(--q10-line) !important;
}
.app-page .app-shell :is(.table,.sup-table,.supervisor-table,.chief-review-table,.chief-matrix,
  .classroom-table,.ranking-table,.deposit-table,.data-table,.course-table) tbody tr:hover
  :is(a,.table-link,.sup-person b,.chief-name-link,.classroom-person,.rank-title) {
  color: var(--q10-text) !important;
  text-decoration-color: var(--q10-accent);
}
.app-page .app-shell :is(.table,.sup-table,.supervisor-table,.chief-review-table,.chief-matrix,
  .classroom-table,.ranking-table,.deposit-table,.data-table,.course-table) tbody tr:hover
  :is(.muted,small,.sup-applier,.sup-date,.sup-id) {
  color: var(--q10-text-muted) !important;
}
.app-page .app-shell :is(.table,.sup-table,.supervisor-table,.chief-review-table,.chief-matrix,
  .classroom-table,.ranking-table,.deposit-table,.data-table,.course-table) :is(tr:focus-within,td:focus-within) {
  outline-color: var(--q10-focus);
}
/* Readable focus states, without suppressing the status-colored badges. */
.app-page .app-shell :is(.table-scroll,.chief-matrix-scroll,.sup-table-wrap,.classroom-table-wrap) {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--q10-line) transparent;
}
.app-page .app-shell :is(.table-scroll,.chief-matrix-scroll,.sup-table-wrap,.classroom-table-wrap) :is(table) { max-width: none; }

/* Controls: addresses hover regressions in form fields, person pickers, tabs,
   profile performance and the administrative popovers. */
.app-page .app-shell :is(.profile-tabs,.profile-period,.ranking-tabs,.period-switch,
 .course-application-form,.course-gallery-editor,.chip-picker,.person-picker-results,
 .classroom-tabs,.classroom-toolbar,.panel-tabs,.chief-review-toolbar) :is(button,option):hover:not(:disabled),
.app-page .app-shell :is(.person-picker-option,.chip-options button,.member-result,.sup-tabs button,
 .subnav button,.profile-period button,.profile-tabs button,.timeline-toolbar button):hover:not(:disabled) {
  background: var(--q10-surface-hover) !important;
  color: var(--q10-text) !important;
  border-color: var(--q10-line) !important;
}
.app-page .app-shell :is(.profile-tabs,.profile-period,.ranking-tabs,.period-switch,
 .classroom-tabs,.panel-tabs,.timeline-toolbar) :is(button.active,[aria-selected="true"],[aria-pressed="true"]) {
  color: var(--q10-text) !important;
  border-bottom-color: var(--q10-accent) !important;
}
.app-page .app-shell :is(.course-application-form,.dph-application-card,.profile-stats-card,
 .person-picker-results,.chip-picker,.cbhome-gallery-picker) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) {
  background: var(--q10-surface-alt) !important;
  color: var(--q10-text) !important;
  border: 1px solid var(--q10-line) !important;
  min-height: 44px;
  border-radius: 9px;
  font-size: 13px !important;
}
.app-page .app-shell :is(.course-application-form,.dph-application-card,.profile-stats-card,
 .cbhome-gallery-picker) :is(input,textarea)::placeholder { color: var(--q10-text-muted) !important; opacity: .9; }
.app-page .app-shell :is(.course-application-form,.dph-application-card,.profile-stats-card,
 .cbhome-gallery-picker) :is(input,select,textarea,button):focus-visible {
  outline: 2px solid var(--q10-focus) !important; outline-offset: 3px !important;
}
.app-page .app-shell :is(.course-application-form,.dph-application-card,.profile-stats-card) :is(button,input,select,textarea):disabled {
  opacity: .55; cursor: not-allowed; filter: none !important;
}
.app-page .app-shell :is(.course-application-form,.profile-stats-card,.dph-application-card) :is(label,h2,h3,b,strong) { color: var(--q10-text); }
.app-page .app-shell :is(.course-application-form,.profile-stats-card,.dph-application-card) :is(p,small,.hint) { color: var(--q10-text-muted); }

/* Course application: a single paper with numbered chapters instead of a maze
   of equally bright purple panels. Works in the normal and seasonal themes. */
.app-page .app-shell .dph-application-card { border: 1px solid var(--q10-line) !important; border-radius: 16px !important; box-shadow: none !important; overflow: visible; }
.app-page .app-shell .dph-application-card > .card-title { border-radius: 15px 15px 0 0; }
.app-page .app-shell .dph-application-card .card-body { padding: clamp(18px,2.7vw,38px) !important; }
.app-page .app-shell .course-application-form { display: grid; gap: 23px; min-width: 0; }
.app-page .app-shell .course-form-heading { margin-top: 6px; display: flex; gap: 15px; align-items: center; padding: 24px 0 0; border-top: 1px solid var(--q10-line); }
.app-page .app-shell .course-form-heading:first-child { margin-top: 0; border: 0; padding-top: 0; }
.app-page .app-shell .course-form-heading > span { width: 38px; height: 38px; flex: none; border-radius: 50%; background: var(--q10-surface-hover); color: var(--q10-accent); font: 800 12px Inter,Arial; display: grid; place-items: center; }
.app-page .app-shell .course-form-heading h2 { margin: 0 0 5px; line-height: 1.2; font: 750 clamp(17px,1.5vw,21px)/1.2 Inter,Arial,sans-serif; }
.app-page .app-shell .course-form-heading p { margin: 0; font: 12px/1.5 Inter,Arial,sans-serif; }
.app-page .app-shell .course-application-form .grid-2 { gap: clamp(16px,2vw,24px); min-width: 0; }
.app-page .app-shell .course-application-form .grid-2 > * { min-width: 0; }
.app-page .app-shell .course-application-form .field { min-width: 0; margin: 0; }
.app-page .app-shell .course-application-form .field > label { font-size: 12px !important; font-weight: 700; margin-bottom: 9px; }
.app-page .app-shell .course-charge-summary { background: var(--q10-surface-alt) !important; border: 1px solid var(--q10-line) !important; border-radius: 13px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 6px 16px; }
.app-page .app-shell .course-charge-summary > div { padding: 15px 8px; min-width: 0; background: transparent !important; border: 0 !important; }
.app-page .app-shell .course-charge-summary > div + div { border-left: 1px solid var(--q10-line) !important; padding-left: 18px; }
.app-page .app-shell .course-charge-summary :is(b,strong) { font-size: clamp(16px,1.8vw,22px); color: var(--q10-text) !important; overflow-wrap: anywhere; }
.app-page .app-shell .course-charge-summary small { font-size: 11px; color: var(--q10-text-muted) !important; }
.app-page .app-shell .course-application-form .course-proof-field { padding: 19px; border: 1px solid var(--q10-line); border-radius: 11px; background: var(--q10-surface-alt); }
.app-page .app-shell .course-application-form .course-proof-field > button { min-height: 39px; margin: 6px 0; }
.app-page .app-shell .course-application-form .form-actions { padding-top: 23px; border-top: 1px solid var(--q10-line); gap: 12px; justify-content: flex-end; }
.app-page .app-shell .course-application-form .notice { border-radius: 9px; padding: 14px 16px; }
.app-page .app-shell .person-picker-results,.app-page .app-shell .chip-options { background: var(--q10-surface) !important; color: var(--q10-text) !important; border: 1px solid var(--q10-line) !important; border-radius: 10px; z-index: 70; }
.app-page .app-shell :is(.person-picker-option,.chip-options button) { color: var(--q10-text) !important; }

/* Profile formation becomes an actual fourth tab, never another card below
   the identity or CBHome. Editorial grid is responsive and filterable. */
.app-page .app-shell .profile-tabs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.app-page .app-shell .profile-tabs button { min-height: 42px; border-radius: 9px; font-size: 12px; }
.app-page .app-shell .profile-gallery-view { min-width: 0; display: grid; gap: 22px; margin-top: 24px; }
.app-page .app-shell .profile-gallery-intro { position: relative; isolation: isolate; display: flex; align-items: end; justify-content: space-between; gap: 24px; min-height: 205px; padding: clamp(26px,4vw,54px); border-radius: 19px; border: 1px solid var(--q10-line); background: var(--q10-surface-alt); overflow: hidden; }
.app-page .app-shell .profile-gallery-intro > div { position: relative; z-index: 1; }
.app-page .app-shell .gallery-eyebrow { display: block; color: var(--q10-accent); letter-spacing: .14em; font-weight: 800; font-size: 10px; margin-bottom: 14px; }
.app-page .app-shell .profile-gallery-intro h2 { margin: 0 0 12px; font: 800 clamp(27px,4vw,51px)/1.08 Inter,Arial,sans-serif; letter-spacing: -.035em; color: var(--q10-text); }
.app-page .app-shell .profile-gallery-intro p { margin: 0; max-width: 58ch; font: 13px/1.7 Inter,Arial,sans-serif; color: var(--q10-text-muted); }
.app-page .app-shell .gallery-intro-aside { flex: none; text-align: center; min-width: 105px; padding: 14px 18px; border-left: 1px solid var(--q10-line); }
.app-page .app-shell .gallery-intro-aside strong { display: block; font: 750 48px/1 Inter,Arial,sans-serif; color: var(--q10-text); }
.app-page .app-shell .gallery-intro-aside span { color: var(--q10-text-muted); font-size: 11px; }
.app-page .app-shell .gallery-explore-toolbar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.app-page .app-shell .gallery-explore-toolbar label { color: var(--q10-text); font-size: 12px; font-weight: 700; }
.app-page .app-shell .gallery-explore-toolbar select { min-height: 43px; min-width: 175px; width: min(100%,290px); border: 1px solid var(--q10-line); border-radius: 9px; padding: 8px 12px; background: var(--q10-surface); color: var(--q10-text); }
.app-page .app-shell .gallery-explore-toolbar #profile-gallery-count { margin-left: auto; color: var(--q10-text-muted); font-size: 12px; }
.app-page .app-shell .profile-gallery-view .cbm-album { border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible; }
.app-page .app-shell .profile-gallery-view .cbm-album > .card-title { display: none; }
.app-page .app-shell .profile-gallery-view .cbm-album > .card-body { padding: 0 !important; background: transparent !important; }
.app-page .app-shell .profile-gallery-view .album-description { display: none; }
.app-page .app-shell .profile-gallery-view .album-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(10px,1.4vw,22px); }
.app-page .app-shell .profile-gallery-view .album-photo { border-radius: 15px; border: 1px solid var(--q10-line); aspect-ratio: .9; box-shadow: none; }
.app-page .app-shell .profile-gallery-view .album-photo:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
.app-page .app-shell .profile-gallery-view .album-photo[hidden] { display: none !important; }
.app-page .app-shell .gallery-privacy-note { margin: 0; padding: 18px 0; border-top: 1px solid var(--q10-line); color: var(--q10-text-muted); font: 12px/1.7 Inter,Arial,sans-serif; }
.app-page .app-shell .album-photo:focus-within { outline: 2px solid var(--q10-focus); outline-offset: 3px; }

/* CBHome picker: private photos are displayed only on explicit selection. */
.app-page .cbhome-gallery-picker > p { margin: 0 0 18px; line-height: 1.65; color: var(--q10-text-muted); }
.app-page .cbhome-gallery-picker-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.app-page .cbhome-gallery-picker-grid > button { position: relative; overflow: hidden; border: 1px solid var(--q10-line); background: var(--q10-surface-alt); color: var(--q10-text); padding: 0; border-radius: 12px; text-align: left; transition: transform .2s,border-color .2s; }
.app-page .cbhome-gallery-picker-grid > button img { display: block; height: 190px; width: 100%; object-fit: cover; }
.app-page .cbhome-gallery-picker-grid > button span { display: grid; gap: 5px; padding: 12px 13px; }
.app-page .cbhome-gallery-picker-grid > button span b { font-size: 12px; color: var(--q10-text); }
.app-page .cbhome-gallery-picker-grid > button span small { color: var(--q10-text-muted); font-size: 11px; }
.app-page .cbhome-gallery-picker-grid > button:hover:not(:disabled) { border-color: var(--q10-accent); transform: translateY(-3px); }
.app-page .cbhome-gallery-picker-grid > button:disabled { opacity: .57; cursor: not-allowed; }
.app-page .cbhome-gallery-picker-grid > button:focus-visible { outline: 2px solid var(--q10-focus); outline-offset: 3px; }

/* Halloween editorial flourishes — contextual scenes instead of global confetti.
   The seasonal CSS class is the only trigger. Effects never capture pointer input. */
body.theme-retired-halloween .app-shell .profile-gallery-intro {
  background: radial-gradient(circle at 84% 34%,#f7ab7c40 0,transparent 25%),
    linear-gradient(115deg,#241a35 10%,#402944 68%,#59374b 100%) !important;
  border-color: #795774 !important;
}
body.theme-retired-halloween .app-shell .profile-gallery-intro:before {
  content: ''; position: absolute; right: 12%; top: -24px; width: 220px; height: 220px;
  background: radial-gradient(circle,#ffce9a 0 37%,transparent 38%); opacity: .22; pointer-events: none;
}
body.theme-retired-halloween .app-shell .profile-gallery-intro:after {
  content: '✦     ✧     ✦'; position: absolute; inset: auto 7% 20px auto;
  color: #e8a36b; font-size: 12px; letter-spacing: .5em; opacity: .5; pointer-events: none;
}
body.theme-retired-halloween .app-shell .profile-gallery-intro h2 { color: #fff2e7 !important; }
body.theme-retired-halloween .app-shell .profile-gallery-intro p { color: #e8d5e3 !important; }
body.theme-retired-halloween .app-shell .gallery-eyebrow { color: #ffc08b !important; }
body.theme-retired-halloween .app-shell .gallery-intro-aside strong { color: #fff0e0 !important; }
body.theme-retired-halloween .app-shell .profile-gallery-view .album-photo { background: #241a30; border-color: #694f68; }
body.theme-retired-halloween .app-shell .profile-gallery-view .album-photo:nth-child(3n + 2) { transform: translateY(7px); }
body.theme-retired-halloween .app-shell .profile-gallery-view .album-photo:nth-child(3n + 2):focus-within { transform: translateY(0); }
body.theme-retired-halloween .app-shell .profile-gallery-view .album-photo img { transition: transform .45s ease,filter .45s ease; }
body.theme-retired-halloween .app-shell .profile-gallery-view .album-photo:hover img { transform: scale(1.06); }
body.theme-retired-halloween .app-shell .dph-course-hero { position: relative; overflow: hidden; border-radius: 18px; }
body.theme-retired-halloween .app-shell .dph-course-hero:after { content: '✦'; position: absolute; right: 9%; top: -47px; font-size: 180px; font-family: Georgia,serif; color: #ec9f6861; transform: rotate(16deg); pointer-events: none; }
body.theme-retired-halloween .app-shell .dph-course-hero > * { position: relative; z-index: 1; }
body.theme-retired-halloween .app-shell .course-form-heading > span { background: #47314b !important; color: #ffc494 !important; border: 1px solid #78516b; }
body.theme-retired-halloween .app-shell .course-charge-summary { background: #291d35 !important; }
body.theme-retired-halloween .app-shell .course-proof-field { background: #2b2138 !important; }
body.theme-retired-halloween .app-shell .course-gallery-editor .gallery-drop { background: #30243b !important; color: #fff3e9 !important; }
body.theme-retired-halloween .app-shell .profile-stats-grid .profile-stat { background: #30233b !important; border: 1px solid #6a5072 !important; color: #ffede6 !important; }
body.theme-retired-halloween .app-shell .profile-stats-grid .profile-stat :is(b,span) { color: #f6eaf2 !important; }
body.theme-retired-halloween .app-shell .performance-insight { background: #2c213a !important; border-color: #674e6e !important; }
body.theme-retired-halloween .app-shell .performance-insight :is(b,span) { color: #f1e1ef !important; }
/* Context-sensitive animated ghost in sidebar header, away from navigation. */
body.theme-retired-halloween[data-theme-effects="on"] .app-shell .side-section-title:first-of-type:after {
  content: '✧'; display: inline-block; margin-left: 8px; color: #e7a778;
  animation: hw-menu-twinkle 4.8s ease-in-out infinite; pointer-events: none;
}
@keyframes hw-menu-twinkle { 0%,100% { opacity:.32; transform:scale(.85) } 50% { opacity:1; transform:scale(1.22) } }
/* Keep motion opt-out, even when the administrator enables special effects. */
@media(prefers-reduced-motion:reduce) {
  body.theme-retired-halloween .app-shell .side-section-title:first-of-type:after { animation: none !important; }
  .app-page .cbhome-gallery-picker-grid > button,.app-page .album-photo img { transition: none !important; }
  body.theme-retired-halloween .app-shell .profile-gallery-view .album-photo:nth-child(3n + 2) { transform: none; }
}
@media(max-width:900px){
  .app-page .app-shell .profile-gallery-view .album-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .app-page .cbhome-gallery-picker-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px){
  .app-page .app-shell .profile-gallery-intro { min-height: 0; align-items: start; padding: 26px; flex-direction: column; }
  .app-page .app-shell .gallery-intro-aside { border: 0; border-top: 1px solid var(--q10-line); text-align: left; padding: 12px 0 0; }
  .app-page .app-shell .gallery-intro-aside strong { font-size: 32px; }
  .app-page .app-shell .profile-gallery-view .album-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .app-page .app-shell .profile-gallery-view .album-photo:first-child { grid-column: span 2; grid-row: span 1; aspect-ratio: 1.85; }
  .app-page .app-shell .gallery-explore-toolbar #profile-gallery-count { margin-left: 0; }
  .app-page .app-shell .course-charge-summary { grid-template-columns: 1fr; }
  .app-page .app-shell .course-charge-summary > div + div { border-left: 0 !important; border-top: 1px solid var(--q10-line) !important; padding: 15px 8px; }
  .app-page .app-shell .course-application-form .grid-2 { grid-template-columns: minmax(0,1fr); }
  .app-page .cbhome-gallery-picker-grid { grid-template-columns: minmax(0,1fr); }
  .app-page .cbhome-gallery-picker-grid > button img { height: 210px; }
}

/* Live, opt-in parallax: tiny perspective shift inside the Halloween illustration,
   not an overlay covering the dashboard. The effect is driven by pointer movement. */
@media (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.theme-retired-halloween:not([data-theme-effects="off"]) .hw-home-hero .hw-hero-scene {
    background-position: center, calc(50% + var(--hw-mouse-x,0px)) calc(50% + var(--hw-mouse-y,0px));
  }
  body.theme-retired-halloween:not([data-theme-effects="off"]) .hw-hero-edition {
    transform: translate(calc(var(--hw-mouse-x,0px) * -.3),calc(var(--hw-mouse-y,0px) * -.3));
  }
}
/* Custom ghost illustration for an empty photo archive (no external assets). */
body.theme-retired-halloween .app-shell .profile-gallery-view .cbm-album .empty {
  position: relative; display: grid; justify-items: center; gap: 15px; min-height: 240px;
  align-content: center; border: 1px dashed #785578; background: #281e36;
  border-radius: 16px; font-size: 13px; line-height: 1.7; color: #ead7e6 !important;
}
body.theme-retired-halloween .app-shell .profile-gallery-view .cbm-album .empty:before {
  content: ''; display: block; width: 55px; height: 63px;
  border-radius: 28px 28px 9px 9px;
  background: radial-gradient(circle at 36% 45%,#30233e 0 3px,transparent 4px),
    radial-gradient(circle at 67% 45%,#30233e 0 3px,transparent 4px),#fff0e4;
  clip-path: polygon(0 0,100% 0,100% 100%,84% 89%,67% 100%,50% 89%,30% 100%,15% 89%,0 100%);
  box-shadow: 0 6px 25px #f2a77b15; animation: hw-album-ghost 5s ease-in-out infinite;
}
@keyframes hw-album-ghost { 0%,100% {transform:translateY(0)} 50% {transform:translateY(-8px)} }
body.theme-retired-halloween[data-theme-effects="off"] .profile-gallery-view .cbm-album .empty:before {animation:none!important}
@media(prefers-reduced-motion:reduce) {body.theme-retired-halloween .profile-gallery-view .cbm-album .empty:before {animation:none!important}}

/* Course form hero inherited the bright original yellow even in Halloween mode. */
body.theme-retired-halloween .app-shell .dph-course-hero {
  background: radial-gradient(circle at 90% 22%,#ef9c6540,transparent 28%),
    linear-gradient(109deg,#2b1c39 0%,#412841 65%,#623f4c 100%) !important;
  border: 1px solid #805a6d !important;
  color: #fff4ea !important;
}
body.theme-retired-halloween .app-shell .dph-course-hero :is(h1,p,small,span) { color: #fff0e7 !important; }
body.theme-retired-halloween .app-shell .dph-course-hero p { color: #dfc9da !important; }
body.theme-retired-halloween .app-shell .course-application-form :is(input[type="date"],input[type="datetime-local"],input[type="time"]),
body.dark .app-shell .course-application-form :is(input[type="date"],input[type="datetime-local"],input[type="time"]) {
  color-scheme: dark;
}
body.theme-retired-halloween .app-shell .course-application-form .btn-primary:hover:not(:disabled) {
  background: #ffcd97 !important; color: #25182c !important; border-color: #ffdfba !important;
}
/* A playful but restrained ghost signature on the training statistic card. */
body.theme-retired-halloween .app-shell .stats-grid .stat-card:nth-child(3):after {
  content: ''; position: absolute; z-index: 0; top: 23px; right: 23px; left: auto;
  width: 29px; height: 33px; border-radius: 17px 17px 3px 3px;
  background: radial-gradient(circle at 36% 44%,#47314a 0 2px,transparent 3px),
    radial-gradient(circle at 69% 44%,#47314a 0 2px,transparent 3px),#ffebda;
  clip-path: polygon(0 0,100% 0,100% 100%,83% 88%,65% 100%,48% 88%,30% 100%,15% 88%,0 100%);
  opacity: .7; box-shadow: none; transition: transform .25s,opacity .25s;
  pointer-events: none;
}
body.theme-retired-halloween .app-shell .stats-grid .stat-card:nth-child(3):hover:after { transform: translateY(-5px); opacity: 1; }
body.theme-retired-halloween[data-theme-effects="off"] .app-shell .stats-grid .stat-card:nth-child(3):after { transition: none; }
@media(prefers-reduced-motion:reduce) {body.theme-retired-halloween .app-shell .stats-grid .stat-card:nth-child(3):after{transition:none}}