/* Earned decorations remain after the seasonal scene closes. */
.hw-clan-decoration{position:absolute;right:3%;bottom:3%;width:clamp(92px,18%,180px);pointer-events:none;filter:drop-shadow(0 4px 9px #17122466)}
.hw-clan-decoration[hidden]{display:none}
.hw-clan-decoration svg{display:block;width:100%;height:auto}
.hw-clan-decoration span{display:block;text-align:center;background:#2d2541;border:1px solid #c6a1ef;border-radius:6px;color:#ffe5ac;font-size:9px;line-height:1.5}
/* A viewport dashboard only for the dedicated board account during the event. */
@media(min-width:900px){
 body.halloween-board-active{overflow:hidden}
 body.board-display.halloween-board-active #app,body.board-display.halloween-board-active #app:has(.lb-dashboard){padding:8px 22px 0!important}
 body.halloween-board-active .credit-strip,body.halloween-board-active .site-legal-footer{display:none}
 .board-display .halloween-leaders.halloween-board-fit{display:grid;height:var(--hw-board-height);min-height:0;box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);gap:10px}
 .board-display .halloween-board-fit>.card{min-height:0;margin:0;overflow:hidden;display:flex;flex-direction:column;padding:12px 16px;box-sizing:border-box}
 .board-display .halloween-board-fit .lb-header{margin-bottom:8px;gap:8px}
 .board-display .halloween-board-fit .lb-tabs{gap:6px;flex-wrap:wrap}
 .board-display .halloween-board-fit .lb-tabs .nav-btn{padding:8px 12px;font-size:14px;min-height:36px}
 .board-display .halloween-board-fit .live-indicator{font-size:11px}
 .board-display .halloween-board-fit .lb-controls{margin:0 0 8px;gap:6px}
 .board-display .halloween-board-fit .board-tools{gap:8px}
 .board-display .halloween-board-fit .board-tools label{font-size:12px}
 .board-display .halloween-board-fit .board-tools select,.board-display .halloween-board-fit .board-tools button{padding:5px 8px;font-size:12px}
 .board-display .halloween-board-fit .lb-dashboard{min-height:0;flex:1;grid-template-columns:clamp(200px,20vw,290px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px;overflow:hidden}
 .board-display .halloween-board-fit #lb-table-wrap{height:100%;min-height:0!important;max-height:none!important;flex:1;display:flex;flex-direction:column;overflow:hidden!important;position:relative}
 .board-display .halloween-board-fit #lb-table-wrap>div{min-height:0;overflow:hidden!important;flex:1}
 .board-display .halloween-board-fit .lb-table{--hw-table-font:calc(clamp(17px,1.15vw,30px)*var(--board-scale,1));table-layout:fixed;width:100%;font-size:var(--hw-table-font)}
 .board-display .halloween-board-fit .lb-table th,.board-display .halloween-board-fit .lb-table td{padding:.42em .38em;overflow:hidden;text-overflow:ellipsis}
 .board-display .halloween-board-fit .lb-table th{font-size:.65em;white-space:nowrap}
 .board-display .halloween-board-fit .lb-table tr[hidden]{display:none!important}
 .board-display .halloween-board-fit .lb-table th:first-child{width:calc(var(--hw-table-font)*2.8)}
 .board-display .halloween-board-fit .lb-table td.lb-rank{font-size:.85em;white-space:nowrap;text-overflow:clip}
 .board-display .halloween-board-fit .lb-table th:nth-child(2){width:31%}
 .board-display .halloween-board-fit .lb-table th:nth-child(3){width:12%}
 .board-display .halloween-board-fit .lb-table th:nth-child(4){width:calc(var(--hw-table-font)*3.2)}
 .board-display .halloween-board-fit .lb-table .lb-icon-slot .chest-icon{display:block;width:calc(var(--hw-table-font)*1.9);height:calc(var(--hw-table-font)*1.9);margin:auto}
 .board-display .halloween-board-fit .lb-table th:nth-child(5){width:15%}
 .board-display .halloween-board-fit .lb-table th:nth-child(6){width:16%;padding-left:.5em}
 .board-display .halloween-board-fit .lb-table th:nth-child(7){width:10%}
 .board-display .halloween-board-fit .lb-table .lb-clan{min-width:0;padding-left:.5em}
 .board-display .halloween-board-fit .lb-clan-badge{font-size:.7em;max-width:100%;gap:4px;min-width:0}
 .board-display .halloween-board-fit .lb-clan-badge>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .board-display .halloween-board-fit .lb-clan-flag,.board-display .halloween-board-fit .lb-clan-flag svg,.board-display .halloween-board-fit .lb-clan-flag img{width:22px;height:22px;flex-shrink:0}
 .board-display .halloween-board-fit .ranked-name{min-width:0;max-width:100%;padding:.35em .5em;gap:.35em}
 .board-display .halloween-board-fit .ranked-name strong{overflow-wrap:anywhere}
 .board-display .halloween-board-fit .lb-sidebar{position:static;min-height:0;max-height:100%;overflow:hidden;gap:8px;font-size:14px;padding:0}
 .board-display .halloween-board-fit .lb-sidebar>.card{padding:11px 12px;border-radius:14px}
 .board-display .halloween-board-fit .lb-sidebar h2{font-size:15px;margin:0}
 .board-display .halloween-board-fit .lb-sidebar .bank-amount strong{font-size:23px}
 .board-display .halloween-board-fit .bank-steps,.board-display .halloween-board-fit .bank-foot details,.board-display .halloween-board-fit .class-boss details,.board-display .halloween-board-fit .class-portal p{display:none!important}
 .board-display .halloween-board-fit .bank-next-reward,.board-display .halloween-board-fit .bank-foot{font-size:10px!important;margin:4px 0!important}
 .board-display .halloween-board-fit .class-boss{grid-template-columns:48px minmax(0,1fr);gap:8px}
 .board-display .halloween-board-fit .boss-heading{gap:4px;flex-wrap:wrap}
 .board-display .halloween-board-fit .boss-summary,.board-display .halloween-board-fit .boss-numbers{font-size:11px}
 .board-display .halloween-board-fit .boss-art{margin-top:8px}
 .board-display .halloween-board-fit .boss-art img{max-height:58px;object-fit:contain}
 .board-display .halloween-board-fit .class-portal{font-size:11px}
 .hw-board-pages{display:flex;align-items:center;justify-content:center;gap:14px;padding:7px 8px;flex:none;min-height:36px;background:var(--bg-card,#202633);border-top:1px solid var(--border,#535362);color:var(--text,#e9eaf1);font-size:12px;box-sizing:border-box}
 .hw-board-pages[hidden]{display:none}
 .hw-board-pages button{font:inherit;font-size:20px;width:36px;height:30px;border:1px solid var(--border,#666);border-radius:8px;color:var(--text,#fff);background:var(--bg-soft,#26303f);cursor:pointer;line-height:1}
 .hw-board-pages button:disabled{opacity:.3;cursor:default}
 .hw-board-pages button:focus-visible{outline:3px solid #fbb15a;outline-offset:2px}
}
@media(min-width:900px) and (max-width:1279px){
 .board-display .halloween-leaders.halloween-board-fit{grid-template-columns:minmax(0,1fr)}
 .board-display .halloween-board-fit>.hw-eventbar{grid-column:1;grid-row:1;margin:0}
 .board-display .halloween-board-fit>.card{grid-column:1;grid-row:2}
}
@media(min-width:900px) and (max-height:760px){
 .board-display .halloween-board-fit .lb-table th:nth-child(5),.board-display .halloween-board-fit .lb-table td:nth-child(5){display:none}
 .board-display .halloween-board-fit .lb-sidebar{gap:5px}
 .board-display .halloween-board-fit .lb-sidebar>.card{padding:7px 10px}
 .board-display .halloween-board-fit .lb-sidebar>.class-boss,.board-display .halloween-board-fit .lb-sidebar>.class-portal{padding:7px 10px}
 /* Reserve the short screen for the ranking and all three classroom events. */
 .board-display .halloween-board-fit>.hw-eventbar{min-height:0;padding:10px 14px;gap:8px 14px;grid-template-columns:38px minmax(0,1fr) auto}
 .board-display .halloween-board-fit .hw-event-emblem{width:38px;grid-column:1;grid-row:1/3}
 .board-display .halloween-board-fit .hw-event-emblem svg{width:38px;height:35px}
 .board-display .halloween-board-fit .hw-event-emblem>span,.board-display .halloween-board-fit .hw-event-subtitle,.board-display .halloween-board-fit .hw-lantern-foot,.board-display .halloween-board-fit .hw-countdown{display:none}
 .board-display .halloween-board-fit .hw-event-heading{grid-column:2;grid-row:1}
 .board-display .halloween-board-fit .hw-event-heading h2{font-size:18px;margin:2px 0 0}
 .board-display .halloween-board-fit .hw-lantern{grid-column:2;grid-row:2}
 .board-display .halloween-board-fit .hw-lantern-head{margin:0 0 3px;font-size:9px}
 .board-display .halloween-board-fit .hw-lantern-head strong{font-size:9px}
 .board-display .halloween-board-fit .hw-progress{height:6px}
 .board-display .halloween-board-fit .hw-event-actions{grid-column:3;grid-row:1/3}
 .board-display .halloween-board-fit .bank-foot,.board-display .halloween-board-fit .bank-next-reward,.board-display .halloween-board-fit .boss-summary{display:none}
 .board-display .halloween-board-fit .lb-sidebar{grid-auto-rows:min-content}
 .board-display .halloween-board-fit .lb-sidebar .bank-amount{margin-top:3px}
 .board-display .halloween-board-fit .lb-sidebar .bank-amount strong{font-size:21px}
 .board-display .halloween-board-fit .lesson-bank progress{margin:5px 0 0}
 .board-display .halloween-board-fit .class-portal-ring{width:30px;height:30px}
 .board-display .halloween-board-fit .class-boss{grid-template-columns:32px minmax(0,1fr);min-height:min-content;gap:6px}
 .board-display .halloween-board-fit .boss-heading h2{font-size:14px;line-height:1.15;margin:3px 0}
 .board-display .halloween-board-fit .boss-timer{font-size:11px;padding:3px 6px}
 .board-display .halloween-board-fit .boss-eyebrow{display:none}
 .board-display .halloween-board-fit .boss-numbers{font-size:10px;margin:4px 0 0}
 .board-display .halloween-board-fit .lb-header{margin-bottom:4px}
 .board-display .halloween-board-fit .lb-controls{margin-bottom:5px}
}

@media(min-width:900px){
 .board-display .halloween-board-fit #lb-table-wrap .hw-ranking-scroll{overflow:auto!important;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:#a9a1ba #252a36;overflow-anchor:none}
 .board-display .halloween-board-fit #lb-table-wrap.hw-ranking-scroll{overflow:auto!important;display:block}
 .hw-ranking-scroll::-webkit-scrollbar{width:14px;height:12px}
 .hw-ranking-scroll::-webkit-scrollbar-track{background:#252a36;border-radius:12px}
 .hw-ranking-scroll::-webkit-scrollbar-thumb{background:#a9a1ba;border:3px solid #252a36;border-radius:12px}
 .hw-ranking-scroll:focus-visible{outline:2px solid #c5b5ee;outline-offset:-2px}
 .board-display .halloween-board-fit .lb-table thead th{position:sticky;top:0;z-index:3;background:var(--bg-card,#252a36)}
}