:root {
  --ink-0:#08080A; --ink-1:#0E0E11; --ink-2:#141418; --ink-3:#1B1B20;
  --glass-1:rgba(255,255,255,.04); --glass-2:rgba(255,255,255,.06); --glass-3:rgba(255,255,255,.09);
  --stroke:rgba(255,255,255,.10); --stroke-strong:rgba(255,255,255,.16); --stroke-hover:rgba(255,255,255,.22);
  --light-edge:rgba(255,255,255,.18); --focus:rgba(255,255,255,.70); --focus-glow:rgba(255,255,255,.15);
  --text-primary:#F5F5F7; --text-secondary:#A1A1A6; --text-tertiary:#94949B;
  --accent:#ADC4FF; --accent-rgb:173,196,255; --success:#9ADCC0; --warning:#F1CF99; --danger:#F3ADB8;
  --scrim:rgba(8,8,10,.40); --black-rgb:0,0,0; --white-rgb:255,255,255;
  --radius-tiny:6px; --radius-control:10px; --radius-panel:14px; --radius-card:20px; --radius-sheet:28px; --radius-chip:999px;
  --duration-instant:80ms; --duration-fast:150ms; --duration-base:240ms; --duration-slow:400ms; --duration-sheet:500ms; --duration-cinematic:800ms; --duration-exit:120ms;
  --spring-soft-stiffness:140; --spring-soft-damping:16; --spring-snappy-stiffness:220; --spring-snappy-damping:26; --spring-sheet-stiffness:200; --spring-sheet-damping:28;
  --shadow-sm:0 1px 2px rgba(0,0,0,.45),0 6px 16px rgba(0,0,0,.25);
  --shadow-md:0 2px 4px rgba(0,0,0,.45),0 12px 28px rgba(0,0,0,.35),0 32px 64px rgba(0,0,0,.20);
  --shadow-lg:0 4px 8px rgba(0,0,0,.50),0 20px 48px rgba(0,0,0,.35),0 48px 96px rgba(0,0,0,.25);
  --shadow-xl:0 8px 16px rgba(0,0,0,.50),0 32px 64px rgba(0,0,0,.40),0 72px 120px rgba(0,0,0,.25);
  --z-content:0; --z-sticky:10; --z-panel:20; --z-sheet:30; --z-overlay:40; --z-toast:50; --z-tooltip:60; --z-cursor:70;
  --blur-1:12px; --blur-2:24px; --blur-3:40px; --q-blur:.6; --q-motion:.8; --q-shadow:1;
  --row-height:40px; --control-height:32px; --sheet-max:1200px; --settings-max:1040px; --dialog-max:480px; --popover-max:320px;
  --safe-top:env(safe-area-inset-top,0px); --safe-bottom:env(safe-area-inset-bottom,0px); --safe-left:env(safe-area-inset-left,0px); --safe-right:env(safe-area-inset-right,0px);
  /* Compatibility aliases keep established layout and artwork contracts intact. */
  --bg:var(--ink-0); --bg-elev:var(--ink-1); --surface:var(--ink-1); --surface-2:var(--ink-2);
  --glass:var(--glass-2); --glass-strong:var(--glass-3); --hairline:var(--stroke); --hairline-strong:var(--stroke-strong);
  --text:var(--text-primary); --text-dim:var(--text-secondary); --text-faint:var(--text-tertiary);
  --r-button:var(--radius-control); --r-card:var(--radius-card); --r-sheet:var(--radius-sheet); --r-chip:var(--radius-chip);
  --t-fast:var(--duration-fast); --t-ui:var(--duration-base); --t-sheet:var(--duration-sheet);
  --shadow-1:var(--shadow-sm); --shadow-2:var(--shadow-md); --z-cursor:70;
}
:root[data-rarity-color="mono"] { --accent:var(--text-primary); --accent-rgb:220,220,225; --success:var(--text-primary); --warning:var(--text-primary); --danger:var(--text-primary); }
:root[data-quality="high"] { --q-blur:1; --q-motion:1; }
:root[data-quality="low"] { --q-blur:0; --q-motion:.6; --q-shadow:.5; }
:root[data-quality="very-low"] { --q-blur:0; --q-motion:0; --q-shadow:0; }
:root[data-glass-quality="very-low"],:root[data-glass-quality="low"] { --q-blur:0; }
.reduced-motion { --q-motion:0; }
[data-density="compact"] { --row-height:32px; --control-height:32px; }

/* Retained layout values, centralized during migration; gameplay art remains separate. */
:root {
  --ui-color-1:rgba(255,255,255,.18);
  --ui-color-2:rgba(255,255,255,.05);
  --ui-color-3:rgba(255,255,255,0);
  --ui-radius-1:50%;
  --ui-color-4:rgba(0,0,0,.35);
  --ui-color-5:rgba(255,255,255,.1);
  --ui-duration-1:250ms;
  --ui-radius-2:1px;
  --ui-color-6:rgba(20,20,24,.93);
  --ui-radius-3:20px;
  --ui-radius-4:8px;
  --ui-radius-5:4px;
  --ui-color-7:#000;
  --ui-color-8:rgba(255,255,255,.28);
  --ui-color-9:#27292d;
  --ui-color-10:#0e0e12;
  --ui-color-11:rgba(255,255,255,.09);
  --ui-color-12:rgba(0,0,0,.55);
  --ui-color-13:rgba(255,255,255,.7);
  --ui-color-14:rgba(255,255,255,.14);
  --ui-color-15:#202125f5;
  --ui-color-16:#111215fa;
  --ui-color-17:#191a1ef8;
  --ui-color-18:#191a1e;
  --ui-color-19:#151619;
  --ui-color-20:#ffffff20;
  --ui-color-21:#0005;
  --ui-color-22:#ffffff25;
  --ui-color-23:#0006;
  --ui-duration-2:900ms;
  --ui-radius-6:2px;
  --ui-shadow-1:0 0 0 1px transparent, 0 0 22px transparent;
  --ui-radius-7:50% 50% 0 0 / 3px 3px 0 0;
  --ui-shadow-2:inset 0 0 0 transparent;
  --ui-color-24:#ffffff16;
  --ui-color-25:#ffffff06;
  --ui-color-26:#ffffff0a;
  --ui-color-27:#ffffff14;
  --ui-color-28:#0003;
  --ui-color-29:#ffffff0b;
  --ui-color-30:#303034;
  --ui-color-31:#131316;
  --ui-color-32:#ffffff40;
  --ui-duration-3:400ms;
  --ui-radius-8:9px 3px 9px 3px;
  --ui-color-33:rgba(22,22,25,.82);
  --ui-color-34:rgba(255,255,255,.22);
  --ui-color-35:rgba(255,255,255,.13);
  --ui-color-36:rgba(255,255,255,.6);
  --ui-color-37:rgba(255,255,255,.06);
  --ui-color-38:rgba(255,255,255,.085);
  --ui-color-39:rgba(255,255,255,.04);
  --ui-color-40:rgba(255,255,255,.2);
  --ui-duration-4:140ms;
  --ui-duration-5:100ms;
  --ui-duration-6:160ms;
  --ui-duration-7:18ms;
  --ui-duration-8:0ms;
  --ui-duration-9:150ms;
  --ui-duration-10:220ms;
  --ui-duration-11:9ms;
  --ui-radius-9:14px;
  --ui-radius-10:5px;
  --ui-radius-11:10px;
  --ui-color-41:#242429;
  --ui-color-42:#151518;
  --ui-color-43:#28282e;
  --ui-color-44:#17171b;
  --ui-color-45:#a4a4ab;
  --ui-color-46:#303036;
  --ui-color-47:#67676f;
  --ui-color-48:#484850;
  --ui-color-49:#686870;
  --ui-color-50:#b9b9c0;
  --ui-color-51:#25252b;
  --ui-color-52:#111114;
  --ui-color-53:#66666e;
  --ui-color-54:#aaaab1;
  --ui-color-55:#d1d1d8;
  --ui-color-56:#b1b1b9;
  --ui-color-57:#d4d4dd;
  --ui-color-58:#00000030;
  --ui-color-59:#202027;
  --ui-color-60:#17120b;
  --ui-radius-12:3px 12px 12px 3px;
  --ui-radius-13:999px;
  --ui-radius-14:15px;
  --ui-duration-12:0s;
  --ui-color-61:rgba(0,0,0,.44);
  --ui-duration-13:300ms;
  --ui-color-62:#d8bd79;
  --ui-color-63:#9dd7b0;
  --ui-color-64:#a9bbef;
  --ui-color-65:#e7bba0;
  --ui-color-66:#c9c9cc;
  --ui-color-67:#dedee0;
  --ui-color-68:#fff6;
  --ui-color-69:#17171beF;
  --ui-color-70:#ffffff08;
  --ui-color-71:#ffffff10;
  --ui-color-72:#d8bd7928;
  --ui-color-73:#08080ada;
  --ui-color-74:#17171bf2;
  --ui-color-75:#ffffff28;
  --ui-duration-14:8s;
  --ui-duration-15:800ms;
  --ui-radius-15:12px;
  --ui-radius-16:16px;
  --ui-color-76:rgba(0,0,0,.08);
  --ui-color-77:rgba(0,0,0,.5);
  --ui-color-78:rgba(255,255,255,.5);
  --ui-color-79:rgba(0,0,0,.6);
  --ui-shadow-3:none !important;
  --ui-color-80:#D9D9DD;
  --ui-color-81:rgba(255,255,255,.75);
  --ui-color-82:rgba(255,255,255,.08);
  --ui-color-83:rgba(255,255,255,.25);
  --ui-color-84:rgba(255,255,255,.9);
  --ui-color-85:rgba(255,255,255,.3);
  --ui-color-86:rgba(0,0,0,.26);
  --ui-color-87:#FFFFFF20;
  --ui-color-88:#FFFFFF06;
  --ui-color-89:#FFFFFF15;
  --ui-color-90:#09090B;
  --ui-color-91:#00000048;
  --ui-color-92:#FFFFFF70;
  --ui-color-93:#FFFFFF28;
  --ui-color-94:#FFFFFF40;
  --ui-color-95:#0B0B0E;
  --ui-color-96:#FFFFFFB3;
  --ui-color-97:#08080ccc;
  --ui-color-98:#FFFFFF04;
  --ui-color-99:#FFFFFF0E;
  --ui-color-100:#FFFFFF10;
  --ui-color-101:#FFFFFF32;
  --ui-color-102:#00000035;
  --ui-color-103:#FFFFFF05;
  --ui-color-104:#FFFFFF14;
  --ui-color-105:#00000040;
  --ui-color-106:#FFFFFF0A;
  --ui-color-107:#FFFFFF24;
  --ui-color-108:#00000028;
  --ui-color-109:#FFFFFF0C;
  --ui-color-110:#00000012;
  --ui-color-111:#FFFFFF50;
  --ui-color-112:#FFFFFF0B;
  --ui-color-113:#D6D6DB;
  --ui-color-114:#00000024;
  --ui-color-115:#DEDEE3;
  --ui-color-116:#1F1F24;
  --ui-color-117:#FFFFFF35;
  --ui-color-118:#888892;
  --ui-color-119:#FFFFFF18;
  --ui-color-120:#E6E6EB;
  --ui-color-121:#FFFFFF80;
  --ui-color-122:#FFFFFF90;
  --ui-color-123:#00000025;
  --ui-color-124:#CECED5;
  --ui-color-125:#D1D1D9;
  --ui-color-126:#FFFFFF0F;
  --ui-color-127:#FFFFFF0D;
  --ui-color-128:#797983;
  --ui-color-129:#8F8F99;
  --ui-color-130:#FFFFFF08;
  --ui-color-131:#B8B8C3;
  --ui-color-132:#6E6E78;
  --ui-color-133:#686872;
  --ui-color-134:#A8A8B0;
  --ui-color-135:#C6C6D0;
  --ui-color-136:#EEEEF3;
  --ui-color-137:#E2E2EA;
  --ui-color-138:#92929B;
  --ui-color-139:#82828C;
  --ui-color-140:#202026;
  --ui-color-141:#71717a;
  --ui-color-142:#a1a1aa;
  --ui-color-143:#ffffff0c;
  --ui-color-144:#ffffff03;
  --ui-color-145:#0b0b0e;
  --ui-color-146:#d6d6de;
  --ui-color-147:#dedee5;
  --ui-color-148:#ffffff12;
  --ui-color-149:#c0c0ca;
  --ui-color-150:#c5c5ce;
  --ui-color-151:#16161be6;
  --ui-color-152:#ffffff18;
  --ui-color-153:#111116d9;
  --ui-color-154:#ffffff38;
  --ui-color-155:#ffffff2b;
  --ui-color-156:#d4d4dc99;
  --ui-color-157:#e6e6ef;
  --ui-color-158:#09090be0;
  --ui-color-159:#ccccd880;
  --ui-color-160:#ffffff09;
  --ui-color-161:#d6d6e599;
  --ui-color-162:#d0d0db;
  --ui-color-163:#ba7979;
  --ui-color-164:#84aa8c;
  --ui-color-165:#8398bd;
  --ui-color-166:#ffffff23;
  --ui-color-167:#09090b;
  --ui-color-168:#ffffff3b;
  --ui-color-169:#f0f0f4;
  --ui-color-170:#ffffff30;
  --ui-color-171:#ffffff04;
  --ui-color-172:#ffffff15;
  --ui-color-173:#ffffff70;
  --ui-color-174:#ffffff55;
  --ui-color-175:#ffffff85;
  --ui-color-176:#ffffffa6;
  --ui-color-177:#d8d8e0;
  --ui-color-178:#ffffff24;
  --ui-color-179:#ffffff0d;
  --ui-color-180:#d2d2dc;
  --ui-color-181:#b6b6c0;
  --ui-color-182:#686875;
  --ui-color-183:#26262e;
  --ui-color-184:#16161b;
  --ui-color-185:#0009;
  --ui-color-186:#ffffff1a;
  --ui-color-187:#141418f5;
  --ui-color-188:#000b;
  --ui-color-189:#e4e4ee;
  --ui-color-190:#35353f;
  --ui-color-191:#1b1b22;
  --ui-color-192:#eeeef5;
  --ui-color-193:#17171c;
  --ui-color-194:#c5c5d2;
  --ui-duration-16:18s;
  --ui-radius-17:6px;
  --ui-radius-18:13px;
  --ui-radius-19:7px;
  --ui-radius-20:18px;
  --ui-radius-21:9px;
  --ui-radius-22:3px;
  --ui-radius-23:11px;
  --ui-color-195:#fff9;
  --ui-color-196:#ffffff80;
  --ui-color-197:#08080af5;
  --ui-color-198:#ffffff90;
  --ui-color-199:#0007;
  --ui-color-200:#bdbdbf;
  --ui-duration-17:40ms;
}
:root[data-rarity-color="mono"] {
  --ui-color-57:rgba(213,213,213,1);
  --ui-color-60:rgba(19,19,19,1);
  --ui-color-62:rgba(190,190,190,1);
  --ui-color-63:rgba(200,200,200,1);
  --ui-color-64:rgba(187,187,187,1);
  --ui-color-65:rgba(194,194,194,1);
  --ui-color-72:rgba(190,190,190,0.1568627450980392);
  --ui-color-118:rgba(137,137,137,1);
  --ui-color-128:rgba(122,122,122,1);
  --ui-color-129:rgba(144,144,144,1);
  --ui-color-131:rgba(185,185,185,1);
  --ui-color-132:rgba(111,111,111,1);
  --ui-color-133:rgba(105,105,105,1);
  --ui-color-135:rgba(199,199,199,1);
  --ui-color-138:rgba(147,147,147,1);
  --ui-color-139:rgba(131,131,131,1);
  --ui-color-141:rgba(114,114,114,1);
  --ui-color-142:rgba(162,162,162,1);
  --ui-color-149:rgba(193,193,193,1);
  --ui-color-150:rgba(198,198,198,1);
  --ui-color-157:rgba(231,231,231,1);
  --ui-color-159:rgba(205,205,205,0.5019607843137255);
  --ui-color-161:rgba(215,215,215,0.6);
  --ui-color-162:rgba(209,209,209,1);
  --ui-color-163:rgba(135,135,135,1);
  --ui-color-164:rgba(160,160,160,1);
  --ui-color-165:rgba(150,150,150,1);
  --ui-color-180:rgba(211,211,211,1);
  --ui-color-181:rgba(183,183,183,1);
  --ui-color-182:rgba(105,105,105,1);
  --ui-color-189:rgba(229,229,229,1);
  --ui-color-190:rgba(54,54,54,1);
  --ui-color-194:rgba(198,198,198,1);
}

:root { --duration-loader-sweep:3000ms; }

/* Named glass and scrim stops used by kit components. Values match the earlier literals exactly. */
:root {
  --tone-01:rgba(16,16,20,.9);
  --tone-02:rgba(40,40,48,.82);
  --tone-03:rgba(13,13,16,.96);
  --tone-04:rgba(38,38,46,.92);
  --tone-05:rgba(38,38,46,.94);
  --tone-06:rgba(8,8,10,.72);
  --tone-07:rgba(8,8,10,0);
  --tone-08:rgba(0,0,0,.84);
  --tone-09:rgba(12,12,15,.92);
  --tone-10:rgba(13,13,16,.82);
  --tone-11:rgba(13,13,16,.95);
  --tone-12:rgba(13,13,16,.97);
  --tone-13:rgba(14,14,17,.76);
  --tone-14:rgba(14,14,17,.94);
  --tone-15:rgba(14,14,17,.95);
  --tone-16:rgba(14,14,17,.97);
  --tone-17:rgba(15,15,18,.9);
  --tone-18:rgba(16,16,20,.94);
  --tone-19:rgba(24,24,29,.98);
  --tone-20:rgba(24,24,29,0);
  --tone-21:rgba(241,207,153,.07);
  --tone-22:rgba(241,207,153,.22);
  --tone-23:rgba(32,32,40,.84);
  --tone-24:rgba(34,34,42,.68);
  --tone-25:rgba(34,34,42,.86);
  --tone-26:rgba(36,36,44,.9);
  --tone-27:rgba(36,36,44,.92);
  --tone-28:rgba(38,38,46,.9);
  --tone-29:rgba(40,40,48,.9);
  --tone-30:rgba(9,9,12,.82);
  --tone-31:rgba(9,9,12,.94);
}