/* XORA DS v7: theme tokens (every theme drives buttons, cards, lines, headings), icons, accordions, compact components. Hide-only. */
html.xc,html.xc[data-xt="nexus"]{--ds-ac1:#2F6FE4;--ds-ac2:#173F96;--ds-mid:59,130,240;--ds-hi:130,180,255;--ds-glow:rgba(59,140,255,.42);--ds-on:#FFFFFF;--ds-link:#8FB8FF;--ds-soft:#DCE8FF;
 --ds-card:rgba(17,22,36,.86);--ds-card-2:rgba(24,31,50,.9);--ds-head:linear-gradient(180deg,#FFFFFF 0%,#E3ECFF 60%,#B7C9EE 100%);--gold:#8FB8FF;--gold-l:#DCE8FF;--accent:#8FB8FF}
html.xc[data-xt="vault"]{--ds-ac1:#E8C36A;--ds-ac2:#A9802C;--ds-mid:200,160,70;--ds-hi:232,200,120;--ds-glow:rgba(212,175,85,.35);--ds-on:#120D02;--ds-link:#E8C875;--ds-soft:#F6E7C2;
 --ds-card:rgba(26,22,14,.88);--ds-card-2:rgba(36,30,18,.9);--ds-head:linear-gradient(180deg,#FFF6DE 0%,#F1D592 60%,#C99A3E 100%);--gold:#E8C875;--gold-l:#F6E7C2}
html.xc[data-xt="chrome"]{--ds-ac1:#F1F3F6;--ds-ac2:#A9AFBA;--ds-mid:170,178,190;--ds-hi:215,220,228;--ds-glow:rgba(205,210,218,.28);--ds-on:#0A0B0D;--ds-link:#DDE2EA;--ds-soft:#F3F5F8;
 --ds-card:rgba(20,21,24,.9);--ds-card-2:rgba(30,31,35,.92);--ds-head:linear-gradient(180deg,#FFFFFF 0%,#E4E7EC 55%,#A7AEB9 100%);--gold:#DDE2EA;--gold-l:#F3F5F8}
html.xc[data-xt="patina"]{--ds-ac1:#E0925C;--ds-ac2:#9C5530;--ds-mid:196,120,74;--ds-hi:120,200,178;--ds-glow:rgba(196,120,74,.35);--ds-on:#140904;--ds-link:#86D3BE;--ds-soft:#F3DCCB;
 --ds-card:rgba(24,19,16,.88);--ds-card-2:rgba(32,26,22,.9);--ds-head:linear-gradient(180deg,#FFF1E6 0%,#EDBE96 60%,#7FC9B5 100%);--gold:#86D3BE;--gold-l:#F3DCCB}
html.xc[data-xt="volt"]{--ds-ac1:#19C8FF;--ds-ac2:#1561E0;--ds-mid:20,170,255;--ds-hi:90,220,255;--ds-glow:rgba(0,210,255,.42);--ds-on:#00121C;--ds-link:#6FE3FF;--ds-soft:#D6F7FF;
 --ds-card:rgba(10,20,30,.88);--ds-card-2:rgba(16,30,44,.9);--ds-head:linear-gradient(180deg,#FFFFFF 0%,#BFF1FF 60%,#4FC8F0 100%);--gold:#6FE3FF;--gold-l:#D6F7FF}
/* Heading line icons (emoji are wrapped + hidden at runtime by ds-v7.js; text in source untouched) */
html.xc .ds-emo{display:none!important}
html.xc .screen h1 .ds-hic{display:inline-block!important;width:24px;height:24px;margin-right:10px;vertical-align:-3px;color:var(--ds-link);-webkit-text-fill-color:initial;filter:drop-shadow(0 0 8px var(--ds-glow))}
html.xc .screen :is(h2,h3) .ds-hic{display:inline-block!important;width:18px;height:18px;margin-right:8px;vertical-align:-3px;color:var(--ds-link)}
/* Accordions (Rewards, All features, SI extras, Design studio extras) */
html.xc .ds-acc{display:flex!important;align-items:center;justify-content:space-between;min-height:52px;margin:0!important;padding:0 16px!important;cursor:pointer;
 background:var(--ds-card);border:1px solid var(--ds-line);border-radius:14px;user-select:none}
html.xc .ds-acc::after{content:"";width:9px;height:9px;border-right:2px solid var(--ds-link);border-bottom:2px solid var(--ds-link);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ds-ease)}
html.xc .ds-acc[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
html.xc .ds-acc + *{margin-top:10px!important}
html.xc .ds-acc[aria-expanded="false"] + *{display:none!important}
html.xc .ds-acc-wrap{margin-bottom:10px}
html.xc .card-base.ds-card-acc > :not(.ds-acc-head){display:none!important}
html.xc .card-base.ds-card-acc.ds-open > :not(.ds-acc-head){display:revert!important}
html.xc .card-base.ds-card-acc .ds-acc-head{cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;margin:0!important;min-height:28px}
html.xc .card-base.ds-card-acc .ds-acc-head::after{content:"";width:9px;height:9px;flex:none;border-right:2px solid var(--ds-link);border-bottom:2px solid var(--ds-link);transform:rotate(45deg) translateY(-3px);transition:transform .25s var(--ds-ease)}
html.xc .card-base.ds-card-acc.ds-open .ds-acc-head::after{transform:rotate(-135deg)}
/* Compact grids */
html.xc #modules-grid-c5d6,html.xc #engines-grid-e7f8,html.xc #ranks-achievements,html.xc #ranks-ladder{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html.xc #ranks-xp-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
html.xc #ranks-cosmetics{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8,#ranks-achievements,#ranks-ladder,#ranks-cosmetics) > *{padding:12px!important;min-height:0!important;font-size:13px}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8,#ranks-ladder) > * :is(p,.text-xs):not(:first-of-type){display:none!important}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8,#ranks-ladder) > * :is(h3,h4,.font-semibold){font-size:14px!important}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > * :is(.progress-bar-bg){height:4px!important;margin-top:8px!important}
/* Market fee card: compact */
html.xc #seller-fee-progress{padding:14px 16px!important;border-radius:16px!important;font-size:13px}
html.xc #seller-fee-progress > div:first-child{font:600 11px/1 "XC Text",sans-serif!important;letter-spacing:.12em!important;color:var(--ds-muted)!important;margin-bottom:8px!important}
html.xc #seller-fee-progress :is(div,p){font-size:13px!important;line-height:1.45!important}
html.xc #seller-fee-progress [style*="font-weight:700"]{font-size:17px!important;color:var(--ds-text)!important}
html.xc #seller-fee-progress [style*="height"][style*="border-radius"]{height:6px!important;border-radius:99px!important}
html.xc #seller-fee-progress details,html.xc #seller-fee-progress summary{font-size:13px!important}
/* XORA SI: compact room bar + chat first */
html.xc #screen-nova .xc-roombar{padding:8px 12px!important;min-height:0!important;border-radius:14px!important}
html.xc #screen-nova .xc-roombar :is(p,small,span:not(.xc-live)){display:none!important}
html.xc #screen-nova .xc-roombar button{min-height:36px!important;font-size:13px!important;padding:0 14px!important}
html.xc #screen-nova #nova-persona-hint{display:none!important}
html.xc #screen-nova [data-id="324"]{height:calc(100dvh - 300px)!important;min-height:360px!important;padding:0!important}
/* Design studio: one brief card first; extras collapsed */
html.xc #screen-novacreate > p{font-size:15px!important}
html.xc #screen-novacreate #nc-brief-out.hidden ~ :is(input,textarea){}
/* Compact feature tiles: icon + name + status; description, "Open" and % hidden (tile itself opens) */
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > .card-base > .flex:first-child{flex-direction:column;align-items:flex-start!important;gap:8px!important;margin-bottom:8px!important}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > .card-base > .flex:first-child > span:last-child,
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > .card-base p,
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > .card-base > :not(.flex):not(.progress-bar-bg) .text-right,
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > .card-base > p:last-child{display:none!important}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > .card-base .xi{width:22px;height:22px;color:var(--ds-link)}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) h4{font-size:15px!important;margin-bottom:6px}
html.xc .screen .progress-bar-fill{background:linear-gradient(90deg,var(--ds-ac2),var(--ds-ac1))!important;box-shadow:none!important}
html.xc .screen span.rounded-full.font-bold{font-size:10px!important;letter-spacing:.06em}
html.xc :is(#modules-grid-c5d6,#engines-grid-e7f8) > .card-base[onclick*="modulesData"]:has(h4:is(:-webkit-any(*))){}
/* v8: essentials first, extras behind "More options" (hidden, not deleted) */
html.xc .ds-hide{display:none!important}
html.xc .ds-more{display:none!important}
html.xc .ds-more-open .ds-more{display:revert!important}
html.xc .ds-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin:12px 0;border-radius:12px;background:transparent;border:1px dashed rgba(var(--ds-hi),.35);color:var(--ds-link);font:600 14px/1 "XC Text",sans-serif;cursor:pointer;grid-column:1/-1}
html.xc .ds-more-btn::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ds-ease)}
html.xc .ds-more-btn[aria-expanded="true"]::after{transform:rotate(-135deg)}
/* v10: console title never sits under the sticky top header (mobile) */
html.xc .screen,html.xc .screen :is(h1,h2,h3,section,[id^="fpanel"]){scroll-margin-top:calc(72px + env(safe-area-inset-top))}
@media (max-width:1023px){html.xc #screen-founder{padding-top:12px!important}html.xc #screen-founder h1{margin-top:8px!important}
 html.xc body.xc-in-room #far-room{padding-top:calc(8px + env(safe-area-inset-top))}}
html.xc #broadcast-banner:has(#broadcast-text:empty){display:none!important}
