/* Obsidian: charcoal planes, warm type, cut carmine accents. Artwork and
   semantic combat/status colours retain their own identity. No extra motion. */
:root[data-theme="obsidian"] {
 color-scheme:dark;
 --theme-canvas:#08090a;--theme-surface:#151618;--theme-elevated:#202123;
 --theme-soft:#202123;--theme-hover:#303033;--theme-field:#0c0d0f;
 --theme-button:#81263c;--theme-ink:#f2ede8;--theme-muted:#bdb8b6;
 --theme-line:#454548;--theme-accent:#ef9aaa;--theme-gold:#dac5a3;
 /* Shared optical layers: quiet graphite bodies, polished focal surfaces.
    No blur/filter overlays: artwork, text and existing motion stay crisp. */
 --obsidian-reflection:linear-gradient(165deg,#fff6e611,transparent 32%);
 --obsidian-glass:linear-gradient(180deg,#292a2c 0%,#191a1c 42%,#101113 100%);
 --obsidian-edge:inset 0 1px 0 #fff2e21c,inset 0 -1px 0 #0008;
 --obsidian-shadow:0 12px 30px #0004;
 --obsidian-carmine:linear-gradient(180deg,#96344c,#722036);
 --theme-danger:#ffb49a;--theme-success:#91d9b5;
 --theme-decoration:#dc7a8e12;--theme-glow:#c5446020;--theme-warm-glow:#e9cda014;
 --control-top:#29282a;--control-bottom:#141416;--control-edge:#64515b;
 --control-ink:#e5d9dc;--control-symbol:#e7a6b2;--control-light:#ffffff10;
 --control-shadow:#00000050;--control-accent:#ef9aaa;
 --clan-base:#151317;--clan-strength:60%;--clan-end-strength:43%;
 --ink:var(--theme-ink);--muted:var(--theme-muted);--teal:var(--theme-accent);
 --orange:var(--theme-gold);--line:var(--theme-line);--paper:var(--theme-canvas);
}
.theme-glyph[data-theme-icon="obsidian"] .theme-glyph-obsidian {opacity:1;transform:scale(1) rotate(0)}
:root[data-theme="obsidian"] :is(.landing-next,.account-page,.character-page,.game-shell) {
 background:radial-gradient(ellipse at 95% 0,#6e25351a,transparent 48%),var(--theme-canvas);
}
:root[data-theme="obsidian"] .game-frame {
 --overview-panel:#141517;--overview-elevated:#212224;--overview-line:#48484b;
 --overview-shadow:0 18px 46px #0005;--overview-glow:#bc3f5715;
 --sky-top:#252027;--sky-bottom:#65504b;--sky-light:#ddbb94;
 --sky-land:#766068;--sky-near:#352c34;--sky-cloud:#d6c8c9;--sky-star:#e9dfe2;
}
:root[data-theme="obsidian"] .game-frame:has(.sky-1) {--sky-top:#292a30;--sky-bottom:#646365;--sky-light:#e5d1a8;--sky-land:#777176;--sky-near:#3a373e}
:root[data-theme="obsidian"] .game-frame:has(.sky-2) {--sky-top:#302028;--sky-bottom:#824651;--sky-light:#e5af92;--sky-land:#8f626b;--sky-near:#49303b}
:root[data-theme="obsidian"] .game-frame:has(.sky-3) {--sky-top:#111218;--sky-bottom:#332730;--sky-light:#c9c1d0;--sky-land:#51424f;--sky-near:#231f28}
:root[data-theme="obsidian"] .game-frame:has(.game-atmosphere) {background:linear-gradient(180deg,#121315,#08090a 580px)}
:root[data-theme="obsidian"] .game-frame .ki-atmosphere {--ki-light:color-mix(in srgb,#c95770 70%,var(--sky-light))}
:root[data-theme="obsidian"] .game-sidebar {background:#111214}
:root[data-theme="obsidian"] :is(.page-hero,.clan-directory-hero,.clan-profile-hero) {
 background:var(--obsidian-reflection),radial-gradient(ellipse at 100% 100%,#932d4524,transparent 55%),var(--obsidian-glass);
 border-color:#595052;box-shadow:var(--obsidian-edge),var(--obsidian-shadow);
}
:root[data-theme="obsidian"] .game-main .page-hero {border-color:#63505a}
:root[data-theme="obsidian"] .profile-details {background:var(--obsidian-reflection),linear-gradient(180deg,#232426,#141517 75%)}
:root[data-theme="obsidian"] .character-profile {box-shadow:0 16px 40px #0003}
:root[data-theme="obsidian"] .overview-page .profile-portrait:after {box-shadow:inset -14px 0 35px #17131d24}
:root[data-theme="obsidian"] .item-showcase {
 background:radial-gradient(ellipse 75% 37% at 27% -8%,var(--obsidian-card-light),transparent 100%),
  radial-gradient(ellipse 60% 54% at 50% 100%,#b94c6320,transparent 100%),
  linear-gradient(180deg,#1e1f21,#101113 46%,#101113);
 box-shadow:inset 0 -1px #0008;
}
:root[data-theme="obsidian"] .commerce-page .commerce-card {
 --obsidian-card-light:rgba(246,239,227,.19);
 --obsidian-card-rim:rgba(246,239,227,.48);
 position:relative;
 background:linear-gradient(180deg,#1b1c1e,var(--theme-surface) 65%);
 box-shadow:inset 0 -1px #0008,var(--obsidian-shadow);
}
:root[data-theme="obsidian"] .commerce-page .commerce-card:is(:hover,:focus-within) {
 border-color:#756367;box-shadow:inset 0 -1px #0008,0 16px 36px #0006;
}
/* Approved comparison: concentrated upper reflection, softer on technique lists.
   Rim is decorative and cannot intercept card controls or cover the artwork. */
:root[data-theme="obsidian"] .technique-library .library-card {
 --obsidian-card-light:rgba(246,239,227,.08);
 --obsidian-card-rim:rgba(246,239,227,.30);
 position:relative;
 background:radial-gradient(ellipse 82% 48px at 27% -9px,var(--obsidian-card-light),transparent 100%),var(--theme-surface);
 box-shadow:0 10px 30px #0003;
}
:root[data-theme="obsidian"] :is(.commerce-page .commerce-card,.technique-library .library-card)::after {
 content:"";position:absolute;top:0;left:14px;right:14px;height:1px;
 background:linear-gradient(90deg,transparent,var(--obsidian-card-rim) 23%,#f6efe31a 58%,transparent 88%);
 pointer-events:none;
}
@media(forced-colors:active){
 :root[data-theme="obsidian"] :is(.commerce-page .commerce-card,.technique-library .library-card)::after{display:none}
}
:root[data-theme="obsidian"] .item-halo {box-shadow:0 0 0 12px #e7d6cf0a,inset 0 1px #fff2e212;border-color:#a58e8548}
:root[data-theme="obsidian"] .item-showcase:after {background:#0007}
:root[data-theme="obsidian"] .game-frame .overview-home .identity-card .profile-details {
 background:var(--obsidian-reflection),linear-gradient(180deg,var(--overview-elevated),var(--overview-panel) 70%);
}
:root[data-theme="obsidian"] :is(.settings-card,.stat-card,.directory-panel) {box-shadow:inset 0 1px #fff2e20c,var(--obsidian-shadow)}
:root[data-theme="obsidian"] .section-navigation nav a.active {
 background:var(--obsidian-reflection),linear-gradient(180deg,#642638,#3c1824);border-color:#ae6577;
 color:#fff0ef;box-shadow:var(--obsidian-edge),0 4px 12px #0003;
}
:root[data-theme="obsidian"] .direct-navigation>a.active,
:root[data-theme="obsidian"] .sidebar-content.mobile-open .direct-navigation>a.active {
 background:linear-gradient(105deg,#45232e,#29232b);box-shadow:inset 3px 0 #d86b82; color:#f7e6e8;
}
:root[data-theme="obsidian"] :is(.training-primary,.button) {background:var(--obsidian-reflection),var(--obsidian-carmine);color:#fff5f2;border-color:#ba5d72;box-shadow:var(--obsidian-edge),0 4px 12px #0002}
:root[data-theme="obsidian"] :is(.training-primary,.button):hover:enabled {background:linear-gradient(120deg,#b13d58,#8e2a42)}
:root[data-theme="obsidian"] :is(a,button,input,select,textarea):focus-visible {outline-color:#f0c6d0}
:root[data-theme="obsidian"] .point-selected .point-label {background:#493e24;color:#ffe3a1}
:root[data-theme="obsidian"] .landing-next .sky-header {background:radial-gradient(ellipse at 78% 70%,#79304050,transparent 55%),linear-gradient(135deg,#131217,#29232b);mask-image:linear-gradient(#000 65%,transparent)}
:root[data-theme="obsidian"] .landing-next h1 em {color:#e5adb8}
:root[data-theme="obsidian"] .landing-next .button {color:#fff5f2;background:linear-gradient(120deg,#ab3853,#782237);border-color:#bb7080;box-shadow:inset 0 1px #ffd2dc33,0 8px 25px #6b1f3433}
:root[data-theme="obsidian"] .landing-next .button:hover {background:#a33952;box-shadow:0 8px 25px #6b1f3444}
:root[data-theme="obsidian"] .landing-next .world-card {background:linear-gradient(120deg,#231e25f2,#18181ef5);border-color:#79616b;box-shadow:0 16px 40px #0005}
:root[data-theme="obsidian"] .quitte-lobby {--q-surface:#252127;--q-ink:#f2ede8;--q-muted:#c5b9bb;--q-edge:#70616a;--q-gold:#e0c083}
:root[data-theme="obsidian"] .quitte-guest {background:linear-gradient(140deg,#51414865,#29232a);border-color:#70616a}
:root[data-theme="obsidian"] .quitte-guest.first {border-color:#c6a85a}
:root[data-theme="obsidian"] .section-navigation nav a.quitte-tab:not(.active) {background:linear-gradient(115deg,#453c2e,#28252a);color:#f6dda5;border-color:#8e7b50}
@media(forced-colors:active){:root[data-theme="obsidian"] :is(.training-primary,.button,.section-navigation nav a.active){background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}}
:root[data-theme="obsidian"] .section-navigation nav a.active .section-tab-icon {color:#f3c5cb}
:root[data-theme="obsidian"] .editor-shortcut {background:#342831;border-color:#745160;color:#f0dce1;box-shadow:inset 0 1px #ffffff0a}
:root[data-theme="obsidian"] .editor-shortcut svg {color:#e4a2b1}
:root[data-theme="obsidian"] .editor-shortcut:hover {background:#49303c;border-color:#ad6c80}
:root[data-theme="obsidian"] .activity-page .training-balances article:first-child {background:linear-gradient(120deg,#39252e,#532a3a);border-color:#734656;color:#f2ede8}
:root[data-theme="obsidian"] .activity-page .training-balances article:first-child span {color:#dcc5cd}
:root[data-theme="obsidian"] input[type=range],:root[data-theme="obsidian"] input[type=checkbox],:root[data-theme="obsidian"] input[type=radio] {accent-color:#cf7288}
:root[data-theme="obsidian"] .round-design-grid article[data-design=obsidian] {border-color:#b4667a}
@media(max-width:550px){
 :root[data-theme="obsidian"] .game-frame .game-topbar>.quitte-herald {background:linear-gradient(110deg,#302923,#242026);color:#e8dbbd;border-color:#97805a}
 :root[data-theme="obsidian"] .game-frame .game-topbar>.quitte-herald strong {color:#e8cb8f}
 :root[data-theme="obsidian"] .game-frame .game-topbar>.quitte-herald .quitte-herald-message {color:#d7cabc}
}
:root[data-theme="obsidian"] .arena .tech-detail {background:var(--obsidian-reflection),linear-gradient(180deg,#262426,#19191b);color:var(--theme-ink);box-shadow:var(--obsidian-edge);scrollbar-color:var(--theme-muted) var(--theme-field)}
:root[data-theme="obsidian"] .arena .tech-detail p {color:#d5c6cd}
:root[data-theme="obsidian"] .battle-demo-dialog {background:#101113;border-color:#66525e;box-shadow:0 35px 140px #0009}
:root[data-theme="obsidian"] .battle-demo-dialog::backdrop {background:#09080bd9}
:root[data-theme="obsidian"] .battle-demo-bar {background:var(--obsidian-reflection),var(--obsidian-glass);border-bottom-color:#55484b;box-shadow:var(--obsidian-edge)}
:root[data-theme="obsidian"] .battle-demo-kicker {color:#e1afbd}
:root[data-theme="obsidian"] .battle-demo-heading h2 {color:var(--theme-ink)}
:root[data-theme="obsidian"] .battle-demo-close {color:#d9c9d0}

/* The bean shop retains its gold identity in every design. */
:root[data-theme="obsidian"] .section-navigation nav a.quitte-tab.active {
 background:linear-gradient(115deg,#75551e,#a5813d,#75551e);border-color:#c4a25b;color:#fff9e9;
 box-shadow:inset 0 1px #fff2ca40,0 4px 12px #0003;
}
:root[data-theme="obsidian"] .section-navigation nav a.quitte-tab.active .section-tab-icon {color:inherit}
/* Large reading surfaces stay uniform: stretching a narrow dark tonal range
   across the entire biography produces visible colour bands on 8-bit displays. */
:root[data-theme="obsidian"] .biography-panel {background:var(--theme-surface);box-shadow:var(--obsidian-edge),var(--obsidian-shadow)}
@media(forced-colors:active){
 :root[data-theme="obsidian"] .section-navigation nav a.quitte-tab.active {background:ButtonFace;color:ButtonText;border-color:ButtonText;box-shadow:none}
}