/* Native item icons and original 2009 Halloween artwork, with a reversible palette. */
.header-inner{grid-template-columns:1fr auto auto}
.header-tools{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;justify-self:end}
.header-community{grid-column:3;grid-row:1}
.appearance-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:65px;min-height:38px;padding:2px 5px;color:#e9d5a6;background:none;border:5px solid transparent;border-image:url('/assets/interface/native/button-stone.png') 9 fill stretch;cursor:pointer}
.appearance-toggle>img{width:26px;height:26px;object-fit:contain;image-rendering:pixelated}
.appearance-toggle:hover{filter:brightness(1.2)}
.appearance-toggle:disabled{opacity:.65}
.appearance-switch{display:inline-block;position:relative;width:22px;height:12px;background:#171510;box-shadow:inset 0 0 0 1px #9d8d6f;flex:none}
.appearance-switch:before{content:'';position:absolute;width:8px;height:8px;top:2px;left:2px;background:#8b806a;box-shadow:0 1px 2px #0008;transition:left .15s,background .15s}
.appearance-toggle[aria-checked=true] .appearance-switch{background:#41562c}
.appearance-toggle[aria-checked=true] .appearance-switch:before{left:12px;background:#dbc177}
.appearance-message.appearance-error{position:fixed!important;z-index:1000;right:20px;bottom:20px;width:auto;height:auto;max-width:340px;clip:auto;clip-path:none;white-space:normal;margin:0;padding:14px 18px;background:#2c1c19;border:1px solid #ba794d;color:#ffe6c7;font:14px/1.5 Arial,sans-serif}
@media(pointer:fine){
 html.scimitar-cursor,html.scimitar-cursor body,html.scimitar-cursor a,html.scimitar-cursor button,html.scimitar-cursor label,html.scimitar-cursor select,html.scimitar-cursor summary,html.scimitar-cursor [role=button]{cursor:url('/assets/seasonal/dragon-scimitar-cursor.png?v=2') 6 1,auto}
 html.scimitar-cursor input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),html.scimitar-cursor textarea,[contenteditable=true]{cursor:text}
 html.scimitar-cursor canvas{cursor:auto}
}
.halloween-atmosphere{display:none}
html.is-halloween{--bg:#151018;--panel:#302631;--panel-light:#41313c;--gold:#e1a65d;--gold-light:#ffcf88;--ink:#f0e1ce;--muted:#c9b4a0;--line:#806044;--native-panel:linear-gradient(#251a2d99,#251a2d99),url('/assets/interface/native/panel-texture.png')}
html.is-halloween body{background:linear-gradient(#140e18d9,#140e18ec),url('/assets/seasonal/halloween-wallpaper.webp') center top/cover fixed;color:#f0e1ce}
html.is-halloween .site-header{background:linear-gradient(#1a111ed9,#1a111ef5),url('/assets/seasonal/halloween-stone.webp') center/cover;border-bottom:1px solid #8c593b;box-shadow:0 8px 30px #0009}
html.is-halloween .brand>span{color:#ffd28e}
html.is-halloween .interface-hero{background:#241b28;border-image-source:var(--native-frame);box-shadow:0 0 30px #b6571a22,0 12px 30px #000a}
html.is-halloween .interface-hero-art{background:linear-gradient(90deg,#170f1cf5 0%,#170f1cc9 45%,#170f1c88 100%),url('/assets/seasonal/halloween-wallpaper.webp') 62% 50%/cover}
html.is-halloween .page-hero{background:linear-gradient(90deg,#1c1321ed,#1c1321b8),url('/assets/seasonal/halloween-wallpaper.webp') 60% 42%/cover;border-color:#8a613c}
html.is-halloween .interface-hero:before,html.is-halloween .interface-hero:after{content:'';position:absolute;bottom:-17px;width:80px;height:84px;pointer-events:none;background:url('/assets/seasonal/jack-o-lantern.webp') center/contain no-repeat;z-index:3;filter:drop-shadow(0 0 12px #dd791c55);animation:serenity-lantern 6s ease-in-out infinite}
html.is-halloween .interface-hero:before{left:-24px;transform:rotate(-9deg)}
html.is-halloween .interface-hero:after{right:-24px;transform:rotate(8deg);animation-delay:-3s}
html.is-halloween :is(.leaderboard,.profile-overview,.item-dossier,.monster-preparation,.forum-categories,.forum-board,.forum-post,.forum-sign-in,.shop-card,.shop-panel,.world-card,.native-encounter){background-color:#2c2230;box-shadow:0 6px 24px #0006}
html.is-halloween :is(.category-tabs a,.world-tab,.mode-tab,.activity-nav a,.collection-index button,.profile-skill){border-color:#74563f}
html.is-halloween :is(.leaderboard-heading,.collection-page-heading,.forum-category-heading){background-color:#2b1e2f}
html.is-halloween :is(.eyebrow,.text-link){color:#edb575}
html.is-halloween .main-nav>a[aria-current=page]{box-shadow:0 3px 0 #df8c39,0 5px 14px #ff8a2025}
html.is-halloween .halloween-toggle[aria-checked=true]{filter:drop-shadow(0 0 5px #da812f60)}
html.is-halloween .halloween-atmosphere{display:block;position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.halloween-bat{position:absolute;display:block;width:58px;height:48px;background:url('/assets/seasonal/bat.webp') center/contain no-repeat;opacity:.45;filter:brightness(.8);animation:serenity-bat-drift 19s ease-in-out infinite}
.bat-one{top:23%;left:1.5%}
.bat-two{top:62%;right:1%;width:44px;animation-delay:-9s;animation-duration:25s}
.halloween-ghost{position:absolute;right:1%;bottom:2%;display:block;width:58px;height:95px;background:url('/assets/seasonal/ghost.webp') center/contain no-repeat;opacity:.16;animation:serenity-haunt 9s ease-in-out infinite}
@keyframes serenity-lantern{0%,100%{filter:drop-shadow(0 0 9px #dd791c44)}50%{filter:drop-shadow(0 0 16px #ff982b99)}}
@keyframes serenity-bat-drift{0%,100%{transform:translate(0,0) rotate(-8deg)}35%{transform:translate(17px,-35px) rotate(9deg)}65%{transform:translate(-6px,22px) rotate(-4deg)}}
@keyframes serenity-haunt{0%,100%{transform:translateY(0);opacity:.12}50%{transform:translateY(-20px);opacity:.23}}
@media(max-width:900px){.header-inner{grid-template-columns:1fr auto auto}.header-tools{grid-column:2}.menu-toggle{grid-column:3}.header-community{display:none}.header-tools{gap:5px}.appearance-toggle{min-width:58px;padding:1px 3px;gap:4px}.appearance-toggle>img{width:23px;height:23px}.halloween-atmosphere{visibility:hidden}}
@media(max-width:600px){.header-inner{gap:7px}.brand>span{font-size:28px}.brand>span small{font-size:7px;letter-spacing:1px}.brand img{width:30px;height:36px}.brand{gap:7px}.appearance-toggle{min-width:53px;min-height:34px;border-width:4px;padding:1px 2px;gap:3px}.appearance-toggle>img{width:21px;height:23px}.appearance-switch{width:20px}.appearance-toggle[aria-checked=true] .appearance-switch:before{left:10px}html.is-halloween .interface-hero:before,html.is-halloween .interface-hero:after{width:47px;height:52px;bottom:-13px}html.is-halloween .interface-hero:before{left:-11px}html.is-halloween .interface-hero:after{right:-11px}}
@media(prefers-reduced-motion:reduce){.appearance-switch:before,.halloween-bat,.halloween-ghost,html.is-halloween .interface-hero:before,html.is-halloween .interface-hero:after{animation:none!important;transition:none!important}}

@media(pointer:coarse){.appearance-toggle{min-height:44px}}