/* Living colour, sampled from complete Circle animations. Reading surfaces stay quiet. */
:root{--art-accent:#b9c5b4;--art-ink:#000;--art-link:#cbd5c6;--art-surface:#101214;--art-raised:#191c20;--art-frag-1:#b9c5b4;--art-frag-2:#d5cab5;--art-frag-3:#b7c1cf;--art-frag-4:#c9bdc9;--text:#f5f4ef;--text-muted:#bbbfc5;--text-faint:#bbbfc5;--reading-muted:#bbbfc5;--bg:var(--art-surface);--bg-raised:var(--art-raised);--surface-soft:var(--art-raised);--border:#ffffff24;--surface-border:#ffffff24;--radius:18px}
body{background:var(--art-surface);color:var(--text)}
/* Bridge legacy cyan controls to the current artwork palette. */
html[data-art-theme]{--cyan:var(--art-accent);--cyan-text:var(--art-link)}
html[data-art-theme] .btn-primary,html[data-art-theme] .nav-zone a[aria-current="true"]{background:var(--art-accent);color:var(--art-ink);border-color:var(--art-accent)}
html[data-art-theme] .btn-primary:hover{background:var(--art-accent);color:var(--art-ink);border-color:var(--art-accent);box-shadow:0 4px 0 var(--art-frag-2)}
body::before{background:none}
.site-header{background:var(--art-surface);border-image:none;border-bottom:1px solid #ffffff20;backdrop-filter:none}
.nav-row{min-height:76px}.site-header .brand-word{letter-spacing:.035em}
.palette-bar{position:relative;z-index:90;border-bottom:1px solid #ffffff20;background:var(--art-surface);font:12px/1.5 var(--font-ui)}
.palette-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px}
.palette-source{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding-block:12px}
.palette-source:hover{text-decoration:underline;text-underline-offset:4px}
.palette-swatches{display:flex;gap:3px}.palette-swatches i{width:13px;height:20px;background:var(--art-frag-1);display:block}
.palette-swatches i:nth-child(2){background:var(--art-frag-2)}.palette-swatches i:nth-child(3){background:var(--art-frag-3)}.palette-swatches i:nth-child(4){background:var(--art-frag-4)}
.palette-options{position:relative;border:0;background:none;border-radius:0;padding:0;margin:0}
.palette-options summary{list-style:none;cursor:pointer;padding:12px 0 12px 12px;min-height:44px;display:flex;align-items:center;gap:18px;font:12px var(--font-ui);color:var(--text)}
.palette-options summary::-webkit-details-marker{display:none}.palette-options[open] summary span{transform:rotate(45deg)}
.palette-menu{position:absolute;right:0;top:100%;width:min(330px,calc(100vw - 32px));padding:22px;border:1px solid #ffffff40;border-radius:0 0 16px 16px;background:var(--art-raised);box-shadow:0 20px 60px #0008}
.palette-menu p{font-size:19px;font-weight:700;margin:0 0 5px}.palette-menu small{display:block;font-size:12px;color:var(--text-muted);line-height:1.6}
.palette-actions{display:grid;gap:8px;margin:18px 0}.palette-actions button{font:600 13px var(--font-ui);text-align:left;cursor:pointer;padding:12px;border-radius:8px;border:1px solid #ffffff40;color:var(--text);background:var(--art-surface);min-height:44px}
.palette-actions button:first-child{background:var(--art-accent);color:var(--art-ink);border-color:transparent}.palette-actions button[aria-pressed=true]{outline:2px solid #fff;outline-offset:1px}.palette-actions button:disabled{opacity:.6;cursor:wait}
.palette-bar :focus-visible{outline:2px solid #fff;outline-offset:4px}
h1{letter-spacing:-.045em;line-height:1.08;text-wrap:balance}h2{letter-spacing:-.035em;text-wrap:balance}
.eyebrow{color:var(--art-link);font-size:10px;letter-spacing:.075em}.eyebrow::before{background:var(--art-frag-1);box-shadow:10px 0 var(--art-frag-2),20px 0 var(--art-frag-3)}
.breadcrumb{opacity:1;color:var(--text-muted)}
.hero{padding-top:44px;padding-bottom:36px}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(38px,4.15vw,60px);line-height:1.06;text-shadow:none;letter-spacing:-.045em}.hero h1::first-line{color:var(--art-link)}
.hero .lede{font-size:17px;line-height:1.75;max-width:42ch}.hero .sig{color:var(--art-link);font-size:9px;line-height:1.9;margin-block:20px}
.hero-secondary{position:relative;padding:16px;background:var(--art-accent);border:0;border-radius:24px;box-shadow:none}
.hero-game-tabs{gap:4px;padding:4px;background:var(--art-surface);border-radius:12px;margin-bottom:10px}.hero-game-tab{font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.035em}
html[data-art-theme] .hero-game-tab[aria-selected=true]{background:var(--art-accent);color:var(--art-ink)}
.hero-art{gap:6px;border-radius:10px}.hero-art .cell{border-radius:9px;background:var(--art-surface);border:0}.hero-game-panel{background:var(--art-surface);border-radius:12px;padding:12px;margin-top:10px;color:var(--text)}
.hero-art .cell:nth-child(5){background:var(--art-raised)}.hero-cell-center-label{color:var(--art-link)}
.hero-secondary .hero-art .hero-cell.is-active{border:3px solid #faff54}.hero-secondary .hero-art .hero-cell.is-correct{border:3px solid #32ffac}.hero-secondary .hero-art .hero-cell.is-wrong{border:3px solid #ff547a}
.frise{height:14px;gap:3px;border:0;border-radius:0;background:transparent}.frise i{border-radius:0}.frise-caption{color:var(--text-muted);font-size:10px;letter-spacing:.06em;margin-top:12px}
.btn{border-radius:10px}.btn-primary{box-shadow:none}.btn-primary:hover{box-shadow:0 4px 0 var(--art-frag-2)}
.bg-raised{background:var(--art-raised)}
:is(.box,.card,.wallet-panel,.cr-panel,.cr-avoir,.tr-draw,.tr-result,.cir-feature,.member-registration,.workshop-rule,.workshop-art-card,.journey-card,.vote-blocked,.split-panel,.hub-cosmetics-group,.hub-cosmetic-card,.empty-state,.leaderboard-card){background:var(--art-raised);box-shadow:none}
.cols-3>.box:nth-child(n),.cols-4>.box:nth-child(n){background:var(--art-raised);border-top:3px solid var(--art-frag-1)}
.cols-3>.box:nth-child(3n+2),.cols-4>.box:nth-child(4n+2){border-top-color:var(--art-frag-2)}.cols-3>.box:nth-child(3n+3),.cols-4>.box:nth-child(4n+3){border-top-color:var(--art-frag-3)}
.num,.profile-stat-card,.hub-dash-stats>div,.pp-stats>div,.how-step,.cir-explainer{background:var(--art-raised)}.num:nth-child(n) b{color:var(--art-link)}
.cir-welcome{position:relative;border:0;border-radius:24px;box-shadow:inset 6px 0 var(--art-accent);background:var(--art-raised);padding:36px 40px;gap:24px;overflow:hidden}
.cir-welcome h1{text-shadow:none;font-size:clamp(38px,4.6vw,64px);max-width:13ch;margin-top:18px}.cir-welcome-art{border-radius:18px;background:var(--art-accent);aspect-ratio:1;padding:12px}
.cir-welcome-art::before,.cir-welcome-art::after{display:none}.cir-welcome-art img{width:80%;height:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 12px 0 #0002)}.cir-welcome-art span{bottom:12px;left:12px;right:12px;font:11px var(--font-ui);color:var(--art-ink);font-weight:700}
.cir-door:nth-child(n){background:var(--art-raised);border:1px solid #ffffff24;box-shadow:inset 0 4px var(--art-frag-1);border-radius:16px}.cir-door:nth-child(2){box-shadow:inset 0 4px var(--art-frag-2)}.cir-door:nth-child(3){box-shadow:inset 0 4px var(--art-frag-3)}.cir-door-index{color:var(--art-link)}.cir-door h3{font:700 24px/1.2 var(--font-ui)}
.pp-banner{background:var(--art-raised);border-top:6px solid var(--art-accent)}
.site-footer{background:var(--art-surface);border-top:6px solid var(--art-accent);padding-bottom:110px}.site-footer .disclaimer{font-size:12px;opacity:1}
body:has([data-collection-grid]) .page-hero{padding:24px 0 16px}body:has([data-collection-grid]) .page-hero h1{font-size:clamp(34px,4vw,54px);max-width:22ch;margin-top:12px}body:has([data-collection-grid]) .page-hero .lede{font-size:16px;max-width:65ch;margin-top:12px!important}
body:has([data-collection-grid]) .breadcrumb{margin-bottom:16px}body:has([data-collection-grid]) .page-hero+section{padding-top:16px}
body:has([data-collection-grid]) .lead-row.mb-4{margin-bottom:16px!important}.mystery-grid{gap:14px!important;margin-top:22px!important}
.art-tile.art-tile-gif{border-radius:8px;outline:1px solid #ffffff16;outline-offset:0}.art-tile:hover{outline:3px solid var(--art-accent);outline-offset:3px}.art-tile:focus-visible{outline:3px solid #fff;outline-offset:4px}.art-tile:focus-visible .cap{transform:translateY(0)}
.collection-tools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.collection-tools .lb-search-wrap{margin-bottom:0!important;flex:1;min-width:170px}.collection-random{min-height:46px;white-space:nowrap}.collection-tools+ [data-collection-count]{margin-top:12px!important}
.collection-featured{outline:3px solid var(--art-accent)!important;outline-offset:3px}
.circle-chat .chat-connection,.circle-chat .chat-access,.circle-chat .chat-notice,.circle-chat label,.circle-chat>small,.circle-chat .chat-log time,.circle-chat .chat-log button{font-size:12px}.circle-chat .chat-log p{font-size:15px;line-height:1.65}
html[data-art-mode=calm] .hero-secondary,html[data-art-mode=calm] .cir-welcome-art{background:var(--art-raised);outline:1px solid #ffffff30}html[data-art-mode=calm] .cir-welcome-art span{color:var(--text)}
@media(min-width:1000px){.hero-secondary{max-width:580px;justify-self:end;width:100%;box-sizing:border-box}}
@media(max-width:900px){.hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:44px}.hero-secondary{padding:10px}.cir-welcome{padding:28px}}
@media(max-width:650px){.palette-row{gap:8px;min-height:50px}.palette-source{gap:7px;font-size:11px}.palette-swatches{gap:2px}.palette-swatches i{width:8px;height:16px}.palette-options summary{font-size:11px;gap:5px;padding-left:0}.palette-menu{right:0}.container{padding-inline:20px}.hero{padding-top:26px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero h1{font-size:clamp(36px,9.6vw,54px);max-width:13ch}.hero .lede{font-size:16px;line-height:1.65}.hero .sig{font-size:8px}.hero-secondary{padding:12px;border-radius:18px}.hero-game-tab{font-size:11px}.cir-welcome{padding:24px;gap:20px;box-shadow:inset 0 4px var(--art-accent)}.cir-welcome h1{font-size:clamp(34px,9vw,45px);margin-bottom:16px}.cir-welcome-art{width:min(100%,240px);border-radius:12px}.cir-welcome p{font-size:15px;line-height:1.65}.page-hero h1{font-size:40px}.page-hero .lede{font-size:16px}.eyebrow{font-size:9px;letter-spacing:.025em}.mystery-grid{gap:10px!important}.palette-menu{max-width:calc(100vw - 40px)}.site-footer{padding-bottom:120px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.hero-secondary,.hero-secondary>*{transform:none}.cir-welcome-art img,.btn,.cir-door{transition:none}}
@media(max-width:650px){.hero .lead-row{gap:10px;flex-wrap:nowrap}.hero .lead-row .btn{font-size:12px;padding:12px 10px;white-space:nowrap}.hero .sig{margin-block:16px}.hero .lede{margin-top:16px!important}}
@media(max-width:650px){.hero h1{font-size:clamp(32px,8.4vw,48px)}.mystery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
[data-art-theme] .circle-chat>small{font-size:12px;line-height:1.6}.hero-cell-center-label{font-size:10px}
/* RGB: standard background-position animation, no custom property registration. */
@keyframes vc-spectrum{from{background-position:0% 50%}to{background-position:100% 50%}}
html[data-art-mode=rgb]{--spectrum:linear-gradient(110deg,#0000ff,#ff00ff,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff)}
html[data-art-mode=rgb] :is(.hero-secondary,.cir-welcome-art){background-image:var(--spectrum);background-size:350% 100%;animation:vc-spectrum 16s ease-in-out infinite alternate;animation-play-state:var(--palette-motion,running);padding:10px;box-shadow:none}
html[data-art-mode=rgb] .palette-bar::after{content:"";display:block;height:3px;background-image:var(--spectrum);background-size:350% 100%;animation:vc-spectrum 16s ease-in-out infinite alternate;animation-play-state:var(--palette-motion,running)}
html[data-art-mode=rgb] .cir-welcome-art span{background:#0b0b10;color:var(--text);padding:8px;border-radius:8px}
html[data-art-mode=rgb] :is(.btn-primary,.box,.card,.cir-door){box-shadow:none}
html[data-art-mode=rgb][data-color-motion=running] :is(.hero-secondary,.cir-welcome-art),html[data-art-mode=rgb][data-color-motion=running] .palette-bar::after{animation-duration:16s!important;animation-iteration-count:infinite!important}
@media(prefers-reduced-motion:reduce){html[data-art-mode=rgb]:not([data-color-motion=running]) :is(.hero-secondary,.cir-welcome-art),html[data-art-mode=rgb]:not([data-color-motion=running]) .palette-bar::after{animation:none!important}}

/* The gallery is a place to look, with captions that never cover the artwork. */
[data-collection-grid].gallery{gap:22px 18px;margin-top:26px}
[data-collection-grid] .art-tile .cap{display:none}
[data-collection-grid] .art-tile{transition:outline-color .18s,outline-offset .18s;cursor:zoom-in}
.gallery-caption{display:flex;justify-content:space-between;gap:8px;padding:12px 2px 4px;font:600 12px/1.4 var(--font-ui);color:var(--text)}
.gallery-caption span:last-child{font-weight:400;color:var(--text-muted)}
[data-collection-grid] [role=listitem]:hover .gallery-caption span:last-child{color:var(--art-link)}
.palette-preview{display:flex;align-items:center;gap:14px;padding:12px 0 0;color:var(--text);text-decoration:none;font-size:12px}
.palette-preview[hidden]{display:none}.palette-preview img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;background:var(--art-surface);border-radius:6px}.palette-preview:hover span{text-decoration:underline}
.palette-motion{display:block;min-height:44px;width:100%;margin:0 0 12px;padding:10px;border:1px solid #ffffff40;border-radius:8px;background:var(--art-surface);color:var(--text);font:500 12px var(--font-ui);cursor:pointer}
html[data-art-mode=calm] .palette-motion{display:none}
.palette-menu{max-height:min(650px,calc(100dvh - 145px));overflow-y:auto;overscroll-behavior:contain}
html[data-color-motion=paused],html[data-page-hidden=true]{--palette-motion:paused}
.art-viewer-open{overflow:hidden}
dialog.art-viewer{box-sizing:border-box;position:fixed;inset:0;width:min(920px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;background:var(--art-surface);color:var(--text);border:1px solid #ffffff40;border-top:4px solid var(--art-accent);border-radius:20px;box-shadow:0 30px 120px #000b;overflow:auto;overscroll-behavior:contain}
dialog.art-viewer:not([open]){display:none}
.art-viewer::backdrop{background:#050609e8;backdrop-filter:blur(8px)}
.art-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px}
.art-viewer-kicker{font:600 10px/1.5 var(--font-ui);letter-spacing:.16em;color:var(--art-link)}
.art-viewer-head h2{font:700 28px/1.2 var(--font-ui);letter-spacing:-.035em;margin:5px 0 0}
.art-viewer button,.art-viewer a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #ffffff40;border-radius:8px;background:var(--art-raised);color:var(--text);padding:10px 14px;font:600 13px var(--font-ui);cursor:pointer;text-decoration:none}
.art-viewer button:disabled{opacity:.35;cursor:default}.art-viewer button:not(:disabled):hover,.art-viewer a:hover{border-color:var(--art-link);background:var(--art-surface)}
.art-viewer [data-viewer-close]{font-size:27px;padding:0;width:44px;flex:none}
.art-viewer-stage{display:grid;place-items:center;height:min(60dvh,600px);min-height:100px;background:#08090d;border:1px solid #ffffff12;border-radius:10px;overflow:hidden}
.art-viewer-stage img{width:100%;height:100%;max-height:min(60dvh,600px);object-fit:contain;image-rendering:pixelated}.art-viewer-stage [hidden]{display:none}.art-viewer-stage p{padding:24px;max-width:40ch;text-align:center;color:var(--text-muted)}
.art-viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:18px}.art-viewer-caption{min-width:0}.art-viewer-caption p{font-size:13px;margin:0 0 5px;overflow-wrap:anywhere}.art-viewer-caption span{font-size:12px;color:var(--text-muted)}
.art-viewer-controls{display:flex;flex-wrap:wrap;gap:8px;flex:none}.art-viewer [data-viewer-market]{background:var(--art-accent);color:var(--art-ink);border-color:transparent}.art-viewer [data-viewer-market]:hover{background:var(--art-accent);color:var(--art-ink)}
.art-viewer :focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:650px){[data-collection-grid].gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.gallery-caption{font-size:11px;padding-top:10px}.gallery-caption span:last-child{font-size:10px}dialog.art-viewer{padding:16px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.art-viewer-head{padding-bottom:14px}.art-viewer-head h2{font-size:24px}.art-viewer-foot{display:block;padding-top:14px}.art-viewer-controls{margin-top:12px;gap:6px}.art-viewer-controls button,.art-viewer-controls a{padding:10px;font-size:12px}.art-viewer-stage{height:min(52dvh,450px)}.art-viewer-stage img{max-height:min(52dvh,450px)}}
@media(max-height:550px){.art-viewer-stage{height:40dvh}.art-viewer-stage img{max-height:40dvh}}
@media(max-width:650px){.art-viewer-stage{height:auto;aspect-ratio:1;max-height:52dvh}.art-viewer-stage img{height:100%;max-height:52dvh}.art-viewer-controls{display:grid;grid-template-columns:44px 44px 1fr}.art-viewer [data-viewer-market]{grid-column:1/-1}.gallery-caption{font-size:12px}}

/* Consistent destinations, distinct colours sampled from the selected Circle. */
html[data-art-theme] :is(.btn,.nav-zone a){--control:var(--action-1,var(--art-accent));--control-ink:var(--action-ink-1,var(--art-ink))}
html[data-art-theme] :is(.btn[href*="discord.gg"],.nav-zone a[href*="genesis"]){--control:var(--action-2,var(--art-accent));--control-ink:var(--action-ink-2,var(--art-ink))}
html[data-art-theme] :is(.btn[href*="genesis"],.btn[href*="emergence"],.nav-zone a[href*="raffle"]){--control:var(--action-3,var(--art-accent));--control-ink:var(--action-ink-3,var(--art-ink))}
html[data-art-theme] :is(.btn-primary,.btn[href*="discord.gg"],.nav-zone a[aria-current="true"]),html[data-art-theme] :is(.btn-primary,.btn[href*="discord.gg"]):hover{background:var(--control);color:var(--control-ink);border-color:var(--control);box-shadow:inset 0 0 0 1px #ffffff30}
html[data-art-theme] .nav-links .nav-zone a{box-shadow:inset 0 -3px var(--control)}
html[data-art-theme] .nav-links .nav-zone a[aria-current="true"]{box-shadow:inset 0 0 0 1px #ffffff30}
html[data-art-theme] :is(.btn-primary,.btn[href*="discord.gg"]):hover{outline:2px solid var(--control);outline-offset:3px}

/* One theme across the showcase, member tools, forum and shared widgets.
   Filled controls use their own ink; legacy text accents use readable variants. */
html[data-art-theme]{--noir:var(--art-surface);--noir2:var(--art-raised);--creme:var(--text);--bg-raised-2:var(--art-raised);--tile-bg:var(--art-raised);--cyan:var(--art-link);--cyan-text:var(--art-link);--magenta:var(--action-link-2,var(--art-link));--magenta-text:var(--action-link-2,var(--art-link));--jaune:var(--action-link-3,var(--art-link));--jaune-text:var(--action-link-3,var(--art-link));--focus-ring:var(--art-link)}
html[data-art-theme] :is(.nav-links,.nav-social,.vc-radio-side,.vc-yt,.circle-chat,.guide-panel,.guide-greeting,.forum-access,.forum-card,.forum-compose,.forum-detail,.forum-admin-record,.member-overview>section,.live-cycle,.raffle-card,.raffle-form,.raffle-dialog,.raffle-preview,.raffle-connection-card,.raffle-account-connections,.treasury-nft-placeholder,.rgb-border-inner,.cir-hero-media,.cir-hero-token,.lore-toc){background:var(--art-raised);color:var(--text);border-color:var(--border)}
@media(min-width:1501px){html[data-art-theme] .site-header :is(.nav-links,.nav-social){background:transparent}}
html[data-art-theme] :is(.circle-chat header,.guide-header,.guide-footer,.guide-question,.raffle-task-row,.member-profile .raffle-connection-card,.forum-empty,.lore-yt-facade){background:var(--art-surface);color:var(--text);border-color:var(--border)}
html[data-art-theme] :is(.forum-form,.raffle-form,.raffle-report,.circle-chat,.admin-row) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background:var(--art-surface);color:var(--text);border-color:var(--border)}
html[data-art-theme] :is(input,textarea)::placeholder{color:var(--text-muted);opacity:1}
html[data-art-theme] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background:var(--art-surface);color:var(--text);border-color:var(--border)}
html[data-art-theme] :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--art-accent)}
html[data-art-theme] :is(.forum-tabs button[aria-pressed=true],.at-switch button[aria-selected=true],.vc-radio-mode-btn.is-on,.vc-yt-tab.is-on,.guide-link.is-primary,.circle-select-check){background:var(--action-1);color:var(--action-ink-1);border-color:var(--action-1)}
html[data-art-theme] .vc-yt-btn.is-on{background:var(--action-2);color:var(--action-ink-2);border-color:var(--action-2)}
html[data-art-theme] :is(.circle-chat button,.vc-radio-btn,.vc-radio-mode-btn,.vc-yt-tab,.vc-yt-btn,.guide-choice,.guide-link,.member-nav a){background:var(--art-raised);color:var(--text);border-color:var(--border)}
html[data-art-theme] :is(.chat-launcher,.guide-launcher){background:var(--art-raised);color:var(--art-link);border-color:var(--art-link)}
html[data-art-theme] :is(.guide-launcher:hover,.guide-launcher[aria-expanded=true],.guide-choice:hover,.member-nav a:hover,.raffle-card:hover,.cir-type-card.is-selected){border-color:var(--art-link)}
html[data-art-theme] :is(.circle-chat a,.chat-connection,.guide-back,.guide-connect,.guide-greeting-open,.guide-footer a,.member-section-heading .eyebrow,.forum-tag,.forum-status,.raffle-hero h1 span,.raffle-detail-meta,.raffle-empty .empty-mark,.raffle-how>div>span,.raffle-form legend span,.rgb-text){color:var(--art-link);-webkit-text-fill-color:currentColor;background-image:none}
html[data-art-theme] :is(.member-intro,.member-section-heading>p,.member-profile .raffle-connection-card p,.member-fineprint,.member-social-status,.circle-chat>small,.chat-log time,.orbit-caption,.orbit-coordinate,.cir-card-meta,.cir-request-group span,.raffle-partner-rule p){color:var(--text-muted)}
html[data-art-theme] :is(.forum-tag,.member-social-badge,.is-linked .member-social-badge,.live-mark,.raffle-state,.raffle-allocation-summary span,.guide-situation,.raffle-publish-summary,.raffle-detail-result,.member-social-status){color:var(--art-link);background:var(--art-surface);border-color:var(--border)}
html[data-art-theme] :is(.live-weft-won .live-mark,.live-passage-published .live-mark,.raffle-principles b,.raffle-partner-rule>span,.orbit-star){color:var(--action-link-3)}
html[data-art-theme] :is(.member-profile .raffle-connection-card.is-linked,.forum-access,.guide-situation,.raffle-upload,.raffle-detail-result){border-color:var(--art-link)}
html[data-art-theme] .live-track span{background:linear-gradient(90deg,var(--art-accent),var(--action-2))}
html[data-art-theme] .raffle-live i{background:var(--art-link);box-shadow:none}
html[data-art-theme] .raffle-orbit{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--art-frag-2) 22%,transparent),transparent 65%),var(--art-raised);border-color:var(--border)}
html[data-art-theme] .orbit-core{background:radial-gradient(circle at 32% 28%,var(--art-frag-2),var(--art-frag-3) 55%,var(--art-surface));border-color:var(--border);box-shadow:none}
html[data-art-theme] :is(.orbit-ring,.ring-two){border-color:var(--art-link)}
html[data-art-theme] .star-two{color:var(--art-link)}
html[data-art-theme] :is(.raffle-upload,.raffle-space-tabs button[aria-pressed=true]){background:var(--art-raised);border-color:var(--art-link)}
html[data-art-theme] :is(.raffle-gallery img,.raffle-cover img.raffle-collection-logo){background:var(--art-surface)}
html[data-art-theme] :is(.cir-card-price,.cir-hero-frags strong){color:var(--art-link)}
html[data-art-theme] .cir-card-badge{background:var(--art-surface);color:var(--art-link);border-color:var(--border)}
html[data-art-theme] .cir-card-badge.custom{color:var(--action-link-2)}
html[data-art-theme] :is(.rgb-border-wrap,.circle-select-wrap.is-selected){background:conic-gradient(var(--art-frag-1),var(--art-frag-2),var(--art-frag-3),var(--art-frag-4),var(--art-frag-1));animation:none;filter:none}
html[data-art-mode=rgb] .rgb-border-wrap{background-image:var(--spectrum);background-size:350% 100%;animation:vc-spectrum 16s ease-in-out infinite alternate;animation-play-state:var(--palette-motion,running)}
html[data-art-theme] :is(.circle-chat,.circle-guide,.vc-radio,.forum-wrap) :focus-visible{outline:2px solid var(--art-link);outline-offset:3px}
html[data-art-theme] :is(.circle-chat nav,.chat-log article,.guide-header,.guide-footer){border-color:var(--border)}
html[data-art-theme] :is(.nav-account-menu,.account-wallet,.account-signouts,.admin-stat,.admin-shortcut,.admin-trames-card,.admin-record,.admin-section,.maintenance-row,.cir-type-card,.at-switch[role=tablist],.hunt-callout,code){background:var(--art-raised);color:var(--text);border-color:var(--border)}
html[data-art-theme] :is(.nav-links a[aria-current=page],.journey-card[aria-current=page],.member-nav a:hover){background:var(--art-raised);border-color:var(--art-link);color:var(--art-link)}
html[data-art-theme] :is(.btn-accent,.apply-float-btn){background:var(--action-2);color:var(--action-ink-2);border-color:var(--action-2)}
html[data-art-theme] :is(.admin-sidebar button[aria-current=page],.lightbox-tools .lb-btn:hover){background:var(--action-1);color:var(--action-ink-1)}
html[data-art-theme] :is(.account-avatar,.journey-step,.cir-free-badge,.cir-free-total,.cir-free-status.is-available){background:var(--art-surface);color:var(--art-link);border-color:var(--art-link)}
html[data-art-theme] .cir-type-card.is-selected{background:var(--art-raised);border-color:var(--art-link);box-shadow:inset 0 0 0 1px var(--art-link)}

/* Rotate only the radio's decorative colour wheel; the play icon stays upright. */
@keyframes vc-color-wheel{to{transform:rotate(360deg)}}
html[data-art-theme] .vc-radio-sphere{isolation:isolate;overflow:hidden;background:var(--art-raised);animation:none!important;transform:none;box-shadow:0 4px 20px #0006;border-color:var(--art-link)}
html[data-art-theme] .vc-radio-sphere::before{content:"";position:absolute;inset:-2px;z-index:0;border-radius:50%;pointer-events:none;background:conic-gradient(var(--art-frag-1),var(--art-frag-2),var(--art-frag-3),var(--art-frag-4),var(--art-frag-1));animation:vc-color-wheel 8s linear infinite;animation-play-state:var(--palette-motion,running)}
html[data-art-mode=rgb] .vc-radio-sphere::before{background:conic-gradient(#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000)}
html[data-art-mode=calm] .vc-radio-sphere::before{animation:none!important}
html[data-art-theme] .vc-radio-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--art-surface);color:var(--art-link);font-size:14px;text-shadow:none;animation:none!important;transform:none;pointer-events:none}
/* The wheel is the radio's signature: it turns in every mode except Quiet mode, including on laptops that ask for reduced
   motion (style.css would cut it to 0.001ms). Small, slow, no flashing, and the menu's Pause control stops it. */
html[data-art-theme]:not([data-art-mode=calm]):not([data-color-motion=paused]) .vc-radio-sphere::before{animation-name:vc-color-wheel!important;animation-duration:8s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}
html[data-art-mode=rgb][data-color-motion=running] .rgb-border-wrap{animation-duration:16s!important;animation-iteration-count:infinite!important}
html[data-color-motion=paused] .vc-radio-sphere::before{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-art-mode=rgb]:not([data-color-motion=running]) .rgb-border-wrap{animation:none!important}}
/* Last fixed colours, found by applying two opposite palettes (Circle #9 red, Circle #47 cyan) to the 17 public pages
   and listing every coloured element that did not change. Colours that carry a meaning stay fixed on purpose:
   DONE tags and timeline dots, do/don't lists, the closed banner, podium gold and bronze, game signals. */
html[data-art-theme] .section-border-b::after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--art-link) 16%,transparent) 22%,color-mix(in srgb,var(--art-link) 28%,transparent) 50%,color-mix(in srgb,var(--art-link) 16%,transparent) 78%,transparent)}
html[data-art-theme] .section-border-b::before{background:var(--art-link);box-shadow:0 0 8px color-mix(in srgb,var(--art-link) 60%,transparent)}
html[data-art-theme] :is(.btn-ghost,.btn-secondary){border-color:var(--border)}
html[data-art-theme] :is(.btn-ghost,.btn-secondary):hover{border-color:var(--art-link)}
/* Lore: the five chapter accents (cyan, magenta, yellow, green, red) take three readable colours of the circle in turn. */
html[data-art-theme] [data-accent]{--acc:var(--action-link-1,var(--art-link));--acc-text:var(--action-link-1,var(--art-link));--acc-glow:color-mix(in srgb,var(--action-link-1,var(--art-link)) 40%,transparent)}
html[data-art-theme] :is([data-accent=magenta],[data-accent=rouge]){--acc:var(--action-link-2,var(--art-link));--acc-text:var(--action-link-2,var(--art-link));--acc-glow:color-mix(in srgb,var(--action-link-2,var(--art-link)) 40%,transparent)}
html[data-art-theme] [data-accent=jaune]{--acc:var(--action-link-3,var(--art-link));--acc-text:var(--action-link-3,var(--art-link));--acc-glow:color-mix(in srgb,var(--action-link-3,var(--art-link)) 40%,transparent)}
html[data-art-theme] .how-step-num{box-shadow:0 0 12px color-mix(in srgb,var(--art-link) 25%,transparent)}
html[data-art-theme] .collab-row.is-winning{border-color:color-mix(in srgb,var(--art-link) 35%,transparent)}
html[data-art-theme] .vc-yt{border-color:var(--art-link);box-shadow:0 0 22px color-mix(in srgb,var(--art-link) 35%,transparent),0 10px 30px #0009}
html[data-art-theme] .vc-progress-fill{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--art-link) 60%,transparent))}
