/* Resonance — rounded surfaces, vivid art, a quiet reading canvas. */
:root{--noir:#080b16;--noir2:#101525;--bg:#080b16;--bg-raised:#11182a;--bg-raised-2:#182139;--tile-bg:#141d32;--border:rgba(170,189,235,.17);--surface-border:rgba(170,189,235,.17);--surface-soft:#121b2d;--creme:#f5f4ff;--text:#f5f4ff;--text-muted:#b6bfd6;--text-faint:#95a1bc;--reading-muted:#b6bfd6;--cyan:#60f5d0;--cyan-text:#83f7dd;--magenta:#b497ff;--magenta-text:#cbb5ff;--jaune:#f7d578;--jaune-text:#ffe09a;--rouge:#ff7289;--vert:#72e7a4;--border-w:1px;--border-w-lg:1px;--radius:22px;--container:1200px;--space-8:80px;--space-7:56px;}
body{background:var(--bg);letter-spacing:-.012em;}
.vc-reveal{opacity:1;transform:none;transition:none;}
.hunt-callout,.leaderboard-card{border-radius:22px;}.hunt-callout{border-color:#f7d57840;background:#f7d57808;}.leaderboard-card{background:linear-gradient(145deg,#19233a,#101727);border-color:var(--border);}
.vc-radio-sphere{width:50px;height:50px;box-shadow:0 4px 20px #0006;border-width:1px;}.vc-radio-icon{font-size:16px;}.vc-radio-side{border-radius:16px;background:#101827ed;}.vc-radio-on .vc-radio-sphere{box-shadow:0 0 18px #60f5d044;}
body::before{background:radial-gradient(ellipse at 8% 4%,#34306455,transparent 45%),radial-gradient(ellipse at 100% 28%,#15585b30,transparent 45%);}
h1{font-family:var(--font-ui);font-size:clamp(38px,6vw,76px);font-weight:800;line-height:1.04;letter-spacing:-.055em;}
h2{letter-spacing:-.035em;font-size:clamp(25px,3vw,36px);}
h3{color:var(--text);letter-spacing:-.02em;}
.eyebrow{color:var(--cyan-text);letter-spacing:.12em;font-size:10px;line-height:1.8;}
.breadcrumb{font-size:12px;opacity:.8;margin-bottom:22px;}
.page-hero{padding:42px 0 32px;}
.page-hero .lede{max-width:52ch;font-size:18px;line-height:1.65;}
section{padding-block:40px;}
.section-border-b{border-color:rgba(170,189,235,.08);}
.bg-raised{background:rgba(18,27,45,.35);}
.site-header{background:rgba(8,11,22,.9);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);}
.nav-row{min-height:80px;}
.nav-links a{border-radius:12px;border:1px solid transparent;font-size:13px;}
.nav-links a[aria-current=page]{background:#60f5d013;border-color:#60f5d02b;color:var(--cyan-text);}
.nav-zone{border-radius:14px;overflow:hidden;background:#ffffff05;border:1px solid var(--border);}
.icon-btn,.nav-toggle{border-radius:14px;border-color:var(--border);background:#ffffff04;}
.btn{border-radius:14px;font-family:var(--font-ui);font-weight:700;letter-spacing:0;padding:13px 22px;border-width:1px;transition:transform .2s,background .2s,box-shadow .2s;}
.btn-primary{background:var(--cyan);border-color:transparent;color:#09241f;box-shadow:0 5px 24px #60f5d019;}
.btn-primary:hover{background:#a5ffe9;border-color:transparent;box-shadow:0 8px 30px #60f5d035;transform:translateY(-2px);}
.btn-ghost,.btn-secondary{border-color:#aabdeb33;background:#ffffff05;color:var(--text);}
.btn-ghost:hover,.btn-secondary:hover{background:#ffffff10;border-color:#aabdeb77;color:#fff;}
.btn-accent{background:var(--magenta);color:#19102b;border-color:transparent;}
.tag,.status,.state-chip,.cir-card-badge{border-radius:999px;}
:is(.box,.card,.wallet-panel,.cr-panel,.cr-avoir,.tr-draw,.tr-result,.cir-feature,.member-registration,.workshop-rule,.workshop-art-card,.admin-section,.admin-record,.admin-stat,.admin-shortcut,.admin-trames-card,.journey-card,.vote-blocked,.split-panel,.hub-cosmetics-group,.hub-cosmetic-card,.empty-state){border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(145deg,#19233a,#101727);box-shadow:0 12px 36px #02040b22;}
.box{padding:26px;}
.cols-3>.box:nth-child(3n+1),.cols-4>.box:nth-child(4n+1){background:linear-gradient(145deg,#18332f,#111d26);}
.cols-3>.box:nth-child(3n+2),.cols-4>.box:nth-child(4n+2){background:linear-gradient(145deg,#2a2443,#141c2e);}
.cols-3>.box:nth-child(3n+3),.cols-4>.box:nth-child(4n+3){background:linear-gradient(145deg,#352e25,#171d2b);}
.numbers{gap:12px;border:0;background:none;}
.num,.profile-stat-card,.hub-dash-stats>div,.pp-stats>div{border:1px solid var(--border);border-radius:18px;background:#141d30;padding:22px;}
.num b,.hub-dash-stats b,.pp-stats b{font-family:var(--font-ui);letter-spacing:-.04em;font-size:32px;}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-radius:12px;border:1px solid var(--border);background:#090f1e;}
input[type=checkbox],input[type=radio]{accent-color:var(--cyan);}
.alert,.deja-paye,details,.lock-mini,.budget-line{border-radius:14px;}
.alert{border-width:1px;background:#f7d57809;}
.cir-type-card{border-radius:20px;padding:22px;background:linear-gradient(140deg,#1c2840,#121b2d);}
.cir-type-card.is-selected{background:linear-gradient(140deg,#1b3b36,#122632);border-color:var(--cyan);box-shadow:0 0 0 1px #60f5d055,0 10px 30px #60f5d00a;}
.cir-card-name{font-size:16px;font-weight:700;}.cir-card-price{color:var(--cyan-text);}
.journey-strip{gap:12px;margin-top:24px;}.journey-card{padding:17px;}.journey-step{background:#60f5d015;border:0;}
.at-switch-row{border:0;background:none;padding:0 0 20px;}
.at-switch[role=tablist]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#0b1020;border:1px solid var(--border);padding:8px;border-radius:24px;width:100%;}
.at-switch[role=tablist] button{border:0;border-radius:17px;text-align:left;padding:18px 22px;min-width:0;background:transparent;white-space:normal;}
.at-switch[role=tablist] button[aria-selected=true]{background:linear-gradient(115deg,#263c45,#242a48);color:var(--cyan-text);box-shadow:0 5px 20px #0003;}
.at-switch small{line-height:1.5;}.tr-reel,.tr-catalogue img,.tr-mine-grid img{border-radius:14px;}
.hero{padding-top:60px;}.hero-grid{grid-template-columns:1fr 1.05fr;gap:64px;}
.hero h1{font-size:clamp(38px,5.3vw,72px);}.hero h1::first-line{color:#d7c9ff;}
.hero-secondary{background:linear-gradient(145deg,#25213e,#142936);padding:20px;border-radius:36px;border:1px solid #c0b5ff22;box-shadow:0 30px 100px #0004;}
.hero-art{border:0;border-radius:22px;gap:8px;background:transparent;}
.hero-art .cell{border-radius:18px;border:1px solid #ffffff09;background:#0a122055;}
.hero-game-tab{border-radius:12px;}.hero-game-tabs{gap:8px;border:0;}.hero-game-panel{border:0;background:none;padding:16px 2px 0;}
.frise{border-radius:16px;overflow:hidden;border:1px solid var(--border);}.frise-caption{font-family:var(--font-ui);font-size:11px;}
.pp-banner{border-radius:30px;background:linear-gradient(130deg,#25213e,#122933);}.pp-banner::before{border-radius:23px;}.pp-art{border-radius:22px;overflow:hidden;}.pp-frise{height:5px;}.pp-circle{border-radius:17px;overflow:hidden;background:#161f33;}.pp-name{letter-spacing:-.04em;}
.pp-section-head{border-color:var(--border);}.site-footer{background:#070b15;border-color:var(--border);padding-top:40px;}.footer-grid{gap:30px;}.site-footer .disclaimer{font-size:11px;opacity:.8;}
.admin-section,.admin-record,.admin-trames-tier,.admin-trames-card,.admin-sidebar button{border-radius:18px;}.admin-sidebar button[aria-current=page]{background:#20352f;border-color:#60f5d040;}.admin-section-intro h2{font-weight:800;letter-spacing:-.04em;}
.cir-welcome{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center;padding:42px;border:1px solid #baa1ff30;border-radius:32px;background:radial-gradient(ellipse at 100% 0,#744ec038,transparent 65%),linear-gradient(120deg,#202038,#101f2a);}
.cir-welcome h1{margin:14px 0 20px;max-width:12ch;}.cir-welcome p{color:var(--text-muted);max-width:47ch;}.cir-welcome-art{position:relative;aspect-ratio:1;display:grid;place-items:center;isolation:isolate;}.cir-welcome-art::before,.cir-welcome-art::after{content:'';position:absolute;inset:8%;border:1px solid #b497ff45;border-radius:50%;z-index:-1;box-shadow:0 0 60px #856bff17;}.cir-welcome-art::after{inset:0;transform:rotate(-28deg) scaleY(.65);border-color:#60f5d055;}.cir-welcome-art img{width:85%;image-rendering:pixelated;}.cir-welcome-art span{position:absolute;bottom:9%;font:10px var(--font-pixel);color:var(--cyan-text);}
.cir-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}.cir-door{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #83f7dd26;border-radius:24px;background:linear-gradient(145deg,#193c36,#14242b);transition:transform .2s,border-color .2s;}.cir-door:nth-child(2){background:linear-gradient(145deg,#33264b,#202139);border-color:#cbb5ff30;}.cir-door:nth-child(3){background:linear-gradient(145deg,#3b3222,#25242c);border-color:#ffe09a30;}.cir-door:hover{transform:translateY(-5px);border-color:var(--cyan-text);}.cir-door-index{font:10px var(--font-pixel);color:var(--cyan-text);}.cir-door h3{font-size:24px;}.cir-door p{font-size:14px;color:var(--text-muted);}.cir-door-link{margin-top:auto;padding-top:14px;font-size:14px;font-weight:700;}.cir-reference-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px;font-size:13px;color:var(--text-muted);}.cir-reference-links a:hover{color:var(--cyan-text);}
.cir-explainer{border:1px solid var(--border);background:#131b2c;border-radius:22px;padding:20px 24px;}.cir-explainer>summary{cursor:pointer;font-size:17px;font-weight:700;color:var(--text);}.cir-explainer[open]>summary{margin-bottom:22px;}.cir-explainer .box{box-shadow:none;}.cir-explainer p{font-size:14px;}.how-step{border-radius:22px;padding:24px;background:#141d30;border:1px solid var(--border);}.how-step-num{border-radius:50%;}
@media(min-width:1000px){#cir-actions{padding-top:8px;}body:has(.cir-welcome) .page-hero{padding-bottom:22px;}}
@media(max-width:900px){.hero-grid{gap:32px;grid-template-columns:1fr 1fr;}.cir-welcome{padding:28px;gap:20px;}.cir-welcome h1{font-size:48px;}.cir-doors{gap:12px;}.cir-door{padding:22px;}.nav-links{background:#0d1424;}.nav-row{min-height:72px;}}
@media(max-width:650px){.container{padding-inline:20px;}section{padding-block:28px;}.page-hero{padding-top:28px;}.hero{padding-top:32px;}.hero-grid,.cir-welcome,.cir-doors{grid-template-columns:1fr;}.hero-grid{gap:30px;}.hero h1{font-size:44px;}.hero-secondary{padding:13px;border-radius:26px;}.cir-welcome{padding:26px;}.cir-welcome h1{font-size:43px;}.cir-welcome-art{display:none;}.cir-door{gap:8px;}.cir-door h3{font-size:22px;}.cir-door-link{padding-top:5px;}.at-switch{gap:5px;padding:6px;border-radius:19px;}.at-switch button{padding:13px 8px;font-size:12px;border-radius:13px;min-width:0;}.at-switch small{font-size:10px;}.at-switch button span{overflow-wrap:anywhere;}.box,.wallet-panel{padding:20px;}.pp-banner{border-radius:24px;}.btn{padding:12px 17px;}.journey-card{padding:15px;}.cir-reference-links{gap:15px;}.num{padding:17px;}}
@media(prefers-reduced-motion:reduce){.cir-door,.btn{transition:none;}.cir-door:hover,.btn-primary:hover{transform:none;}}
@media(max-width:650px){.at-switch[role=tablist]{gap:5px;padding:6px;border-radius:19px;}.at-switch[role=tablist] button{padding:13px 8px;font-size:12px;border-radius:13px;}.journey-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}.journey-card{padding:12px 9px;display:block;border-radius:14px;font-size:12px;}.journey-card small,.journey-step{display:none;}}
.cir-welcome-art{width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:50%;}
.cir-welcome-art:hover img{transform:scale(1.04);}.cir-welcome-art img{transition:transform .2s ease;max-height:85%;object-fit:contain;}.cir-welcome-art:focus-visible{outline:2px solid var(--cyan-text);outline-offset:6px;}
@media(max-width:650px){.cir-welcome-art{display:grid;width:min(100%,260px);justify-self:center;}}

/* The collection's RGB palette, with crisp pixel accents on readable surfaces. */
:root{--cyan:#26ffd1;--magenta:#ff4fda;--magenta-text:#ff9de9;--jaune:#faff54;}
body::before{background:radial-gradient(ellipse at 0 8%,#782aff38,transparent 42%),radial-gradient(ellipse at 100% 32%,#00edc32b,transparent 40%),radial-gradient(ellipse at 25% 80%,#ff268422,transparent 40%);}
.site-header{border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#ff4081,#bd45ff,#22eaff,#42ff9e,#faff54) 1;}
.hero h1,.cir-welcome h1{text-shadow:3px 0 #ff40c535,-3px 0 #20eaff35;}
.hero-secondary,.cir-welcome{border:2px solid transparent;background:linear-gradient(145deg,#25213e,#102c35) padding-box,linear-gradient(125deg,#ff55cf,#875aff,#27e9ff,#65ff9d,#faff65) border-box;}
.eyebrow::before{border-radius:0;background:var(--cyan);border:0;width:7px;height:7px;box-shadow:10px 0 #ff4fd8,20px 0 #faff54;margin-right:20px;}
.cir-door:nth-child(1){border-color:#2affe775;box-shadow:inset 0 3px #2affe7;}.cir-door:nth-child(2){border-color:#ff50cf75;box-shadow:inset 0 3px #ff50cf;}.cir-door:nth-child(3){border-color:#faff5475;box-shadow:inset 0 3px #faff54;}
.cir-door h3,.hero-game-tab{font-family:var(--font-pixel);font-size:13px;line-height:1.7;}
.num:nth-child(3n+1) b{color:#36ffe4;}.num:nth-child(3n+2) b{color:#ff79df;}.num:nth-child(3n) b{color:#faff70;}
.btn-primary{box-shadow:4px 4px 0 #2d8581;}.btn-primary:hover{box-shadow:4px 4px 0 #ff4fd8;}
.hero-art .hero-cell{position:relative;opacity:1;}
.hero-art .hero-cell.is-active{border:3px solid #faff54;background:#5e6726;box-shadow:inset 0 0 0 4px #faff54,0 0 22px #faff5499;z-index:1;}
.hero-art .hero-cell.is-correct{border:3px solid #32ffac;background:#145c46;box-shadow:inset 0 0 0 3px #32ffac;}
.hero-art .hero-cell.is-wrong{border:3px solid #ff547a;background:#681d38;box-shadow:inset 0 0 0 3px #ff547a;}
.hero-art .hero-cell.is-active::after,.hero-art .hero-cell.is-correct::after,.hero-art .hero-cell.is-wrong::after{position:absolute;right:5px;bottom:5px;z-index:2;padding:6px;background:#faff54;color:#0b1020;font:9px var(--font-pixel);content:'WATCH';pointer-events:none;}
.hero-art .hero-cell.is-correct::after{content:'OK';background:#32ffac;}.hero-art .hero-cell.is-wrong::after{content:'MISS';background:#ff547a;}
.hero-art .hero-cell:not(:disabled):focus-visible{outline:3px solid #fff;outline-offset:2px;}

/* Give the controls their own padded surface, including room for focus rings. */
.vc-radio{max-width:calc(100vw - 24px);align-items:center;}
.vc-radio-sphere{flex:none;}
.vc-radio-side{box-sizing:border-box;width:172px;flex-shrink:0;padding:0;border-radius:16px;}
.vc-radio:hover .vc-radio-side,.vc-radio:focus-within .vc-radio-side,.vc-radio-on .vc-radio-side{max-width:172px;padding:12px;overflow:visible;box-shadow:0 8px 30px #0007;}
.vc-radio-ctrls{gap:6px;}.vc-radio-btn{width:44px;height:38px;border-radius:7px;flex:none;}
.vc-radio-title{box-sizing:border-box;max-width:100%;width:100%;border:0;background:transparent;padding:6px 0;}
.vc-radio-vol-row{padding:5px 6px;}.vc-radio-vol{width:100%;min-width:0;}
@media(prefers-reduced-motion:reduce){.vc-radio-icon{animation:none;}}