/* ==========================================================================
   Halloween 2026 (module halloween: halloween/index.php + _guide.php, _leaderboard.php, _me.php, _player.php, _balance.php).
   Loaded by main/head_styles.php for this module only (css/pages/<module>.css). Built on Loki's components (lk-card, lk-subnav,
   lk-badge, lk-table, lk-alert, lk-stats); the leaderboard board at the end of this file is the event's own. The event's accent is a
   pumpkin colour on Loki's night purple. Sprites are 2x pixel art (img/halloween/): .hw-px keeps them crisp.
   ========================================================================== */
.hw{--hw-pumpkin:#ee8b36;--hw-pumpkin-2:#ffb071;--hw-pumpkin-3:#ffd6b3;--hw-pumpkin-soft:rgba(238,139,54,.14);--hw-violet:var(--lk-purple-300);--hw-violet-soft:rgba(201,163,255,.14);
  --hw-stage:linear-gradient(180deg,rgba(183,125,255,.16),rgba(183,125,255,.04) 65%,rgba(238,139,54,.08)),var(--lk-surface-2);
  --hw-pumpkin-gem:linear-gradient(135deg,#ffb071,#ee8b36 55%,#d9731f)}
.hw-px{image-rendering:pixelated}

.hw-panel{transition:opacity .2s var(--lk-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:1.5rem 2.5rem}
.hw-doc__main{min-width:0}
.hw-toc{padding:1rem 1.25rem;border:1px solid var(--lk-line);border-radius:var(--lk-radius);background:var(--lk-surface)}
.hw-toc__title{display:flex;align-items:center;gap:8px;margin:0 0 .5rem;color:var(--lk-text);font:800 var(--lk-fs-sm) var(--lk-font-display);letter-spacing:.04em}
.hw-toc__title .hw-i{color:var(--hw-pumpkin)}
.hw-toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:0 1.25rem;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(--lk-text-2);font-size:var(--lk-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(--lk-font-display);border-radius:var(--lk-radius-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(--lk-header-h) + 20px);padding:.5rem 0 .5rem 1.25rem;border:0;border-left:2px solid var(--lk-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(--lk-header-h) + 16px)}
.hw-sec+.hw-sec{margin-top:4rem}
.hw .lk-eyebrow{color:var(--hw-pumpkin-2)}
.hw .hw-head{margin-bottom:1.25rem}
.hw-h3{display:flex;align-items:center;gap:8px;margin:0 0 .6em;font-size:var(--lk-fs-lg)}
.hw-h3 .hw-i{color:var(--hw-pumpkin)}
.hw-h3--gap{margin-top:2rem}
.hw-text{max-width:70ch;color:var(--lk-text-2)}
.hw-note{margin:.75rem 0 0;color:var(--lk-text-3);font-size:var(--lk-fs-sm)}
.hw-label{margin:0 0 .35em;color:var(--hw-pumpkin-2);font:800 var(--lk-fs-xs)/1.3 var(--lk-font-display);letter-spacing:.08em;text-transform:uppercase}
.hw-label--violet{color:var(--hw-violet)}
.hw-caption{margin:.5rem 0 0;color:var(--lk-text-3);font-size:var(--lk-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(--lk-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(--lk-text)}
.hw-grid{display:grid;gap:1rem;margin:0 0 1rem;padding:0;list-style:none}
.hw-grid>*{min-width:0;margin:0}
.hw-grid>.lk-card{margin:0}
.hw-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem}
@media (min-width:640px){.hw-grid--2,.hw-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}
@media (min-width:1024px){.hw-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hw-group{margin:2rem 0 1rem}
.hw-group__title{margin:0;font-size:var(--lk-fs-xl)}
.hw-group__lead{margin:.3em 0 0;color:var(--lk-text-3);font-size:var(--lk-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(--lk-line);border-radius:var(--lk-radius);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 1.25rem}

/* ---- at a glance ---- */
.hw-notice{margin:0 0 1rem}
.hw-facts{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
@media (min-width:640px){.hw-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hw-facts>li.lk-card{display:flex;gap:1rem;align-items:flex-start;margin:0}
.hw-facts p{margin:0;color:var(--lk-text-2);font-size:var(--lk-fs-sm)}
.hw-facts__title{margin:.1em 0 .3em;font-size:var(--lk-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 1.25rem;padding:0;list-style:none}
.hw-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:.5rem 1rem;margin:0;padding-bottom:1.5rem}
.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(--lk-line))}
.hw-step__n{display:grid;place-items:center;width:44px;height:44px;background:var(--hw-pumpkin-gem);color:#1d1206;font:800 var(--lk-fs-lg)/1 var(--lk-font-display);border-radius:var(--lk-radius-sm)}
.hw-step__body{min-width:0}
.hw-step__body>p{margin:0 0 .5em;color:var(--lk-text-2)}
.hw-step__body b{color:var(--lk-text)}
.hw-step__title{margin:.35em 0 .15em;font-size:var(--lk-fs-lg)}
.hw-step__where{display:flex;align-items:center;gap:6px;margin:0 0 .6em!important;color:var(--lk-text-3)!important;font-size:var(--lk-fs-sm)}
.hw-step__where .hw-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(--lk-radius-sm);background:var(--hw-pumpkin-soft);color:var(--lk-text)!important;font-size:var(--lk-fs-sm)}
.hw-step__reward .hw-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(--lk-radius-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:1rem;margin-bottom:.75rem}
.hw-quest__title{margin:0 0 .45em;font-size:var(--lk-fs-md);line-height:1.3}
.hw-quest__pic .hw-stage{border-radius:var(--lk-radius-sm)}
.hw-quest__card{display:block;width:64px;margin:0 auto;border-radius:var(--lk-radius-xs)}
.hw-quest__text p{margin:0 0 .55em;color:var(--lk-text-2);font-size:var(--lk-fs-sm)}
.hw-quest__text p:last-child{margin-bottom:0}
.hw-quest__text b{color:var(--lk-text)}

/* ---- maps ---- */
.hw-mapbox{display:flex;flex-direction:column}
.hw-mapbox__title{margin:0 0 .75rem;font-size:var(--lk-fs-lg)}
.hw-mapbox--wide{margin:0 0 1rem}
.hw-map{margin:0}
.hw-map__img{position:relative;width:100%;margin:0 auto 1rem;line-height:0}
.hw-map__img img{display:block;width:100%;border-radius:var(--lk-radius-sm);background:var(--lk-bg)}
.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(--lk-bg);color:var(--lk-bg);font:800 12px/1 var(--lk-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(--lk-text-2);font-size:var(--lk-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(--lk-bg);font:800 11px/1 var(--lk-font-display)}
.hw-map__note{margin:.75rem 0 0;color:var(--hw-pumpkin-2);font-size:var(--lk-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(--lk-text);font:700 var(--lk-fs-md)/1.3 var(--lk-font-display)}
.hw-mob__text{margin:.2em 0 0;color:var(--lk-text-3);font-size:var(--lk-fs-sm);line-height:1.45}

/* ---- the haunted cellar ---- */
.hw-cellar{display:grid;gap:1rem}
.hw-cellar>.lk-card{margin:0}
.hw-cellar__witch{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin:0;padding:1.25rem;border:1px solid var(--lk-line);border-radius:var(--lk-radius);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:1rem 0 .75rem;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(--lk-line);border-radius:var(--lk-radius-xs);background:var(--lk-surface);color:var(--lk-text-3);font:700 .72rem/1 var(--lk-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 1.25rem;color:var(--lk-text-3);font-size:var(--lk-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(--lk-line-2);border-radius:3px;background:var(--lk-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(--lk-text-2)}

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

/* ---- the final hall's reward ---- */
.hw-reward{margin:1.25rem 0 0}
.hw-reward>p{color:var(--lk-text-2)}
.hw-reward__list{display:grid;gap:8px 1.25rem;margin:0 0 .5rem;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:.75rem;margin:0;padding:8px 12px;border-radius:var(--lk-radius-sm);background:rgba(5,10,26,.4);color:var(--lk-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:1rem;align-items:start}
.hw-coin img{width:72px;border-radius:var(--lk-radius-sm)}
.hw-coin p:last-child{margin:0;color:var(--lk-text-2)}
.hw-coin .hw-h3{margin-bottom:.3em}
.hw-drops{margin:0}

/* ---- costumes ---- */
.hw-group--costumes{margin-top:2.5rem}
.hw-costume{margin:0 0 1rem}
.hw-costume__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px .75rem}
.hw-costume__name{margin:0;font:800 var(--lk-fs-xl)/1.2 var(--lk-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(--lk-fs-lg)/1.2 var(--lk-font-display)}
.hw-costume__what{margin:0 0 1rem;color:var(--lk-text-2)}
.hw-costume__body{display:grid;gap:1rem;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(--lk-radius-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:2rem 0 0;color:var(--lk-text);font:italic 800 var(--lk-fs-lg)/1.3 var(--lk-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 .lk-alert,.hw-player .lk-alert{margin:0 0 1.5rem}
.hw-jump{margin:0 0 2.5rem}
.hw-jump .hw-i{color:var(--hw-pumpkin)}
.hw-subtitle{margin:2rem 0 .75rem}
.hw-board{margin:0 0 1rem}
.hw-of{color:var(--lk-text-3);font-size:.8em;font-weight:600}
.hw-name-link{color:var(--lk-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(--lk-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 1rem;padding:.5rem 1.25rem;border:1px solid var(--lk-line);border-radius:var(--lk-radius);background:var(--lk-surface);list-style:none}
.hw-ladder__row{display:grid;grid-template-columns:minmax(0,1fr) 4.5em;gap:4px 1rem;align-items:center;margin:0;padding:10px 0;border-bottom:1px solid var(--lk-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(--lk-text-2);font-size:var(--lk-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(--lk-text);font:800 var(--lk-fs-md)/1 var(--lk-font-display);text-align:right}
.hw-ladder__row--milestone .hw-ladder__label{color:var(--lk-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(--lk-text);font-weight:700}
.hw-taskcell .hw-bar{max-width:220px;margin:6px 0 4px}
.hw-task__progress{margin:1rem 0 .75rem}
.hw-task__count{margin:8px 0 0;color:var(--lk-text-2)}
.hw-task__count strong{color:var(--lk-text)}
.hw-task__text{margin:.75rem 0 0;color:var(--lk-text-2)}
.hw-task__text .hw-i{color:var(--lk-success)}

/* Jack's 8 tasks as a track */
.hw-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem .5rem;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(--lk-text-2);font:800 var(--lk-fs-sm)/1 var(--lk-font-display);border-radius:var(--lk-radius-sm)}
.hw-track__name{color:var(--lk-text-3);font-size:var(--lk-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(--lk-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(--lk-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 1rem}
.hw-boardhead{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem}
.hw-boardhead__img{flex:none;width:48px;height:48px;object-fit:contain;border-radius:var(--lk-radius-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(--lk-radius-xs);background:var(--hw-stage)}
.hw-icon{width:28px;height:28px;border:1px solid var(--lk-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:1.25rem}
.hw-clearboards{--hw-grid-min:360px;margin-top:1rem}
.hw-clearboards .hw-subtitle{margin-top:0}
.hw-members{color:var(--lk-text-3);font-size:var(--lk-fs-xs)}
.hw-members a{color:var(--lk-text-2)}

/* latest costume winners */
.hw-feed{display:grid;gap:.5rem;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:.75rem;margin:0;padding:10px 14px;border:1px solid var(--lk-line);border-radius:var(--lk-radius-sm);background:var(--lk-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(--lk-text-2);font-size:var(--lk-fs-sm);line-height:1.4}
.hw-feed__text .hw-cell-sub{display:block}
.hw-feed__who{color:var(--lk-text);font-weight:700}

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

/* the 14-slot wardrobe */
.hw-wardrobe{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:.75rem;margin:0;padding:0;list-style:none}
.hw-slot{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:.75rem;border:1px solid var(--lk-line);border-radius:var(--lk-radius);background:var(--lk-surface);text-align:center}
.hw-slot+.hw-slot{margin-top:0}
.hw-slot__img{width:64px;height:64px}
.hw-slot__name{color:var(--lk-text);font:700 var(--lk-fs-sm)/1.3 var(--lk-font-display)}
.hw-slot__how{color:var(--lk-text-3);font-size:var(--lk-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(--lk-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(--lk-text-2)}


@media (prefers-reduced-motion:reduce){.hw-panel{transition:none}}
/* every floor table */
.hw-lvform{margin-top:1rem}
/* 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 .lk-table td.hw-floortable__mobs{white-space:normal;min-width:16em}
.hw-floortable .lk-table tbody tr.is-boss{--hw-row-tint:var(--hw-pumpkin-soft)}
.hw-floortable .lk-table tbody tr.is-boss>*{background:var(--hw-row-tint)}
.hw-floortable .lk-table tbody tr.is-hall>th{color:var(--hw-violet)}
.hw-floortable .lk-table td.hw-floortable__skills{min-width:14em;color:var(--lk-text-3);font-size:var(--lk-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 1.5rem}
.hw-runs-until{display:flex;align-items:center;gap:8px;margin:0 0 1.25rem;color:var(--lk-text-2);font-size:var(--lk-fs-sm)}
.hw-runs-until .hw-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 * 1.5rem) 0 2.5rem}
.hw-lb__fresh .hw-i,.hw-rule .hw-i,.hw-player__privacy .hw-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(--lk-text-2);font-size:var(--lk-fs-sm)}
.hw-rule b{color:var(--lk-text)}
.hw-player__privacy{display:flex;align-items:flex-start;gap:8px;max-width:680px;margin:calc(-1 * 1.25rem) 0 2rem}

/* My progress: login prompt and the character picker */
.hw-me__login{max-width:720px;margin-inline:auto}
.hw-chars{margin:0 0 1.5rem}
.hw-chars__title{margin:0 0 .5rem;color:var(--lk-text-3);font:700 var(--lk-fs-xs)/1.3 var(--lk-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(--lk-line);border-radius:var(--lk-radius-sm);background:var(--lk-surface);color:var(--lk-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(--lk-surface)}
.hw-chars__name{font:700 var(--lk-fs-sm)/1.3 var(--lk-font-display);overflow-wrap:anywhere}
.hw-chars__meta{color:var(--lk-text-3);font-size:var(--lk-fs-xs)}
.hw-me__foreign{display:flex;align-items:flex-start;gap:8px;margin:calc(-1 * 1rem) 0 1.25rem}
.hw-me__foreign .hw-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:.75rem 1.5rem}
.hw-me__fresh{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:420px;margin:0}
.hw-next{margin:0 0 1.5rem;border-color:rgba(238,139,54,.55);background:linear-gradient(180deg,rgba(238,139,54,.14),rgba(238,139,54,.03) 70%),var(--lk-surface)}
.hw-next__title{margin:0 0 .35em;font-size:var(--lk-fs-xl);line-height:1.25}
.hw-next__text{max-width:80ch;margin:0;color:var(--lk-text-2)}
.hw-next__warn{display:flex;align-items:flex-start;gap:8px;margin:.7em 0 0;color:var(--lk-warning);font-size:var(--lk-fs-sm)}
.hw-next__warn .hw-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 .hw-lb-name{color:var(--hw-violet)}
.hw-metask__progress .hw-bar{max-width:220px;margin:2px 0 4px}
.hw-cards{display:grid;gap:.75rem;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:1rem;align-items:flex-start;margin:0}
.hw-card__img{flex:none;width:48px;height:auto;border-radius:var(--lk-radius-xs)}
.hw-card__name{margin:0 0 .3em;font-size:var(--lk-fs-md)}
.hw-card__text{margin:0;color:var(--lk-text-2);font-size:var(--lk-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:1rem 0 1.25rem}
.hw-window-limit{margin:0}
.hw-window-limit>p{color:var(--lk-text-2)}
.hw-limit{margin:.75rem 0 0;padding:0;list-style:none}
.hw-limit__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 1rem;align-items:center;margin:0;padding:8px 0;border-bottom:1px solid var(--lk-line)}
.hw-limit__row+.hw-limit__row{margin-top:0}
.hw-limit__row:last-child{border-bottom:0}
.hw-limit__label{color:var(--lk-text);font-weight:700}
.hw-limit__count{color:var(--lk-text);font:800 var(--lk-fs-md)/1 var(--lk-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 1.25rem;padding:0;list-style:none}
.hw-checks__item{display:flex;align-items:flex-start;gap:10px;margin:0;color:var(--lk-text-2);font-size:var(--lk-fs-sm)}
.hw-checks__item+.hw-checks__item{margin-top:0}
.hw-checks__item .hw-i{flex:none;margin-top:.15em}
.hw-checks__item.is-ok .hw-i{color:var(--lk-success)}
.hw-checks__item.is-no .hw-i{color:var(--lk-danger)}
.hw-checks__item.is-no{color:var(--lk-text)}
.hw-slot__with{color:var(--lk-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:.75rem 0 0;padding:.75rem 0 0;border-top:1px solid var(--lk-line);font-size:var(--lk-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(--lk-fs-xs)/1.6 var(--lk-font-display);letter-spacing:.04em;text-transform:uppercase}
.hw-quest__facts dd{margin:0;color:var(--lk-text-2)}

/* guide: event items */
.hw-item{display:flex;flex-direction:column}
.hw-item__head{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem}
.hw-item__img{flex:none;width:36px;height:auto;border-radius:var(--lk-radius-xs)}
.hw-item__name{margin:0;font-size:var(--lk-fs-lg)}
.hw-item__facts{display:grid;gap:6px;margin:0;font-size:var(--lk-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(--lk-fs-xs)/1.6 var(--lk-font-display);letter-spacing:.04em;text-transform:uppercase}
.hw-item__facts dd{margin:0;color:var(--lk-text-2)}

/* guide: if something goes wrong */
.hw-faqs{display:grid;gap:.5rem}
.hw-faq{margin:0;padding:0}
.hw-faq__q{position:relative;display:block;padding:14px 44px 14px 16px;color:var(--lk-text);font:700 var(--lk-fs-md)/1.35 var(--lk-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 .2s var(--lk-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(--lk-text-2);font-size:var(--lk-fs-sm)}
@media (prefers-reduced-motion:reduce){.hw-faq__q::after{transition:none}}

/* ==========================================================================
   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% + 36px);display:flex;align-items:flex-end;gap:.75rem;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}
.hw-cast__a{height:72px}
.hw-cast__b{height:170px}
.hw-cast__c{height:46px}
/* they stand right of the lead text in the page head, so only where it leaves them room */
@media (max-width:1179.98px){.hw-cast{display:none}}

/* tab bar: Loki's section nav (lk-subnav); every tab is a link (aria-current marks the open one, as js/halloween.js keeps it) */
.hw-tabs{margin:0 0 2rem}
.hw-tabs .hw-tab{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.hw-tabs .hw-tab[aria-current=page]{color:#fff!important;background:var(--lk-grad-brand)}
@media (max-width:719.98px){
  .hw-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .hw-tabs .hw-tab{justify-content:center}
}

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

/* alerts: the body may hold a title and a line */
.hw .lk-alert>.hw-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(--lk-text-2)}
.hw-alert__body .hw-alert__title{margin-bottom:.15rem}

/* empty states */
.hw .lk-empty{margin-block:1.25rem}
.hw-empty__title{margin:.5rem 0 0;font-size:var(--lk-fs-xl)}
.hw-empty__actions{justify-content:center;margin-top:.5rem}
.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(--lk-radius-sm)}
.hw-tilebox .hw-i{font-size:1.1rem}
.hw-tile--gold{background:linear-gradient(160deg,rgba(255,196,63,.34),rgba(255,196,63,.1));color:var(--lk-gold-300)}

/* numbers */
.hw-stat--gold .lk-stat__value{color:var(--lk-gold-300)}
.hw-stat--sky .lk-stat__value{color:var(--lk-blue-300)}
.hw .lk-stat dd{margin:0;overflow-wrap:anywhere}

/* search and filter forms */
.hw-search .hw-input-icon{position:relative;display:block}
.hw-input-icon>.hw-i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--lk-text-3);pointer-events:none}
.hw-input-icon input{width:100%;padding-left:36px}
.hw-search .lk-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(--lk-line);border-radius:var(--lk-radius-lg);overflow:hidden;background:var(--lk-surface);box-shadow:var(--lk-shadow)}
.hw-kv>div{display:contents}
.hw-kv dt,.hw-kv dd{margin:0;padding:.7rem 1rem;border-bottom:1px solid var(--lk-line)}
.hw-kv dt{display:flex;align-items:center;background:rgba(140,87,248,.06);color:var(--lk-text-3);font:800 .72rem/1.4 var(--lk-font);letter-spacing:.06em;text-transform:uppercase}
.hw-kv dd{color:var(--lk-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:1rem;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 .lk-muted{margin:0}

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

/* the leaderboard board (rows laid out with grid, phone cards); each event table sets its columns */
.hw-board{margin:0 0 1rem;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 .hw-lb-main{display:block}
.hw-bt .hw-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 58px}
  .hw-table--runs{--lb-cols:minmax(0,1.5fr) 92px 72px 86px 54px minmax(48px,.8fr)}
}

/* phones: 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(--lk-text-3);font:700 .78rem/1 var(--lk-font)}
  .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}
  .hw-lb-table.hw-bt td.hw-bt__line{flex-basis:100%;order:4;min-width:0}
  .hw-lb-table.hw-bt td.hw-bt__line::before{content:none}
  .hw-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}
  .hw-lb-table.hw-table--runs td.hw-bt__when::before{content:none}
}

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

/* ---- the leaderboard board: a real table laid out with grid, two-line cards on phones ---- */
/* 2. Board shell ------------------------------------------------------------ */
.hw-lb-board {
	margin: 0 0 1.5rem;
	border: 1px solid var(--lk-line);
	border-radius: var(--lk-radius-lg);
	background: var(--lk-surface);
	box-shadow: var(--lk-shadow);
	overflow: hidden;
}
.hw-lb-board__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .4rem 1rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid var(--lk-line);
	background: linear-gradient(180deg, rgba(140, 87, 248, .09), rgba(140, 87, 248, .02));
}
.hw-lb-board .hw-lb-board__title { display: flex; align-items: center; gap: .55rem; margin: 0; font-size: 1.2rem; }
.hw-lb-board__title .hw-i { color: var(--lk-gold-300); }
.hw-lb-board .hw-lb-board__meta { margin: 0; color: var(--lk-text-3); font-size: .86rem; font-weight: 700; }

/* 3. Board table -------------------------------------------------------------
   A real <table> for meaning, laid out with CSS grid so long boards can be split
   into row groups that skip rendering while off screen (content-visibility).
   Each table sets --lb-cols (desktop columns) in its module stylesheet. */
.hw-lb-table {
	display: block;
	width: 100%;
	margin: 0;
	border-collapse: separate;
	border-spacing: 0;
	color: var(--lk-text-2);
	font-size: .94rem;
}
.hw-lb-table thead, .hw-lb-table tbody { display: block; }
.hw-lb-table tr {
	display: grid;
	grid-template-columns: var(--lb-cols, 56px minmax(0, 1fr));
	align-items: center;
	column-gap: 1rem;
	min-height: 56px;
	padding: .45rem 1.25rem;
	border-top: 1px solid var(--lk-line);
}
.hw-lb-table thead tr { min-height: 0; padding-block: .65rem; border-top: 0; background: rgba(140, 87, 248, .06); }
.hw-lb-table th {
	min-width: 0;
	padding: 0;
	color: var(--lk-text-3);
	font: 800 .7rem/1.3 var(--lk-font);
	letter-spacing: .1em;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}
.hw-lb-table td { min-width: 0; padding: 0; }
.hw-lb-table tbody tr:hover { background: rgba(255, 255, 255, .025); }
.hw-lb-table .is-num, .hw-lb-table th.is-num { text-align: right; font-variant-numeric: tabular-nums; }
.hw-lb-table .is-center { text-align: center; }
.hw-lb-table a { color: var(--lk-purple-200); font-weight: 800; text-decoration: none; }
.hw-lb-table a:hover { color: var(--lk-gold-300); }


.hw-lb-r .lk-rank { min-width: 32px; height: 32px; border-radius: 10px; font-size: .86rem; }
.hw-lb-main { display: flex; align-items: center; gap: .6rem; }
.hw-lb-name { display: block; overflow: hidden; color: var(--lk-text); font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.hw-lb-name a { color: inherit; }
.hw-lb-name a:hover { color: var(--lk-gold-300); }
.hw-lb-sub { display: block; overflow: hidden; color: var(--lk-text-3); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.hw-lb-clip { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hw-lb-guild { display: flex; align-items: center; gap: .5rem; color: var(--lk-text-2); }
.hw-lb-guild > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hw-lb-emblem { flex: none; width: 24px; height: 24px; border-radius: 4px; background: rgba(255, 255, 255, .05); image-rendering: pixelated; }
.hw-lb-none { color: var(--lk-text-3); }
.hw-lb-metric { color: var(--lk-gold-300); font: 600 1rem/1.2 var(--lk-font-display); font-variant-numeric: tabular-nums; }
.hw-lb-strong { color: var(--lk-text); font-weight: 800; }
.hw-lb-pair { display: block; line-height: 1.25; white-space: nowrap; }
.hw-lb-pair + .hw-lb-pair { color: var(--lk-text-3); font-size: .84rem; }

/* Tablets: tighter gaps so names, classes and guilds keep more of their width; long
   column labels wrap onto two lines instead of running into the next column. */
@media (min-width: 720px) and (max-width: 1099.98px) {
	.hw-lb-table { font-size: .9rem; }
	.hw-lb-table tr { column-gap: .65rem; padding-inline: 1rem; }
	.hw-lb-table th { white-space: normal; }
	.hw-lb-r .lk-rank { min-width: 30px; height: 30px; }
}

/* Phones: every row becomes a small two-line card. The rank sits on the left,
   the name and the main number on the first line, the details below. */
@media (max-width: 719.98px) {
	.hw-lb-table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
	.hw-lb-table tr {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: .15rem .55rem;
		min-height: 64px;
		padding: .7rem 1rem .7rem 3.6rem;
	}
	.hw-lb-table--norank tr { padding-left: 1rem; }
	.hw-lb-table tr::after { content: ""; order: 2; flex-basis: 100%; height: 0; }
	.hw-lb-table td { order: 3; color: var(--lk-text-3); font-size: .82rem; line-height: 1.35; }
	.hw-lb-table td.hw-lb-r { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); }
	.hw-lb-table td.hw-lb-main { order: 1; flex: 1 1 0; color: var(--lk-text-2); font-size: .98rem; }
	.hw-lb-table td.hw-lb-metric { order: 1; flex: none; margin-left: auto; font-size: .98rem; text-align: right; }
	.hw-lb-table .is-num { text-align: left; }
	.hw-lb-table td.hw-lb-metric.is-num { text-align: right; }
	/* a dot between the details on the second line; :where() keeps these rules weak so the
	   module stylesheets can add labels such as "Lv" with a plain nth-child selector */
	.hw-lb-table :where(td:not(.hw-lb-r, .hw-lb-main, .hw-lb-metric))::before { content: "\00B7\00A0\00A0"; color: var(--lk-text-3); }
	.hw-lb-table :where(td.hw-lb-main + td)::before { content: none; }
	.hw-lb-table td::before, .hw-lb-table td::after { color: var(--lk-text-3); }
	.hw-lb-table .hw-lb-sub { display: none; }
	.hw-lb-table .hw-lb-clip { display: inline; }
	/* the guild name sets the baseline and the emblem sits centred next to it, so names
	   with and without an emblem line up with the text around them */
	.hw-lb-table .hw-lb-guild { display: inline-flex; align-items: baseline; gap: .35rem; vertical-align: baseline; color: var(--lk-text-3); }
	.hw-lb-table .hw-lb-guild > :not(span), .hw-lb-table .hw-lb-guild > span:empty { align-self: center; }
	.hw-lb-table .hw-lb-emblem { width: 18px; height: 18px; }
	.hw-lb-table .hw-lb-pair { display: inline; }
	.hw-lb-table .hw-lb-pair + .hw-lb-pair { color: inherit; font-size: inherit; }
	.hw-lb-table .hw-lb-pair + .hw-lb-pair::before { content: " / "; }
	.hw-lb-board__head { padding-inline: 1rem; }

	/* Opt-in line control (see the usage notes at the top of this file). */
	.hw-lb-table--split tr::before { content: ""; order: 4; flex-basis: 100%; height: 0; }
	.hw-lb-table--split td.hw-lb-break, .hw-lb-table--split td.hw-lb-break ~ td { order: 5; }
	.hw-lb-table--split td.hw-lb-break ~ td.hw-lb-metric { order: 1; }
	.hw-lb-table :where(td.hw-lb-break)::before { content: none; }
	.hw-lb-table td.hw-lb-fit {
		display: flex;
		flex: 1 1 0;
		align-items: baseline;
		min-width: 0;
		max-width: max-content;
		white-space: nowrap;
	}
	.hw-lb-table td.hw-lb-fit::before { flex: none; }
	.hw-lb-table td.hw-lb-fit > * { min-width: 0; }
	.hw-lb-table td.hw-lb-fit .hw-lb-guild { display: flex; }
	.hw-lb-table td.hw-lb-fit .hw-lb-guild > span,
	.hw-lb-table td.hw-lb-fit .hw-lb-clip { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}


/* ---- Loki's pieces the event adds to ---- */
.hw h2,.hw h3,.hw h4{font-family:var(--lk-font-display);color:var(--lk-text)}
.hw-card--sunken{background:rgba(11,8,23,.55);box-shadow:none}
.hw-badge--violet{background:var(--hw-violet-soft);color:var(--lk-purple-200);border-color:rgba(201,163,255,.35)}
.hw-badge--plain{background:rgba(255,255,255,.05);color:var(--lk-text-2);border-color:var(--lk-line-2)}
.hw-alert__title{margin:0;color:var(--lk-text);font-weight:700}
.hw-nowrap{white-space:nowrap}
.hw-i--sm{font-size:.9em}
.hw-h3 .hw-i,.hw-toc__title .hw-i{font-size:.95em}
.hw-name-link{color:var(--lk-text)!important}
.hw-name-link:hover{color:var(--hw-pumpkin-2)!important}
.hw-toc a{color:var(--lk-text-2)!important}
.hw-toc a:hover{color:#fff!important}
.lk-empty.hw-player__start,.lk-empty.hw-player__missing{padding-block:32px}
.hw-empty__text{max-width:62ch;margin-inline:auto}

/* ==========================================================================
   Leaderboard: what the board needs on Loki's page. Most of the sheet comes from the other two servers' page; these rules are for what
   works differently here: js/loki.js wraps every table of a page in .lk-table-wrap--auto, and Loki sets no margin on <dd> anywhere.
   ========================================================================== */
/* the site's fixed background art stands right behind the page: on a page this full of loose text, it fades to Loki's night colour so nothing
   reads as letters floating over the characters (the art stays, faintly) */
body.lk-m-halloween::before{opacity:.3}

/* the wrapper of js/loki.js may not add a blank band under the last row of a board */
.hw-frame .lk-table-wrap{margin:0;overflow:visible}
.hw-lb-board.hw-frame{margin:0}

/* section heads: as wide as the tables below them; the rule is a panel with the tables' edges, so no text hangs loose next to them */
.hw-lb .hw-head__title{font-size:clamp(var(--lk-fs-xl),1.2rem + .6vw,var(--lk-fs-2xl))}
.hw-lb .hw-head__lead{max-width:none}
.hw-lb .hw-rule,.hw-lb .hw-lb__fresh{gap:10px;max-width:none;padding:.7rem 1rem;border:1px solid var(--lk-line);border-radius:var(--lk-radius);background:var(--lk-surface);line-height:1.55}
.hw-lb .hw-rule{margin:.9rem 0 0}
.hw-lb .hw-lb__fresh{margin:calc(-1 * 1.25rem) 0 2.5rem}

/* a list that has no rows yet: the same panel, so the page has the same shape before and after it fills */
.hw-nodata{margin:0;padding:1.1rem 1.25rem;border:1px dashed var(--lk-line-2);border-radius:var(--lk-radius);background:var(--lk-surface);color:var(--lk-text-3);font-size:var(--lk-fs-sm);text-align:center}

/* characters per task: one line per row, with the same corners as the tables */
.hw-lb .hw-ladder{border-radius:var(--lk-radius-lg);box-shadow:var(--lk-shadow)}
.hw-lb .hw-ladder__row--empty{opacity:.7}
@media (min-width:768px){.hw-lb .hw-ladder__row{grid-template-columns:minmax(0,21em) minmax(0,1fr) 4.5em}}

/* names: a character is white and heavy, a list of members is quiet (the row's own line stays the loudest thing in it) */
.hw-lb-table .hw-name-link{font-weight:700}
.hw-members .hw-name-link,.hw-cell-sub .hw-name-link{color:var(--lk-text-2)!important;font-weight:600}
.hw-members .hw-name-link:hover,.hw-cell-sub .hw-name-link:hover{color:var(--hw-pumpkin-2)!important}
.hw-bt .hw-members,.hw-bt .hw-cell-sub{overflow-wrap:anywhere}

/* rank chips: one width, shared ranks too, so the column stays straight */
.hw-lb-r .lk-rank{min-width:36px;padding:0 4px}
.hw-rank--tie{gap:2px}

/* Jack's tasks: every row the same height, whatever its "Now on" cell holds */
.hw-taskcell{line-height:1.3}
.hw-taskcell .hw-bar{margin:5px 0 4px}
.hw-taskcell .hw-cell-sub{margin-top:2px}
.hw-taskcell .hw-bar+.hw-cell-sub{margin-top:0}
@media (min-width:720px){.hw-table--tasks tbody tr{min-height:68px}}
@media (min-width:1100px){.hw-lb .hw-bt tr{column-gap:1.25rem}}

/* latest costume winners: one long name may not make the list wider than a phone */
@media (max-width:767.98px){.hw-feed{grid-template-columns:minmax(0,1fr)}}
.hw-feed__text{min-width:0;overflow-wrap:anywhere}

/* latest runs: .hw-table--runs sizes its last column for My progress's treasure chest text; here that column only holds a level.
   On a phone: party and result on top, then when, how far, the time (a run without a clear has none) and the level. */
.hw-lb .hw-table--runs{--lb-cols:minmax(0,2.2fr) minmax(88px,.9fr) minmax(76px,.8fr) minmax(88px,.9fr) minmax(58px,.6fr) minmax(44px,.4fr)}
@media (max-width:1099.98px){.hw-lb .hw-table--runs{--lb-cols:minmax(0,1.8fr) 92px 72px 86px 58px 46px}}
@media (max-width:719.98px){
  .hw-lb .hw-table--runs td.hw-bt__line::before{content:"\00B7\00A0\00A0"}
  .hw-lb .hw-table--runs td.hw-bt__result{order:1;flex:none;margin-left:auto}
  .hw-lb .hw-lb-table.hw-table--runs td.hw-bt__line+td.hw-bt__result::before{content:none}
  .hw-lb .hw-table--runs td.hw-bt__blank{display:none}
}