/* ==========================================
   COMPETITIVE PLAYER PROFILE THEME
   Applies to every workspace while Competitive Player is the primary mode.
========================================== */

body[data-collector-mode="competitive"]{
    --bg:#070d19;
    --sidebar:#0b1425;
    --panel:#111c30;
    --panel-light:#192943;
    --primary:#2f80ff;
    --primary-hover:#61a2ff;
    --success:#2dd4bf;
    --warning:#ffc857;
    --danger:#ff4d6d;
    --text:#f5f8ff;
    --text-light:#9eacc4;
    --border:#293d60;
    --workspace-accent:#2f80ff;
    --workspace-accent-rgb:47,128,255;
    --adaptive-accent:#2f80ff;
    color-scheme:dark;
    background:#070d19;
}

body[data-collector-mode="competitive"] .app,
body[data-collector-mode="competitive"] .main-content,
body[data-collector-mode="competitive"] .content-scroll,
body[data-collector-mode="competitive"] #workspaceOutlet{
    background:
        radial-gradient(circle at 88% 4%,rgba(0,207,232,.065),transparent 24%),
        linear-gradient(145deg,rgba(47,128,255,.025),transparent 46%),
        #070d19;
}

body[data-collector-mode="competitive"] .sidebar,
body[data-collector-mode="competitive"] .workspace-shell-sidebar,
body[data-collector-mode="competitive"] .workspace-context,
body[data-collector-mode="competitive"] .workspace-rail{
    background:linear-gradient(180deg,#142846,#0b1425 70%,#070d19);
    border-color:#293d60;
    box-shadow:8px 0 24px rgba(2,7,18,.28),inset -1px 0 rgba(97,162,255,.14);
}

body[data-collector-mode="competitive"] .topbar.atlas-header{
    background:linear-gradient(90deg,rgba(11,20,37,.98),rgba(13,29,53,.98));
    border-color:#293d60;
    box-shadow:0 8px 22px rgba(2,7,18,.3),inset 0 -1px rgba(97,162,255,.14);
}

body[data-collector-mode="competitive"] .dashboard-card,
body[data-collector-mode="competitive"] .workspace-settings-panel,
body[data-collector-mode="competitive"] .workspace-settings-hero,
body[data-collector-mode="competitive"] dialog,
body[data-collector-mode="competitive"] .atlas-notification-panel{
    border-color:#293d60;
    background:linear-gradient(145deg,rgba(25,41,67,.99),rgba(13,25,46,.99));
    box-shadow:0 7px 0 rgba(2,7,18,.4),0 18px 38px rgba(1,6,16,.3),inset 0 1px rgba(255,255,255,.065);
}

body:not(.atlas-light-theme)[data-collector-mode="competitive"] :is(
    .collection-card,
    .competitive-panel,
    .competitive-stat-grid article,
    .competitive-meta-card,
    .ca-card-tile,
    .ca-set-card,
    .ca-panel,
    .ci-panel,
    .ci-analyst-card,
    .tw-panel,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a
){
    border-color:rgba(47,128,255,.34);
    box-shadow:0 5px 0 rgba(2,7,18,.36),0 13px 24px rgba(1,6,16,.25),inset 0 1px rgba(255,255,255,.055);
}

body:not(.atlas-light-theme)[data-collector-mode="competitive"] :is(
    .collection-card,
    .competitive-meta-card,
    .competitive-quick-actions > div > button,
    .ca-card-tile,
    .ca-set-card,
    .ci-analyst-card,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a,
    button
){
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

body:not(.atlas-light-theme)[data-collector-mode="competitive"] :is(
    .collection-card:hover,
    .competitive-meta-card:hover,
    .competitive-quick-actions > div > button:hover,
    .ca-card-tile:hover,
    .ca-set-card:hover,
    .ci-analyst-card:hover,
    .tw-match-card:hover,
    .cw-profile-card:hover,
    .workspace-settings-action-card:hover
){
    border-color:#61a2ff;
    box-shadow:0 8px 0 rgba(2,7,18,.42),0 20px 34px rgba(1,6,16,.38),0 0 0 1px rgba(0,207,232,.18);
    transform:translateY(-4px);
}

body[data-collector-mode="competitive"] .workspace-rail button.active,
body[data-collector-mode="competitive"] .workspace-nav-section button.active,
body[data-collector-mode="competitive"] .sidebar-nav a.active{
    border-color:rgba(47,128,255,.58);
    background:linear-gradient(90deg,rgba(47,128,255,.23),rgba(0,207,232,.08));
    color:#f7fbff;
    box-shadow:0 5px 0 rgba(2,7,18,.36),0 12px 24px rgba(1,6,16,.3),0 0 0 1px rgba(0,207,232,.16);
}

body[data-collector-mode="competitive"] .workspace-rail button.active > i,
body[data-collector-mode="competitive"] .workspace-nav-section button.active > i,
body[data-collector-mode="competitive"] .panel-eyebrow,
body[data-collector-mode="competitive"] .atlas-header-title > span{
    color:#58a4ff;
}

body[data-collector-mode="competitive"] input:focus,
body[data-collector-mode="competitive"] select:focus,
body[data-collector-mode="competitive"] textarea:focus,
body[data-collector-mode="competitive"] button:focus-visible{
    border-color:#2f80ff;
    outline-color:rgba(0,207,232,.7);
}

body[data-collector-mode="competitive"] .collector-type-trigger,
body[data-collector-mode="competitive"] .collector-type-menu,
body[data-collector-mode="competitive"] .atlas-header input,
body[data-collector-mode="competitive"] .atlas-header select{
    border-color:#30486d;
    background:#14213a;
    box-shadow:0 4px 0 rgba(2,7,18,.3),0 9px 18px rgba(1,6,16,.22),inset 0 1px rgba(255,255,255,.045);
}

body[data-collector-mode="competitive"] .collector-type-menu button:hover,
body[data-collector-mode="competitive"] .collector-type-menu button:focus-visible,
body[data-collector-mode="competitive"] .collector-type-menu button[aria-selected="true"]{
    background:rgba(47,128,255,.18);
    color:#79b7ff;
}

body[data-collector-mode="competitive"] .progress-fill,
body[data-collector-mode="competitive"] .collection-card-fill,
body[data-collector-mode="competitive"] .next-goal-fill{
    background:linear-gradient(90deg,#2f80ff,#00cfe8);
}

body[data-collector-mode="competitive"] ::selection{
    background:rgba(47,128,255,.35);
    color:#fff;
}

body[data-collector-mode="competitive"] ::-webkit-scrollbar-thumb{
    background:rgba(47,128,255,.38);
}

body.atlas-light-theme[data-collector-mode="competitive"]{
    --bg:#f3f7fd;
    --sidebar:#e8eff9;
    --panel:#ffffff;
    --panel-light:#edf3fb;
    --primary:#1769d2;
    --primary-hover:#1057b4;
    --success:#078a7b;
    --warning:#a86c00;
    --danger:#cf3152;
    --text:#14233a;
    --text-light:#60718a;
    --border:#c8d7eb;
    --workspace-accent:#1769d2;
    --workspace-accent-rgb:23,105,210;
    --adaptive-accent:#1769d2;
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="competitive"] .app,
body.atlas-light-theme[data-collector-mode="competitive"] .main-content,
body.atlas-light-theme[data-collector-mode="competitive"] .content-scroll,
body.atlas-light-theme[data-collector-mode="competitive"] #workspaceOutlet{
    background:radial-gradient(circle at 88% 4%,rgba(23,105,210,.08),transparent 25%),#f3f7fd;
}

body.atlas-light-theme[data-collector-mode="competitive"] .sidebar,
body.atlas-light-theme[data-collector-mode="competitive"] .workspace-shell-sidebar,
body.atlas-light-theme[data-collector-mode="competitive"] .workspace-context,
body.atlas-light-theme[data-collector-mode="competitive"] .workspace-rail,
body.atlas-light-theme[data-collector-mode="competitive"] .topbar.atlas-header{
    background:#e8eff9;
    border-color:#c8d7eb;
}

/* ==========================================
   INVESTOR PROFILE THEME
   Applies to every workspace while Investor is the primary collector mode.
========================================== */

body[data-collector-mode="investor"]{
    --bg:#07110f;
    --sidebar:#0b1715;
    --panel:#10201e;
    --panel-light:#172b28;
    --primary:#22c99a;
    --primary-hover:#55ddb8;
    --success:#35d99a;
    --warning:#e8b84b;
    --danger:#ff6b78;
    --text:#f2faf7;
    --text-light:#9db9b1;
    --border:#25413c;
    --workspace-accent:#22c99a;
    --workspace-accent-rgb:34,201,154;
    --adaptive-accent:#22c99a;
    color-scheme:dark;
    background:#07110f;
}

body[data-collector-mode="investor"] .app,
body[data-collector-mode="investor"] .main-content,
body[data-collector-mode="investor"] .content-scroll,
body[data-collector-mode="investor"] #workspaceOutlet{
    background:
        radial-gradient(circle at 88% 4%,rgba(34,201,154,.055),transparent 25%),
        #07110f;
}

body[data-collector-mode="investor"] .sidebar,
body[data-collector-mode="investor"] .workspace-shell-sidebar,
body[data-collector-mode="investor"] .workspace-context,
body[data-collector-mode="investor"] .workspace-rail{
    background:linear-gradient(180deg,#10231f,#0b1715 70%,#07110f);
    border-color:#25413c;
    box-shadow:8px 0 24px rgba(1,10,8,.26),inset -1px 0 rgba(85,221,184,.12);
}

body[data-collector-mode="investor"] .topbar.atlas-header{
    background:linear-gradient(90deg,rgba(11,23,21,.98),rgba(13,29,26,.98));
    border-color:#25413c;
    box-shadow:0 8px 22px rgba(1,10,8,.3),inset 0 -1px rgba(85,221,184,.12);
}

body[data-collector-mode="investor"] .dashboard-card,
body[data-collector-mode="investor"] .workspace-settings-panel,
body[data-collector-mode="investor"] .workspace-settings-hero,
body[data-collector-mode="investor"] dialog,
body[data-collector-mode="investor"] .atlas-notification-panel{
    border-color:#25413c;
    background:linear-gradient(145deg,rgba(19,43,39,.99),rgba(12,29,26,.99));
    box-shadow:0 7px 0 rgba(1,10,8,.38),0 18px 38px rgba(1,9,7,.3),inset 0 1px rgba(255,255,255,.06);
}

body:not(.atlas-light-theme)[data-collector-mode="investor"] :is(
    .collection-card,
    .investor-panel,
    .investor-kpi-grid article,
    .ca-card-tile,
    .ca-set-card,
    .ca-panel,
    .ci-panel,
    .ci-analyst-card,
    .tw-panel,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a
){
    border-color:rgba(34,201,154,.3);
    box-shadow:0 5px 0 rgba(1,10,8,.34),0 13px 24px rgba(1,9,7,.24),inset 0 1px rgba(255,255,255,.055);
}

body:not(.atlas-light-theme)[data-collector-mode="investor"] :is(
    .collection-card,
    .ca-card-tile,
    .ca-set-card,
    .ci-analyst-card,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a,
    button
){
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

body:not(.atlas-light-theme)[data-collector-mode="investor"] :is(
    .collection-card:hover,
    .ca-card-tile:hover,
    .ca-set-card:hover,
    .ci-analyst-card:hover,
    .tw-match-card:hover,
    .cw-profile-card:hover,
    .workspace-settings-action-card:hover
){
    border-color:#55ddb8;
    box-shadow:0 8px 0 rgba(1,10,8,.4),0 20px 34px rgba(1,9,7,.36),0 0 0 1px rgba(34,201,154,.2);
    transform:translateY(-4px);
}

body[data-collector-mode="investor"] .workspace-rail button.active,
body[data-collector-mode="investor"] .workspace-nav-section button.active,
body[data-collector-mode="investor"] .sidebar-nav a.active{
    border-color:rgba(34,201,154,.5);
    background:linear-gradient(90deg,rgba(34,201,154,.20),rgba(34,201,154,.08));
    color:#f4fffb;
    box-shadow:0 5px 0 rgba(1,10,8,.34),0 12px 24px rgba(1,9,7,.28),0 0 0 1px rgba(34,201,154,.18);
}

body[data-collector-mode="investor"] .workspace-rail button.active > i,
body[data-collector-mode="investor"] .workspace-nav-section button.active > i,
body[data-collector-mode="investor"] .panel-eyebrow,
body[data-collector-mode="investor"] .atlas-header-title > span{
    color:#43d6ad;
}

body[data-collector-mode="investor"] input:focus,
body[data-collector-mode="investor"] select:focus,
body[data-collector-mode="investor"] textarea:focus,
body[data-collector-mode="investor"] button:focus-visible{
    border-color:#22c99a;
    outline-color:rgba(34,201,154,.72);
}

body[data-collector-mode="investor"] .collector-type-trigger,
body[data-collector-mode="investor"] .collector-type-menu,
body[data-collector-mode="investor"] .atlas-header input,
body[data-collector-mode="investor"] .atlas-header select{
    border-color:#2a4842;
    background:#142522;
    box-shadow:0 4px 0 rgba(1,10,8,.28),0 9px 18px rgba(1,9,7,.2),inset 0 1px rgba(255,255,255,.04);
}

body[data-collector-mode="investor"] .collector-type-menu button:hover,
body[data-collector-mode="investor"] .collector-type-menu button:focus-visible,
body[data-collector-mode="investor"] .collector-type-menu button[aria-selected="true"]{
    background:rgba(34,201,154,.15);
    color:#70e5c3;
}

body[data-collector-mode="investor"] .progress-fill,
body[data-collector-mode="investor"] .collection-card-fill,
body[data-collector-mode="investor"] .next-goal-fill{
    background:linear-gradient(90deg,#148966,#35d99a);
}

body[data-collector-mode="investor"] ::selection{
    background:rgba(34,201,154,.3);
    color:#fff;
}

body[data-collector-mode="investor"] ::-webkit-scrollbar-thumb{
    background:rgba(34,201,154,.34);
}

/* Keep the Investor identity recognizable for users who prefer Light mode. */
body.atlas-light-theme[data-collector-mode="investor"]{
    --bg:#f3f8f6;
    --sidebar:#e8f2ee;
    --panel:#ffffff;
    --panel-light:#edf5f2;
    --primary:#087f60;
    --primary-hover:#05684f;
    --success:#0c9a70;
    --warning:#a66d00;
    --text:#13251f;
    --text-light:#60766f;
    --border:#c9ddd6;
    --workspace-accent:#087f60;
    --workspace-accent-rgb:8,127,96;
    --adaptive-accent:#087f60;
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="investor"] .app,
body.atlas-light-theme[data-collector-mode="investor"] .main-content,
body.atlas-light-theme[data-collector-mode="investor"] .content-scroll,
body.atlas-light-theme[data-collector-mode="investor"] #workspaceOutlet{
    background:radial-gradient(circle at 88% 4%,rgba(8,127,96,.07),transparent 26%),#f3f8f6;
}

body.atlas-light-theme[data-collector-mode="investor"] .sidebar,
body.atlas-light-theme[data-collector-mode="investor"] .workspace-shell-sidebar,
body.atlas-light-theme[data-collector-mode="investor"] .workspace-context,
body.atlas-light-theme[data-collector-mode="investor"] .workspace-rail,
body.atlas-light-theme[data-collector-mode="investor"] .topbar.atlas-header{
    background:#e8f2ee;
    border-color:#c9ddd6;
}

/* ==========================================
   COMPLETIONIST, MASTER SET, VINTAGE, AND
   CHARACTER COLLECTOR PROFILE THEMES
========================================== */

body[data-collector-mode="completionist"]{
    --completionist-brand:#a0acc2;
    --profile-bg:#111827;
    --profile-sidebar:#1a2537;
    --profile-panel:#243249;
    --profile-panel-light:#314159;
    --profile-accent:#a0acc2;
    --profile-accent-rgb:160,172,194;
    --profile-secondary:#e3eaf5;
    --profile-text:#fbfcff;
    --profile-text-light:#c5cede;
    --profile-border:#66758e;
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] :is(.app,.main-content,.content-scroll,#workspaceOutlet){
    background:
        radial-gradient(circle at 88% 4%,rgba(160,172,194,.24),transparent 29%),
        radial-gradient(circle at 8% 88%,rgba(227,234,245,.12),transparent 25%),
        linear-gradient(145deg,#111827,#26344b 54%,#151e2d);
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] :is(.dashboard-card,.workspace-settings-panel,.workspace-settings-hero,dialog,.atlas-notification-panel){
    border-color:rgba(160,172,194,.48);
    background:linear-gradient(145deg,rgba(45,60,85,.98),rgba(29,41,62,.98));
    box-shadow:0 7px 0 rgba(5,11,22,.36),0 18px 38px rgba(4,10,20,.3),inset 0 1px rgba(255,255,255,.1);
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] :is(.sidebar,.workspace-shell-sidebar,.workspace-context,.workspace-rail){
    background:linear-gradient(180deg,#26344b,#1a2537 70%,#111827);
    box-shadow:8px 0 24px rgba(4,10,20,.24),inset -1px 0 rgba(227,234,245,.16);
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] .topbar.atlas-header{
    background:linear-gradient(100deg,#2b3a52,#3d4d68 56%,#202c40);
    box-shadow:0 8px 22px rgba(4,10,20,.28),inset 0 -1px rgba(227,234,245,.18);
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] :is(
    .collection-card,
    .completionist-card,
    .completionist-panel,
    .completionist-owned-library,
    .completionist-kpis article,
    .ca-card-tile,
    .ca-set-card,
    .ca-panel,
    .ci-panel,
    .ci-analyst-card,
    .tw-panel,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a
){
    border-color:rgba(160,172,194,.35);
    box-shadow:0 5px 0 rgba(5,11,22,.3),0 13px 24px rgba(4,10,20,.22),inset 0 1px rgba(255,255,255,.08);
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] :is(
    .collection-card,
    .completionist-card,
    .ca-card-tile,
    .ca-set-card,
    .ci-analyst-card,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a,
    button
){
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] :is(
    .collection-card:hover,
    .completionist-card:hover,
    .ca-card-tile:hover,
    .ca-set-card:hover,
    .ci-analyst-card:hover,
    .tw-match-card:hover,
    .cw-profile-card:hover,
    .workspace-settings-action-card:hover
){
    transform:translateY(-4px);
    border-color:#d5deec;
    box-shadow:0 8px 0 rgba(5,11,22,.34),0 20px 34px rgba(4,10,20,.34),0 0 0 1px rgba(160,172,194,.25);
}

body:not(.atlas-light-theme)[data-collector-mode="completionist"] :is(
    .workspace-rail button.active,
    .workspace-nav-section button.active,
    .sidebar-nav a.active,
    .collector-type-trigger
){
    border-color:#d5deec;
    box-shadow:0 5px 0 rgba(5,11,22,.3),0 12px 24px rgba(4,10,20,.28),0 0 0 1px rgba(160,172,194,.22);
}

body[data-collector-mode="master-set"]{
    --profile-bg:#0d0917;
    --profile-sidebar:#151021;
    --profile-panel:#1d162f;
    --profile-panel-light:#291f42;
    --profile-accent:#9b7cff;
    --profile-accent-rgb:155,124,255;
    --profile-secondary:#f1c75b;
    --profile-text:#faf7ff;
    --profile-text-light:#b9acd0;
    --profile-border:#443661;
}

body[data-collector-mode="vintage"]{
    --profile-bg:#17110c;
    --profile-sidebar:#21180f;
    --profile-panel:#2a2017;
    --profile-panel-light:#3a2c1f;
    --profile-accent:#c88950;
    --profile-accent-rgb:200,137,80;
    --profile-secondary:#dfbd7a;
    --profile-text:#fff8eb;
    --profile-text-light:#c9b69c;
    --profile-border:#5b4430;
}

body[data-collector-mode="casual"]{
    --casual-brand:#c9c9c9;
    --profile-bg:#141516;
    --profile-sidebar:#1b1d20;
    --profile-panel:#24272b;
    --profile-panel-light:#30343a;
    --profile-accent:#c9c9c9;
    --profile-accent-rgb:201,201,201;
    --profile-secondary:#f0f0f0;
    --profile-text:#ffffff;
    --profile-text-light:#b8bdc5;
    --profile-border:#5a6069;
    --bg:var(--profile-bg);
    --sidebar:var(--profile-sidebar);
    --panel:var(--profile-panel);
    --panel-light:var(--profile-panel-light);
    --primary:var(--profile-accent);
    --primary-hover:#eeeeee;
    --text:var(--profile-text);
    --text-light:var(--profile-text-light);
    --border:var(--profile-border);
    --workspace-accent:var(--profile-accent);
    --workspace-accent-rgb:var(--profile-accent-rgb);
    --adaptive-accent:var(--profile-accent);
    color-scheme:dark;
    background:var(--profile-bg);
}

body:not(.atlas-light-theme)[data-collector-mode="casual"] :is(.app,.main-content,.content-scroll,#workspaceOutlet){
    background:
        radial-gradient(circle at 88% 5%,rgba(201,201,201,.18),transparent 28%),
        radial-gradient(circle at 8% 88%,rgba(255,255,255,.08),transparent 25%),
        linear-gradient(145deg,#141516,#292d32 54%,#181a1d);
}

body:not(.atlas-light-theme)[data-collector-mode="casual"] :is(.sidebar,.workspace-shell-sidebar,.workspace-context,.workspace-rail){
    border-color:var(--profile-border);
    background:linear-gradient(180deg,#30343a,#1b1d20 70%,#141516);
    box-shadow:8px 0 24px rgba(0,0,0,.28),inset -1px 0 rgba(255,255,255,.13);
}

body:not(.atlas-light-theme)[data-collector-mode="casual"] .topbar.atlas-header{
    border-color:var(--profile-border);
    background:linear-gradient(100deg,#30343a,#3c4148 56%,#23262a);
    box-shadow:0 8px 22px rgba(0,0,0,.3),inset 0 -1px rgba(255,255,255,.14);
}

body:not(.atlas-light-theme)[data-collector-mode="casual"] :is(.dashboard-card,.workspace-settings-panel,.workspace-settings-hero,dialog,.atlas-notification-panel){
    border-color:rgba(201,201,201,.42);
    background:linear-gradient(145deg,rgba(52,56,62,.99),rgba(34,37,41,.99));
    box-shadow:0 7px 0 rgba(0,0,0,.4),0 18px 38px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.08);
}

body:not(.atlas-light-theme)[data-collector-mode="casual"] :is(
    .collection-card,
    .casual-panel,
    .casual-wide-panel,
    .casual-treasure,
    .casual-achievements article,
    .ca-card-tile,
    .ca-set-card,
    .ca-panel,
    .ci-panel,
    .ci-analyst-card,
    .tw-panel,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a
){
    border-color:rgba(201,201,201,.32);
    box-shadow:0 5px 0 rgba(0,0,0,.34),0 13px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.07);
}

body:not(.atlas-light-theme)[data-collector-mode="casual"] :is(
    .collection-card,
    .casual-image-shelf > button > span,
    .casual-wishlist-images button,
    .casual-achievements article,
    .ca-card-tile,
    .ca-set-card,
    .ci-analyst-card,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a,
    button
){
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

body:not(.atlas-light-theme)[data-collector-mode="casual"] :is(
    .collection-card:hover,
    .casual-image-shelf > button:hover > span,
    .casual-wishlist-images button:hover,
    .casual-achievements article:hover,
    .ca-card-tile:hover,
    .ca-set-card:hover,
    .ci-analyst-card:hover,
    .tw-match-card:hover,
    .cw-profile-card:hover,
    .workspace-settings-action-card:hover
){
    border-color:#eeeeee;
    box-shadow:0 8px 0 rgba(0,0,0,.4),0 20px 34px rgba(0,0,0,.36),0 0 0 1px rgba(201,201,201,.2);
    transform:translateY(-4px);
}

body[data-collector-mode="casual"] :is(.workspace-rail button.active,.workspace-nav-section button.active,.sidebar-nav a.active){
    border-color:rgba(201,201,201,.68);
    background:linear-gradient(90deg,rgba(201,201,201,.22),rgba(201,201,201,.08));
    color:#fff;
    box-shadow:0 5px 0 rgba(0,0,0,.34),0 12px 24px rgba(0,0,0,.28),0 0 0 1px rgba(201,201,201,.18);
}

body[data-collector-mode="casual"] :is(.workspace-rail button.active > i,.workspace-nav-section button.active > i,.panel-eyebrow,.atlas-header-title > span){ color:var(--profile-accent); }
body[data-collector-mode="casual"] :is(input,select,textarea,button):focus-visible{ border-color:var(--profile-accent);outline-color:rgba(201,201,201,.7); }
body[data-collector-mode="casual"] :is(.collector-type-trigger,.collector-type-menu,.atlas-header input,.atlas-header select){ border-color:var(--profile-border);background:var(--profile-panel-light);box-shadow:0 4px 0 rgba(0,0,0,.28),0 9px 18px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05); }
body[data-collector-mode="casual"] :is(.collector-type-menu button:hover,.collector-type-menu button:focus-visible,.collector-type-menu button[aria-selected="true"]){ background:rgba(201,201,201,.17);color:#fff; }
body[data-collector-mode="casual"] :is(.progress-fill,.collection-card-fill,.next-goal-fill){ background:linear-gradient(90deg,#8c929a,#f0f0f0); }
body[data-collector-mode="casual"] ::selection{ background:rgba(201,201,201,.34);color:#111; }
body[data-collector-mode="casual"] ::-webkit-scrollbar-thumb{ background:rgba(201,201,201,.38); }

body[data-collector-mode="character-collector"]{
    --character-brand:#5b9ee0;
    --profile-bg:#0d1e30;
    --profile-sidebar:#153757;
    --profile-panel:#214f7b;
    --profile-panel-light:#2d6396;
    --profile-accent:#5b9ee0;
    --profile-accent-rgb:91,158,224;
    --profile-secondary:#a9dcff;
    --profile-text:#f7fbff;
    --profile-text-light:#c9def1;
    --profile-border:#70afe5;
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] :is(.app,.main-content,.content-scroll,#workspaceOutlet){
    background:
        radial-gradient(circle at 88% 8%,rgba(169,220,255,.22),transparent 27%),
        radial-gradient(circle at 8% 74%,rgba(91,158,224,.24),transparent 29%),
        radial-gradient(circle at 54% 110%,rgba(255,224,102,.11),transparent 27%),
        linear-gradient(145deg,#0d1e30,#2d6396 52%,#173b5d);
    background-size:115% 115%;
    animation:characterProfileDrift 18s ease-in-out infinite alternate;
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] :is(.sidebar,.workspace-shell-sidebar,.workspace-context,.workspace-rail){
    background:linear-gradient(180deg,#315f8b,#1f4d76 70%,#112c46);
    box-shadow:8px 0 24px rgba(0,10,38,.24),inset -1px 0 rgba(91,158,224,.28);
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] .topbar.atlas-header{
    background:linear-gradient(100deg,#315f8b,#477faf 56%,#1f4d76);
    box-shadow:0 8px 22px rgba(0,13,52,.28),inset 0 -1px rgba(91,158,224,.3);
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] :is(.dashboard-card,.workspace-settings-panel,.workspace-settings-hero,dialog,.atlas-notification-panel){
    border-color:rgba(91,158,224,.5);
    background:linear-gradient(145deg,rgba(38,87,130,.98),rgba(20,56,88,.98));
    box-shadow:0 7px 0 rgba(0,16,57,.32),0 18px 38px rgba(0,10,42,.3),inset 0 1px rgba(255,255,255,.09);
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] :is(
    .collection-card,
    .character-gallery-card,
    .character-panel,
    .character-gallery-panel,
    .character-kpis article,
    .ca-card-tile,
    .ca-set-card,
    .ca-panel,
    .ci-panel,
    .ci-analyst-card,
    .tw-panel,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a
){
    border-color:rgba(91,158,224,.38);
    box-shadow:0 5px 0 rgba(0,15,54,.27),0 13px 24px rgba(0,10,42,.2),inset 0 1px rgba(255,255,255,.07);
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] :is(
    .collection-card,
    .character-gallery-card,
    .ca-card-tile,
    .ca-set-card,
    .ci-analyst-card,
    .tw-match-card,
    .cw-profile-card,
    .workspace-settings-action-card,
    .workspace-nav-section button,
    .sidebar-nav a,
    button
){
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] :is(
    .collection-card:hover,
    .character-gallery-card:hover,
    .ca-card-tile:hover,
    .ca-set-card:hover,
    .ci-analyst-card:hover,
    .tw-match-card:hover,
    .cw-profile-card:hover,
    .workspace-settings-action-card:hover
){
    transform:translateY(-4px);
    border-color:#5b9ee0;
    box-shadow:0 8px 0 rgba(0,15,54,.3),0 20px 34px rgba(0,13,52,.32),0 0 0 1px rgba(91,158,224,.28);
}

body:not(.atlas-light-theme)[data-collector-mode="character-collector"] :is(
    .workspace-rail button.active,
    .workspace-nav-section button.active,
    .sidebar-nav a.active,
    .collector-type-trigger
){
    border-color:#5b9ee0;
    box-shadow:0 5px 0 rgba(0,14,50,.28),0 12px 24px rgba(0,18,66,.28),0 0 0 1px rgba(91,158,224,.24);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
){
    --bg:var(--profile-bg);
    --sidebar:var(--profile-sidebar);
    --panel:var(--profile-panel);
    --panel-light:var(--profile-panel-light);
    --primary:var(--profile-accent);
    --primary-hover:color-mix(in srgb,var(--profile-accent) 76%,white);
    --text:var(--profile-text);
    --text-light:var(--profile-text-light);
    --border:var(--profile-border);
    --workspace-accent:var(--profile-accent);
    --workspace-accent-rgb:var(--profile-accent-rgb);
    --adaptive-accent:var(--profile-accent);
    color-scheme:dark;
    background:var(--profile-bg);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.app,.main-content,.content-scroll,#workspaceOutlet){
    background:
        radial-gradient(circle at 88% 4%,rgba(var(--profile-accent-rgb),.065),transparent 25%),
        var(--profile-bg);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.sidebar,.workspace-shell-sidebar,.workspace-context,.workspace-rail){
    background:var(--profile-sidebar);
    border-color:var(--profile-border);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) .topbar.atlas-header{
    background:linear-gradient(90deg,var(--profile-sidebar),color-mix(in srgb,var(--profile-panel) 88%,var(--profile-bg)));
    border-color:var(--profile-border);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.dashboard-card,.workspace-settings-panel,.workspace-settings-hero,dialog,.atlas-notification-panel){
    border-color:var(--profile-border);
    background-color:var(--profile-panel);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.workspace-rail button.active,.workspace-nav-section button.active,.sidebar-nav a.active){
    border-color:rgba(var(--profile-accent-rgb),.56);
    background:linear-gradient(90deg,rgba(var(--profile-accent-rgb),.22),rgba(var(--profile-accent-rgb),.07));
    color:var(--profile-text);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.workspace-rail button.active > i,.workspace-nav-section button.active > i,.panel-eyebrow,.atlas-header-title > span){
    color:var(--profile-accent);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(input,select,textarea,button):focus-visible{
    border-color:var(--profile-accent);
    outline-color:rgba(var(--profile-accent-rgb),.7);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.collector-type-trigger,.collector-type-menu,.atlas-header input,.atlas-header select){
    border-color:var(--profile-border);
    background:var(--profile-panel-light);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.collector-type-menu button:hover,.collector-type-menu button:focus-visible,.collector-type-menu button[aria-selected="true"]){
    background:rgba(var(--profile-accent-rgb),.17);
    color:color-mix(in srgb,var(--profile-accent) 74%,white);
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.progress-fill,.collection-card-fill,.next-goal-fill){
    background:linear-gradient(90deg,var(--profile-accent),var(--profile-secondary));
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) ::selection{
    background:rgba(var(--profile-accent-rgb),.34);
    color:#fff;
}

body:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) ::-webkit-scrollbar-thumb{
    background:rgba(var(--profile-accent-rgb),.38);
}

body.atlas-light-theme[data-collector-mode="completionist"]{
    --completionist-brand:#a0acc2;
    --profile-bg:#f1f4f8;
    --profile-sidebar:#dde3ec;
    --profile-panel:#ffffff;
    --profile-panel-light:#e8edf4;
    --profile-accent:#596980;
    --profile-accent-rgb:89,105,128;
    --profile-secondary:#8997ab;
    --profile-text:#182233;
    --profile-text-light:#5d697b;
    --profile-border:#a0acc2;
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="master-set"]{
    --profile-bg:#f7f4fc;
    --profile-sidebar:#eee8f8;
    --profile-panel:#ffffff;
    --profile-panel-light:#f1ecf9;
    --profile-accent:#6e4dcc;
    --profile-accent-rgb:110,77,204;
    --profile-secondary:#9b710a;
    --profile-text:#271d39;
    --profile-text-light:#746987;
    --profile-border:#d9cfea;
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="vintage"]{
    --profile-bg:#faf6ef;
    --profile-sidebar:#f0e6d7;
    --profile-panel:#fffdf9;
    --profile-panel-light:#f5ecdf;
    --profile-accent:#935a2b;
    --profile-accent-rgb:147,90,43;
    --profile-secondary:#a37a2c;
    --profile-text:#38271a;
    --profile-text-light:#806c5a;
    --profile-border:#dfcdb7;
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="casual"]{
    --casual-brand:#c9c9c9;
    --profile-bg:#f2f2f2;
    --profile-sidebar:#e2e2e2;
    --profile-panel:#ffffff;
    --profile-panel-light:#ebebeb;
    --profile-accent:#696969;
    --profile-accent-rgb:105,105,105;
    --profile-secondary:#a2a2a2;
    --profile-text:#202225;
    --profile-text-light:#666b72;
    --profile-border:#c9c9c9;
    --bg:var(--profile-bg);
    --sidebar:var(--profile-sidebar);
    --panel:var(--profile-panel);
    --panel-light:var(--profile-panel-light);
    --primary:var(--profile-accent);
    --text:var(--profile-text);
    --text-light:var(--profile-text-light);
    --border:var(--profile-border);
    --workspace-accent:var(--profile-accent);
    --workspace-accent-rgb:var(--profile-accent-rgb);
    --adaptive-accent:var(--profile-accent);
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="character-collector"]{
    --character-brand:#5b9ee0;
    --profile-bg:#edf5ff;
    --profile-sidebar:#dceaff;
    --profile-panel:#ffffff;
    --profile-panel-light:#e6f0ff;
    --profile-accent:#5b9ee0;
    --profile-accent-rgb:91,158,224;
    --profile-secondary:#276a9f;
    --profile-text:#061d4d;
    --profile-text-light:#49698f;
    --profile-border:#8cb4eb;
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="character-collector"] :is(.app,.main-content,.content-scroll,#workspaceOutlet){
    background:
        radial-gradient(circle at 90% 4%,rgba(91,158,224,.18),transparent 27%),
        radial-gradient(circle at 7% 82%,rgba(57,160,255,.14),transparent 26%),
        linear-gradient(145deg,#f7fbff,#eaf3ff 52%,#dceaff);
}

@keyframes characterProfileDrift{
    from{ background-position:0 0; }
    to{ background-position:100% 60%; }
}

@media (prefers-reduced-motion:reduce){
    body[data-collector-mode="character-collector"] :is(.app,.main-content,.content-scroll,#workspaceOutlet){ animation:none !important; }
}

body.atlas-light-theme:is(
    [data-collector-mode="completionist"],
    [data-collector-mode="master-set"],
    [data-collector-mode="vintage"],
    [data-collector-mode="character-collector"]
) :is(.sidebar,.workspace-shell-sidebar,.workspace-context,.workspace-rail,.topbar.atlas-header){
    background:var(--profile-sidebar);
    border-color:var(--profile-border);
}

/* Casual Collector intentionally shares the warm Vintage Collector palette. */
body[data-collector-mode="casual"]{
    --bg:var(--profile-bg);
    --sidebar:var(--profile-sidebar);
    --panel:var(--profile-panel);
    --panel-light:var(--profile-panel-light);
    --primary:var(--profile-accent);
    --primary-hover:color-mix(in srgb,var(--profile-accent) 76%,white);
    --text:var(--profile-text);
    --text-light:var(--profile-text-light);
    --border:var(--profile-border);
    --adaptive-accent:var(--profile-accent);
    color-scheme:dark;
    background:var(--profile-bg);
}

body[data-collector-mode="casual"] :is(.app,.main-content,.content-scroll,#workspaceOutlet){
    background:radial-gradient(circle at 88% 4%,rgba(var(--profile-accent-rgb),.065),transparent 25%),var(--profile-bg);
}

body[data-collector-mode="casual"] :is(.sidebar,.workspace-shell-sidebar,.workspace-context,.workspace-rail){
    border-color:var(--profile-border);
    background:var(--profile-sidebar);
}

body[data-collector-mode="casual"] .topbar.atlas-header{
    border-color:var(--profile-border);
    background:linear-gradient(90deg,var(--profile-sidebar),color-mix(in srgb,var(--profile-panel) 88%,var(--profile-bg)));
}

body[data-collector-mode="casual"] :is(.dashboard-card,.workspace-settings-panel,.workspace-settings-hero,dialog,.atlas-notification-panel){
    border-color:var(--profile-border);
    background-color:var(--profile-panel);
}

body[data-collector-mode="casual"] :is(.workspace-rail button.active,.workspace-nav-section button.active,.sidebar-nav a.active){
    border-color:rgba(var(--profile-accent-rgb),.56);
    color:var(--profile-text);
    background:linear-gradient(90deg,rgba(var(--profile-accent-rgb),.22),rgba(var(--profile-accent-rgb),.07));
}

body[data-collector-mode="casual"] :is(.workspace-rail button.active > i,.workspace-nav-section button.active > i,.panel-eyebrow,.atlas-header-title > span){
    color:var(--profile-accent);
}

body[data-collector-mode="casual"] :is(input,select,textarea,button):focus-visible{
    border-color:var(--profile-accent);
    outline-color:rgba(var(--profile-accent-rgb),.7);
}

body[data-collector-mode="casual"] :is(.collector-type-trigger,.collector-type-menu,.atlas-header input,.atlas-header select){
    border-color:var(--profile-border);
    background:var(--profile-panel-light);
}

body[data-collector-mode="casual"] :is(.collector-type-menu button:hover,.collector-type-menu button:focus-visible,.collector-type-menu button[aria-selected="true"]){
    color:color-mix(in srgb,var(--profile-accent) 74%,white);
    background:rgba(var(--profile-accent-rgb),.17);
}

body[data-collector-mode="casual"] :is(.progress-fill,.collection-card-fill,.next-goal-fill){
    background:linear-gradient(90deg,var(--profile-accent),var(--profile-secondary));
}

body[data-collector-mode="casual"] ::selection{
    color:#fff;
    background:rgba(var(--profile-accent-rgb),.34);
}

body[data-collector-mode="casual"] ::-webkit-scrollbar-thumb{
    background:rgba(var(--profile-accent-rgb),.38);
}

body.atlas-light-theme[data-collector-mode="casual"]{
    color-scheme:light;
}

body.atlas-light-theme[data-collector-mode="casual"] :is(.sidebar,.workspace-shell-sidebar,.workspace-context,.workspace-rail,.topbar.atlas-header){
    border-color:var(--profile-border);
    background:var(--profile-sidebar);
}