/* ==========================================================================
   Halloween 2026 (module halloween: halloween/index.php + _guide.php, _leaderboard.php, _me.php, _player.php, _balance.php).
   Loaded by fy_boot.php for this module only (css/pages/<module>.css). Built on the Freya components (fy-card, fy-tabs,
   fy-badge, fy-table, fy-alert, fy-stats) and the shared leaderboard board (css/pages/leaderboard.css, asked for in
   main/meta/halloween.php). The event's accent comes from the Freya palette: amber for the pumpkin, violet for the dark.
   Sprites are 2x pixel art (img/halloween/): .hw-px keeps them crisp.
   ========================================================================== */
.hw{--hw-pumpkin:var(--amber-400);--hw-pumpkin-2:var(--amber-300);--hw-pumpkin-soft:rgba(255,182,86,.14);--hw-violet:var(--violet-300);--hw-violet-soft:rgba(196,170,255,.14);
  --hw-stage:linear-gradient(180deg,rgba(167,126,255,.16),rgba(167,126,255,.04) 65%,rgba(255,182,86,.08)),var(--night-800);
  --hw-pumpkin-gem:var(--grad-gold)}
.hw-px{image-rendering:pixelated}

.hw-panel{transition:opacity var(--t-med) var(--ease)}
.hw.is-loading .hw-panel{opacity:.45;pointer-events:none}
.hw-soon{max-width:640px;margin-inline:auto}

/* ---- guide layout: the sections + "In this guide" (a sticky side list from 1100 px, a block on top below it) ---- */
.hw-doc{display:grid;gap:var(--sp-6) var(--sp-10)}
.hw-doc__main{min-width:0}
.hw-toc{padding:var(--sp-4) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.hw-toc__title{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-2);color:var(--text);font:800 var(--fs-sm) var(--font-display);letter-spacing:.04em}
.hw-toc__title .fy-i{color:var(--hw-pumpkin)}
.hw-toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:0 var(--sp-5);margin:0;padding:0;list-style:none;counter-reset:hw-toc}
.hw-toc li{margin:0;counter-increment:hw-toc}
.hw-toc a{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:4px 0;color:var(--text-2);font-size:var(--fs-sm);line-height:1.35;text-decoration:none}
.hw-toc a::before{content:counter(hw-toc);display:grid;place-items:center;width:26px;height:22px;background:var(--hw-pumpkin-soft);color:var(--hw-pumpkin-2);font:800 .75rem/1 var(--font-display);border-radius:var(--r-xs)}
.hw-toc a:hover{color:#fff}
.hw-toc a:hover::before{background:rgba(238,139,54,.38);color:#fff}
@media (min-width:1100px){
  .hw-doc{grid-template-columns:minmax(0,1fr) 250px;align-items:start}
  .hw-toc{order:2;position:sticky;top:calc(var(--header-h) + 20px);padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border:0;border-left:2px solid var(--line-2);border-radius:0;background:none}
  .hw-toc ol{grid-template-columns:minmax(0,1fr)}
}

/* ---- sections and shared pieces ---- */
.hw-sec{scroll-margin-top:calc(var(--header-h) + 16px)}
.hw-sec+.hw-sec{margin-top:var(--sp-16)}
.hw .fy-eyebrow{color:var(--hw-pumpkin-2)}
.hw .hw-head{margin-bottom:var(--sp-5)}
.hw-h3{display:flex;align-items:center;gap:8px;margin:0 0 .6em;font-size:var(--fs-lg)}
.hw-h3 .fy-i{color:var(--hw-pumpkin)}
.hw-h3--gap{margin-top:var(--sp-8)}
.hw-text{max-width:70ch;color:var(--text-2)}
.hw-note{margin:var(--sp-3) 0 0;color:var(--text-3);font-size:var(--fs-sm)}
.hw-label{margin:0 0 .35em;color:var(--hw-pumpkin-2);font:800 var(--fs-xs)/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase}
.hw-label--violet{color:var(--hw-violet)}
.hw-caption{margin:var(--sp-2) 0 0;color:var(--text-3);font-size:var(--fs-xs);text-align:center}
.hw-badge--pumpkin{border-color:rgba(255,182,86,.45);background:var(--hw-pumpkin-soft);color:var(--hw-pumpkin-2)}
.hw-dots{margin:0;padding:0;list-style:none}
.hw-dots>li{position:relative;margin:0;padding-left:1.4em;color:var(--text-2)}
.hw-dots>li+li{margin-top:.55em}
.hw-dots>li::before{content:"";position:absolute;left:.2em;top:.62em;width:.42em;height:.42em;transform:rotate(45deg);background:var(--hw-pumpkin)}
.hw-dots b{color:var(--text)}
.hw-grid{display:grid;gap:var(--sp-4);margin:0 0 var(--sp-4);padding:0;list-style:none}
.hw-grid>*{min-width:0;margin:0}
.hw-grid>.fy-card{margin:0}
.hw-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) var(--sp-3)}
@media (min-width:640px){.hw-grid--2,.hw-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}}
@media (min-width:1024px){.hw-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hw-group{margin:var(--sp-8) 0 var(--sp-4)}
.hw-group__title{margin:0;font-size:var(--fs-xl)}
.hw-group__lead{margin:.3em 0 0;color:var(--text-3);font-size:var(--fs-sm)}

/* sprite stage: a lit box behind the art, so the dark monsters stay visible (sizes come from _guide.php in percent) */
.hw-stage{display:flex;align-items:flex-end;justify-content:center;width:100%;border:1px solid var(--line);border-radius:var(--r-md);background:var(--hw-stage);overflow:hidden}
.hw-stage--center{align-items:center}
.hw-stage>img{flex:none;max-width:none;height:auto;filter:drop-shadow(0 4px 6px rgba(2,6,20,.45))}
.hw-figure{margin:0 0 var(--sp-5)}

/* ---- at a glance ---- */
.hw-notice{margin:0 0 var(--sp-4)}
.hw-facts{display:grid;gap:var(--sp-4);margin:0;padding:0;list-style:none}
@media (min-width:640px){.hw-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hw-facts>li.fy-card{display:flex;gap:var(--sp-4);align-items:flex-start;margin:0}
.hw-facts p{margin:0;color:var(--text-2);font-size:var(--fs-sm)}
.hw-facts__title{margin:.1em 0 .3em;font-size:var(--fs-md)}
.hw-tile{background:linear-gradient(160deg,rgba(238,139,54,.36),rgba(238,139,54,.12));color:var(--hw-pumpkin-2)}
.hw-tile--violet{background:linear-gradient(160deg,rgba(181,154,224,.36),rgba(181,154,224,.12));color:var(--hw-violet)}

/* ---- the road ---- */
.hw-steps{margin:0 0 var(--sp-5);padding:0;list-style:none}
.hw-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--sp-2) var(--sp-4);margin:0;padding-bottom:var(--sp-6)}
.hw-step+.hw-step{margin-top:0}
.hw-step:not(:last-child)::before{content:"";position:absolute;left:21px;top:50px;bottom:6px;width:2px;background:linear-gradient(180deg,rgba(238,139,54,.5),var(--line))}
.hw-step__n{display:grid;place-items:center;width:44px;height:44px;background:var(--hw-pumpkin-gem);color:#1d1206;font:800 var(--fs-lg)/1 var(--font-display);border-radius:var(--r-sm)}
.hw-step__body{min-width:0}
.hw-step__body>p{margin:0 0 .5em;color:var(--text-2)}
.hw-step__body b{color:var(--text)}
.hw-step__title{margin:.35em 0 .15em;font-size:var(--fs-lg)}
.hw-step__where{display:flex;align-items:center;gap:6px;margin:0 0 .6em!important;color:var(--text-3)!important;font-size:var(--fs-sm)}
.hw-step__where .fy-i{color:var(--hw-pumpkin)}
.hw-step__reward{display:flex;gap:8px;align-items:flex-start;margin:.2em 0 0!important;padding:8px 12px;border-radius:var(--r-sm);background:var(--hw-pumpkin-soft);color:var(--text)!important;font-size:var(--fs-sm)}
.hw-step__reward .fy-i{margin-top:.2em;color:var(--hw-pumpkin-2)}
.hw-step__card{grid-column:2;margin:0;width:88px}
.hw-step__card img{display:block;width:88px;border-radius:var(--r-sm)}
.hw-step__card .hw-caption{text-align:left}
@media (min-width:768px){
  .hw-step{grid-template-columns:44px minmax(0,1fr) 112px}
  .hw-step__card{grid-column:3;grid-row:1;width:112px}
  .hw-step__card img{width:96px;margin:0 auto}
  .hw-step__card .hw-caption{text-align:center}
}
.hw-tips{margin:0}

/* ---- quests ---- */
.hw-quest{display:flex;flex-direction:column}
.hw-quest__head{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:var(--sp-4);margin-bottom:var(--sp-3)}
.hw-quest__title{margin:0 0 .45em;font-size:var(--fs-md);line-height:1.3}
.hw-quest__pic .hw-stage{border-radius:var(--r-sm)}
.hw-quest__card{display:block;width:64px;margin:0 auto;border-radius:var(--r-xs)}
.hw-quest__text p{margin:0 0 .55em;color:var(--text-2);font-size:var(--fs-sm)}
.hw-quest__text p:last-child{margin-bottom:0}
.hw-quest__text b{color:var(--text)}

/* ---- maps ---- */
.hw-mapbox{display:flex;flex-direction:column}
.hw-mapbox__title{margin:0 0 var(--sp-3);font-size:var(--fs-lg)}
.hw-mapbox--wide{margin:0 0 var(--sp-4)}
.hw-map{margin:0}
.hw-map__img{position:relative;width:100%;margin:0 auto var(--sp-4);line-height:0}
.hw-map__img img{display:block;width:100%;border-radius:var(--r-sm);background:var(--night-950)}
.hw-mapbox--wide .hw-map__img{max-width:720px}
.hw-map--tall .hw-map__img{max-width:300px}
.hw-pin{position:absolute;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:var(--hw-pumpkin);border:2px solid var(--night-950);color:var(--night-950);font:800 12px/1 var(--font-display);box-shadow:0 0 0 2px rgba(238,139,54,.35),0 2px 6px rgba(2,6,20,.6)}
.hw-legend{margin:0;padding:0;list-style:none}
.hw-legend li{display:flex;gap:10px;align-items:flex-start;margin:0;color:var(--text-2);font-size:var(--fs-sm)}
.hw-legend li+li{margin-top:.45em}
.hw-pin-key{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:.05em;border-radius:50%;background:var(--hw-pumpkin);color:var(--night-950);font:800 11px/1 var(--font-display)}
.hw-map__note{margin:var(--sp-3) 0 0;color:var(--hw-pumpkin-2);font-size:var(--fs-sm)}
@media (min-width:768px){.hw-grid--maps{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}

/* ---- monsters and the final hall's waves ---- */
.hw-mob{margin:0}
.hw-mob .hw-label{margin-bottom:.45em}
.hw-mob.is-last .hw-label{color:var(--hw-violet)}
.hw-mob.is-last .hw-stage{border-color:rgba(181,154,224,.45)}
.hw-mob__name{margin:.6em 0 0;color:var(--text);font:700 var(--fs-md)/1.3 var(--font-display)}
.hw-mob__text{margin:.2em 0 0;color:var(--text-3);font-size:var(--fs-sm);line-height:1.45}

/* ---- the haunted cellar ---- */
.hw-cellar{display:grid;gap:var(--sp-4)}
.hw-cellar>.fy-card{margin:0}
.hw-cellar__witch{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin:0;padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--hw-stage)}
.hw-cellar__witch img{width:min(62%,228px);filter:drop-shadow(0 6px 10px rgba(2,6,20,.5))}
@media (min-width:768px){.hw-cellar__witch img{width:min(100%,228px)}}
@media (min-width:768px){.hw-cellar{grid-template-columns:minmax(0,1fr) 230px}}
.hw-floors{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:var(--sp-4) 0 var(--sp-3);padding:0;list-style:none}
@media (min-width:768px){.hw-floors{grid-template-columns:repeat(20,minmax(0,1fr))}}
.hw-floor{position:relative;display:grid;place-items:center;aspect-ratio:1;margin:0;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--surface);color:var(--text-3);font:700 .72rem/1 var(--font-display)}
.hw-floor+.hw-floor{margin:0}
.hw-floor.is-boss{background:var(--hw-pumpkin);border-color:var(--hw-pumpkin);color:#1d1206}
.hw-floor.is-hall{background:var(--hw-violet);border-color:var(--hw-violet);color:#140d22}
.hw-floor.is-ash::after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;transform:rotate(45deg);background:#fff6ea}
.hw-floor-legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0 0 var(--sp-5);color:var(--text-3);font-size:var(--fs-sm)}
.hw-floor-legend span{display:inline-flex;align-items:center;gap:8px}
.hw-floor-legend i{position:relative;display:inline-block;width:14px;height:14px;border:1px solid var(--line-2);border-radius:3px;background:var(--surface)}
.hw-floor-legend i.is-boss{background:var(--hw-pumpkin);border-color:var(--hw-pumpkin)}
.hw-floor-legend i.is-hall{background:var(--hw-violet);border-color:var(--hw-violet)}
.hw-floor-legend i.is-ash::after{content:"";position:absolute;top:2px;right:2px;width:4px;height:4px;transform:rotate(45deg);background:#fff6ea}
.hw-ashes{margin:0}
.hw-ashes p:last-child{margin:0;color:var(--text-2)}

/* ---- monster strength ---- */
.hw-strength{margin:0}
.hw-strength .fy-table tbody th{font-family:var(--font-display);min-width:8em}
.hw-strength .fy-table td{white-space:nowrap}
.hw-sub{display:block;margin-top:2px;color:var(--text-3);font-size:var(--fs-xs)}
.hw-strength .fy-table tbody tr.is-dragon{--hw-row-tint:rgba(181,154,224,.13)}
.hw-strength .fy-table tbody tr.is-dragon>*{background:var(--hw-row-tint)}
.hw-strength .fy-table tbody tr.is-dragon>th{color:var(--hw-violet)}

/* ---- the final hall's reward ---- */
.hw-reward{margin:var(--sp-5) 0 0}
.hw-reward>p{color:var(--text-2)}
.hw-reward__list{display:grid;gap:8px var(--sp-5);margin:0 0 var(--sp-2);padding:0;list-style:none}
@media (min-width:640px){.hw-reward__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hw-reward__list li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:0;padding:8px 12px;border-radius:var(--r-sm);background:rgba(5,10,26,.4);color:var(--text)}
.hw-reward__list li:last-child{border:1px solid rgba(181,154,224,.4)}

/* ---- coins ---- */
.hw-coin{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--sp-4);align-items:start}
.hw-coin img{width:72px;border-radius:var(--r-sm)}
.hw-coin p:last-child{margin:0;color:var(--text-2)}
.hw-coin .hw-h3{margin-bottom:.3em}
.hw-drops{margin:0}

/* ---- costumes ---- */
.hw-group--costumes{margin-top:var(--sp-10)}
.hw-costume{margin:0 0 var(--sp-4)}
.hw-costume__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px var(--sp-3)}
.hw-costume__name{margin:0;font:800 var(--fs-xl)/1.2 var(--font-display)}
.hw-costume__power{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:.5em 0 .45em}
.hw-costume__powername{margin-right:4px;color:var(--hw-pumpkin-2);font:italic 800 var(--fs-lg)/1.2 var(--font-display)}
.hw-costume__what{margin:0 0 var(--sp-4);color:var(--text-2)}
.hw-costume__body{display:grid;gap:var(--sp-4);align-items:start}
@media (min-width:880px){.hw-costume__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.hw-costume__look,.hw-costume__item{margin:0}
/* the item description as the game shows it: a light window, on purpose */
.hw-window{overflow:hidden;border:1px solid #b9c3d6;border-radius:var(--r-sm);background:#f9f9f4;color:#222;font:400 .8125rem/1.45 Tahoma,Verdana,"Segoe UI",sans-serif}
.hw-window p{margin:0 0 .35em;color:#222}
.hw-window__title{margin:0!important;padding:6px 12px;background:#dde3ef;color:#1b1b1b!important;font-weight:700}
.hw-window__body{padding:10px 12px 12px}
.hw-window__top{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;margin-bottom:8px}
.hw-window__top img{width:64px;border:1px solid #ccc}
.hw-window .hw-window__gold{color:#996600}
.hw-window .hw-window__blue{color:#0000cc;font-weight:700}
.hw-window__grey{color:#777}
.hw-window .hw-window__rule{color:#888}
.hw-sendoff{margin:var(--sp-8) 0 0;color:var(--text);font:italic 800 var(--fs-lg)/1.3 var(--font-display);text-align:center}

/* ==========================================================================
   Leaderboard and Player tabs (_leaderboard.php, _player.php: the data agent's markup, documented in
   modules/halloween/README.md). Tables are the rankings board (mod-ranking.css); these are the event's own pieces.
   ========================================================================== */
.hw-lb .fy-alert,.hw-player .fy-alert{margin:0 0 var(--sp-6)}
.hw-jump{margin:0 0 var(--sp-10)}
.hw-jump .fy-i{color:var(--hw-pumpkin)}
.hw-subtitle{margin:var(--sp-8) 0 var(--sp-3)}
.hw-board{margin:0 0 var(--sp-4)}
.hw-of{color:var(--text-3);font-size:.8em;font-weight:600}
.hw-name-link{color:var(--text);text-decoration:none}
.hw-name-link:hover{color:var(--hw-pumpkin-2);text-decoration:underline}

/* progress bar: a sunken track with a pumpkin fill (one inner span with an inline width) */
.hw-bar{display:block;min-width:60px;height:8px;border:1px solid var(--line);border-radius:999px;background:rgba(5,10,26,.6);overflow:hidden}
.hw-bar>span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#c9661a,var(--hw-pumpkin) 60%,var(--hw-pumpkin-2))}
.hw-bar--lg{height:14px}

/* characters per task */
.hw-ladder{margin:0 0 var(--sp-4);padding:var(--sp-2) var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);list-style:none}
.hw-ladder__row{display:grid;grid-template-columns:minmax(0,1fr) 4.5em;gap:4px var(--sp-4);align-items:center;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}
.hw-ladder__row+.hw-ladder__row{margin-top:0}
.hw-ladder__row:last-child{border-bottom:0}
.hw-ladder__label{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--text-2);font-size:var(--fs-sm)}
.hw-ladder__row .hw-bar{grid-column:1/-1;grid-row:2}
.hw-ladder__count{grid-column:2;grid-row:1;color:var(--text);font:800 var(--fs-md)/1 var(--font-display);text-align:right}
.hw-ladder__row--milestone .hw-ladder__label{color:var(--text);font-weight:700}
.hw-ladder__row--milestone .hw-bar>span{background:linear-gradient(90deg,#7d5fc0,var(--hw-violet))}
.hw-ladder__row--empty{opacity:.55}
@media (min-width:768px){
  .hw-ladder__row{grid-template-columns:minmax(0,17em) minmax(0,1fr) 4.5em}
  .hw-ladder__row .hw-bar{grid-column:2;grid-row:1}
  .hw-ladder__count{grid-column:3}
}

/* "Now on" cell and the task panel of a player */
.hw-taskcell{min-width:12em}
.hw-taskcell__name{display:block;color:var(--text);font-weight:700}
.hw-taskcell .hw-bar{max-width:220px;margin:6px 0 4px}
.hw-task__progress{margin:var(--sp-4) 0 var(--sp-3)}
.hw-task__count{margin:8px 0 0;color:var(--text-2)}
.hw-task__count strong{color:var(--text)}
.hw-task__text{margin:var(--sp-3) 0 0;color:var(--text-2)}
.hw-task__text .fy-i{color:var(--mint-400)}

/* Jack's 8 tasks as a track */
.hw-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3) var(--sp-2);margin:0;padding:0;list-style:none;counter-reset:none}
@media (min-width:768px){.hw-track{grid-template-columns:repeat(8,minmax(0,1fr))}}
.hw-track__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;text-align:center}
.hw-track__step+.hw-track__step{margin-top:0}
.hw-track__num{display:grid;place-items:center;width:36px;height:36px;background:rgba(140,175,255,.1);color:var(--text-2);font:800 var(--fs-sm)/1 var(--font-display);border-radius:var(--r-sm)}
.hw-track__name{color:var(--text-3);font-size:var(--fs-xs);line-height:1.3}
.hw-track__step--done .hw-track__num{background:var(--hw-pumpkin-gem);color:#1d1206}
.hw-track__step--done .hw-track__name{color:var(--text-2)}
.hw-track__step--current .hw-track__num{background:var(--hw-pumpkin-soft);color:var(--hw-pumpkin-2);box-shadow:inset 0 0 0 2px var(--hw-pumpkin)}
.hw-track__step--current .hw-track__name{color:var(--text);font-weight:700}
.hw-track__step--gate::after{content:"";position:absolute;top:-4px;right:calc(50% - 24px);width:8px;height:8px;transform:rotate(45deg);background:var(--hw-violet)}

/* coin boards side by side */
.hw-coins{--hw-grid-min:340px;margin:0 0 var(--sp-4)}
.hw-boardhead{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-3)}
.hw-boardhead__img{flex:none;width:48px;height:48px;object-fit:contain;border-radius:var(--r-sm)}
.hw-boardhead__title{margin:0}
.hw-boardhead__note{margin:.15em 0 0}

/* costume icons (img/halloween/costume_<id>.png: square, trimmed front renders) */
.hw-icons{display:inline-flex;flex-wrap:wrap;gap:4px}
.hw-icon,.hw-slot__img{object-fit:contain;image-rendering:pixelated;border-radius:var(--r-xs);background:var(--hw-stage)}
.hw-icon{width:28px;height:28px;border:1px solid var(--line)}
.hw-icon--chest{border-color:rgba(255,209,102,.6);box-shadow:0 0 0 1px rgba(255,209,102,.25),0 0 8px rgba(255,209,102,.45)}

/* cellar totals, boards and runs */
.hw-totals{margin-bottom:var(--sp-5)}
.hw-clearboards{--hw-grid-min:360px;margin-top:var(--sp-4)}
.hw-clearboards .hw-subtitle{margin-top:0}
.hw-members{color:var(--text-3);font-size:var(--fs-xs)}
.hw-members a{color:var(--text-2)}

/* latest costume winners */
.hw-feed{display:grid;gap:var(--sp-2);margin:0;padding:0;list-style:none}
@media (min-width:768px){.hw-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hw-feed__item{display:flex;align-items:center;gap:var(--sp-3);margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}
.hw-feed__item+.hw-feed__item{margin-top:0}
.hw-feed__item .hw-icon{flex:none;width:40px;height:40px}
.hw-feed__text{margin:0;color:var(--text-2);font-size:var(--fs-sm);line-height:1.4}
.hw-feed__text .hw-cell-sub{display:block}
.hw-feed__who{color:var(--text);font-weight:700}

/* player search and header */
.hw-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--sp-3);max-width:680px;margin:0 0 var(--sp-8)}
.hw-search__field{flex:1 1 280px;margin:0}
.hw-search__field .{width:100%}
.hw-search__btn{flex:none}
.hw-player__start,.hw-player__missing{margin-block:var(--sp-5)}
.hw-player__head{margin:0 0 var(--sp-4)}
.hw-player__name{margin:0;font-size:var(--fs-h2);line-height:1.1}
.hw-player__meta{margin:.35em 0 0}
.hw-player__stats{margin-bottom:var(--sp-8)}

/* the 14-slot wardrobe */
.hw-wardrobe{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:var(--sp-3);margin:0;padding:0;list-style:none}
.hw-slot{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:center}
.hw-slot+.hw-slot{margin-top:0}
.hw-slot__img{width:64px;height:64px}
.hw-slot__name{color:var(--text);font:700 var(--fs-sm)/1.3 var(--font-display)}
.hw-slot__how{color:var(--text-3);font-size:var(--fs-xs)}
.hw-slot--owned{border-color:rgba(238,139,54,.5);background:linear-gradient(180deg,rgba(238,139,54,.1),rgba(238,139,54,0) 70%),var(--surface)}
.hw-slot--owned.hw-slot--chest{border-color:rgba(255,209,102,.55)}
.hw-slot--missing .hw-slot__img{opacity:.4;filter:grayscale(.8)}
.hw-slot--missing .hw-slot__name{color:var(--text-2)}


@media (prefers-reduced-motion:reduce){.hw-panel{transition:none}}
/* every floor table */
.hw-lvform{margin-top:var(--sp-4)}
/* a form with several small fields side by side */
.hw-search--row{max-width:none}
.hw-search--row .hw-search__field{flex:1 1 170px}
.hw-floortable .fy-table td.hw-floortable__mobs{white-space:normal;min-width:16em}
.hw-floortable .fy-table tbody tr.is-boss{--hw-row-tint:var(--hw-pumpkin-soft)}
.hw-floortable .fy-table tbody tr.is-boss>*{background:var(--hw-row-tint)}
.hw-floortable .fy-table tbody tr.is-hall>th{color:var(--hw-violet)}
.hw-floortable .fy-table td.hw-floortable__skills{min-width:14em;color:var(--text-3);font-size:var(--fs-xs)}

/* ==========================================================================
   2026-10-30: four tabs (My progress, Player card), the My progress dashboard (_me.php), the leaderboard's ranking
   rules, the guide's quest facts, Event items and help sections, and the event end banner (modules/halloween $hwEventEnds).
   ========================================================================== */
.hw-ended{margin:0 0 var(--sp-6)}
.hw-runs-until{display:flex;align-items:center;gap:8px;margin:0 0 var(--sp-5);color:var(--text-2);font-size:var(--fs-sm)}
.hw-runs-until .fy-i{flex:none;color:var(--hw-pumpkin)}

/* leaderboard: refresh line and the ranking rule under each heading */
.hw-lb__fresh{display:flex;align-items:flex-start;gap:8px;margin:calc(-1 * var(--sp-6)) 0 var(--sp-10)}
.hw-lb__fresh .fy-i,.hw-rule .fy-i,.hw-player__privacy .fy-i{flex:none;margin-top:.2em;color:var(--hw-pumpkin)}
.hw-rule{display:flex;align-items:flex-start;gap:8px;max-width:80ch;margin:.6em 0 0;color:var(--text-2);font-size:var(--fs-sm)}
.hw-rule b{color:var(--text)}
.hw-player__privacy{display:flex;align-items:flex-start;gap:8px;max-width:680px;margin:calc(-1 * var(--sp-5)) 0 var(--sp-8)}

/* My progress: login prompt and the character picker */
.hw-me__login{max-width:720px;margin-inline:auto}
.hw-chars{margin:0 0 var(--sp-6)}
.hw-chars__title{margin:0 0 var(--sp-2);color:var(--text-3);font:700 var(--fs-xs)/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase}
.hw-chars__list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.hw-chars__list li{margin:0;min-width:0}
.hw-chars__item{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--text);text-decoration:none}
.hw-chars__item:hover{border-color:rgba(238,139,54,.55)}
.hw-chars__item.is-current{border-color:var(--hw-pumpkin);background:linear-gradient(180deg,rgba(238,139,54,.16),rgba(238,139,54,.04)),var(--surface)}
.hw-chars__name{font:700 var(--fs-sm)/1.3 var(--font-display);overflow-wrap:anywhere}
.hw-chars__meta{color:var(--text-3);font-size:var(--fs-xs)}
.hw-me__foreign{display:flex;align-items:flex-start;gap:8px;margin:calc(-1 * var(--sp-4)) 0 var(--sp-5)}
.hw-me__foreign .fy-i{flex:none;margin-top:.2em;color:var(--hw-pumpkin)}

/* My progress: header, freshness, the next step */
.hw-me__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-3) var(--sp-6)}
.hw-me__fresh{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:420px;margin:0}
.hw-next{margin:0 0 var(--sp-6);border-color:rgba(238,139,54,.55);background:linear-gradient(180deg,rgba(238,139,54,.14),rgba(238,139,54,.03) 70%),var(--surface)}
.hw-next__title{margin:0 0 .35em;font-size:var(--fs-xl);line-height:1.25}
.hw-next__text{max-width:80ch;margin:0;color:var(--text-2)}
.hw-next__warn{display:flex;align-items:flex-start;gap:8px;margin:.7em 0 0;color:var(--amber-400);font-size:var(--fs-sm)}
.hw-next__warn .fy-i{flex:none;margin-top:.2em}

/* My progress: the task table (milestone rows), key cards, coins, the hourly limit, the cellar checklist */
.hw-metask--gate>*{background:rgba(181,154,224,.07)}
.hw-metask--gate .fy-lb-name{color:var(--hw-violet)}
.hw-metask__progress .hw-bar{max-width:220px;margin:2px 0 4px}
.hw-cards{display:grid;gap:var(--sp-3);margin:0;padding:0;list-style:none}
@media (min-width:768px){.hw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hw-card{display:flex;gap:var(--sp-4);align-items:flex-start;margin:0}
.hw-card__img{flex:none;width:48px;height:auto;border-radius:var(--r-xs)}
.hw-card__name{margin:0 0 .3em;font-size:var(--fs-md)}
.hw-card__text{margin:0;color:var(--text-2);font-size:var(--fs-sm)}
.hw-coinname{display:flex;align-items:center;gap:10px;min-width:0}
.hw-coinname__img{flex:none;width:24px;height:auto}
.hw-coinname .hw-cell-sub{display:block;font-weight:400}
.hw-me__facts{margin:var(--sp-4) 0 var(--sp-5)}
.hw-window-limit{margin:0}
.hw-window-limit>p{color:var(--text-2)}
.hw-limit{margin:var(--sp-3) 0 0;padding:0;list-style:none}
.hw-limit__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px var(--sp-4);align-items:center;margin:0;padding:8px 0;border-bottom:1px solid var(--line)}
.hw-limit__row+.hw-limit__row{margin-top:0}
.hw-limit__row:last-child{border-bottom:0}
.hw-limit__label{color:var(--text);font-weight:700}
.hw-limit__count{color:var(--text);font:800 var(--fs-md)/1 var(--font-display);text-align:right}
.hw-limit__label{grid-column:1;grid-row:1}
.hw-limit__count{grid-column:2;grid-row:1}
.hw-limit__row .hw-bar{grid-column:1/-1;grid-row:2}
.hw-limit__note{grid-column:1/-1;grid-row:3}
@media (min-width:768px){
  .hw-limit__row{grid-template-columns:minmax(0,13em) minmax(0,1fr) 5em}
  .hw-limit__row .hw-bar{grid-column:2;grid-row:1}
  .hw-limit__count{grid-column:3;grid-row:1}
  .hw-limit__note{grid-column:2/-1;grid-row:2}
}
.hw-checks{display:grid;gap:6px;margin:0 0 var(--sp-5);padding:0;list-style:none}
.hw-checks__item{display:flex;align-items:flex-start;gap:10px;margin:0;color:var(--text-2);font-size:var(--fs-sm)}
.hw-checks__item+.hw-checks__item{margin-top:0}
.hw-checks__item .fy-i{flex:none;margin-top:.15em}
.hw-checks__item.is-ok .fy-i{color:var(--mint-400)}
.hw-checks__item.is-no .fy-i{color:var(--rose-400)}
.hw-checks__item.is-no{color:var(--text)}
.hw-slot__with{color:var(--text-2);line-height:1.35}
.hw-me__kv{max-width:900px}

/* guide: what each quest needs and gives */
.hw-quest__facts{display:grid;gap:4px;margin:var(--sp-3) 0 0;padding:var(--sp-3) 0 0;border-top:1px solid var(--line);font-size:var(--fs-sm)}
.hw-quest__facts>div{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:8px}
.hw-quest__facts dt{color:var(--hw-pumpkin-2);font:700 var(--fs-xs)/1.6 var(--font-display);letter-spacing:.04em;text-transform:uppercase}
.hw-quest__facts dd{margin:0;color:var(--text-2)}

/* guide: event items */
.hw-item{display:flex;flex-direction:column}
.hw-item__head{display:flex;align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-3)}
.hw-item__img{flex:none;width:36px;height:auto;border-radius:var(--r-xs)}
.hw-item__name{margin:0;font-size:var(--fs-lg)}
.hw-item__facts{display:grid;gap:6px;margin:0;font-size:var(--fs-sm)}
.hw-item__facts>div{display:grid;grid-template-columns:5em minmax(0,1fr);gap:8px}
.hw-item__facts dt{color:var(--hw-pumpkin-2);font:700 var(--fs-xs)/1.6 var(--font-display);letter-spacing:.04em;text-transform:uppercase}
.hw-item__facts dd{margin:0;color:var(--text-2)}

/* guide: if something goes wrong */
.hw-faqs{display:grid;gap:var(--sp-2)}
.hw-faq{margin:0;padding:0}
.hw-faq__q{position:relative;display:block;padding:14px 44px 14px 16px;color:var(--text);font:700 var(--fs-md)/1.35 var(--font-display);list-style:none}
.hw-faq__q::-webkit-details-marker{display:none}
.hw-faq__q::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--hw-pumpkin);border-bottom:2px solid var(--hw-pumpkin);transform:rotate(45deg);transition:transform var(--t-med) var(--ease)}
.hw-faq[open]>.hw-faq__q::after{margin-top:-2px;transform:rotate(-135deg)}
.hw-faq__a{max-width:80ch;margin:0;padding:0 16px 16px;color:var(--text-2);font-size:var(--fs-sm)}
@media (prefers-reduced-motion:reduce){.hw-faq__q::after{transition:none}}

/* ==========================================================================
   Freya pieces: the tab bar, section heads, alerts, tiles, small text, and the leaderboard board's event columns.
   ========================================================================== */
.hw{position:relative}

/* the page head's monsters: three of the event's own, standing over the head band on its right side */
.hw-cast{position:absolute;right:0;bottom:calc(100% + var(--sp-3));display:flex;align-items:flex-end;gap:var(--sp-3);pointer-events:none;filter:drop-shadow(0 6px 10px rgba(4,2,16,.55))}
.hw-cast img{display:block;width:auto;max-width:none;image-rendering:pixelated;animation:fy-bob 3.6s var(--ease-in-out) infinite}
.hw-cast img:nth-child(2){animation-delay:-1.2s}
.hw-cast img:nth-child(3){animation-delay:-2.4s}
.hw-cast__a{height:72px}
.hw-cast__b{height:170px}
.hw-cast__c{height:46px}
@media (max-width:719.98px){
  .hw-cast{bottom:calc(100% + var(--sp-2));opacity:.92}
  .hw-cast__a{display:none!important}
  .hw-cast__b{height:82px}
  .hw-cast__c{display:none!important}
}
@media (prefers-reduced-motion:reduce){.hw-cast img{animation:none}}

/* tab bar: Freya's pill tabs; every tab is a link (aria-current marks the open one, as js/halloween.js keeps it) */
.hw-tabs{margin:0 0 var(--sp-8)}
.hw-tabs .fy-tab{text-decoration:none}
.hw-tabs .fy-tab .fy-i{width:1.05em;height:1.05em}
.hw-tabs .fy-tab[aria-current=page]{color:#fff;background:var(--grad-violet);box-shadow:var(--glow-violet)}
@media (max-width:719.98px){
  .hw-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible;border-radius:var(--r-lg)}
  .hw-tabs .fy-tab{justify-content:center;padding:0 .6rem;font-size:.9rem}
}

/* section head: Freya's eyebrow, a title and a lead, on the left of the column */
.hw-head{margin:0 0 var(--sp-5)}
.hw-head__title{margin:0 0 .4em;font-size:var(--fs-h3)}
.hw-head__lead{max-width:70ch;margin:0;color:var(--text-2)}
.hw .fy-eyebrow{margin-bottom:var(--sp-2);color:var(--hw-pumpkin-2)}
.hw-h4{margin:0 0 .5em;font-size:var(--fs-h4)}
.hw-small{font-size:var(--fs-sm)}
.hw-footnote{display:flex;align-items:flex-start;gap:8px;margin:var(--sp-6) 0 0;color:var(--text-3);font-size:var(--fs-xs);line-height:1.5}
.hw-footnote .fy-i{flex:none;margin-top:.15em}
.hw-cell-sub{display:block;color:var(--text-3);font-size:var(--fs-xs);font-weight:600}
.hw-cell-sub a{font-weight:700}

/* alerts: the body may hold a title and a line */
.hw .fy-alert>.fy-i{flex:none}
.hw-alert__body{min-width:0}
.hw-alert__body p{margin:0}
.hw-alert__body p+p{margin-top:.2em;color:var(--text-2)}
.hw-alert__body .fy-alert__title{margin-bottom:.15rem}

/* empty states */
.hw .fy-empty{margin-block:var(--sp-5)}
.hw-empty__title{margin:var(--sp-2) 0 0;font-size:var(--fs-h3)}
.hw-empty__actions{justify-content:center;margin-top:var(--sp-2)}
.hw-soon{max-width:640px;margin-inline:auto}

/* icon tiles of "At a glance" */
.hw-tilebox{display:inline-grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--r-sm)}
.hw-tilebox .fy-i{width:1.25rem;height:1.25rem}
.hw-tile--gold{background:linear-gradient(160deg,rgba(255,196,63,.34),rgba(255,196,63,.1));color:var(--gold-300)}

/* numbers */
.hw-stat--gold .fy-stat__value{color:var(--gold-300)}
.hw-stat--sky .fy-stat__value{color:var(--sky-300)}
.hw .fy-stat dd{overflow-wrap:anywhere}

/* search and filter forms */
.hw-search .fy-input-icon{display:block}
.hw-search .fy-btn{min-height:44px}
.hw-search select{width:100%}

/* key and value list */
.hw-kv{display:grid;grid-template-columns:minmax(120px,auto) 1fr;margin:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-md)}
.hw-kv>div{display:contents}
.hw-kv dt,.hw-kv dd{margin:0;padding:.7rem 1rem;border-bottom:1px solid var(--line)}
.hw-kv dt{display:flex;align-items:center;background:rgba(140,87,248,.06);color:var(--text-3);font:800 .72rem/1.4 var(--font-body);letter-spacing:.06em;text-transform:uppercase}
.hw-kv dd{color:var(--text-2)}
.hw-kv>div:last-child>*{border-bottom:0}
@media (max-width:719.98px){
  .hw-kv{grid-template-columns:minmax(0,1fr)}
  .hw-kv dt{padding-bottom:.2rem;border-bottom:0}
  .hw-kv dd{padding-top:.2rem}
  .hw-kv>div:last-child>dt{border-bottom:0}
}

/* side-by-side boards */
.hw-autogrid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(var(--hw-grid-min,320px),100%),1fr));align-items:start}
.hw-autogrid>*{min-width:0}
.hw-coinboard .fy-muted{margin:0}

/* plain tables of the guide and the Balance tab: Freya's table inside its scrolling frame */
.hw .fy-table-wrap{margin:0 0 var(--sp-4)}
.hw .fy-table-wrap .fy-table{margin:0;border:0;border-radius:0;box-shadow:none}
.hw-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hw .fy-table caption{text-align:left}
.hw .fy-table tbody th{padding:.8rem 1rem;border-bottom:1px solid var(--line);background:none;color:var(--text);font:600 .94rem/1.3 var(--font-display);letter-spacing:0;text-transform:none;white-space:nowrap;vertical-align:middle}
.hw .fy-table tbody tr:last-child th{border-bottom:0}
.hw .hw-strength .fy-table th[scope=col]{white-space:nowrap}
.hw .hw-sub{white-space:normal;font-family:var(--font-body);font-weight:600}
.hw .hw-floortable .fy-table tbody th{white-space:normal}

/* the leaderboard board: Freya's own table (rows laid out with grid, phone cards); each event table sets its columns */
.hw-board{margin:0 0 var(--sp-4);min-width:0}
.hw-frame{margin:0}
.hw-frame .hw-scroll{overflow:visible}
.hw-bt th{white-space:normal}
.hw-bt tr{min-height:52px}
.hw-bt td{min-width:0}
.hw-bt .fy-lb-main{display:block}
.hw-bt .fy-lb-name{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.hw-bt td.hw-bt__line{overflow-wrap:anywhere}
.hw-bt .hw-bt__unit,.hw-bt .hw-bt__lvlabel{display:none}
.hw-bt .hw-bt__rankhead{text-align:left}
.hw-bt tr.is-top-1{background:linear-gradient(90deg,rgba(255,196,63,.1),rgba(255,196,63,0) 70%)}
.hw-bt tr.is-top-2{background:linear-gradient(90deg,rgba(222,216,245,.08),rgba(222,216,245,0) 70%)}
.hw-bt tr.is-top-3{background:linear-gradient(90deg,rgba(255,175,120,.08),rgba(255,175,120,0) 70%)}
.hw-rank--tie{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:1px;white-space:nowrap}
.hw-table--tasks{--lb-cols:52px minmax(0,1fr) 90px minmax(0,1.5fr)}
.hw-table--coins{--lb-cols:52px minmax(0,1fr) 84px}
.hw-table--collectors{--lb-cols:52px minmax(0,1fr) 84px minmax(0,1.9fr) 52px 60px}
.hw-table--fastest{--lb-cols:52px minmax(0,1.1fr) 70px minmax(0,1.5fr) 52px 100px}
.hw-table--clearers,.hw-table--parties{--lb-cols:48px minmax(0,1fr) 60px 74px}
.hw-table--runs{--lb-cols:minmax(0,1.6fr) 104px 84px 96px 62px minmax(56px,.9fr)}
.hw-table--metasks{--lb-cols:minmax(0,1.25fr) minmax(0,1.3fr) minmax(0,1fr) 112px}
.hw-table--mecoins{--lb-cols:minmax(0,1.7fr) 72px 56px 56px 80px 60px}
.hw-table--chest{--lb-cols:minmax(0,1.6fr) 80px 72px 120px}
.hw-table--tasks td.hw-taskcell,.hw-metask__progress{min-width:0}
.hw-metask--gate{background:rgba(196,170,255,.06)}
.hw-metask--gate>*{background:none}
@media (max-width:1099.98px){
  .hw-bt__from-lg{display:none!important}
  .hw-table--fastest{--lb-cols:44px minmax(0,1.1fr) 62px minmax(0,1.4fr) 44px}
  .hw-table--collectors{--lb-cols:44px minmax(0,1fr) 74px minmax(0,1.5fr) 44px 52px}
  .hw-table--runs{--lb-cols:minmax(0,1.5fr) 92px 72px 86px 54px minmax(48px,.8fr)}
}

/* phones: Freya's two-line cards; the units show because the column heads do not */
@media (max-width:719.98px){
  .hw-bt tr{min-height:0}
  .hw-bt .hw-bt__unit{display:inline;color:var(--text-3);font:700 .78rem/1 var(--font-body)}
  .hw-bt td.hw-bt__stat .hw-bt__unit,.hw-bt td.hw-bt__stat .hw-bt__lvlabel{color:inherit;font:inherit}
  .hw-bt .hw-bt__lvlabel{display:inline}
  .fy-lb-table.hw-bt td.hw-bt__line{flex-basis:100%;order:4;min-width:0}
  .fy-lb-table.hw-bt td.hw-bt__line::before{content:none}
  .fy-lb-table.hw-bt td.hw-bt__stat+td.hw-bt__line{order:4}
  .hw-bt .hw-bar{max-width:none}
  .hw-table--runs td.hw-bt__line{flex-basis:auto!important;order:3!important}
  .hw-table--runs td.hw-bt__line:last-child{flex-basis:100%!important;order:4!important}
  .fy-lb-table.hw-table--runs td.hw-bt__when::before{content:none}
}

/* small fixes */
.hw-task{margin:0 0 var(--sp-4)}
.hw-tabs{scroll-margin-top:calc(var(--header-h) + 12px)}
.hw .hw-balance .hw-strength .fy-table th[scope=col]{white-space:normal}
@media (max-width:719.98px){
  .fy-lb-table.hw-bt td.fy-lb-metric+td.hw-bt__stat::before,
  .fy-lb-table.hw-bt td.hw-bt__line+td.hw-bt__stat::before{content:none}
  .fy-lb-table.hw-table--runs td.hw-bt__line+td.hw-bt__stat::before{content:"\00B7\00A0\00A0"}
}