/* October touches: the rooms keep their own light, surfaces and personalities. */
.halloween-room { position:absolute; z-index:2; max-width:none; overflow:visible; pointer-events:none; user-select:none; }
.halloween-room > g { display:none; }
.environment-cubicle .halloween-cubicle,.environment-window .halloween-window,.environment-archive .halloween-archive,.environment-night .halloween-night { display:block; }
.environment-archive .halloween-room { filter:brightness(.83) saturate(.88); }
.environment-night .halloween-room { filter:brightness(.76) saturate(.92); }
.mischief-running .halloween-room { visibility:hidden; }
.halloween-costume { position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:6; overflow:visible; pointer-events:none; }
.halloween-rig-hat,.halloween-rig-cape { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.halloween-styles { margin-top:16px; padding-top:17px; border-top:1px solid var(--line); }
.halloween-style-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.halloween-style-heading h3 { margin:0; font:650 16px/1.3 var(--ui); }
.halloween-style-heading > span { font:500 11px/1.2 var(--ui); color:var(--accent); background:color-mix(in srgb,var(--accent) 9%,transparent); padding:5px 8px; border-radius:12px; }
.halloween-styles > p { margin:6px 0 12px; color:var(--muted); font:400 13px/1.4 var(--ui); }
.costume-option { margin-top:8px; }
.costume-name { display:block; }
.costume-option small { display:block; margin-top:4px; font:400 12px/1.35 var(--ui); opacity:.78; }
.equipment-option[aria-pressed="true"] { outline-offset:2px; }
@media (max-width:420px) { .halloween-style-heading { gap:6px; }.halloween-style-heading h3 { font-size:15px; }.costume-option small { max-width:190px; } }
@media (prefers-reduced-motion:reduce) { .halloween-costume,.halloween-rig-hat,.halloween-rig-cape,.halloween-room { animation:none!important; transition:none!important; } }
/* Scene art is not a toolbar icon: do not inherit the global SVG outline. */
.halloween-room,.halloween-costume,.halloween-rig-hat,.halloween-rig-cape { fill:none; stroke:none; }