/* Local palette variants preserve pixel geometry; Pokémon and icon artwork keep their colours. */
html[data-art-colour="purple"]{--art-controls-side-button-webp:url("/assets/ui/palettes/purple/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/purple/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/purple/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/purple/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/purple/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/purple/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/purple/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/purple/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/purple/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/purple/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/purple/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/purple/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/purple/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/purple/pixel-frame-svg.webp");}
html[data-art-colour="red"]{--art-controls-side-button-webp:url("/assets/ui/palettes/red/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/red/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/red/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/red/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/red/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/red/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/red/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/red/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/red/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/red/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/red/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/red/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/red/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/red/pixel-frame-svg.webp");}
html[data-art-colour="orange"]{--art-controls-side-button-webp:url("/assets/ui/palettes/orange/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/orange/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/orange/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/orange/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/orange/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/orange/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/orange/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/orange/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/orange/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/orange/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/orange/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/orange/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/orange/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/orange/pixel-frame-svg.webp");}
html[data-art-colour="yellow"]{--art-controls-side-button-webp:url("/assets/ui/palettes/yellow/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/yellow/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/yellow/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/yellow/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/yellow/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/yellow/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/yellow/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/yellow/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/yellow/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/yellow/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/yellow/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/yellow/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/yellow/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/yellow/pixel-frame-svg.webp");}
html[data-art-colour="green"]{--art-controls-side-button-webp:url("/assets/ui/palettes/green/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/green/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/green/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/green/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/green/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/green/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/green/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/green/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/green/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/green/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/green/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/green/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/green/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/green/pixel-frame-svg.webp");}
html[data-art-colour="teal"]{--art-controls-side-button-webp:url("/assets/ui/palettes/teal/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/teal/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/teal/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/teal/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/teal/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/teal/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/teal/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/teal/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/teal/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/teal/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/teal/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/teal/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/teal/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/teal/pixel-frame-svg.webp");}
html[data-art-colour="blue"]{--art-controls-side-button-webp:url("/assets/ui/palettes/blue/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/blue/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/blue/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/blue/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/blue/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/blue/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/blue/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/blue/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/blue/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/blue/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/blue/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/blue/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/blue/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/blue/pixel-frame-svg.webp");}
html[data-art-colour="pink"]{--art-controls-side-button-webp:url("/assets/ui/palettes/pink/controls-side-button-webp.webp");--art-controls-bar-webp:url("/assets/ui/palettes/pink/controls-bar-webp.webp");--art-controls-arrow-svg:url("/assets/ui/palettes/pink/controls-arrow-svg.webp");--art-controls-search-svg:url("/assets/ui/palettes/pink/controls-search-svg.webp");--art-controls-circle-webp:url("/assets/ui/palettes/pink/controls-circle-webp.webp");--art-controls-button-filled-webp:url("/assets/ui/palettes/pink/controls-button-filled-webp.webp");--art-controls-checkbox-empty-webp:url("/assets/ui/palettes/pink/controls-checkbox-empty-webp.webp");--art-controls-checkbox-checked-webp:url("/assets/ui/palettes/pink/controls-checkbox-checked-webp.webp");--art-controls-scroll-track-webp:url("/assets/ui/palettes/pink/controls-scroll-track-webp.webp");--art-controls-scroll-thumb-webp:url("/assets/ui/palettes/pink/controls-scroll-thumb-webp.webp");--art-controls-scroll-up-webp:url("/assets/ui/palettes/pink/controls-scroll-up-webp.webp");--art-controls-scroll-down-webp:url("/assets/ui/palettes/pink/controls-scroll-down-webp.webp");--art-controls-solid-bar-webp:url("/assets/ui/palettes/pink/controls-solid-bar-webp.webp");--art-pixel-frame-svg:url("/assets/ui/palettes/pink/pixel-frame-svg.webp");}
