:root{font-family:var(--font-sans);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--rgba-255-255-255-0p87);background-color:var(--color-0f0f1a);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{font-weight:500;color:var(--color-646cff);text-decoration:none}a:hover{color:var(--color-535bf2)}h1,h2,h3,h4,h5,h6{color:var(--color-fff)}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-1a1a2e)}::-webkit-scrollbar-thumb{background:var(--color-3a3a5a);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-444)}:root{--space-0p25rem: .25rem;--space-4px: 4px;--space-0p35rem: .35rem;--space-0p5rem: .5rem;--space-8px: 8px;--space-p5rem: .5rem;--space-0p75rem: .75rem;--space-1rem: 1rem;--space-1p25rem: 1.25rem;--space-1p5rem: 1.5rem;--space-2rem: 2rem;--space-0p9rem: .9rem;--space-0: 0;--space-0-0-0p5rem: 0 0 .5rem;--space-0-auto: 0 auto;--space-0p25rem-0p5rem: .25rem .5rem;--space-0p2rem-0p6rem: .2rem .6rem;--space-8px-12px: 8px 12px;--space-0p5rem-1rem: .5rem 1rem;--space-0p375rem-0p75rem: .375rem .75rem;--space-0p85rem-1rem: .85rem 1rem;--space-0p25rem-0p75rem: .25rem .75rem;--space-0p75rem-1rem: .75rem 1rem;--space-1p25rem-1p5rem: 1.25rem 1.5rem;--space-2px-6px: 2px 6px;--space-2px-8px: 2px 8px;--radius-4px: 4px;--radius-6px: 6px;--radius-8px: 8px;--radius-10px: 10px;--radius-12px: 12px;--radius-14px: 14px;--radius-20px: 20px;--radius-8px-8px-0-0: 8px 8px 0 0;--radius-100px: 100px;--type-size-0p7rem: .7rem;--type-size-0p75rem: .75rem;--type-size-0p8rem: .8rem;--type-size-0p85rem: .85rem;--type-size-0p9rem: .9rem;--type-size-1rem: 1rem;--type-size-1p1rem: 1.1rem;--type-size-1p25rem: 1.25rem;--type-size-1p35rem: 1.35rem;--type-size-1p5rem: 1.5rem;--type-lh-1p5: 1.5;--type-lh-1p6: 1.6;--type-weight-500: 500;--type-weight-600: 600;--type-track-0p05em: .05em;--type-transform-uppercase: uppercase;--size-40px: 40px;--size-120px: 120px;--size-160px: 160px;--transition-fast: all .2s;--transition-fast-ease: all .2s ease;--font-weight-700: 700;--color-064e3b: #064e3b;--color-0d0f14: #0d0f14;--color-0d1014: #0d1014;--color-0f0f1a: #0f0f1a;--color-10b981: #10b981;--color-1a1a2e: #1a1a2e;--color-1abc9c: #1abc9c;--color-1b1206: #1b1206;--color-1b1b1b: #1b1b1b;--color-1c2228: #1c2228;--color-1d7241: #1d7241;--color-222240: #222240;--color-22c55e: #22c55e;--color-25201a: #25201a;--color-252540: #252540;--color-252a32: #252a32;--color-27ae60: #27ae60;--color-28a75e: #28a75e;--color-2a2218: #2a2218;--color-2a2a3e: #2a2a3e;--color-2a2a46: #2a2a46;--color-2a2a4a: #2a2a4a;--color-2a2a4e: #2a2a4e;--color-2a2a50: #2a2a50;--color-2a3038: #2a3038;--color-2a4a2a: #2a4a2a;--color-2a6a4a: #2a6a4a;--color-2d4a2d: #2d4a2d;--color-2ecc71: #2ecc71;--color-333: #333;--color-345: #345;--color-3498db: #3498db;--color-34d399: #34d399;--color-36c7b8: #36c7b8;--color-38bdf8: #38bdf8;--color-3a2e1d: #3a2e1d;--color-3a3a4e: #3a3a4e;--color-3a3a5a: #3a3a5a;--color-3a3a6a: #3a3a6a;--color-3a4858: #3a4858;--color-3a4a3a: #3a4a3a;--color-3a4a6a: #3a4a6a;--color-3a5a3a: #3a5a3a;--color-3d5a3d: #3d5a3d;--color-444: #444;--color-4a2d4a: #4a2d4a;--color-4a3a6a: #4a3a6a;--color-4a3d2d: #4a3d2d;--color-4a4a6a: #4a4a6a;--color-4a4a7a: #4a4a7a;--color-4a7c4a: #4a7c4a;--color-4a804a: #4a804a;--color-4a9eff: #4a9eff;--color-4fd1c5: #4fd1c5;--color-514636: #514636;--color-535bf2: #535bf2;--color-555: #555;--color-567: #567;--color-5a3d5a: #5a3d5a;--color-5a4d3d: #5a4d3d;--color-5a5a7a: #5a5a7a;--color-5a9c5a: #5a9c5a;--color-5c1a1a: #5c1a1a;--color-5d6386: #5d6386;--color-646cff: #646cff;--color-666: #666;--color-678: #678;--color-6a4a3a: #6a4a3a;--color-6a6a8a: #6a6a8a;--color-6a9c6a: #6a9c6a;--color-6b6ef7: #6b6ef7;--color-6e2020: #6e2020;--color-6f5f3b: #6f5f3b;--color-78350f: #78350f;--color-789: #789;--color-7a7dff: #7a7dff;--color-7bb4ff: #7bb4ff;--color-7c3aed: #7c3aed;--color-7f1d1d: #7f1d1d;--color-7fd3c7: #7fd3c7;--color-80ffa0: #80ffa0;--color-888: #888;--color-8a8aaa: #8a8aaa;--color-8a8aff: #8a8aff;--color-8ac4ff: #8ac4ff;--color-8aff8a: #8aff8a;--color-8b5cf6: #8b5cf6;--color-8bf: #8bf;--color-8cf: #8cf;--color-8e44ad: #8e44ad;--color-8f8: #8f8;--color-90ee90: #90ee90;--color-94a3b8: #94a3b8;--color-95a0c8: #95a0c8;--color-98a0c3: #98a0c3;--color-999: #999;--color-9aa3c2: #9aa3c2;--color-9ab: #9ab;--color-9b59b6: #9b59b6;--color-9df7b2: #9df7b2;--color-a050a0: #a050a0;--color-a0a0c0: #a0a0c0;--color-a78bfa: #a78bfa;--color-a7aecf: #a7aecf;--color-aaa: #aaa;--color-b7bdd6: #b7bdd6;--color-b8b0ff: #b8b0ff;--color-bfae95: #bfae95;--color-c0392b: #c0392b;--color-c0a0ff: #c0a0ff;--color-c0c0d0: #c0c0d0;--color-c0ffc0: #c0ffc0;--color-c5b39c: #c5b39c;--color-c7b47e: #c7b47e;--color-c7b7a0: #c7b7a0;--color-c7cbe1: #c7cbe1;--color-c9a030: #c9a030;--color-c9f6d2: #c9f6d2;--color-ccc: #ccc;--color-cde: #cde;--color-cfd6ff: #cfd6ff;--color-d9cdb8: #d9cdb8;--color-da70d6: #da70d6;--color-db9: #db9;--color-dc2626: #dc2626;--color-dc3545: #dc3545;--color-e0e0e0: #e0e0e0;--color-e2c98c: #e2c98c;--color-e5e9ff: #e5e9ff;--color-e6d9c4: #e6d9c4;--color-e6e9ff: #e6e9ff;--color-e74c3c: #e74c3c;--color-e8dbc6: #e8dbc6;--color-e91e63: #e91e63;--color-eef0ff: #eef0ff;--color-ef4444: #ef4444;--color-f06060: #f06060;--color-f0a040: #f0a040;--color-f0a319: #f0a319;--color-f0c040: #f0c040;--color-f39c12: #f39c12;--color-f472b6: #f472b6;--color-f59e0b: #f59e0b;--color-f7a3a3: #f7a3a3;--color-f87171: #f87171;--color-f97316: #f97316;--color-fbbf24: #fbbf24;--color-fca5a5: #fca5a5;--color-ff5722: #ff5722;--color-ff6b6b: #ff6b6b;--color-ff8a8a: #ff8a8a;--color-ff9999: #ff9999;--color-ffaa6a: #ffaa6a;--color-ffb703: #ffb703;--color-ffd700: #ffd700;--color-fff: #fff;--color-fff1c9: #fff1c9;--color-transparent: transparent;--color-white: white;--line-height-1p4: 1.4;--font-size-0p875rem: .875rem;--font-size-1p05rem: 1.05rem;--letter-spacing-0p08em: .08em;--font-size-1p2rem: 1.2rem;--font-size-0p8125rem: .8125rem;--radius-16px: 16px;--radius-50pct: 50%;--radius-999px: 999px;--line-height-1p2: 1.2;--rgba-26-26-46-1: rgb(26, 26, 46);--rgba-0-0-0-0: rgba(0, 0, 0, 0);--rgba-0-0-0-0p3: rgba(0, 0, 0, .3);--rgba-0-0-0-0p4: rgba(0, 0, 0, .4);--rgba-0-0-0-0p5: rgba(0, 0, 0, .5);--rgba-0-0-0-0p6: rgba(0, 0, 0, .6);--rgba-0-0-0-0p8: rgba(0, 0, 0, .8);--rgba-0-0-0-0p9: rgba(0, 0, 0, .9);--rgba-10-11-24-0p78: rgba(10, 11, 24, .78);--rgba-100-108-255-0p1: rgba(100, 108, 255, .1);--rgba-100-108-255-0p3: rgba(100, 108, 255, .3);--rgba-100-108-255-0p6: rgba(100, 108, 255, .6);--rgba-100-150-255-0p2: rgba(100, 150, 255, .2);--rgba-106-112-160-0p25: rgba(106, 112, 160, .25);--rgba-11-12-24-0p85: rgba(11, 12, 24, .85);--rgba-139-92-246-0p12: rgba(139, 92, 246, .12);--rgba-139-92-246-0p2: rgba(139, 92, 246, .2);--rgba-139-92-246-0p35: rgba(139, 92, 246, .35);--rgba-139-92-246-0p6: rgba(139, 92, 246, .6);--rgba-15-16-32-0p8: rgba(15, 16, 32, .8);--rgba-18-20-36-0p95: rgba(18, 20, 36, .95);--rgba-19-20-38-0p85: rgba(19, 20, 38, .85);--rgba-20-24-29-0p3: rgba(20, 24, 29, .3);--rgba-200-150-50-0p3: rgba(200, 150, 50, .3);--rgba-217-184-109-0p18: rgba(217, 184, 109, .18);--rgba-220-53-69-0p2: rgba(220, 53, 69, .2);--rgba-220-53-69-0p5: rgba(220, 53, 69, .5);--rgba-240-192-64-0p3: rgba(240, 192, 64, .3);--rgba-255-183-3-0p18: rgba(255, 183, 3, .18);--rgba-255-255-255-0p08: rgba(255, 255, 255, .08);--rgba-255-255-255-0p2: rgba(255, 255, 255, .2);--rgba-26-26-46-0: rgba(26, 26, 46, 0);--rgba-26-26-46-0p7: rgba(26, 26, 46, .7);--rgba-26-26-46-0p9: rgba(26, 26, 46, .9);--rgba-5-6-15-0p7: rgba(5, 6, 15, .7);--rgba-74-124-74-0p1: rgba(74, 124, 74, .1);--rgba-74-124-74-0p2: rgba(74, 124, 74, .2);--rgba-74-124-74-0p35: rgba(74, 124, 74, .35);--rgba-74-124-74-0p45: rgba(74, 124, 74, .45);--rgba-8-9-18-0p9: rgba(8, 9, 18, .9);--rgba-90-42-42-0p5: rgba(90, 42, 42, .5);--rgba-0-0-0-0p2: rgba(0, 0, 0, .2);--rgba-0-0-0-0p35: rgba(0, 0, 0, .35);--rgba-0-0-0-0p45: rgba(0, 0, 0, .45);--rgba-0-0-0-0p55: rgba(0, 0, 0, .55);--rgba-0-0-0-0p7: rgba(0, 0, 0, .7);--rgba-0-0-0-0p85: rgba(0, 0, 0, .85);--rgba-0-192-48-0p8: rgba(0, 192, 48, .8);--rgba-100-100-140-0p8: rgba(100, 100, 140, .8);--rgba-100-108-255-0p2: rgba(100, 108, 255, .2);--rgba-100-108-255-0p4: rgba(100, 108, 255, .4);--rgba-100-108-255-0p85: rgba(100, 108, 255, .85);--rgba-100-200-100-0p2: rgba(100, 200, 100, .2);--rgba-106-112-160-0p35: rgba(106, 112, 160, .35);--rgba-12-13-28-0p7: rgba(12, 13, 28, .7);--rgba-139-92-246-0p15: rgba(139, 92, 246, .15);--rgba-139-92-246-0p3: rgba(139, 92, 246, .3);--rgba-139-92-246-0p4: rgba(139, 92, 246, .4);--rgba-139-92-246-0p8: rgba(139, 92, 246, .8);--rgba-18-20-36-0p75: rgba(18, 20, 36, .75);--rgba-180-140-100-0p2: rgba(180, 140, 100, .2);--rgba-199-180-126-0p25: rgba(199, 180, 126, .25);--rgba-20-24-29-0p8: rgba(20, 24, 29, .8);--rgba-200-80-80-0p3: rgba(200, 80, 80, .3);--rgba-220-53-69-0p1: rgba(220, 53, 69, .1);--rgba-220-53-69-0p3: rgba(220, 53, 69, .3);--rgba-240-192-64-0p1: rgba(240, 192, 64, .1);--rgba-25-25-45-0p9: rgba(25, 25, 45, .9);--rgba-255-255-255-0p05: rgba(255, 255, 255, .05);--rgba-255-255-255-0p1: rgba(255, 255, 255, .1);--rgba-255-255-255-0p87: rgba(255, 255, 255, .87);--rgba-26-26-46-0p5: rgba(26, 26, 46, .5);--rgba-26-26-46-0p75: rgba(26, 26, 46, .75);--rgba-26-26-46-0p92: rgba(26, 26, 46, .92);--rgba-34-34-64-0p95: rgba(34, 34, 64, .95);--rgba-7-8-20-0p5: rgba(7, 8, 20, .5);--rgba-74-124-74-0p15: rgba(74, 124, 74, .15);--rgba-74-124-74-0p3: rgba(74, 124, 74, .3);--rgba-74-124-74-0p4: rgba(74, 124, 74, .4);--rgba-74-124-74-0p6: rgba(74, 124, 74, .6);--rgba-80-80-120-0p8: rgba(80, 80, 120, .8);--color-0070dd: #0070dd;--color-1eff00: #1eff00;--color-3a3a4a: #3a3a4a;--color-3a4a30: #3a4a30;--color-4a3030: #4a3030;--color-5a3a2a: #5a3a2a;--color-5f4a2a: #5f4a2a;--color-60a0ff: #60a0ff;--color-9d9d9d: #9d9d9d;--color-a0ff60: #a0ff60;--color-a335ee: #a335ee;--color-c0c0ff: #c0c0ff;--color-f1d29a: #f1d29a;--color-ff8000: #ff8000;--color-accent-green-muted: #2a4a2a;--color-accent-blue-muted: #3a3a6a;--color-accent-brown-muted: #5a3a2a;--color-keyword-homeworld: #4a9eff;--color-keyword-origin: #9b59b6;--color-keyword-archetype: #e74c3c;--color-keyword-characteristic: #f39c12;--color-keyword-skill: #2ecc71;--color-keyword-stat: #1abc9c;--color-keyword-conviction: #e91e63;--color-keyword-status-effect: #ff5722;--color-keyword-talent: #3498db;--color-keyword-ability: #8e44ad;--color-keyword-background: #f0a319;--color-rt-tooltip-badge-bg: #5f4a2a;--color-rt-tooltip-badge-text: #f1d29a;--color-rt-tooltip-meta-cost: #60a0ff;--color-rt-tooltip-meta-target: #a0ff60;--color-rt-gear-weapon-bg: #4a3030;--color-rt-gear-weapon-text: #ff8a8a;--color-rt-gear-accessory-bg: #3a4a30;--color-rt-gear-accessory-text: #8aff8a;--color-rt-gear-item-bg: #3a3a4a;--color-rt-gear-item-text: #c0c0ff;--color-bg3-gear-common: #9d9d9d;--color-bg3-gear-uncommon: #1eff00;--color-bg3-gear-rare: #0070dd;--color-bg3-gear-very-rare: #a335ee;--color-bg3-gear-legendary: #ff8000;--color-bg3-gear-badge-bg: #f0a319;--color-bg3-gear-badge-text: #1b1206;--color-bg3-keyword-class: #e74c3c;--color-bg3-keyword-subclass: #c0392b;--color-bg3-keyword-race: #9b59b6;--color-bg3-keyword-subrace: #8e44ad;--color-bg3-keyword-background: #3498db;--color-bg3-keyword-spell: #f39c12;--color-bg3-keyword-feat: #2ecc71;--color-bg3-keyword-condition: #e91e63;--color-bg3-keyword-ability: #1abc9c;--color-bg3-keyword-skill: #27ae60;--color-bg3-keyword-action: #f97316;--color-bg3-keyword-feature: #f59e0b;--color-bg3-keyword-potion: #38bdf8;--color-bg3-keyword-elixir: #22c55e;--color-bg3-keyword-grenade: #ef4444;--color-bg3-keyword-arrow: #94a3b8;--color-bg3-keyword-bonus: #f472b6;--color-bg3-keyword-fallback: #f0a319;--rgba-10-10-20-0p9: rgba(10, 10, 20, .9);--rgba-100-108-255-0p18: rgba(100, 108, 255, .18);--rgba-12-14-20-0p92: rgba(12, 14, 20, .92);--rgba-18-19-35-0p95: rgba(18, 19, 35, .95);--rgba-18-20-30-0p6: rgba(18, 20, 30, .6);--rgba-240-192-64-0p12: rgba(240, 192, 64, .12);--rgba-255-255-255-0p25: rgba(255, 255, 255, .25);--rgba-26-26-46-0p15: rgba(26, 26, 46, .15);--rgba-71-76-209-0p35: rgba(71, 76, 209, .35);--rgba-71-76-209-0p45: rgba(71, 76, 209, .45);--rgba-8-10-14-0p4: rgba(8, 10, 14, .4);--rgba-8-10-14-0p85: rgba(8, 10, 14, .85);--rgba-8-10-14-1: rgba(8, 10, 14, 1);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: monospace;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: monospace;--font-family-inherit: inherit;--space-neg-2rem: -2rem;--space-neg-1rem: -1rem;--space-neg-12px: -12px;--space-neg-8px: -8px;--space-neg-6px: -6px;--space-neg-4px: -4px;--space-neg-2px: -2px;--space-0p1rem: .1rem;--space-0p125rem: .125rem;--space-0p15rem: .15rem;--space-0p2rem: .2rem;--space-0p3rem: .3rem;--space-0p375rem: .375rem;--space-0p4rem: .4rem;--space-0p45rem: .45rem;--space-0p6rem: .6rem;--space-0p65rem: .65rem;--space-0p85rem: .85rem;--space-0p8rem: .8rem;--space-0p95rem: .95rem;--space-1p2rem: 1.2rem;--space-2px: 2px;--space-6px: 6px;--space-10px: 10px;--space-12px: 12px;--space-14px: 14px;--space-16px: 16px;--space-20px: 20px;--space-32px: 32px;--space-70px: 70px;--space-100px: 100px;--space-2p4rem: 2.4rem;--space-2p5rem: 2.5rem;--space-2p9rem: 2.9rem;--space-3rem: 3rem;--space-4rem: 4rem;--space-4p5rem: 4.5rem;--space-5rem: 5rem;--space-6rem: 6rem;--space-25rem: 25rem;--space-35rem: 35rem;--space-75rem: 75rem;--space-85rem: 85rem;--space-375rem: 375rem;--size-32px: 32px;--size-25rem: 25rem;--size-35rem: 35rem;--size-75rem: 75rem;--size-85rem: 85rem;--size-375rem: 375rem;--radius-3px: 3px;--radius-7px: 7px;--radius-18px: 18px;--radius-0-0-8px-8px: 0 0 8px 8px;--radius-0-8px-8px-0: 0 8px 8px 0;--radius-6px-6px-0-0: 6px 6px 0 0;--shadow-none: none;--shadow-panel-left: -4px 0 20px var(--rgba-0-0-0-0p4);--shadow-panel-bottom: 0 -4px 20px var(--rgba-0-0-0-0p4);--shadow-outline-audit-1: 0 0 0 1px var(--audit-glow);--shadow-outline-audit-2: 0 0 0 2px var(--audit-glow);--shadow-outline-blue: 0 0 0 2px var(--rgba-100-108-255-0p2);--shadow-outline-purple: 0 0 0 2px var(--rgba-139-92-246-0p3);--shadow-outline-gold: 0 0 0 2px var(--rgba-240-192-64-0p3);--shadow-glow-purple: 0 0 6px #8b5cf6;--shadow-popover: 0 10px 30px var(--rgba-0-0-0-0p55);--shadow-lightbox: 0 20px 60px var(--rgba-0-0-0-0p5);--shadow-hero: 0 24px 60px var(--rgba-7-8-20-0p5);--shadow-card-sm: 0 2px 4px var(--rgba-0-0-0-0p3);--shadow-card-md: 0 2px 6px var(--rgba-0-0-0-0p35);--shadow-card-lg: 0 4px 16px var(--rgba-0-0-0-0p4);--shadow-card-xl: 0 6px 18px var(--rgba-0-0-0-0p35);--shadow-card-xl-strong: 0 6px 18px var(--rgba-0-0-0-0p45);--shadow-flyout: 0 8px 24px var(--rgba-0-0-0-0p4);--shadow-modal: 0 8px 32px var(--rgba-0-0-0-0p4);--shadow-inset-gold: inset 0 0 12px var(--rgba-217-184-109-0p18);--duration-0p3s: .3s;--ease-standard: ease;--transition-all-0p15s: all .15s;--transition-background-0p15s: background .15s;--transition-background-0p2s: background .2s;--transition-background-opacity-0p3s: background .3s, opacity .3s;--transition-color-0p2s: color .2s;--transition-margin-left-0p3s-ease: margin-left .3s ease;--transition-opacity-0p2s: opacity .2s;--transition-overlay-0p2s: opacity .2s ease-out, transform .2s ease-out, visibility .2s;--transition-transform-0p2s: transform .2s;--transition-transform-0p3s-ease-out: transform .3s ease-out;--transition-width-0p3s-ease: width .3s ease;--z-base: 0;--z-content: 1;--z-overlay: 10;--z-overlay-high: 20;--z-sticky: 100;--z-menu: 1000;--z-modal: 10000;--z-tooltip: 10001;--z-1: 1;--z-2: 2;--z-10: 10;--z-20: 20;--z-100: 100;--z-998: 998;--z-999: 999;--z-1000: 1000;--z-9999: 9999;--z-10000: 10000;--z-10001: 10001}.p-overlay,.info-modal-overlay,.picker-overlay{position:fixed;inset:var(--space-0);background:var(--rgba-0-0-0-0p8);display:flex;align-items:center;justify-content:center;z-index:var(--z-menu);padding:var(--space-2rem)}.p-toggle,.header-game-toggle,.profile-selector-toggle{display:flex;align-items:center;gap:var(--space-8px);padding:var(--space-8px) var(--space-12px);background:var(--color-2a2a3e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-6px);color:var(--color-e0e0e0);cursor:pointer;font-size:var(--type-size-0p9rem);transition:var(--transition-fast)}.p-portraitCard,.companion-summary-portrait,.companion-detail-screen .companion-card-portrait{width:var(--size-120px);height:var(--size-160px);border-radius:var(--radius-10px);object-fit:cover;object-position:top;border:1px solid var(--color-3a3a5a);background:var(--color-2a2a4a);box-shadow:0 6px 18px var(--rgba-0-0-0-0p35)}.p-companionSection,.companion-section,.build-selector.bg3 .companion-section,.companion-detail-screen .companion-section{background:var(--rgba-26-26-46-0p9);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-14px);position:relative;overflow:hidden;transition:var(--transition-fast)}.p-buildDescription,.build-description,.build-card-desc{color:var(--color-b7bdd6);font-style:italic;padding-left:var(--space-0p75rem);border-left:var(--space-2px) solid var(--rgba-139-92-246-0p35)}.p-metaRow,.build-meta{display:flex;align-items:center;gap:var(--space-0p5rem);color:var(--color-98a0c3);font-size:var(--type-size-0p9rem)}.p-backButton,.build-viewer-back-btn,.back-button{display:inline-flex;align-items:center;gap:var(--space-0p5rem);padding:var(--space-0p5rem) var(--space-1rem);background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:var(--radius-10px);color:var(--color-b7bdd6);cursor:pointer;font-size:var(--font-size-0p875rem);transition:var(--transition-fast-ease)}.p-backButton:hover,.build-viewer-back-btn:hover,.back-button:hover{border-color:var(--rgba-139-92-246-0p6);color:var(--color-e5e9ff)}.p-pathDisplay,.party-member-path{display:flex;align-items:center;gap:var(--space-0p35rem);flex-wrap:wrap}.p-tabContainer,.tabs{display:flex;gap:var(--space-0p5rem);border-bottom:1px solid var(--rgba-106-112-160-0p35)}.p-filterSection,.filter-section{display:flex;align-items:center;gap:var(--space-0p75rem);flex-wrap:wrap}.p-viewerTab,.tab{background:var(--color-transparent);border:none;color:var(--color-9aa3c2);padding:var(--space-0p5rem) var(--space-1rem);border-radius:var(--radius-8px-8px-0-0);cursor:pointer;transition:var(--transition-fast)}.p-viewerTab:hover,.tab:hover{color:var(--color-e5e9ff);background:var(--rgba-18-20-36-0p75)}.p-viewerTab.active,.tab.active{color:var(--color-e5e9ff);background:var(--rgba-18-20-36-0p95);border:1px solid var(--rgba-106-112-160-0p35);border-bottom-color:var(--color-transparent)}.p-surfaceControls,.companion-detail-controls,.build-selector-controls{display:flex;flex-wrap:wrap;gap:var(--space-1p5rem);margin-bottom:var(--space-1rem);padding:var(--space-1rem);background:var(--rgba-18-20-36-0p75);border-radius:var(--radius-12px);border:1px solid var(--rgba-106-112-160-0p35)}.p-cardSurface,.build-card,.build-selector.bg3 .build-list .build-card,.companion-build-card,.gear-slot,.tracked-build-preview{background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:var(--radius-12px)}.p-selectorPill,.build-selector .filter-tag,.companion-detail-screen.rt .filter-tag{display:inline-flex;align-items:center;gap:var(--space-0p25rem);padding:var(--space-0p375rem-0p75rem);background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:var(--radius-20px);font-size:var(--type-size-0p75rem);color:var(--color-b7bdd6);cursor:pointer;transition:var(--transition-fast-ease)}.p-selectorPill:hover,.build-selector .filter-tag:hover,.companion-detail-screen.rt .filter-tag:hover,.companion-detail-screen .filter-tag:hover{border-color:var(--rgba-139-92-246-0p6)}.p-selectorPill.active,.build-selector .filter-tag.active,.companion-detail-screen.rt .filter-tag.active,.companion-detail-screen .filter-tag.active{background:var(--rgba-139-92-246-0p2);border-color:var(--rgba-139-92-246-0p6);color:var(--color-e5e9ff)}.p-tooltipStack,.crpg-tooltip-title-block,.crpg-tooltip-section,.crpg-tooltip-stats{display:flex;flex-direction:column;gap:var(--space-8px)}.p-modalListStack,.changelog-list,.roadmap-list{display:flex;flex-direction:column;gap:var(--space-1p5rem)}.p-listStack,.build-list-container,.build-selector.bg3 .build-list,.companion-list,.companion-group,.companion-detail-builds{display:flex;flex-direction:column;gap:var(--space-1rem)}.p-buildPreviewRow,.build-selector.bg3 .unselected-build-preview,.unselected-build-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1rem);padding:var(--space-0p85rem) var(--space-1rem);margin-top:var(--space-0p9rem);background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:var(--radius-10px);position:relative;z-index:var(--z-content);cursor:pointer;transition:var(--transition-fast);width:100%;text-align:left;font-family:inherit;color:inherit}.p-pillBadgeMuted,.build-selector.bg3 .unselected-badge,.unselected-badge{display:inline-flex;align-items:center;gap:var(--space-4px);padding:var(--space-2px) var(--space-8px);background:var(--rgba-139-92-246-0p15);border-radius:var(--radius-6px);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);color:var(--color-b8b0ff)}.p-pillBadgeSuccess,.build-selector.bg3 .tracked-badge,.tracked-badge{display:inline-flex;align-items:center;gap:var(--space-4px);padding:var(--space-2px) var(--space-8px);background:var(--rgba-74-124-74-0p35);border-radius:var(--radius-6px);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);color:var(--color-c9f6d2)}.p-pillBadgeTracked,.build-selector.bg3 .build-card-tracked-badge,.build-card-tracked-badge{display:inline-flex;align-items:center;gap:var(--space-4px);padding:var(--space-2px) var(--space-8px);background:var(--color-4a7c4a);border-radius:var(--radius-4px);font-size:var(--type-size-0p7rem);font-weight:var(--type-weight-600);color:var(--color-fff);align-self:flex-start}.p-buttonGhostSm,.build-selector.bg3 .tracked-build-change-btn,.tracked-build-change-btn{background:var(--color-transparent);border:1px solid var(--color-4a4a6a);border-radius:var(--radius-6px);cursor:pointer;font-size:var(--type-size-0p85rem);transition:var(--transition-fast)}.p-levelBadge,.party-member-level,.companion-card-level-badge,.build-card-level{font-weight:var(--type-weight-600);color:var(--color-8b5cf6);background:var(--rgba-139-92-246-0p15);padding:var(--space-0p2rem-0p6rem);flex-shrink:0}.p-levelDisplay,.build-viewer .level-display{background:var(--rgba-139-92-246-0p2);color:var(--color-b8b0ff);padding:var(--space-0p25rem-0p75rem);border-radius:var(--radius-6px);font-weight:var(--type-weight-600);min-width:var(--size-40px);text-align:center;border:1px solid var(--rgba-106-112-160-0p35)}.p-tab,.header-nav-tab,.builds-subnav-tab{border-radius:var(--radius-100px);color:var(--color-e0e0e0);font-size:var(--type-size-1rem);font-weight:var(--type-weight-500);cursor:pointer;transition:var(--transition-fast)}.p-tab:hover,.header-nav-tab:hover,.builds-subnav-tab:hover{color:var(--color-fff)}.p-tab.active,.header-nav-tab.active,.builds-subnav-tab.active{color:var(--color-fff);background:var(--color-646cff);box-shadow:0 8px 32px var(--rgba-0-0-0-0p4)}.p-fixedBottomBar,.builds-subnav{position:fixed;bottom:var(--space-0);left:var(--space-0);right:var(--space-0);z-index:var(--z-sticky)}.p-tabsBarCore,.header-nav{display:flex;border-radius:var(--radius-100px);overflow:hidden}.u-align-center{align-items:center}.u-gap-0-5{gap:var(--space-0p5rem)}.u-gap-0-75{gap:var(--space-0p75rem)}.u-gap-1{gap:var(--space-1rem)}.u-pad-0{padding:0}.u-pad-1{padding:var(--space-1rem)}.u-pad-1-5{padding:var(--space-1p5rem)}.u-pad-0-75-1{padding:var(--space-0p75rem) var(--space-1rem)}.u-surface-none{background:none;border:none}.u-surface-transparent{background:var(--color-transparent);border:none}.u-surface-border-accent{border:1px solid var(--rgba-139-92-246-0p6)}.u-surface-card-10{background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:10px}.u-surface-card-12{background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:12px}.u-radius-4{border-radius:4px}.u-bg-tier-advanced{background:var(--color-4a3d2d)}.u-bg-tier-base{background:var(--color-2d4a2d)}.u-bg-tier-exemplar{background:var(--color-4a2d4a)}.u-bg-active-2a2a4e{background:var(--color-2a2a4e)}.profile-selector{position:relative}.profile-selector-toggle:hover{background:var(--color-3a3a4e);border-color:var(--color-4a4a6a)}.profile-icon{font-size:var(--type-size-1rem)}.profile-name{flex:1;text-align:left;font-weight:var(--type-weight-500)}.profile-arrow{font-size:var(--type-size-0p7rem);transition:var(--transition-transform-0p2s)}.profile-arrow.expanded{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + var(--space-4px));right:var(--space-0);min-width:300px;background:var(--color-1a1a2e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-8px);box-shadow:0 8px 24px var(--rgba-0-0-0-0p4);z-index:var(--z-sticky);overflow:hidden}.profile-current{padding:var(--space-16px);background:var(--color-2a2a4e);border-bottom:1px solid var(--color-3a3a5a)}.profile-current-header{margin-bottom:var(--space-8px)}.profile-current-label{font-size:var(--type-size-0p75rem);color:var(--color-8a8aaa);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em)}.profile-current-name{font-size:var(--type-size-1p25rem);font-weight:var(--type-weight-600);color:var(--color-f0c040);margin-bottom:var(--space-12px)}.profile-current-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8px)}.profile-action-btn-large{display:flex;align-items:center;justify-content:center;gap:var(--space-6px);padding:var(--space-10px) var(--space-12px);background:var(--color-3a3a5a);border:1px solid var(--color-4a4a6a);border-radius:var(--radius-6px);color:var(--color-e0e0e0);cursor:pointer;font-size:var(--type-size-0p85rem);transition:var(--transition-fast)}.profile-action-btn-large:hover{background:var(--color-4a4a6a);border-color:var(--color-5a5a7a)}.profile-action-btn-large.delete{color:var(--color-ff6b6b);border-color:var(--rgba-220-53-69-0p3);background:var(--rgba-220-53-69-0p1)}.profile-action-btn-large.delete:hover{background:var(--rgba-220-53-69-0p2);border-color:var(--rgba-220-53-69-0p5)}.profile-edit-large{display:flex;flex-direction:column;gap:var(--space-10px)}.profile-edit-large input{padding:var(--space-10px) var(--space-12px);background:var(--color-1a1a2e);border:1px solid var(--color-4a4a6a);border-radius:var(--radius-6px);color:var(--color-e0e0e0);font-size:var(--type-size-1rem)}.profile-edit-buttons{display:flex;gap:var(--space-8px)}.profile-edit-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-6px);padding:var(--space-10px) var(--space-12px);background:var(--color-3a3a5a);border:none;border-radius:var(--radius-6px);color:var(--color-e0e0e0);cursor:pointer;font-size:var(--type-size-0p9rem)}.profile-edit-buttons button.save{background:var(--color-4a7c4a)}.profile-edit-buttons button:hover{opacity:.9}.profile-switch-section{background:var(--color-1a1a2e)}.profile-switch-header{font-size:var(--type-size-0p75rem);color:var(--color-8a8aaa);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);margin-bottom:var(--space-8px)}.profile-list{max-height:200px;overflow-y:auto}.profile-item{display:flex;align-items:center}.profile-selector:not(.mobile) .profile-item{border-bottom:1px solid var(--color-2a2a3e)}.profile-selector:not(.mobile) .profile-item:last-child{border-bottom:none}.profile-item.active{background:var(--color-2a2a4e)}.profile-select-btn{flex:1;padding:var(--space-10px) var(--space-12px);background:var(--color-transparent);border:none;color:var(--color-e0e0e0);text-align:left;cursor:pointer;font-size:var(--type-size-0p9rem)}.profile-select-btn:hover{color:var(--color-f0c040)}.profile-actions{display:flex;gap:var(--space-2px);padding-right:var(--space-4px)}.profile-action-btn{padding:var(--space-6px) var(--space-8px);background:var(--color-transparent);border:none;cursor:pointer;opacity:.6;transition:var(--transition-opacity-0p2s);font-size:var(--type-size-0p85rem)}.profile-action-btn:hover,.profile-action-btn.delete:hover{opacity:1}.profile-edit{display:flex;align-items:center;gap:var(--space-4px);padding:var(--space-4px) var(--space-8px);flex:1}.profile-edit input{flex:1;padding:var(--space-6px) var(--space-8px);background:var(--color-2a2a3e);border:1px solid var(--color-4a4a6a);border-radius:var(--radius-4px);color:var(--color-e0e0e0);font-size:var(--type-size-0p9rem)}.profile-edit button{padding:var(--space-6px) var(--space-10px);background:var(--color-3a3a5a);border:none;border-radius:var(--radius-4px);color:var(--color-e0e0e0);cursor:pointer}.profile-edit button:hover{background:var(--color-4a4a6a)}.profile-create-form{display:flex;gap:var(--space-4px);padding:var(--space-8px);border-top:1px solid var(--color-2a2a3e)}.profile-create-form input{flex:1;padding:var(--space-8px) var(--space-10px);background:var(--color-2a2a3e);border:1px solid var(--color-4a4a6a);border-radius:var(--radius-4px);color:var(--color-e0e0e0);font-size:var(--type-size-0p9rem)}.profile-create-form button{padding:var(--space-8px) var(--space-12px);background:var(--color-3a3a5a);border:none;border-radius:var(--radius-4px);color:var(--color-e0e0e0);cursor:pointer;font-size:var(--type-size-0p85rem)}.profile-create-form button:first-of-type{background:var(--color-4a7c4a)}.profile-create-form button:hover{opacity:.9}.profile-create-btn{width:100%;padding:var(--space-12px);background:var(--color-2a2a3e);border-radius:var(--radius-8px);color:var(--color-fff);border:none;cursor:pointer;font-size:var(--type-size-0p9rem);transition:var(--transition-fast)}.profile-create-btn:hover{background:var(--color-2a2a3e);color:var(--color-f0c040)}.profile-import-export{padding:var(--space-8px);border-top:1px solid var(--color-2a2a3e)}.profile-import-btn{width:100%;padding:var(--space-10px) var(--space-12px);background:var(--rgba-100-108-255-0p1);border:1px dashed var(--rgba-100-108-255-0p4);border-radius:var(--radius-6px);color:var(--color-8a8aff);cursor:pointer;font-size:var(--type-size-0p85rem);transition:var(--transition-fast);margin-bottom:var(--space-0p5rem)}.profile-import-btn:hover{background:var(--rgba-100-108-255-0p2);border-color:var(--rgba-100-108-255-0p6)}.profile-privacy{padding:var(--space-8px);border-top:1px solid var(--color-2a2a3e)}.privacy-notice{font-size:var(--type-size-0p75rem);color:var(--color-666);margin:0 0 var(--space-8px) 0;text-align:center}.clear-data-btn{width:100%;padding:var(--space-8px) var(--space-12px);background:var(--rgba-220-53-69-0p1);border:1px solid var(--rgba-220-53-69-0p3);border-radius:var(--radius-6px);color:var(--color-dc3545);cursor:pointer;font-size:var(--type-size-0p8rem);transition:var(--transition-fast)}.clear-data-btn:hover{background:var(--rgba-220-53-69-0p2);border-color:var(--rgba-220-53-69-0p5)}@media(max-width:768px){.profile-dropdown{top:auto;bottom:calc(100% + var(--space-4px));max-height:60vh}}.mobile-menu{position:relative}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--rgba-26-26-46-0p5);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-8px);color:var(--color-e0e0e0);cursor:pointer;transition:var(--transition-fast)}.mobile-menu-toggle:hover,.mobile-menu-toggle:active{background:var(--color-2a2a3e);border-color:var(--color-4a4a6a)}@media(min-width:769px){.mobile-menu-overlay{display:none}.mobile-menu-panel{position:absolute;top:calc(100% + var(--space-8px));right:var(--space-0);width:320px;max-height:calc(100vh - 100px);background:var(--color-1a1a2e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-12px);box-shadow:0 8px 32px var(--rgba-0-0-0-0p4);z-index:var(--z-menu);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-8px);transition:var(--transition-overlay-0p2s)}.mobile-menu-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-close{display:none}.mobile-menu-content{flex:1;overflow-y:auto;padding:var(--space-1rem);display:flex;flex-direction:column}}@media(max-width:768px){.mobile-menu-overlay{position:fixed;top:var(--space-0);left:var(--space-0);right:var(--space-0);bottom:var(--space-0);background:var(--rgba-0-0-0-0p6);z-index:var(--z-menu);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-panel{position:fixed;top:var(--space-0);right:var(--space-0);width:min(320px,85vw);height:100vh;background:var(--color-1a1a2e);z-index:var(--z-menu);transform:translate(100%);transition:var(--transition-transform-0p3s-ease-out);display:flex;flex-direction:column;box-shadow:-4px 0 20px var(--rgba-0-0-0-0p4)}.mobile-menu-panel.open{transform:translate(0)}.mobile-menu-close{position:absolute;top:var(--space-0p75rem);right:var(--space-0p75rem);display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-transparent);border:1px solid var(--color-3a3a5a);color:var(--color-e0e0e0);cursor:pointer;border-radius:var(--radius-8px);transition:var(--transition-fast);z-index:var(--z-content)}.mobile-menu-close:hover,.mobile-menu-close:active{background:var(--color-2a2a3e);border-color:var(--color-4a4a6a)}.mobile-menu-content{flex:1;overflow-y:auto;padding:var(--space-5rem) var(--space-1rem) var(--space-5rem) var(--space-1rem);display:flex;flex-direction:column}}.game-select-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-0p75rem) var(--space-1rem);background:var(--color-2a2a3e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-8px);color:var(--color-e0e0e0);cursor:pointer;transition:var(--transition-fast)}.game-select-btn:hover{background:var(--color-3a3a4e);border-color:var(--color-4a4a6a)}.game-select-info{display:flex;align-items:center;gap:var(--space-0p75rem)}.game-select-logo{height:28px;width:auto}.game-select-name{font-weight:var(--type-weight-500);text-align:left;font-size:var(--type-size-1rem)}.mobile-menu-section{margin-bottom:var(--space-1p5rem)}.mobile-menu-section:last-child{margin-bottom:var(--space-0);flex:1;display:flex;flex-direction:column}.mobile-menu-section h3{margin:0 0 var(--space-0p75rem) 0;font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);color:var(--color-888)}.mobile-menu-section .profile-selector.mobile{position:static;display:flex;flex-direction:column;flex:1}.mobile-menu-section .profile-dropdown.mobile{position:static;background:var(--color-transparent);border:none;box-shadow:none;padding:var(--space-0);min-width:auto}.mobile-menu-section .profile-current{background:var(--color-2a2a3e);border-radius:var(--radius-8px);padding:var(--space-1rem)}.mobile-menu-section .profile-current-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-0p5rem)}.mobile-menu-section .profile-switch-section{margin-top:var(--space-1rem)}.mobile-menu-section .profile-list{display:flex;flex-direction:column;gap:var(--space-0p5rem);margin-top:var(--space-0p5rem)}.mobile-menu-section .profile-select-btn{width:100%;padding:var(--space-0p75rem) var(--space-1rem);background:var(--color-2a2a3e);border-radius:var(--radius-8px);text-align:left}.profile-selector.mobile .profile-bottom-actions{margin-top:auto;padding:var(--space-1rem) 0;display:flex;flex-direction:column;gap:var(--space-0p5rem)}.profile-selector.mobile .profile-bottom-actions .profile-import-btn{width:100%;justify-content:center}.profile-selector.mobile .profile-bottom-actions .profile-create-btn{width:100%}.profile-selector.mobile .profile-bottom-actions .profile-privacy{margin-top:var(--space-0p5rem)}.profile-selector.mobile .profile-bottom-actions .clear-data-btn{width:100%;justify-content:center}.profile-selector.mobile .profile-create-form{display:flex;flex-direction:column;gap:var(--space-0p5rem);padding:var(--space-0);border:none;width:100%}.profile-selector.mobile .profile-create-form input{width:100%;padding:var(--space-0p75rem) var(--space-1rem);border-radius:var(--radius-8px)}.profile-selector.mobile .profile-create-form button{padding:var(--space-0p75rem) var(--space-1rem);border-radius:var(--radius-8px)}.info-modal{position:relative;width:100%;max-width:600px;max-height:85vh;background:var(--color-1c2228);border-radius:var(--radius-8px);padding:var(--space-2rem);overflow-y:auto}.info-modal-close{position:absolute;top:var(--space-1rem);right:var(--space-1rem);background:none;border:none;color:var(--color-678);cursor:pointer;padding:var(--space-0p5rem);transition:var(--transition-color-0p2s)}.info-modal-close:hover{color:var(--color-fff)}.info-modal h2{margin:0 0 var(--space-1p5rem);font-size:var(--type-size-1p5rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.info-modal-content{color:var(--color-9ab);line-height:var(--type-lh-1p6)}.changelog-entry{padding-bottom:var(--space-1p5rem);border-bottom:1px solid var(--color-2a3038)}.changelog-entry:last-child{border-bottom:none;padding-bottom:var(--space-0)}.changelog-header{display:flex;align-items:center;gap:var(--space-1rem);margin-bottom:var(--space-0p5rem)}.changelog-version{background:var(--color-3a4858);color:var(--color-8cf);padding:var(--space-0p2rem-0p6rem);border-radius:var(--radius-4px);font-size:var(--type-size-0p8rem);font-weight:var(--type-weight-600);font-family:var(--font-mono)}.changelog-date{color:var(--color-567);font-size:var(--type-size-0p85rem)}.changelog-title{margin:0 0 var(--space-0p75rem);font-size:var(--type-size-1p1rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.changelog-changes{margin:var(--space-0);padding-left:var(--space-1p25rem);list-style:disc}.changelog-changes li{margin-bottom:var(--space-0p35rem);color:var(--color-9ab);font-size:var(--type-size-0p9rem)}.roadmap-section{display:flex;flex-direction:column;gap:var(--space-0p75rem)}.roadmap-section-title{margin:var(--space-0);font-size:var(--type-size-0p85rem);font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);padding:var(--space-0p35rem) var(--space-0p75rem);border-radius:var(--radius-4px);width:fit-content}.roadmap-section-title.in-progress{background:var(--rgba-100-200-100-0p2);color:var(--color-8f8)}.roadmap-section-title.planned{background:var(--rgba-100-150-255-0p2);color:var(--color-8bf)}.roadmap-section-title.considering{background:var(--rgba-180-140-100-0p2);color:var(--color-db9)}.roadmap-item{background:var(--color-252a32);border-radius:var(--radius-6px);padding:var(--space-1rem);border-left:3px solid var(--color-3a4858)}.roadmap-item-title{font-weight:var(--type-weight-600);color:var(--color-fff);margin-bottom:var(--space-0p35rem)}.roadmap-item-desc{font-size:var(--type-size-0p9rem);color:var(--color-789)}@media(max-width:768px){.info-modal-overlay{padding:var(--space-1rem)}.info-modal{padding:var(--space-1p5rem);max-height:90vh}.info-modal h2{font-size:var(--type-size-1p25rem)}}.landing-page{height:100vh;display:flex;flex-direction:column;background:var(--color-0d0f14);overflow:hidden}.hero-fullscreen{flex:1;position:relative;display:flex;min-height:var(--space-0)}.hero-bg{position:absolute;inset:var(--space-0);background-size:cover;background-position:center;filter:saturate(.95) contrast(1.05)}.hero-bg:after{content:"";position:absolute;inset:var(--space-0);background:radial-gradient(circle at 30% 35%,var(--rgba-255-255-255-0p08),transparent 55%),linear-gradient(to right,var(--rgba-12-14-20-0p92) 0%,var(--rgba-18-20-30-0p6) 50%,var(--rgba-8-10-14-0p85) 100%),linear-gradient(to top,var(--rgba-8-10-14-1) 0%,var(--rgba-8-10-14-0p4) 45%,transparent 75%)}.hero-split{position:relative;z-index:var(--z-content);flex:1;display:flex;width:100%;max-width:1500px;margin:var(--space-0-auto);justify-content:center}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-2rem)}.hero-logo{max-width:340px;width:100%;height:auto;filter:drop-shadow(0 4px 12px var(--rgba-0-0-0-0p5))}.hero-tagline{margin:0 0 var(--space-2rem);font-size:var(--type-size-1p35rem);font-weight:var(--font-weight-700);color:var(--color-fff);line-height:var(--type-lh-1p6);text-shadow:0 6px 18px var(--rgba-0-0-0-0p45)}.hero-cta{display:inline-block;padding:var(--space-0p95rem) var(--space-2p9rem);background:var(--color-6b6ef7);border:none;border-radius:var(--radius-100px);color:var(--color-fff);font-size:var(--font-size-1p2rem);font-weight:var(--font-weight-700);cursor:pointer;transition:var(--transition-fast-ease);margin-bottom:var(--space-1rem);box-shadow:0 10px 24px var(--rgba-71-76-209-0p35),inset 0 1px 0 var(--rgba-255-255-255-0p2)}.hero-cta:hover{background:var(--color-7a7dff);transform:translateY(-1px);box-shadow:0 16px 30px var(--rgba-71-76-209-0p45),inset 0 1px 0 var(--rgba-255-255-255-0p25)}.hero-subtitle{margin:var(--space-0);font-size:var(--type-size-0p85rem);color:var(--color-95a0c8)}.landing-footer{position:relative;z-index:var(--z-overlay);padding:var(--space-1rem) var(--space-2rem);background:var(--color-0d1014);border-top:1px solid var(--color-1c2228);text-align:center}.footer-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-0p75rem);font-size:var(--type-size-0p8rem);color:var(--color-567);flex-wrap:wrap}.landing-footer a{color:var(--color-9ab);text-decoration:none}.landing-footer a:hover{color:var(--color-fff)}.footer-link{background:none;border:none;padding:var(--space-0);font:inherit;color:var(--color-9ab);cursor:pointer;text-decoration:none;transition:var(--transition-color-0p2s)}.footer-link:hover{color:var(--color-fff)}.footer-dot{color:var(--color-345)}.footer-github{display:inline-flex;align-items:center;gap:var(--space-0p45rem)}.footer-github-icon{width:16px;height:16px;fill:currentColor}@media(min-width:1025px){.hero-split{flex-direction:row;align-items:center;padding:var(--space-2rem) var(--space-4rem)}.hero-content{flex:0 0 auto;width:420px}}@media(min-width:769px)and (max-width:1024px){.hero-split{flex-direction:column;padding:var(--space-2rem)}.hero-content{flex:0 0 auto}.hero-logo{max-width:320px}.hero-tagline{font-size:var(--type-size-1p25rem)}}@media(max-width:768px){.hero-fullscreen{position:relative}.hero-split{flex-direction:column;justify-content:center;align-items:center;padding:var(--space-2p5rem) var(--space-1p5rem);height:100%}.hero-content{flex:0 0 auto;z-index:var(--z-content)}.hero-logo{max-width:260px}.hero-tagline{font-size:var(--font-size-1p05rem);margin-bottom:var(--space-1p5rem)}.hero-cta{padding:var(--space-0p85rem) var(--space-2p4rem);font-size:var(--type-size-1p1rem)}.landing-footer{padding:var(--space-0p75rem) var(--space-1rem)}.footer-content{font-size:var(--type-size-0p75rem)}}.picker-modal{position:relative;width:100%;max-width:700px;max-height:90vh;background:var(--color-1c2228);border-radius:var(--radius-8px);padding:var(--space-2rem);overflow-y:auto}.picker-close{position:absolute;top:var(--space-1rem);right:var(--space-1rem);background:none;border:none;color:var(--color-678);cursor:pointer;padding:var(--space-0p5rem);transition:var(--transition-color-0p2s)}.picker-close:hover{color:var(--color-fff)}.picker-modal h2{margin:0 0 var(--space-1p5rem);font-size:var(--type-size-1p5rem);font-weight:var(--type-weight-600);color:var(--color-fff);text-align:left}.section-header{margin:var(--space-2rem) 0 var(--space-1rem);font-size:var(--type-size-1rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.game-grid{display:flex;flex-direction:column;gap:var(--space-1rem)}.game-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-1p5rem) var(--space-2rem);min-height:180px;border:none;border-radius:var(--radius-8px);overflow:hidden;cursor:pointer;background-size:cover;background-position:center;transition:var(--transition-fast-ease);text-align:center}.game-card:before{content:"";position:absolute;inset:var(--space-0);background:linear-gradient(to top,var(--rgba-20-24-29-0p8) 0%,var(--rgba-20-24-29-0p3) 50%,transparent 100%)}.game-card:hover{transform:translate(4px)}.game-card.coming-soon{cursor:not-allowed;opacity:.5}.game-card.coming-soon:hover{transform:none}.game-card>*{position:relative;z-index:var(--z-content)}.picker-modal .game-card .game-logo{height:145px;width:auto;object-fit:contain;margin:var(--space-0)}.game-card h3{margin:var(--space-0-0-0p5rem);font-size:var(--type-size-1p25rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.game-card p{margin:var(--space-0);font-size:var(--font-size-0p875rem);color:var(--color-9ab);line-height:var(--line-height-1p4)}.coming-soon-badge,.beta-badge{position:absolute;top:var(--space-1rem);right:var(--space-1rem);padding:var(--space-0p25rem) var(--space-0p75rem);border-radius:var(--radius-4px);font-size:var(--type-size-0p7rem);color:var(--color-fff);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em)}.coming-soon-badge{background:var(--rgba-100-100-140-0p8)}.beta-badge{background:var(--rgba-0-192-48-0p8)}.version-badge{position:absolute;top:var(--space-1rem);left:var(--space-1rem);padding:var(--space-0p25rem) var(--space-0p75rem);border-radius:var(--radius-4px);font-size:var(--type-size-0p7rem);color:var(--color-fff);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);background:var(--rgba-80-80-120-0p8)}.game-stats{margin:var(--space-0);font-size:var(--type-size-0p85rem);color:var(--color-cde);font-weight:var(--type-weight-500)}@media(max-width:768px){.picker-modal{padding:var(--space-1p5rem)}.game-card{min-height:100px}.picker-modal .game-card .game-logo{height:75px}}.build-list-empty{text-align:center;padding:var(--space-3rem) var(--space-2rem);color:var(--color-888);background:var(--color-1a1a2e);border-radius:var(--radius-8px)}.import-export-buttons{display:flex;gap:var(--space-0p5rem);justify-content:flex-end}.import-export-buttons .btn{font-size:var(--type-size-0p85rem)}.party-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-0p75rem)}@media(max-width:768px){.party-list{grid-template-columns:1fr}}.party-member-card{display:flex;align-items:flex-start;gap:var(--space-1rem);background:var(--color-1a1a2e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-12px);padding:var(--space-1rem);cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden}.party-member-card:hover{background:var(--color-222240);border-color:var(--color-8b5cf6);transform:translate(4px)}.party-member-avatar{flex-shrink:0;width:64px;height:80px;border-radius:var(--radius-8px);overflow:hidden;background:var(--color-2a2a4a);border:1px solid var(--color-3a3a5a)}.party-member-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.party-member-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--type-size-1p5rem);font-weight:var(--type-weight-600);color:var(--color-666);background:linear-gradient(135deg,var(--color-2a2a4a) 0%,var(--color-1a1a2e) 100%)}.party-member-info{flex:1;min-width:var(--space-0);display:flex;flex-direction:column}.party-member-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-0p5rem)}.party-member-header-right{display:flex;align-items:center;gap:var(--space-0p35rem);flex-shrink:0}.party-member-name{font-size:var(--type-size-1p1rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.party-member-level{font-size:var(--type-size-0p85rem);border-radius:var(--radius-4px)}.party-member-build{font-size:var(--type-size-0p9rem);color:var(--color-aaa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-0p5rem)}.party-member-path{font-size:var(--type-size-0p75rem);margin-bottom:var(--space-0p5rem);color:var(--color-888)}.party-member-path .archetype{padding:var(--space-0p15rem) var(--space-0p4rem);border-radius:3px}.party-member-path .archetype.base{background:var(--color-2a4a2a);color:var(--color-8aff8a)}.party-member-path .archetype.advanced{background:var(--color-3a3a6a);color:var(--color-8a8aff)}.party-member-path .arrow{color:var(--color-555)}.party-member-progress{display:flex;align-items:center;gap:var(--space-0p75rem);margin-top:var(--space-0p25rem)}.progress-bar{flex:1;height:6px;background:var(--color-2a2a4a);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-8b5cf6) 0%,var(--color-a78bfa) 100%);border-radius:3px;transition:var(--transition-width-0p3s-ease)}.progress-label{font-size:var(--type-size-0p75rem);color:var(--color-666);flex-shrink:0;min-width:50px;text-align:right}.party-member-menu{position:relative}.party-member-menu-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-transparent);border:none;border-radius:var(--radius-4px);color:var(--color-666);cursor:pointer;transition:var(--transition-all-0p15s);padding:var(--space-0)}.party-member-menu-btn:hover{background:var(--rgba-255-255-255-0p1);color:var(--color-aaa)}.party-member-dropdown{position:absolute;top:100%;right:var(--space-0);margin-top:var(--space-4px);background:var(--color-2a2a4a);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-8px);box-shadow:0 4px 16px var(--rgba-0-0-0-0p4);overflow:hidden;z-index:var(--z-overlay-high)}.dropdown-item{display:flex;align-items:center;gap:var(--space-0p5rem);width:100%;padding:var(--space-0p5rem) var(--space-0p75rem);background:none;border:none;color:var(--color-ccc);font-size:var(--type-size-0p8rem);cursor:pointer;text-align:left;transition:var(--transition-background-0p15s);white-space:nowrap}.dropdown-item:hover{background:var(--color-3a3a5a)}.dropdown-item.danger{color:var(--color-ff8a8a)}.dropdown-item.danger:hover{background:var(--rgba-90-42-42-0p5)}.build-tag{font-size:var(--type-size-0p7rem);padding:var(--space-0p15rem) var(--space-0p4rem);border-radius:3px;text-transform:var(--type-transform-uppercase);font-weight:var(--type-weight-500);align-self:flex-start}.build-tag.custom{background:var(--color-3a4a6a);color:var(--color-8ac4ff)}@media(max-width:500px){.party-member-card{padding:var(--space-0p75rem)}.party-member-avatar{width:56px;height:70px}.party-member-name{font-size:var(--type-size-1rem)}}.build-selector-modal-overlay{position:fixed;inset:var(--space-0);background:var(--rgba-0-0-0-0p8);z-index:var(--z-menu);display:flex;align-items:center;justify-content:center;padding:var(--space-1rem);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.build-selector-modal{background:var(--color-1a1a2e);border-radius:var(--radius-16px);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.build-selector-modal-close{position:absolute;top:var(--space-1rem);right:var(--space-1rem);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--rgba-0-0-0-0p3);border:none;border-radius:var(--radius-8px);color:var(--color-888);cursor:pointer;transition:var(--transition-fast);z-index:var(--z-content)}.build-selector-modal-close:hover{background:var(--rgba-0-0-0-0p5);color:var(--color-fff)}.build-selector-modal-header{display:flex;gap:var(--space-1p5rem);padding:var(--space-1p5rem);border-bottom:1px solid var(--color-3a3a5a)}.build-selector-modal-portrait{width:100px;height:140px;border-radius:var(--radius-8px);object-fit:cover;border:2px solid var(--color-444);flex-shrink:0}.build-selector-modal-info{flex:1;min-width:var(--space-0)}.build-selector-modal-info h2{margin:0 0 var(--space-0p25rem);font-size:var(--type-size-1p5rem)}.build-selector-modal-role{color:var(--color-888);font-size:var(--type-size-0p9rem)}.build-selector-modal-quote{margin:var(--space-0p75rem) 0 0;padding:var(--space-0p75rem) var(--space-1rem);background:var(--rgba-100-108-255-0p1);border-left:3px solid var(--color-646cff);border-radius:0 8px 8px 0;font-style:italic;font-size:var(--type-size-0p85rem);color:var(--color-999);line-height:var(--type-lh-1p5)}.build-selector-modal-bio{margin:var(--space-0p75rem) 0 0;font-size:var(--type-size-0p9rem);color:var(--color-aaa);line-height:var(--type-lh-1p5)}.build-selector-modal-builds{padding:var(--space-1p5rem)}.build-selector-modal-builds h3{margin:0 0 var(--space-1rem);font-size:var(--type-size-1rem);color:var(--color-888);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em)}.build-selector-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1rem)}.build-selector-modal-card{background:var(--color-252540);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-8px);padding:var(--space-1rem);text-align:left;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-0p5rem)}.build-selector-modal-card:hover{border-color:var(--color-646cff);transform:translateY(-2px);background:var(--color-2a2a50)}.build-selector-modal-card-name{font-size:var(--type-size-1p1rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.build-selector-modal-card-path{display:flex;align-items:center;gap:var(--space-0p35rem);flex-wrap:wrap;font-size:var(--type-size-0p75rem)}.build-selector-modal-card-path .archetype{padding:var(--space-0p15rem) var(--space-0p4rem);border-radius:3px;font-weight:var(--type-weight-500)}.build-selector-modal-card-path .archetype.base{background:var(--color-2d4a2d);color:var(--color-90ee90)}.build-selector-modal-card-path .archetype.advanced{background:var(--color-4a3d2d);color:var(--color-ffd700)}.build-selector-modal-card-path .archetype.exemplar{background:var(--color-4a2d4a);color:var(--color-da70d6)}.build-selector-modal-card-path .arrow{color:var(--color-555)}.build-selector-modal-card-desc{font-size:var(--type-size-0p85rem);color:var(--color-888);line-height:var(--line-height-1p4)}.build-selector-modal-card .build-source-link{display:inline-flex;align-items:center;margin-top:var(--space-0p5rem);font-size:var(--type-size-0p8rem);color:var(--color-7bb4ff);text-decoration:none}.build-selector-modal-card .build-source-link:hover{text-decoration:underline}.build-selector-modal-card.tracked{border-color:var(--color-4a7c4a);background:var(--rgba-74-124-74-0p1)}.build-selector-modal-card.tracked:hover{border-color:var(--color-5a9c5a);background:var(--rgba-74-124-74-0p2)}.build-selector-modal-card-badge{display:inline-flex;align-items:center;gap:var(--space-4px);padding:var(--space-2px) var(--space-8px);background:var(--color-4a7c4a);border-radius:var(--radius-4px);font-size:var(--type-size-0p7rem);font-weight:var(--type-weight-600);color:var(--color-fff);align-self:flex-start}.build-selector-modal-card.custom{border:2px dashed var(--color-4a4a6a);background:var(--color-transparent)}.build-selector-modal-card.custom:hover{border-color:var(--color-f0c040);background:var(--rgba-240-192-64-0p1)}.build-selector-modal-card.custom .build-selector-modal-card-name{color:var(--color-f0c040)}@media(max-width:600px){.build-selector-modal-header{flex-direction:column;align-items:center;text-align:center}.build-selector-modal-grid{grid-template-columns:1fr}}.build-selector{margin:var(--space-0-auto)}.build-selector h1{margin-bottom:var(--space-0)}.build-selector .subtitle{color:var(--color-888);margin-top:var(--space-0p75rem)}.build-selector .build-credit{color:var(--color-666);font-size:var(--type-size-0p85rem);margin-bottom:var(--space-2rem)}.build-selector .build-credit a{color:var(--color-646cff);text-decoration:none}.build-selector .build-credit a:hover{text-decoration:underline}.build-selector .build-source-link{display:inline-flex;align-items:center;margin-top:var(--space-0p5rem);font-size:var(--type-size-0p8rem);color:var(--color-7bb4ff);text-decoration:none}.build-selector .build-source-link:hover{text-decoration:underline}.filter-section{display:flex;align-items:center;gap:var(--space-0p75rem);flex-wrap:wrap}.rogue-trader-build-card{width:100%;text-align:left;font-family:inherit;color:inherit}.rt-build-icon-wrapper{width:88px;height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-transparent);border:none}.rt-build-icon{width:72px;height:72px;object-fit:contain;object-position:center;border-radius:0;background:var(--color-transparent);border:none}.companion-group-title{margin:var(--space-1rem) 0 var(--space-0p25rem);font-size:var(--type-size-1p35rem);font-weight:var(--font-weight-700);color:var(--color-eef0ff);letter-spacing:.01em;grid-column:1 / -1}.companion-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1rem)}@media(max-width:768px){.build-selector-controls{flex-direction:column;gap:var(--space-1rem)}.filter-section{flex-direction:column;align-items:flex-start}.companion-list{gap:var(--space-0p85rem)}.companion-group-title{font-size:1.15rem}.companion-group{grid-template-columns:1fr}.rt-build-icon-wrapper{display:none}}.companion-section{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1rem);padding:var(--space-1p25rem-1p5rem);cursor:pointer}.companion-section:hover{background:var(--rgba-34-34-64-0p95);border-color:var(--color-8b5cf6);transform:translate(4px)}.companion-section.has-tracked{border-color:var(--rgba-74-124-74-0p4)}.companion-section.has-tracked:hover{border-color:var(--rgba-74-124-74-0p6)}.companion-header,.builds-grid{position:relative;z-index:var(--z-content)}.companion-header{display:flex;flex-direction:column;gap:var(--space-0p75rem);padding-bottom:var(--space-0p75rem);width:100%;background:var(--color-transparent);border:none;cursor:pointer;text-align:left;color:inherit;font-family:inherit}.companion-section.collapsed .companion-header{margin-bottom:var(--space-0);padding-bottom:var(--space-0)}.companion-section.expanded .companion-header{margin-bottom:var(--space-1rem)}.companion-title-row{display:flex;align-items:center;gap:var(--space-1rem);margin-bottom:var(--space-0p5rem)}.companion-expand-icon{margin-left:auto;color:var(--color-888);display:flex;align-items:center;transition:var(--transition-color-0p2s)}.companion-header:hover .companion-expand-icon{color:var(--color-fff)}.companion-card-layout{display:flex;gap:var(--space-1p25rem);flex:1;align-items:flex-start}.companion-card-portrait-wrapper{position:relative;flex-shrink:0;width:88px;height:110px}.companion-card-portrait{width:88px;height:110px;border-radius:var(--radius-10px);object-fit:cover;object-position:top;border:1px solid var(--color-3a3a5a);background:var(--color-2a2a4a);display:block}.companion-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-0p75rem)}.companion-card-level-badge{font-size:var(--type-size-0p8rem);border-radius:var(--radius-6px)}.companion-card-content{flex:1;min-width:var(--space-0);display:flex;flex-direction:column;gap:var(--space-0p5rem)}.companion-card-title{font-size:var(--font-size-1p2rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.companion-card-meta{display:flex;align-items:center;gap:var(--space-0p5rem);font-size:var(--type-size-0p85rem);flex-wrap:wrap;color:var(--color-98a0c3)}.companion-card-origin{color:var(--color-9aa3c2);text-transform:capitalize}.companion-card-separator{color:var(--color-555)}.companion-card-archetype{color:var(--color-c7b47e)}.companion-card-role{color:var(--color-7fd3c7)}.companion-card-desc{margin-top:var(--space-0p35rem);padding-left:var(--space-0p75rem);border-left:var(--space-2px) solid var(--rgba-139-92-246-0p35);font-size:var(--type-size-0p9rem);color:var(--color-b7bdd6);font-style:italic;line-height:var(--type-lh-1p5)}.builds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-1rem)}.build-card{padding:var(--space-1p25rem);text-align:center;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-0p75rem)}.build-card:hover{border-color:var(--color-8b5cf6);transform:translateY(-2px);background:var(--rgba-26-26-46-0p9)}.build-name{font-size:var(--font-size-1p2rem);font-weight:var(--font-weight-700);color:var(--color-fff);line-height:1.2}.build-path{display:flex;align-items:center;gap:var(--space-0p5rem);flex-wrap:wrap;font-size:var(--type-size-0p8rem);line-height:var(--type-lh-1p6)}.build-path .archetype{padding:var(--space-0p2rem) var(--space-0p5rem);border-radius:var(--radius-4px);font-weight:var(--type-weight-500)}.build-path .archetype.base{background:var(--color-2d4a2d);color:var(--color-90ee90)}.build-path .archetype.advanced{background:var(--color-4a3d2d);color:var(--color-ffd700)}.build-path .archetype.exemplar{background:var(--color-4a2d4a);color:var(--color-da70d6)}.build-path .arrow{color:var(--color-555)}.build-desc{font-size:var(--type-size-0p85rem);color:var(--color-b7bdd6);line-height:var(--type-lh-1p5);margin-top:auto}.no-builds{text-align:center;padding:var(--space-3rem);color:var(--color-888)}.coming-soon{padding:var(--space-1p5rem);background:var(--color-1a1a2e);border-radius:var(--radius-12px);text-align:center}.coming-soon h3{margin:var(--space-0-0-0p5rem);color:var(--color-888)}.coming-soon p{color:var(--color-666);margin-bottom:var(--space-1rem)}.companion-tags{display:flex;flex-wrap:wrap;gap:var(--space-0p5rem);justify-content:center}.companion-tag{padding:var(--space-0p25rem) var(--space-0p75rem);background:var(--color-333);border-radius:var(--radius-4px);font-size:var(--type-size-0p85rem);color:var(--color-888)}.companion-header-static{display:flex;flex-direction:column;gap:var(--space-0p75rem);padding-bottom:var(--space-0p75rem);width:100%;flex:1}.companion-header-static .companion-expand-icon{display:none}.tracked-build-preview{display:flex;flex-direction:column;gap:var(--space-0p75rem);padding:var(--space-0p85rem) var(--space-1rem);margin-top:var(--space-0p9rem);border-radius:var(--radius-10px);position:relative;z-index:var(--z-content)}.tracked-build-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-0p5rem);flex-wrap:wrap}.unselected-build-preview:hover{border-color:var(--rgba-139-92-246-0p6)}.unselected-build-info{display:flex;align-items:center;gap:var(--space-0p75rem);flex-wrap:wrap}.unselected-build-count{color:var(--color-9aa3c2);font-size:var(--type-size-0p85rem)}.unselected-build-action{display:flex;align-items:center;gap:var(--space-6px);color:var(--color-b8b0ff);font-size:var(--type-size-0p85rem);font-weight:var(--type-weight-500);white-space:nowrap}.tracked-build-info{display:flex;align-items:baseline;gap:var(--space-0p5rem)}.tracked-build-name{color:var(--color-fff);font-weight:var(--type-weight-500)}.tracked-build-level{color:var(--color-888);font-size:var(--type-size-0p85rem)}.tracked-build-actions{display:flex;align-items:center;gap:var(--space-0p5rem)}.tracked-build-change-btn{padding:var(--space-6px) var(--space-12px);color:var(--color-a7aecf)}.tracked-build-change-btn:hover{background:var(--color-3a3a5a);border-color:var(--color-5a5a7a);color:var(--color-e0e0e0)}.tracked-build-edit-btn{display:flex;align-items:center;gap:var(--space-6px);padding:var(--space-6px) var(--space-12px);background:var(--color-2a2a46);border:1px solid var(--color-4a4a6a);border-radius:var(--radius-6px);color:var(--color-e5e9ff);cursor:pointer;font-size:var(--type-size-0p85rem);transition:var(--transition-fast)}.tracked-build-edit-btn:hover{background:var(--color-4a4a6a);border-color:var(--color-5a5a7a)}.build-card.tracked{border-color:var(--rgba-74-124-74-0p45);background:var(--rgba-18-20-36-0p75)}.build-card.tracked:hover{border-color:var(--rgba-74-124-74-0p6);background:var(--rgba-26-26-46-0p9)}.custom-build-card{border:2px dashed var(--color-4a4a6a)!important;background:var(--color-transparent)!important}.custom-build-card:hover{border-color:var(--color-f0c040)!important;background:var(--rgba-240-192-64-0p1)!important}.custom-build-card .build-name{color:var(--color-f0c040)}@media(max-width:600px){.companion-header{flex-direction:column;align-items:flex-start;gap:var(--space-0p25rem)}.builds-grid{grid-template-columns:1fr}}.tooltip-sheet-overlay{position:fixed;inset:var(--space-0);background:var(--rgba-0-0-0-0);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:background var(--duration-0p3s),opacity var(--duration-0p3s)}.tooltip-sheet-overlay.visible{background:var(--rgba-0-0-0-0p6);opacity:1;pointer-events:auto}.tooltip-sheet{position:fixed;bottom:var(--space-0);left:var(--space-0);right:var(--space-0);background:var(--color-transparent);border-top-left-radius:16px;border-top-right-radius:16px;max-height:70vh;overflow-y:auto;transform:translateY(100%);transition:var(--transition-transform-0p3s-ease-out);z-index:var(--z-tooltip)}.tooltip-sheet.visible{transform:translateY(0)}.tooltip-sheet-close{position:absolute;top:var(--space-12px);right:var(--space-12px);width:32px;height:32px;border:none;background:var(--color-2a2218);color:var(--color-e2c98c);border-radius:var(--radius-50pct);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.tooltip-sheet-close:hover{background:var(--color-3a2e1d);color:var(--color-fff1c9)}.tooltip-sheet-content{padding:var(--space-16px) var(--space-20px) var(--space-32px)}.tooltip-sheet-header{display:flex;align-items:center;gap:var(--space-12px);margin-bottom:var(--space-16px);padding-bottom:var(--space-16px);border-bottom:1px solid var(--color-3a3a5a)}.tooltip-sheet-icon{width:56px;height:56px;border-radius:var(--radius-8px);object-fit:cover;border:1px solid var(--color-3a3a5a);background-color:var(--color-0f0f1a);flex-shrink:0}.tooltip-sheet-titles{flex:1;min-width:var(--space-0)}.tooltip-sheet-title{margin:var(--space-0);font-size:var(--type-size-1p25rem);font-weight:var(--type-weight-600);color:var(--color-f0c040)}.tooltip-sheet-subtitle{font-size:var(--type-size-0p85rem);color:var(--color-8a8aaa);font-style:italic;display:block;margin-top:var(--space-2px)}.tooltip-sheet-subtitle.badge{display:inline-flex;align-items:center;align-self:flex-start;padding:var(--space-0p2rem-0p6rem);border-radius:var(--radius-6px);font-style:normal;font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);letter-spacing:.04em;margin-top:var(--space-6px)}.tooltip-sheet-meta{display:flex;flex-wrap:wrap;gap:var(--space-12px);margin-bottom:var(--space-16px);font-size:var(--type-size-0p9rem)}.tooltip-sheet-meta-item{color:var(--color-a0a0c0)}.tooltip-sheet-description{font-size:var(--type-size-1rem);line-height:var(--type-lh-1p6);color:var(--color-c0c0d0)}.tooltip-sheet-description p{margin:0 0 var(--space-12px) 0}.tooltip-sheet-description p:last-child{margin-bottom:var(--space-0)}@supports (padding-bottom: env(safe-area-inset-bottom)){.tooltip-sheet-content{padding-bottom:calc(var(--space-32px) + env(safe-area-inset-bottom))}}.crpg-tooltip-card{background:var(--color-1b1b1b);border:1px solid var(--color-6f5f3b);border-radius:var(--radius-12px);padding:var(--space-16px);color:var(--color-d9cdb8);box-shadow:0 10px 30px var(--rgba-0-0-0-0p55)}.crpg-tooltip-card.tooltip{min-width:320px;max-width:460px}.crpg-tooltip-card.sheet{width:100%}.crpg-tooltip-container{position:fixed;z-index:var(--z-modal);pointer-events:none}.crpg-tooltip-container.top{bottom:calc(100% + var(--space-8px))}.crpg-tooltip-container.bottom{top:calc(100% + var(--space-8px))}.crpg-tooltip-header{display:flex;align-items:center;gap:var(--space-14px);margin-bottom:var(--space-1rem)}.crpg-tooltip-icon-wrap{width:64px;height:64px;border-radius:var(--radius-8px);background:var(--color-25201a);border:1px solid var(--color-6f5f3b);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 12px var(--rgba-217-184-109-0p18)}.crpg-tooltip-icon{width:56px;height:56px;object-fit:contain}.crpg-tooltip-title{font-size:var(--type-size-1p5rem);font-weight:var(--font-weight-700);color:var(--color-e8dbc6)}.crpg-tooltip-badge{display:inline-flex;align-items:center;padding:var(--space-4px) var(--space-10px);border-radius:var(--radius-8px);font-size:var(--type-size-0p75rem);font-weight:var(--font-weight-700);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);background:var(--color-f0a319);color:var(--color-1b1206);width:fit-content}.crpg-tooltip-divider{height:1px;background:var(--color-514636);margin:var(--space-14px) 0}.crpg-tooltip-kv{display:flex;gap:var(--space-8px);flex-wrap:wrap;font-size:var(--font-size-1p05rem)}.crpg-tooltip-label{font-weight:var(--font-weight-700);color:var(--color-e6d9c4)}.crpg-tooltip-value{color:var(--color-bfae95)}.crpg-tooltip-description{font-size:var(--font-size-1p05rem);line-height:var(--type-lh-1p6);color:var(--color-c7b7a0);white-space:pre-line}.crpg-tooltip-description.italic{font-style:italic;color:var(--color-c5b39c)}.crpg-tooltip-callout{color:var(--color-f0a319);font-weight:var(--font-weight-700);font-size:var(--font-size-1p05rem)}@media(max-width:768px){.crpg-tooltip-card.tooltip{min-width:var(--space-0);max-width:none}}.talent-tooltip-trigger{position:relative;cursor:pointer}.gear-tooltip-trigger{position:relative;cursor:pointer;color:var(--color-8ac4ff)}.archetype-tooltip-trigger{position:relative;cursor:pointer;padding:var(--space-0p25rem-0p5rem);border-radius:var(--radius-4px);font-size:var(--type-size-0p85rem);font-weight:var(--type-weight-500);transition:var(--transition-fast)}.archetype-tooltip-trigger.tier-base{background:var(--color-2d4a2d);color:var(--color-90ee90)}.archetype-tooltip-trigger.tier-base:hover{background:var(--color-3d5a3d)}.archetype-tooltip-trigger.tier-advanced{background:var(--color-4a3d2d);color:var(--color-ffd700)}.archetype-tooltip-trigger.tier-advanced:hover{background:var(--color-5a4d3d)}.archetype-tooltip-trigger.tier-exemplar{background:var(--color-4a2d4a);color:var(--color-da70d6)}.archetype-tooltip-trigger.tier-exemplar:hover{background:var(--color-5a3d5a)}.keyword-trigger{position:relative;cursor:pointer;border-bottom:1px dotted currentColor;font-weight:var(--type-weight-500)}.keyword-homeworld{color:var(--color-4a9eff)}.keyword-origin{color:var(--color-9b59b6)}.keyword-archetype{color:var(--color-e74c3c)}.keyword-characteristic{color:var(--color-f39c12)}.keyword-skill{color:var(--color-2ecc71)}.keyword-stat{color:var(--color-1abc9c)}.keyword-conviction{color:var(--color-e91e63)}.keyword-status-effect{color:var(--color-ff5722)}.keyword-talent{color:var(--color-3498db)}.keyword-ability{color:var(--color-8e44ad)}.party-bar{position:fixed;bottom:var(--space-0);left:var(--space-0);right:var(--space-0);z-index:var(--z-sticky);padding:var(--space-1rem) var(--space-1rem) var(--space-1p25rem)}.party-bar-content{display:flex;align-items:center;gap:var(--space-1rem);max-width:900px;margin:var(--space-0-auto);background:var(--color-1a1a2e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-12px);padding:var(--space-0p75rem) var(--space-1rem);box-shadow:0 -4px 20px var(--rgba-0-0-0-0p4)}.party-label{color:var(--color-666);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);white-space:nowrap}.party-avatars{display:flex;gap:var(--space-0p5rem);flex:1;overflow-x:auto;padding:var(--space-0p25rem) 0;scrollbar-width:none}.party-avatars::-webkit-scrollbar{display:none}.party-member{position:relative;width:56px;height:56px;border-radius:var(--radius-8px);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;border:2px solid var(--color-444);overflow:hidden;background:var(--color-2a2a4a)}.party-member:hover{border-color:var(--color-666);transform:translateY(-2px)}.party-member.active{border-color:var(--color-8b5cf6);box-shadow:0 0 0 2px var(--rgba-139-92-246-0p3)}.party-member.delete-mode{animation:shake .3s ease-in-out infinite}.party-member.delete-mode:hover{border-color:var(--color-f87171)}@keyframes shake{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.party-avatar{width:100%;height:100%;object-fit:cover;object-position:top}.party-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--type-size-1rem);font-weight:var(--type-weight-600);color:var(--color-888);background:linear-gradient(135deg,var(--color-2a2a4a) 0%,var(--color-1a1a2e) 100%)}.party-avatar-fallback.hidden{display:none}.party-level{position:absolute;bottom:var(--space-2px);right:var(--space-2px);background:var(--rgba-0-0-0-0p8);color:var(--color-8b5cf6);font-size:var(--type-size-0p7rem);font-weight:var(--type-weight-600);padding:var(--space-0p1rem) var(--space-0p3rem);border-radius:var(--radius-4px);line-height:1}.delete-badge{position:absolute;top:calc(-1 * var(--space-4px));right:calc(-1 * var(--space-4px));width:18px;height:18px;background:var(--color-dc2626);color:var(--color-white);border-radius:var(--radius-50pct);display:flex;align-items:center;justify-content:center;font-size:var(--type-size-0p7rem);font-weight:var(--font-weight-700)}.active-indicator{position:absolute;bottom:calc(-1 * var(--space-2px));left:50%;transform:translate(-50%);width:var(--space-8px);height:var(--space-8px);background:var(--color-8b5cf6);border-radius:var(--radius-50pct);box-shadow:0 0 6px var(--color-8b5cf6)}.party-avatar-expand{position:absolute;top:var(--space-2px);left:var(--space-2px);width:20px;height:20px;background:var(--rgba-0-0-0-0p7);border:none;border-radius:var(--radius-4px);color:var(--color-aaa);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-opacity-0p2s)}.party-member:hover .party-avatar-expand{opacity:1}.party-avatar-expand:hover{background:var(--rgba-139-92-246-0p8);color:var(--color-white)}.party-member.player-character{border-color:var(--color-f0c040)}.party-member.player-character.active{border-color:var(--color-f0c040);box-shadow:0 0 0 2px var(--rgba-240-192-64-0p3)}.party-edit-btn{width:36px;height:36px;border:1px solid var(--color-444);border-radius:var(--radius-8px);background:var(--color-2a2a4a);color:var(--color-888);cursor:pointer;font-size:var(--type-size-1rem);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);flex-shrink:0}.party-edit-btn:hover{background:var(--color-3a3a5a);color:var(--color-fff);border-color:var(--color-666)}.party-edit-btn.active{background:var(--color-7f1d1d);border-color:var(--color-dc2626);color:var(--color-f87171)}@media(max-width:768px){.party-bar{padding:var(--space-0p75rem) var(--space-0p75rem) var(--space-1rem)}.party-bar-content{padding:var(--space-0p5rem) var(--space-0p75rem);gap:var(--space-0p75rem)}.party-member{width:48px;height:48px}.party-label{display:none}}.lightbox-overlay{position:fixed;top:var(--space-0);left:var(--space-0);right:var(--space-0);bottom:var(--space-0);background:var(--rgba-0-0-0-0p9);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-close{position:absolute;top:var(--space-20px);right:var(--space-20px);width:44px;height:44px;border-radius:var(--radius-50pct);background:var(--rgba-255-255-255-0p1);border:none;color:var(--color-fff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-background-0p2s)}.lightbox-close:hover{background:var(--rgba-255-255-255-0p2)}.lightbox-content{max-width:90vw;max-height:90vh;animation:lightbox-scale-in .2s ease}@keyframes lightbox-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-image{max-width:100%;max-height:90vh;border-radius:var(--radius-12px);box-shadow:0 20px 60px var(--rgba-0-0-0-0p5)}.avatar-upload{position:relative}.avatar-upload-input{display:none}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-0p5rem);width:80px;height:100px;background:var(--color-2a2a4a);border:2px dashed var(--color-3a3a5a);border-radius:var(--radius-8px);color:var(--color-888);cursor:pointer;transition:var(--transition-fast)}.avatar-upload-placeholder:hover{border-color:var(--color-8b5cf6);color:var(--color-8b5cf6);background:var(--color-1a1a2e)}.avatar-upload-placeholder:disabled{opacity:.5;cursor:not-allowed}.avatar-upload-placeholder span{font-size:3rem;text-align:center;color:var(--color-fff)}.avatar-upload-plus{font-size:2rem;font-weight:300;line-height:1}.avatar-upload-preview{position:relative;width:80px;height:100px}.avatar-upload-image{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:var(--radius-8px);border:2px solid var(--color-444)}.avatar-upload-actions{position:absolute;bottom:calc(-1 * var(--space-8px));left:50%;transform:translate(-50%);display:flex;gap:var(--space-0p25rem);opacity:0;transition:var(--transition-opacity-0p2s)}.avatar-upload-preview:hover .avatar-upload-actions{opacity:1}.avatar-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-50pct);cursor:pointer;transition:var(--transition-fast)}.avatar-action-btn.upload{background:var(--color-8b5cf6);color:var(--color-white)}.avatar-action-btn.upload:hover{background:var(--color-7c3aed)}.avatar-action-btn.delete{background:var(--color-ef4444);color:var(--color-white)}.avatar-action-btn.delete:hover{background:var(--color-dc2626)}.avatar-action-btn:disabled{opacity:.5;cursor:not-allowed}.avatar-upload-error{position:absolute;top:100%;left:var(--space-0);right:var(--space-0);margin-top:var(--space-0p5rem);padding:var(--space-0p25rem-0p5rem);background:var(--color-7f1d1d);color:var(--color-fca5a5);font-size:var(--type-size-0p7rem);border-radius:var(--radius-4px);text-align:center;white-space:nowrap}@media(max-width:768px){.avatar-upload-actions{opacity:1}}.add-to-party-desktop{flex-shrink:0}.add-to-party-desktop.btn,.add-to-party-mobile .btn{border-radius:var(--radius-999px);font-weight:var(--type-weight-600);background:var(--color-28a75e)}.add-to-party-desktop.btn:hover,.add-to-party-mobile .btn:hover{background:var(--color-1d7241)}.add-to-party-mobile{display:none}@media(max-width:768px){.add-to-party-desktop{display:none}.add-to-party-mobile{display:block;position:fixed;bottom:var(--space-1rem);left:var(--space-1rem);right:var(--space-1rem);z-index:var(--z-sticky)}.add-to-party-mobile.above-party-bar{bottom:var(--space-100px)}.add-to-party-mobile .btn{width:100%;padding:var(--space-1rem);font-size:var(--type-size-1rem)}}.build-viewer{margin:var(--space-0-auto)}.build-viewer.has-party-bar{padding-bottom:var(--space-100px)}.build-viewer-header{display:flex;align-items:flex-start;gap:var(--space-1rem);margin-bottom:var(--space-1rem)}@media(max-width:768px){.build-viewer-header{flex-direction:column;align-items:center;text-align:center}.build-viewer-header .build-title{flex:1;align-items:center;display:flex;flex-direction:column}.build-viewer-header .archetype-path,.build-viewer-header .skill-options{justify-content:center}.build-viewer-header .build-description{text-align:center}}.build-avatar-level{position:absolute;bottom:var(--space-4px);right:var(--space-4px);background:var(--rgba-139-92-246-0p2);color:var(--color-b8b0ff);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);padding:var(--space-2px) var(--space-6px);border-radius:var(--radius-6px);min-width:20px;text-align:center;box-shadow:0 2px 6px var(--rgba-0-0-0-0p35)}.build-avatar{width:80px;height:100px;border-radius:var(--radius-8px);object-fit:cover;object-position:top;border:1px solid var(--color-3a3a5a);background:var(--color-2a2a4a);box-shadow:0 6px 18px var(--rgba-0-0-0-0p35);display:block}.build-avatar-upload .avatar-upload-placeholder,.build-avatar-upload .avatar-upload-preview{width:80px;height:100px}.build-title h2{margin:var(--space-0-0-0p5rem)}.archetype-path{display:flex;align-items:center;gap:var(--space-0p5rem);flex-wrap:wrap;margin-bottom:var(--space-0p5rem)}.archetype-path .tier{padding:var(--space-0p25rem-0p5rem);border-radius:var(--radius-4px);font-size:var(--type-size-0p85rem);font-weight:var(--type-weight-500)}.archetype-path .tier.base{background:var(--color-2d4a2d);color:var(--color-90ee90)}.archetype-path .tier.advanced{background:var(--color-4a3d2d);color:var(--color-ffd700)}.archetype-path .tier.exemplar{background:var(--color-4a2d4a);color:var(--color-da70d6)}.archetype-path .arrow{color:var(--color-666)}.build-description{margin-bottom:var(--space-1rem)}.video-link{display:inline-block;margin-bottom:var(--space-1rem);color:var(--color-646cff)}.skill-options{margin-bottom:var(--space-0p5rem);padding:var(--space-0p25rem) 0}.level-indicator{display:flex;align-items:center;gap:var(--space-0p75rem);margin-bottom:var(--space-1rem)}.progression-view{margin-top:var(--space-1rem)}.tier-accordion{margin-bottom:var(--space-0p75rem);border-radius:var(--radius-8px);overflow:hidden}.tier-accordion.base{background:var(--color-2d4a2d)}.tier-accordion.advanced{background:var(--color-4a3d2d)}.tier-accordion.exemplar{background:var(--color-4a2d4a)}.tier-accordion-header{display:flex;align-items:center;gap:var(--space-0p75rem);width:100%;padding:var(--space-0p75rem) var(--space-1rem);border:none;cursor:pointer;font-weight:var(--type-weight-600);font-size:var(--type-size-1rem);transition:var(--transition-fast);text-align:left}.tier-accordion-header.base{background:var(--color-2d4a2d);color:var(--color-90ee90)}.tier-accordion-header.base:hover{background:var(--color-3d5a3d)}.tier-accordion-header.advanced{background:var(--color-4a3d2d);color:var(--color-ffd700)}.tier-accordion-header.advanced:hover{background:var(--color-5a4d3d)}.tier-accordion-header.exemplar{background:var(--color-4a2d4a);color:var(--color-da70d6)}.tier-accordion-header.exemplar:hover{background:var(--color-5a3d5a)}.tier-accordion-header.completed{opacity:.8}.tier-accordion-icon{font-size:var(--type-size-0p75rem);transition:var(--transition-transform-0p2s)}.tier-accordion-title{flex:1}.tier-completed-badge{font-size:var(--type-size-0p75rem);padding:var(--space-0p2rem) var(--space-0p5rem);background:var(--rgba-0-0-0-0p2);border-radius:var(--radius-4px);font-weight:var(--type-weight-500)}.tier-accordion-content{display:flex;flex-direction:column;gap:var(--space-0p5rem);padding:var(--space-0p75rem) var(--space-1rem)}.level-list{display:flex;flex-direction:column;gap:var(--space-0p25rem)}.level-row{display:flex;gap:var(--space-1rem);padding:var(--space-0p6rem) var(--space-0p75rem);background:var(--rgba-18-20-36-0p75);border-radius:var(--radius-8px);border:1px solid var(--rgba-106-112-160-0p25);border-left:3px solid var(--color-transparent);cursor:pointer;transition:var(--transition-fast)}.level-row.base{border-left-color:var(--color-4a804a)}.level-row.advanced{border-left-color:var(--color-c9a030)}.level-row.exemplar{border-left-color:var(--color-a050a0)}.level-row.current{background:var(--rgba-139-92-246-0p15);border-color:var(--rgba-139-92-246-0p6);position:relative;z-index:var(--z-content)}.level-row.completed .level-number,.level-row.completed .level-content{opacity:.7}.level-number{min-width:60px;font-weight:var(--font-weight-700);color:var(--color-9aa3c2);display:flex;align-items:center;gap:var(--space-0p25rem)}.level-row.completed .level-number,.level-number .check{color:var(--color-4a804a)}.level-content{flex:1;display:flex;flex-direction:column;gap:var(--space-0p25rem)}.talents{display:flex;flex-wrap:wrap;gap:var(--space-0p5rem)}.talent{padding:var(--space-0p2rem) var(--space-0p5rem);background:var(--rgba-139-92-246-0p15);border-radius:var(--radius-6px);font-size:var(--type-size-0p9rem);color:var(--color-cfd6ff)}.stat-increase{color:var(--color-90ee90);font-size:var(--type-size-0p85rem)}.level-notes{color:var(--color-9aa3c2);font-size:var(--type-size-0p8rem);font-style:italic}.gear-view{display:flex;flex-direction:column;gap:var(--space-0p75rem)}.gear-slot{display:flex;gap:var(--space-1rem);padding:var(--space-0p75rem);border-radius:var(--radius-10px)}.slot-name{min-width:100px;font-weight:var(--type-weight-500);color:var(--color-c7cbe1)}.gear-options{flex:1;display:flex;flex-wrap:wrap;gap:var(--space-0p5rem)}.gear-item{padding:var(--space-0p2rem) var(--space-0p5rem);background:var(--rgba-139-92-246-0p12);border-radius:var(--radius-6px);font-size:var(--type-size-0p9rem);transition:var(--transition-background-0p2s)}.gear-item:hover{background:var(--rgba-139-92-246-0p2)}.gear-item.primary{background:var(--color-4a3d2d);color:var(--color-ffd700)}.gear-item.primary:hover{background:var(--color-5a4d3d)}@media(max-width:600px){.build-viewer-header{flex-direction:column}.archetype-path{font-size:var(--type-size-0p8rem)}.gear-slot{flex-direction:column;gap:var(--space-0p5rem)}.slot-name{min-width:auto}}.custom-build-editor{max-width:900px;margin:var(--space-0-auto)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1p5rem);padding-bottom:var(--space-1rem);border-bottom:1px solid var(--color-3a3a5a)}.editor-header h2{margin:var(--space-0);color:var(--color-f0c040)}.header-actions{display:flex;gap:var(--space-0p75rem)}.editor-form{background:var(--color-1a1a2e);border-radius:var(--radius-8px);padding:var(--space-1p5rem);margin-bottom:var(--space-1p5rem)}.form-row{display:flex;gap:var(--space-1p5rem);margin-bottom:var(--space-1rem)}.form-row.full-width{flex-direction:column}.form-row label{flex:1;display:flex;flex-direction:column;gap:var(--space-0p5rem);color:var(--color-a0a0c0);font-size:var(--type-size-0p9rem)}.form-row input,.form-row select,.form-row textarea{padding:var(--space-0p6rem) var(--space-0p8rem);background:var(--color-2a2a3e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-6px);color:var(--color-e0e0e0);font-size:.95rem}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--color-f0c040)}.form-row textarea{resize:vertical;min-height:60px}.progression-editor h3{margin:0 0 var(--space-0p5rem) 0;color:var(--color-e0e0e0)}.progression-editor .hint{color:var(--color-888);font-size:var(--type-size-0p85rem);margin-bottom:var(--space-1rem)}.tier-divider{padding:var(--space-0p75rem) var(--space-1rem);margin-top:var(--space-1rem);font-weight:var(--type-weight-600);font-size:var(--type-size-0p9rem);border-radius:6px 6px 0 0}.tier-divider.base{background:linear-gradient(90deg,var(--color-accent-green-muted),transparent);color:var(--color-8aff8a)}.tier-divider.advanced{background:linear-gradient(90deg,var(--color-accent-blue-muted),transparent);color:var(--color-8a8aff)}.tier-divider.exemplar{background:linear-gradient(90deg,var(--color-accent-brown-muted),transparent);color:var(--color-ffaa6a)}.level-row{display:flex;align-items:flex-start;padding:var(--space-0p75rem) var(--space-1rem);background:var(--color-1a1a2e);border-left:3px solid var(--color-transparent);cursor:pointer;transition:var(--transition-fast)}.level-row:hover{background:var(--color-2a2a3e)}.level-row.editing{background:var(--color-2a2a4e);border-left-color:var(--color-f0c040)}.level-row.base{border-left-color:var(--color-3a5a3a)}.level-row.advanced{border-left-color:var(--color-4a4a7a)}.level-row.exemplar{border-left-color:var(--color-6a4a3a)}.level-number{width:50px;font-weight:var(--type-weight-600);color:var(--color-888);flex-shrink:0}.level-talents{flex:1;display:flex;flex-wrap:wrap;gap:var(--space-0p5rem)}.selected-talent{padding:var(--space-0p25rem) var(--space-0p6rem);background:var(--color-3a4a3a);border-radius:var(--radius-4px);font-size:var(--type-size-0p85rem);color:var(--color-c0ffc0)}.no-talents{color:var(--color-666);font-size:var(--type-size-0p85rem);font-style:italic}.talent-picker{background:var(--color-1a1a2e);border:1px solid var(--color-3a3a5a);border-radius:0 0 8px 8px;margin-top:-1px;padding:var(--space-1rem)}.talent-search{width:100%;padding:var(--space-0p6rem) var(--space-0p8rem);background:var(--color-2a2a3e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-6px);color:var(--color-e0e0e0);font-size:var(--type-size-0p9rem);margin-bottom:var(--space-0p75rem)}.talent-search:focus{outline:none;border-color:var(--color-f0c040)}.talent-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2px)}.talent-option{display:flex;justify-content:space-between;align-items:center;padding:var(--space-0p5rem) var(--space-0p75rem);background:var(--color-2a2a3e);border-radius:var(--radius-4px);cursor:pointer;transition:var(--transition-all-0p15s)}.talent-option:hover{background:var(--color-3a3a4e)}.talent-option.selected{background:var(--color-3a5a3a);border-left:3px solid var(--color-8aff8a)}.talent-name{font-size:var(--type-size-0p9rem);color:var(--color-e0e0e0)}.talent-source{font-size:var(--type-size-0p75rem);color:var(--color-888)}.more-talents{padding:var(--space-0p5rem);text-align:center;color:var(--color-888);font-size:var(--type-size-0p85rem);font-style:italic}@media(max-width:600px){.form-row{flex-direction:column;gap:var(--space-1rem)}.editor-header{flex-direction:column;gap:var(--space-1rem);align-items:flex-start}}.companion-detail-screen.rt{max-width:1200px;margin:var(--space-0-auto);padding:0 var(--space-1rem) var(--space-2rem)}.companion-detail-header,.back-button{margin-bottom:var(--space-1p5rem)}.companion-detail-summary{background:var(--rgba-26-26-46-0p9);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-14px);padding:var(--space-1p25rem-1p5rem);margin-bottom:var(--space-1p5rem)}.companion-summary-layout{display:flex;gap:var(--space-1rem);align-items:flex-start}.companion-summary-portrait-wrapper{flex-shrink:0}.companion-summary-portrait{width:120px;height:160px;border-radius:var(--radius-10px);object-fit:cover;object-position:top;border:1px solid var(--color-3a3a5a);background:var(--color-2a2a4a);box-shadow:0 6px 18px var(--rgba-0-0-0-0p35)}.companion-summary-content{flex:1;min-width:var(--space-0);display:flex;flex-direction:column;gap:var(--space-0p5rem)}.companion-summary-title{font-size:var(--type-size-1p5rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.companion-summary-meta{display:flex;flex-wrap:wrap;gap:var(--space-0p5rem);align-items:center;font-size:var(--font-size-0p875rem);color:var(--color-98a0c3)}.companion-summary-meta .separator{opacity:.5}.companion-summary-desc{font-size:var(--type-size-0p9rem);line-height:var(--type-lh-1p5);color:var(--color-b7bdd6)}.filter-label{font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);color:var(--color-9aa3c2)}@media(max-width:768px){.companion-summary-layout{flex-direction:column;align-items:center;text-align:center}.companion-detail-controls{flex-direction:column;gap:var(--space-1rem)}.filter-section{flex-direction:column;align-items:flex-start}}.build-selector-modal-overlay.bg3{position:fixed;inset:var(--space-0);background:var(--rgba-0-0-0-0p85);z-index:var(--z-menu);display:flex;align-items:center;justify-content:center;padding:var(--space-1rem)}.build-selector-modal-overlay.bg3 .build-selector-modal{background:var(--color-1a1a2e);border-radius:var(--radius-16px);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.build-selector-modal-overlay.bg3 .build-selector-modal-close{position:absolute;top:var(--space-1rem);right:var(--space-1rem);background:var(--rgba-255-255-255-0p1);border:none;border-radius:var(--radius-8px);padding:var(--space-0p5rem);cursor:pointer;color:var(--color-888);transition:var(--transition-fast);z-index:var(--z-content)}.build-selector-modal-overlay.bg3 .build-selector-modal-close:hover{background:var(--rgba-255-255-255-0p2);color:var(--color-fff)}.build-selector-modal-overlay.bg3 .build-selector-modal-header{padding:var(--space-1p25rem-1p5rem);border-bottom:1px solid var(--color-3a3a5a)}.build-selector-modal-overlay.bg3 .build-selector-modal-header h2{margin:var(--space-0);font-size:var(--type-size-1p25rem);color:var(--color-fff)}.build-selector-modal-overlay.bg3 .build-selector-modal-builds{padding:var(--space-1rem)}.build-selector-modal-overlay.bg3 .build-selector-modal-grid{display:flex;flex-direction:column;gap:var(--space-1rem)}.build-selector-modal-overlay.bg3 .build-selector-modal-card{display:block;padding:var(--space-1rem);background:var(--color-252540);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-12px);cursor:pointer;transition:var(--transition-fast);text-align:left;color:inherit;font-family:inherit;width:100%}.build-selector-modal-overlay.bg3 .build-selector-modal-card:hover{background:var(--color-2a2a50);border-color:var(--color-8b5cf6);transform:translateY(-2px)}.build-selector-modal-overlay.bg3 .build-selector-modal-card.tracked{border-color:var(--color-4a7c4a);background:var(--rgba-74-124-74-0p15)}.build-selector-modal-overlay.bg3 .build-selector-modal-card.tracked:hover{border-color:var(--color-5a9c5a);background:var(--rgba-74-124-74-0p2)}.build-selector-modal-overlay.bg3 .build-card-layout{display:flex;gap:var(--space-1rem)}.build-selector-modal-overlay.bg3 .build-card-icon-wrapper{position:relative;flex-shrink:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.build-selector-modal-overlay.bg3 .build-card-class-icon{width:80px;height:80px;object-fit:contain}.build-selector-modal-overlay.bg3 .build-card-level-badge{position:absolute;bottom:var(--space-4px);right:var(--space-4px);background:var(--color-4a7c4a);color:var(--color-fff);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);padding:var(--space-2px) var(--space-6px);border-radius:var(--radius-4px);min-width:20px;text-align:center}.build-selector-modal-overlay.bg3 .build-card-content{flex:1;min-width:var(--space-0);display:flex;flex-direction:column;gap:var(--space-0p5rem)}.build-selector-modal-overlay.bg3 .build-card-title{font-size:var(--type-size-1p1rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.build-selector-modal-overlay.bg3 .build-card-meta{display:flex;align-items:center;gap:var(--space-0p5rem);font-size:var(--type-size-0p85rem);flex-wrap:wrap}.build-selector-modal-overlay.bg3 .build-card-race{color:var(--color-888)}.build-selector-modal-overlay.bg3 .build-card-separator{color:var(--color-555)}.build-selector-modal-overlay.bg3 .build-card-background{color:var(--color-f0a040)}.build-selector-modal-overlay.bg3 .build-card-classes{color:var(--color-10b981)}.build-selector-modal-overlay.bg3 .build-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-0p4rem)}.build-selector-modal-overlay.bg3 .build-card-gear{display:flex;flex-wrap:wrap;gap:var(--space-0p35rem);margin-top:var(--space-0p45rem)}.build-selector-modal-overlay.bg3 .build-card-gear-icon{width:26px;height:26px;border-radius:7px;object-fit:cover;border:1px solid var(--rgba-255-255-255-0p08);background:var(--rgba-0-0-0-0p3)}.build-selector-modal-overlay.bg3 .build-card-tag{padding:var(--space-2px) var(--space-8px);background:var(--color-3a3a5a);border-radius:var(--radius-4px);font-size:var(--type-size-0p75rem);color:var(--color-888)}.build-selector-modal-overlay.bg3 .build-card-tag.difficulty{font-weight:var(--type-weight-600)}.build-selector-modal-overlay.bg3 .build-card-tag.difficulty.beginner{background:var(--rgba-74-124-74-0p3);color:var(--color-6a9c6a)}.build-selector-modal-overlay.bg3 .build-card-tag.difficulty.intermediate{background:var(--rgba-200-150-50-0p3);color:var(--color-f0a040)}.build-selector-modal-overlay.bg3 .build-card-tag.difficulty.advanced{background:var(--rgba-200-80-80-0p3);color:var(--color-f06060)}.build-selector-modal-overlay.bg3 .build-card-desc{margin-top:var(--space-0p25rem);padding:var(--space-0p75rem);background:var(--rgba-0-0-0-0p3);border-radius:var(--radius-6px);font-size:var(--type-size-0p85rem);color:var(--color-999);font-style:italic;line-height:var(--type-lh-1p5)}.build-selector-modal-overlay.bg3 .build-source-link{display:inline-flex;align-items:center;margin-top:var(--space-0p5rem);font-size:var(--type-size-0p8rem);color:var(--color-7bb4ff);text-decoration:none}.build-selector-modal-overlay.bg3 .build-source-link:hover{text-decoration:underline}@media(max-width:600px){.build-selector-modal-overlay.bg3 .build-selector-modal{max-height:85vh}.build-selector-modal-overlay.bg3 .build-selector-modal-header{padding:var(--space-1rem)}.build-selector-modal-overlay.bg3 .build-selector-modal-header h2{font-size:var(--type-size-1p1rem);padding-right:var(--space-2rem)}.build-selector-modal-overlay.bg3 .build-card-layout{gap:var(--space-0p75rem)}.build-selector-modal-overlay.bg3 .build-card-icon-wrapper{width:72px;height:72px}.build-selector-modal-overlay.bg3 .build-card-class-icon{width:56px;height:56px}.build-selector-modal-overlay.bg3 .build-card-portrait{width:80px;height:80px}.build-selector-modal-overlay.bg3 .build-card-title{font-size:var(--type-size-1rem)}.build-selector-modal-overlay.bg3 .build-card-meta{font-size:var(--type-size-0p8rem)}}.build-selector.bg3{margin:var(--space-0-auto)}.build-selector.bg3 h2{margin:0 0 var(--space-0p5rem) 0;color:var(--color-fff)}.build-selector.bg3 .build-credit{color:var(--color-666);font-size:var(--type-size-0p9rem);margin-bottom:var(--space-1p5rem)}.build-selector.bg3 .build-list .build-card{padding:var(--space-1p25rem);cursor:pointer;transition:var(--transition-fast);text-align:left;width:100%}.build-selector.bg3 .build-list .build-card:hover{background:var(--rgba-26-26-46-0p9);border-color:var(--color-8b5cf6);transform:translateY(-2px)}.build-selector.bg3 .build-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-0p5rem);gap:var(--space-0p5rem)}.build-selector.bg3 .build-card-header h3{margin:var(--space-0);color:var(--color-fff);font-size:var(--type-size-1p1rem)}.build-selector.bg3 .difficulty-badge{padding:var(--space-0p2rem-0p6rem);border-radius:var(--radius-4px);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600)}.build-selector.bg3 .difficulty-badge.beginner{background:var(--color-064e3b);color:var(--color-34d399)}.build-selector.bg3 .difficulty-badge.intermediate{background:var(--color-78350f);color:var(--color-fbbf24)}.build-selector.bg3 .difficulty-badge.advanced{background:var(--color-7f1d1d);color:var(--color-f87171)}.build-selector.bg3 .build-card-meta{display:flex;align-items:center;gap:var(--space-0p5rem);color:var(--color-98a0c3);font-size:var(--type-size-0p85rem);margin-bottom:var(--space-0p75rem)}.build-selector.bg3 .build-card-meta .separator{color:var(--color-444)}.build-selector.bg3 .build-card-meta .race{color:var(--color-9aa3c2)}.build-selector.bg3 .build-card-meta .classes{color:var(--color-7fd3c7)}.build-selector.bg3 .build-card-description{color:var(--color-b7bdd6);font-size:var(--type-size-0p9rem);margin:0 0 var(--space-0p75rem) 0;line-height:var(--line-height-1p4);text-align:center}.build-selector.bg3 .build-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-0p5rem)}.build-selector.bg3 .build-card-tags .tag{background:var(--rgba-139-92-246-0p12);color:var(--color-c7cbe1);padding:var(--space-0p2rem) var(--space-0p5rem);border-radius:var(--radius-6px);font-size:var(--type-size-0p75rem)}.build-selector.bg3 .build-source-link{display:inline-flex;align-items:center;margin-top:var(--space-0p5rem);font-size:var(--type-size-0p8rem);color:var(--color-7bb4ff);text-decoration:none}.build-selector.bg3 .build-source-link:hover{text-decoration:underline}.build-selector.bg3 .companion-list,.build-selector.bg3 .companion-group{display:flex;flex-direction:column;gap:var(--space-1rem)}.build-selector.bg3 .companion-group-title{margin:var(--space-1rem) 0 var(--space-0p25rem);font-size:var(--type-size-1p35rem);font-weight:var(--font-weight-700);color:var(--color-eef0ff);letter-spacing:.01em}@media(max-width:768px){.build-selector.bg3 .companion-list{gap:var(--space-0p85rem)}.build-selector.bg3 .companion-group-title{font-size:1.15rem}}.build-selector.bg3 .companion-section{padding:var(--space-1p25rem-1p5rem);display:flex;flex-direction:column;cursor:pointer;text-align:left;font-family:inherit;color:inherit;width:100%}.build-selector.bg3 .companion-section:hover{background:var(--rgba-34-34-64-0p95);border-color:var(--color-8b5cf6);transform:translate(4px)}.build-selector.bg3 .companion-section.has-tracked{border-color:var(--rgba-74-124-74-0p4)}.build-selector.bg3 .companion-section.has-tracked:hover{border-color:var(--rgba-74-124-74-0p6)}.build-selector.bg3 .companion-card-layout{display:flex;gap:var(--space-1p25rem);flex:1;align-items:flex-start}.build-selector.bg3 .companion-card-portrait-wrapper{position:relative;flex-shrink:0;width:88px;height:110px}.build-selector.bg3 .companion-card-portrait{width:88px;height:110px;border-radius:var(--radius-10px);object-fit:cover;object-position:top;border:1px solid var(--color-3a3a5a);background:var(--color-2a2a4a)}.build-selector.bg3 .companion-card-level-badge{position:absolute;bottom:var(--space-6px);right:var(--space-6px);background:var(--rgba-139-92-246-0p2);color:var(--color-b8b0ff);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);padding:var(--space-2px) var(--space-6px);border-radius:var(--radius-6px);min-width:20px;text-align:center}.build-selector.bg3 .companion-card-content{flex:1;min-width:var(--space-0);display:flex;flex-direction:column;gap:var(--space-0p5rem)}.build-selector.bg3 .companion-card-title{font-size:var(--font-size-1p2rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.build-selector.bg3 .companion-card-meta{display:flex;align-items:center;gap:var(--space-0p5rem);font-size:var(--type-size-0p85rem);flex-wrap:wrap;color:var(--color-98a0c3)}.build-selector.bg3 .companion-card-race{color:var(--color-9aa3c2)}.build-selector.bg3 .companion-card-separator{color:var(--color-555)}.build-selector.bg3 .companion-card-background{color:var(--color-c7b47e)}.build-selector.bg3 .companion-card-classes{color:var(--color-7fd3c7)}.build-selector.bg3 .companion-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-0p4rem)}.build-selector.bg3 .companion-card-gear{display:flex;flex-wrap:wrap;gap:var(--space-0p35rem);margin-top:var(--space-0p45rem)}.build-selector.bg3 .companion-card-gear-icon{width:28px;height:28px;border-radius:var(--radius-8px);object-fit:cover;border:1px solid var(--rgba-255-255-255-0p08);background:var(--rgba-0-0-0-0p3)}.build-selector.bg3 .companion-card-tag{padding:var(--space-2px) var(--space-8px);background:var(--color-3a3a5a);border-radius:var(--radius-4px);font-size:var(--type-size-0p75rem);color:var(--color-888)}.build-selector.bg3 .companion-card-tag.difficulty{font-weight:var(--type-weight-600)}.build-selector.bg3 .companion-card-tag.difficulty.beginner{background:var(--rgba-74-124-74-0p3);color:var(--color-6a9c6a)}.build-selector.bg3 .companion-card-tag.difficulty.intermediate{background:var(--rgba-200-150-50-0p3);color:var(--color-f0a040)}.build-selector.bg3 .companion-card-tag.difficulty.advanced{background:var(--rgba-200-80-80-0p3);color:var(--color-f06060)}.build-selector.bg3 .companion-card-desc{margin-top:var(--space-0p35rem);padding-left:var(--space-0p75rem);border-left:var(--space-2px) solid var(--rgba-139-92-246-0p35);font-size:var(--type-size-0p9rem);color:var(--color-b7bdd6);font-style:italic;line-height:var(--type-lh-1p5)}.build-selector.bg3 .builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-1rem);position:relative;z-index:var(--z-content)}.build-selector.bg3 .builds-grid .build-card{background:var(--color-252540);border:1px solid var(--color-444);border-radius:var(--radius-8px);padding:var(--space-1rem);text-align:left;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-0p5rem)}.build-selector.bg3 .builds-grid .build-card:hover{border-color:var(--color-8b5cf6);transform:translateY(-2px);background:var(--color-2a2a50)}.build-selector.bg3 .builds-grid .build-name{font-size:var(--type-size-1rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.build-selector.bg3 .builds-grid .build-path{font-size:var(--type-size-0p85rem);color:var(--color-10b981)}.build-selector.bg3 .builds-grid .build-desc{font-size:var(--type-size-0p85rem);color:var(--color-888);line-height:var(--line-height-1p4);margin:var(--space-0)}.build-selector.bg3 .tracked-build-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-0p5rem);margin-top:var(--space-0p75rem);padding-top:var(--space-0p75rem);border-top:1px solid var(--color-3a3a5a)}.build-selector.bg3 .tracked-build-change-btn{padding:var(--space-8px) var(--space-16px);color:var(--color-888)}.build-selector.bg3 .tracked-build-change-btn:hover{background:var(--color-3a3a5a);border-color:var(--color-5a5a7a);color:var(--color-e0e0e0)}.build-selector.bg3 .tracked-build-edit-btn{display:flex;align-items:center;gap:var(--space-6px);padding:var(--space-8px) var(--space-16px);background:var(--color-4a7c4a);border:none;border-radius:var(--radius-6px);color:var(--color-fff);cursor:pointer;font-size:var(--type-size-0p85rem);transition:var(--transition-fast)}.build-selector.bg3 .tracked-build-edit-btn:hover{background:var(--color-5a9c5a)}.build-selector.bg3 .unselected-build-preview:hover{border-color:var(--rgba-139-92-246-0p6)}.build-selector.bg3 .unselected-build-info{display:flex;align-items:center;gap:var(--space-0p75rem);flex-wrap:wrap}.build-selector.bg3 .unselected-build-count{color:var(--color-9aa3c2);font-size:var(--type-size-0p85rem)}.build-selector.bg3 .unselected-build-action{display:flex;align-items:center;gap:var(--space-6px);color:var(--color-b8b0ff);font-size:var(--type-size-0p85rem);font-weight:var(--type-weight-500)}.build-selector.bg3 .companion-card-footer{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--space-1rem);padding:var(--space-0p85rem) var(--space-1rem);margin-top:var(--space-0p9rem);background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:var(--radius-10px)}.build-selector.bg3 .companion-section.has-tracked .companion-card-footer{background:var(--rgba-18-20-36-0p75);border-color:var(--rgba-106-112-160-0p35)}.build-selector.bg3 .tracked-build-indicator{display:flex;align-items:center;gap:var(--space-0p75rem)}.build-selector.bg3 .tracked-level{padding:var(--space-2px) var(--space-8px);background:var(--rgba-74-124-74-0p35);border-radius:var(--radius-6px);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);color:var(--color-c9f6d2)}.build-selector.bg3 .tracked-label{font-size:var(--type-size-0p85rem);color:var(--color-9aa3c2)}.build-selector.bg3 .companion-card-action{display:flex;align-items:center;gap:var(--space-6px);color:var(--color-b8b0ff);font-size:var(--type-size-0p85rem);font-weight:var(--type-weight-500)}.build-selector.bg3 .companion-section.has-tracked .companion-card-action{color:var(--color-b8b0ff)}.build-selector.bg3 .tracked-build-name{color:var(--color-fff);font-weight:var(--type-weight-500)}.build-selector.bg3 .tracked-build-level{color:var(--color-888);font-size:var(--type-size-0p85rem)}.build-selector.bg3 .tracked-build-edit-btn{display:flex;align-items:center;gap:var(--space-6px);padding:var(--space-6px) var(--space-12px);background:var(--color-3a3a5a);border:1px solid var(--color-4a4a6a);border-radius:var(--radius-6px);color:var(--color-e0e0e0);cursor:pointer;font-size:var(--type-size-0p85rem);transition:var(--transition-fast)}.build-selector.bg3 .tracked-build-edit-btn:hover{background:var(--color-4a4a6a);border-color:var(--color-5a5a7a)}.build-selector.bg3 .builds-grid .build-card.tracked{border-color:var(--color-4a7c4a);background:var(--rgba-74-124-74-0p1)}.build-selector.bg3 .builds-grid .build-card.tracked:hover{border-color:var(--color-5a9c5a);background:var(--rgba-74-124-74-0p2)}@media(max-width:600px){.build-selector.bg3 .builds-grid{grid-template-columns:1fr}}.companion-detail-screen{max-width:1200px;margin:var(--space-0-auto)}.companion-detail-header{margin-bottom:var(--space-1p5rem)}.companion-detail-main{min-width:var(--space-0)}.back-button{margin-bottom:var(--space-1p5rem)}.companion-detail-summary{margin-bottom:var(--space-1p5rem);cursor:default}.companion-detail-summary:hover{transform:none;border-color:var(--color-3a3a5a)}.companion-detail-screen .companion-section{padding:var(--space-1p25rem-1p5rem);display:flex;flex-direction:column;text-align:left;font-family:inherit;color:inherit;width:100%}.companion-detail-screen .companion-card-layout{display:flex;gap:var(--space-1rem);flex:1;align-items:flex-start}.companion-detail-screen .companion-card-portrait-wrapper{position:relative;flex-shrink:0;width:120px;height:160px}.companion-detail-screen .companion-card-content{flex:1;min-width:var(--space-0);display:flex;flex-direction:column;gap:var(--space-0p5rem)}.companion-detail-screen .companion-card-title{font-size:var(--type-size-1p35rem);font-weight:var(--type-weight-600);color:var(--color-fff)}.companion-detail-screen .companion-card-meta{display:flex;align-items:center;gap:var(--space-0p5rem);font-size:var(--type-size-0p85rem);flex-wrap:wrap;color:var(--color-98a0c3)}.companion-detail-screen .companion-card-race{color:var(--color-9aa3c2)}.companion-detail-screen .companion-card-separator{color:var(--color-555)}.companion-detail-screen .companion-card-background{color:var(--color-c7b47e)}.companion-detail-screen .companion-card-desc{margin-top:var(--space-0p35rem);padding-left:var(--space-0p75rem);border-left:var(--space-2px) solid var(--rgba-139-92-246-0p35);font-size:var(--type-size-0p9rem);color:var(--color-b7bdd6);font-style:italic;line-height:var(--type-lh-1p5)}.companion-detail-screen .companion-card-quote{font-size:var(--type-size-0p85rem);color:var(--color-b7bdd6);opacity:.85;margin-top:var(--space-0p35rem)}.filter-label,.sort-label{font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);letter-spacing:var(--type-track-0p05em);color:var(--color-9aa3c2)}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--space-0p5rem)}.filter-tag{display:inline-flex;align-items:center;gap:var(--space-0p25rem);padding:var(--space-0p375rem) var(--space-0p75rem);background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:20px;font-size:var(--type-size-0p75rem);color:var(--color-b7bdd6);cursor:pointer;transition:var(--transition-fast-ease)}.sort-options{display:flex;gap:var(--space-0p5rem)}.sort-option{display:inline-flex;align-items:center;gap:var(--space-0p25rem);padding:var(--space-0p375rem) var(--space-0p75rem);background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);border-radius:var(--radius-8px);font-size:var(--type-size-0p75rem);color:var(--color-b7bdd6);cursor:pointer;transition:var(--transition-fast-ease)}.sort-option:hover{border-color:var(--rgba-139-92-246-0p6)}.sort-option.active{background:var(--rgba-139-92-246-0p2);border-color:var(--rgba-139-92-246-0p6);color:var(--color-e5e9ff)}.clear-filters{background:none;border:none;color:var(--color-b8b0ff);font-size:var(--type-size-0p75rem);cursor:pointer;padding:var(--space-0)}.clear-filters:hover{text-decoration:underline}.companion-detail-builds{display:flex;flex-direction:column;gap:var(--space-1rem)}.companion-build-card{display:flex;flex-direction:column;padding:var(--space-0);text-align:left;cursor:pointer;transition:var(--transition-fast-ease);overflow:hidden}.companion-build-card:hover{background:var(--rgba-26-26-46-0p9);border-color:var(--color-8b5cf6);transform:translateY(-2px)}.companion-build-card.tracked{border-color:var(--rgba-74-124-74-0p6);border-width:1px}.tracked-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-0p5rem);padding:var(--space-0p5rem);background:var(--rgba-74-124-74-0p35);color:var(--color-c9f6d2);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600)}.build-card-layout{display:flex;gap:var(--space-1p25rem);padding:var(--space-1rem)}.build-card-icon-wrapper{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;overflow:hidden}.build-card-class-icon{width:44px;height:44px;object-fit:contain}.build-card-content{flex:1;min-width:var(--space-0)}.build-card-title{font-size:1.125rem;font-weight:var(--type-weight-600);color:var(--color-e5e9ff);margin-bottom:var(--space-0p25rem)}.build-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-0p5rem);align-items:center;font-size:var(--font-size-0p8125rem);color:var(--color-98a0c3);margin-bottom:var(--space-0p5rem)}.build-card-separator{opacity:.5}.build-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-0p375rem);margin-bottom:var(--space-0p5rem)}.build-card-tag{padding:var(--space-0p25rem-0p5rem);background:var(--rgba-139-92-246-0p12);border-radius:var(--radius-6px);font-size:.6875rem;color:var(--color-c7cbe1);text-transform:var(--type-transform-uppercase);letter-spacing:.02em}.build-card-tag.difficulty{font-weight:var(--type-weight-600)}.build-card-tag.difficulty.beginner{background:var(--rgba-74-124-74-0p35);color:var(--color-c9f6d2)}.build-card-tag.difficulty.intermediate{background:var(--rgba-199-180-126-0p25);color:var(--color-c7b47e)}.build-card-tag.difficulty.advanced{background:var(--rgba-139-92-246-0p2);color:var(--color-b8b0ff)}.build-card-gear{display:flex;gap:var(--space-0p25rem);margin-bottom:var(--space-0p5rem)}.build-card-gear-icon{width:28px;height:28px;border-radius:var(--radius-6px);background:var(--rgba-18-20-36-0p75);border:1px solid var(--rgba-106-112-160-0p35);object-fit:contain}.build-card-desc{font-size:var(--font-size-0p8125rem);line-height:var(--type-lh-1p5);margin-bottom:var(--space-0p5rem)}.build-source-link{display:inline-block;font-size:var(--type-size-0p75rem);color:var(--color-b8b0ff);text-decoration:none}.build-source-link:hover{text-decoration:underline}@media(max-width:768px){.companion-detail-screen .companion-card-layout{flex-direction:column;align-items:center}.companion-detail-screen .companion-card-portrait-wrapper{width:120px;height:160px}.companion-detail-controls{flex-direction:column;gap:var(--space-1rem)}.filter-section,.sort-section{flex-direction:column;align-items:flex-start}.build-card-layout{flex-direction:column}.build-card-icon-wrapper{width:60px;height:60px}.build-card-class-icon{width:44px;height:44px}}.gear-trigger{cursor:default}.gear-trigger.has-info{cursor:pointer;color:var(--color-8b5cf6);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.gear-trigger.has-info:hover{color:var(--color-a78bfa)}.bg3-keyword-trigger{position:relative;cursor:pointer;border-bottom:1px dotted currentColor;font-weight:var(--type-weight-500)}.bg3-keyword-class{color:var(--color-e74c3c)}.bg3-keyword-subclass{color:var(--color-c0392b)}.bg3-keyword-race{color:var(--color-9b59b6)}.bg3-keyword-subrace{color:var(--color-8e44ad)}.bg3-keyword-background{color:var(--color-3498db)}.bg3-keyword-spell{color:var(--color-f39c12)}.bg3-keyword-feat{color:var(--color-2ecc71)}.bg3-keyword-condition{color:var(--color-e91e63)}.bg3-keyword-ability{color:var(--color-1abc9c)}.bg3-keyword-skill{color:var(--color-27ae60)}.bg3-keyword-action{color:var(--color-f97316)}.bg3-keyword-feature{color:var(--color-f59e0b)}.bg3-keyword-potion{color:var(--color-38bdf8)}.bg3-keyword-elixir{color:var(--color-22c55e)}.bg3-keyword-grenade{color:var(--color-ef4444)}.bg3-keyword-arrow{color:var(--color-94a3b8)}.bg3-keyword-bonus{color:var(--color-f472b6)}.build-viewer.bg3{margin:var(--space-0-auto);transition:margin-left var(--duration-0p3s) var(--ease-standard)}.build-viewer.bg3.has-party-bar{padding-bottom:var(--space-100px)}.build-viewer-back-btn{margin-bottom:var(--space-1p5rem)}.build-viewer-header{display:flex;align-items:flex-start;gap:var(--space-1rem);margin-bottom:var(--space-1p5rem)}.build-avatar-btn{background:none;border:none;padding:var(--space-0);cursor:pointer;flex-shrink:0;transition:var(--transition-transform-0p2s)}.build-avatar-btn:hover{transform:scale(1.05)}.build-avatar-wrapper{position:relative;flex-shrink:0}.build-avatar-level{position:absolute;bottom:var(--space-4px);right:var(--space-4px);background:var(--color-646cff);color:var(--color-fff);font-size:var(--type-size-0p75rem);font-weight:var(--type-weight-600);padding:var(--space-2px) var(--space-6px);border-radius:var(--radius-6px);min-width:20px;text-align:center;box-shadow:0 2px 4px var(--rgba-0-0-0-0p3)}.build-avatar{width:120px;height:160px;border-radius:var(--radius-10px);object-fit:cover;object-position:top;border:1px solid var(--color-3a3a5a);background:var(--color-2a2a4a);box-shadow:0 6px 18px var(--rgba-0-0-0-0p35);display:block}.build-avatar-upload .avatar-upload-placeholder,.build-avatar-upload .avatar-upload-preview{width:120px;height:160px}.build-avatar-upload .avatar-upload-image{width:100%;height:100%}.build-avatar-container{position:relative;flex-shrink:0}.build-avatar-container .avatar-upload-overlay{position:absolute;top:var(--space-0);left:var(--space-0);opacity:0;transition:var(--transition-opacity-0p2s)}.build-avatar-container:hover .avatar-upload-overlay{opacity:1}.build-avatar-container .avatar-upload-overlay .avatar-upload-placeholder,.build-avatar-container .avatar-upload-overlay .avatar-upload-preview{background:var(--rgba-0-0-0-0p7)}@media(max-width:768px){.build-avatar-container .avatar-upload-overlay{opacity:1;position:relative;margin-top:var(--space-0p5rem)}}.build-title{flex:1}.build-title h2{margin:0 0 var(--space-0p5rem) 0;color:var(--color-fff)}.build-meta{margin-bottom:var(--space-0p5rem)}.build-meta .separator{color:var(--color-444)}.build-meta .race{color:var(--color-9aa3c2)}.build-meta .background{color:var(--color-c7b47e)}.build-meta .classes{color:var(--color-7fd3c7)}.build-description{margin:0 0 var(--space-1rem);line-height:var(--type-lh-1p5)}.build-tags{display:flex;flex-wrap:wrap;gap:var(--space-0p5rem);margin-bottom:var(--space-1rem)}.build-tags .tag{background:var(--rgba-139-92-246-0p12);color:var(--color-c7cbe1);padding:var(--space-0p25rem) var(--space-0p75rem);border-radius:var(--radius-6px);font-size:var(--type-size-0p8rem)}.build-tags .tag.difficulty{font-weight:var(--type-weight-600)}.build-tags .tag.difficulty.beginner{background:var(--color-064e3b);color:var(--color-34d399)}.build-tags .tag.difficulty.intermediate{background:var(--color-78350f);color:var(--color-fbbf24)}.build-tags .tag.difficulty.advanced{background:var(--color-7f1d1d);color:var(--color-f87171)}.level-indicator{display:flex;align-items:center;gap:var(--space-0p75rem);margin-bottom:var(--space-1p5rem)}.level-label{color:var(--color-9aa3c2);font-size:var(--type-size-0p9rem)}.tabs{margin-bottom:var(--space-1rem)}.tab{font-size:var(--type-size-0p9rem)}.progression-view{display:flex;flex-direction:column;gap:var(--space-0p5rem)}.level-row{display:flex;gap:var(--space-1rem);padding:var(--space-1rem);background:var(--rgba-18-20-36-0p75);border-radius:var(--radius-10px);cursor:pointer;transition:var(--transition-fast);border:1px solid var(--rgba-106-112-160-0p25)}.level-row:hover{border-color:var(--rgba-139-92-246-0p4)}.level-row.current{border-left-color:var(--color-8b5cf6);background:var(--rgba-139-92-246-0p15);border-color:var(--rgba-139-92-246-0p6)}.level-row.completed{opacity:.6}.level-row.completed .level-number{color:var(--color-10b981)}.level-number{min-width:60px;font-weight:var(--type-weight-600);color:var(--color-9aa3c2);display:flex;align-items:center;gap:var(--space-0p25rem)}.level-number .check{color:var(--color-10b981)}.level-content{flex:1;display:flex;flex-direction:column;gap:var(--space-0p5rem)}.class-levels{color:var(--color-fff);font-weight:var(--type-weight-500)}.feat{color:var(--color-c7b47e);font-size:var(--type-size-0p9rem)}.feat-label{color:var(--color-9aa3c2)}.asi{margin-left:var(--space-0p5rem);color:var(--color-7fd3c7);font-size:var(--type-size-0p85rem)}.spells-learned{color:var(--color-b8b0ff);font-size:var(--type-size-0p9rem)}.spells-label{color:var(--color-9aa3c2)}.level-notes{color:var(--color-9aa3c2);font-size:var(--type-size-0p85rem);font-style:italic}.level-stat-changes{display:flex;gap:var(--space-0p5rem);align-items:center;flex-shrink:0}.stat-change-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-0p125rem);padding:var(--space-0p5rem) var(--space-0p75rem);background:var(--rgba-18-20-36-0p75);border-radius:var(--radius-8px);border:1px solid var(--rgba-106-112-160-0p35);min-width:55px}@media(max-width:600px){.level-row{flex-wrap:wrap}.level-stat-changes{width:100%;justify-content:flex-end;margin-top:var(--space-0p5rem);padding-left:var(--space-70px)}}.stat-change-name{color:var(--color-9aa3c2);font-size:.65rem;text-transform:var(--type-transform-uppercase);letter-spacing:.5px}.stat-change-value{color:var(--color-7fd3c7);font-size:var(--type-size-1p1rem);font-weight:var(--type-weight-600)}.stat-change-mod{color:var(--color-b8b0ff);font-size:var(--type-size-0p75rem)}.stats-view{display:flex;flex-direction:column;gap:var(--space-1p5rem)}.stats-section{background:var(--rgba-18-20-36-0p75);padding:var(--space-1p5rem);border-radius:var(--radius-12px);border:1px solid var(--rgba-106-112-160-0p35)}.stats-section h3{margin:0 0 var(--space-1rem) 0;color:var(--color-fff);font-size:var(--type-size-1p1rem)}.stats-section p{color:var(--color-b7bdd6);margin:0 0 var(--space-1rem) 0;line-height:var(--type-lh-1p5)}.ability-scores{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1rem)}.ability-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-0p25rem);padding:var(--space-1rem);background:var(--color-2a2a4a);border-radius:var(--radius-10px);border:1px solid var(--rgba-106-112-160-0p35)}.stat-name{color:var(--color-9aa3c2);font-size:var(--type-size-0p75rem);text-transform:var(--type-transform-uppercase)}.stat-value{color:var(--color-fff);font-size:var(--type-size-1p5rem);font-weight:var(--type-weight-600)}.stat-modifier{color:var(--color-b8b0ff);font-size:var(--type-size-0p9rem)}.traits,.skills{color:var(--color-aaa);font-size:var(--type-size-0p9rem)}.gear-view{display:flex;flex-direction:column;gap:var(--space-1rem)}.gear-intro{color:var(--color-b7bdd6);font-size:var(--type-size-0p9rem);margin:var(--space-0)}.gear-slots{display:flex;flex-direction:column;gap:var(--space-0p75rem)}.gear-slot{background:var(--rgba-18-20-36-0p75);padding:var(--space-1rem);border-radius:var(--radius-10px);border:1px solid var(--rgba-106-112-160-0p35);display:grid;grid-template-columns:100px 1fr;gap:var(--space-1rem);align-items:start}.slot-name{color:var(--color-c7cbe1);font-size:var(--type-size-0p85rem);text-transform:capitalize;font-weight:var(--type-weight-500)}.slot-items{color:var(--color-ccc);font-size:var(--type-size-0p9rem);line-height:var(--type-lh-1p6)}.item-separator{color:var(--color-5d6386)}.gear-item{display:inline-flex;align-items:center;gap:var(--space-0p4rem)}.gear-item-icon{width:18px;height:18px;object-fit:contain;border-radius:3px;background:var(--rgba-18-20-36-0p75);flex-shrink:0}.gear-item-name{vertical-align:baseline}.slot-notes{grid-column:2;color:var(--color-9aa3c2);font-size:var(--type-size-0p8rem);font-style:italic}@media(max-width:600px){.gear-slot{grid-template-columns:1fr;gap:var(--space-0p5rem)}.slot-notes{grid-column:1}}.traits strong,.skills strong{color:var(--color-888)}.level-confirm-overlay{position:fixed;inset:var(--space-0);background:var(--rgba-0-0-0-0p7);z-index:var(--z-menu);display:flex;align-items:center;justify-content:center;padding:var(--space-1rem)}.level-confirm-dialog{background:var(--rgba-18-20-36-0p95);border-radius:var(--radius-12px);border:1px solid var(--rgba-106-112-160-0p35);padding:var(--space-1p5rem);max-width:320px;width:100%;text-align:center}.level-confirm-title{font-size:var(--type-size-1p25rem);font-weight:var(--type-weight-600);margin-bottom:var(--space-0p75rem)}.level-confirm-message{color:var(--color-b7bdd6);margin-bottom:var(--space-1p5rem);line-height:var(--type-lh-1p5)}.level-confirm-message strong{color:var(--color-fff)}.level-confirm-actions{display:flex;gap:var(--space-0p75rem)}.level-confirm-cancel,.level-confirm-ok{flex:1;padding:var(--space-0p75rem) var(--space-1rem);border-radius:var(--radius-8px);font-size:var(--type-size-1rem);font-weight:var(--type-weight-500);cursor:pointer;transition:var(--transition-fast)}.level-confirm-cancel{background:var(--color-transparent);border:1px solid var(--color-4a4a6a);color:var(--color-a7aecf)}.level-confirm-cancel:hover{background:var(--color-2a2a4a);border-color:var(--color-555);color:var(--color-fff)}.level-confirm-ok{background:var(--color-2a2a46);border:none;color:var(--color-e5e9ff)}.level-confirm-ok:hover{background:var(--color-3a3a5a)}@media(max-width:768px){.build-viewer-header{align-items:center}.ability-scores{grid-template-columns:repeat(2,1fr)}.build-meta{flex-wrap:wrap}}:root{--audit-ink: var(--color-e6e9ff);--audit-muted: var(--color-a7aecf);--audit-panel: var(--rgba-19-20-38-0p85);--audit-border: var(--rgba-106-112-160-0p35);--audit-accent: var(--color-f0c040);--audit-accent-strong: var(--color-ffb703);--audit-glow: var(--rgba-255-183-3-0p18);--audit-shadow: 0 24px 60px var(--rgba-7-8-20-0p5)}.data-audit{position:relative;padding:var(--space-0);color:var(--audit-ink)}.data-audit:before{content:"";position:absolute;pointer-events:none;z-index:var(--z-base)}.data-audit>*{position:relative;z-index:var(--z-content)}.data-audit-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2rem);margin-bottom:var(--space-2p5rem)}.data-audit-eyebrow{text-transform:var(--type-transform-uppercase);letter-spacing:.2em;font-size:var(--type-size-0p75rem);color:var(--audit-accent);margin:var(--space-0-0-0p5rem)}.data-audit-hero h1{margin:0 0 var(--space-0p35rem);font-size:2.2rem}.data-audit-subtitle{margin:var(--space-0);color:var(--audit-muted);max-width:520px}.data-audit-kpis{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:var(--space-1rem)}.data-audit-kpis div{padding:var(--space-0p9rem) var(--space-1rem);background:var(--audit-panel);border:1px solid var(--audit-border);border-radius:var(--radius-14px);box-shadow:var(--audit-shadow)}.data-audit-kpis span{display:block;color:var(--audit-muted);font-size:var(--type-size-0p8rem)}.data-audit-kpis strong{display:block;font-size:1.6rem;color:var(--audit-accent-strong)}.data-audit-body{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(280px,340px);gap:var(--space-1p5rem)}.data-audit-panel{background:var(--audit-panel);border:1px solid var(--audit-border);border-radius:var(--radius-16px);padding:var(--space-1p2rem);box-shadow:var(--audit-shadow)}.data-audit-panel h2{font-size:var(--type-size-1rem);margin:0 0 var(--space-1rem);color:var(--audit-muted);letter-spacing:var(--letter-spacing-0p08em);text-transform:var(--type-transform-uppercase)}.data-audit-list{display:grid;gap:var(--space-0p6rem)}.data-audit-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-0p5rem);padding:var(--space-0p65rem) var(--space-0p75rem);border-radius:var(--radius-12px);border:1px solid var(--color-transparent);background:var(--rgba-12-13-28-0p7);color:inherit;cursor:pointer;transition:var(--transition-fast-ease)}.data-audit-list-item em{color:var(--audit-muted);font-style:normal;font-size:var(--type-size-0p85rem)}.data-audit-list-item.active{border-color:var(--audit-accent);box-shadow:0 0 0 2px var(--audit-glow);background:var(--rgba-25-25-45-0p9)}.data-audit-coverage{display:grid;gap:var(--space-0p75rem)}.data-audit-coverage-row{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:var(--space-0p6rem);font-size:var(--type-size-0p8rem);color:var(--audit-muted)}.data-audit-coverage-bar{height:6px;background:var(--rgba-255-255-255-0p08);border-radius:var(--radius-999px);overflow:hidden}.data-audit-coverage-bar div{height:100%;background:linear-gradient(90deg,var(--audit-accent),var(--rgba-100-108-255-0p85))}.data-audit-main{display:flex;flex-direction:column;gap:var(--space-1rem)}.data-audit-toolbar{display:flex;flex-direction:column;gap:var(--space-1rem);background:var(--audit-panel);border:1px solid var(--audit-border);border-radius:var(--radius-16px);padding:var(--space-1rem);box-shadow:var(--audit-shadow)}.data-audit-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-0p8rem)}.data-audit-controls label{display:grid;gap:var(--space-0p35rem);color:var(--audit-muted);font-size:var(--type-size-0p75rem);text-transform:var(--type-transform-uppercase);letter-spacing:var(--letter-spacing-0p08em)}.data-audit-controls input,.data-audit-controls select{border:1px solid var(--audit-border);border-radius:var(--radius-10px);background:var(--rgba-11-12-24-0p85);color:var(--audit-ink);padding:var(--space-0p5rem) var(--space-0p6rem)}.data-audit-meta{display:flex;justify-content:space-between;align-items:center;color:var(--audit-muted);font-size:var(--type-size-0p85rem)}.data-audit-pagination{display:flex;align-items:center;gap:var(--space-0p5rem)}.data-audit-pagination button{border:1px solid var(--audit-border);border-radius:var(--radius-999px);background:var(--rgba-15-16-32-0p8);color:var(--audit-ink);padding:var(--space-0p35rem) var(--space-0p8rem);cursor:pointer}.data-audit-pagination button:disabled{opacity:.4;cursor:not-allowed}.data-audit-table{display:grid;gap:var(--space-0p6rem);max-height:70vh;overflow:auto;padding-right:var(--space-0p25rem)}.data-audit-row{border:1px solid var(--color-transparent);border-radius:var(--radius-14px);background:var(--rgba-10-11-24-0p78);padding:var(--space-0p85rem) var(--space-1rem);color:inherit;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:var(--space-1rem);transition:var(--transition-fast-ease)}.data-audit-row:hover{border-color:var(--rgba-255-255-255-0p08);transform:translateY(-1px)}.data-audit-row.selected{border-color:var(--audit-accent);box-shadow:0 0 0 1px var(--audit-glow)}.data-audit-row-title span{display:block;font-weight:var(--type-weight-600)}.data-audit-row-title em{display:block;color:var(--audit-muted);font-size:var(--type-size-0p8rem);font-style:normal}.data-audit-row-meta{display:grid;gap:var(--space-0p25rem);text-align:right;font-size:var(--type-size-0p75rem);color:var(--audit-muted)}.data-audit-row-meta .has-image{color:var(--color-9df7b2)}.data-audit-row-meta .missing-image{color:var(--color-f7a3a3)}.data-audit-detail{background:var(--audit-panel);border:1px solid var(--audit-border);border-radius:var(--radius-16px);padding:var(--space-1rem) calc(var(--space-1rem) + var(--space-0p1rem));box-shadow:var(--audit-shadow);max-height:82vh;overflow:auto}.data-audit-detail-header{margin-bottom:var(--space-0p75rem)}.data-audit-detail-header h2{margin:var(--space-0);font-size:1.3rem}.data-audit-detail-header span{color:var(--audit-muted);font-size:var(--type-size-0p85rem)}.data-audit-detail-image{margin:var(--space-0p75rem) 0;border-radius:var(--radius-14px);overflow:hidden;border:1px solid var(--audit-border);background:var(--rgba-5-6-15-0p7)}.data-audit-detail-image img{width:100%;display:block;object-fit:cover}.data-audit-detail-fields{display:grid;gap:var(--space-0p6rem)}.data-audit-detail-fields div{display:grid;gap:var(--space-0p2rem)}.data-audit-detail-fields strong{font-size:var(--type-size-0p75rem);text-transform:var(--type-transform-uppercase);color:var(--audit-muted);letter-spacing:var(--letter-spacing-0p08em)}.data-audit-detail-fields span{font-size:var(--type-size-0p9rem);color:var(--audit-ink);word-break:break-word}.data-audit-detail-json{margin-top:var(--space-1rem)}.data-audit-detail-json h3{font-size:var(--type-size-0p9rem);text-transform:var(--type-transform-uppercase);letter-spacing:var(--letter-spacing-0p08em);color:var(--audit-muted);margin-bottom:var(--space-0p5rem)}.data-audit-detail-json pre{background:var(--rgba-8-9-18-0p9);border:1px solid var(--audit-border);border-radius:var(--radius-12px);padding:var(--space-0p75rem);font-size:var(--type-size-0p75rem);max-height:240px;overflow:auto}.data-audit-empty,.data-audit-detail-empty{background:var(--audit-panel);border:1px solid var(--audit-border);border-radius:18px;padding:var(--space-2p5rem);text-align:center;margin:var(--space-4rem) auto;max-width:520px;box-shadow:var(--audit-shadow)}@media(max-width:1100px){.data-audit-body{grid-template-columns:minmax(180px,220px) minmax(0,1fr)}.data-audit-detail{grid-column:1 / -1}}@media(max-width:900px){.data-audit{padding:var(--space-2rem) var(--space-1p25rem) var(--space-4p5rem)}.data-audit-hero{flex-direction:column;align-items:flex-start}.data-audit-body{grid-template-columns:1fr}.data-audit-table{max-height:none}}.app{min-height:100vh;display:flex;flex-direction:column;inset:var(--space-0);background:radial-gradient(circle at 15% 20%,var(--rgba-240-192-64-0p12),transparent 55%),radial-gradient(circle at 85% 20%,var(--rgba-100-108-255-0p18),transparent 60%),linear-gradient(135deg,var(--rgba-18-19-35-0p95),var(--rgba-10-10-20-0p9))}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.header-nav{background:var(--rgba-26-26-46-0p5);border:1px solid var(--color-3a3a5a)}.header-nav-tab{padding:var(--space-0p75rem) var(--space-1p25rem);background:none;border:none}@media(hover:hover){.header-nav-tab:hover{background:var(--rgba-255-255-255-0p1)}}.header-nav-tab.active{border:none}.header-nav-tab.active:hover{background:var(--rgba-100-100-140-0p8)}.builds-subnav{display:flex;justify-content:center;gap:var(--space-0p5rem);padding:var(--space-0p75rem) var(--space-1rem);padding-bottom:calc(var(--space-0p75rem) + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,var(--rgba-26-26-46-1) 50%,var(--rgba-26-26-46-0) 100%)}.builds-subnav-tab{flex:1;padding:var(--space-0p6rem) var(--space-1rem);background:var(--color-transparent);border:1px solid var(--color-3a3a5a);text-align:center}.builds-subnav-tab:hover{background:var(--rgba-255-255-255-0p05);border-color:var(--color-4a4a6a)}.builds-subnav-tab.active{border-color:var(--color-646cff)}.header{padding:var(--space-1rem) var(--space-2rem);position:relative;z-index:var(--z-overlay)}.view-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2rem);margin:0 0 var(--space-2rem)}.view-eyebrow{text-transform:var(--type-transform-uppercase);letter-spacing:.2em;font-size:var(--type-size-0p75rem);color:var(--color-f0c040);margin:var(--space-0-0-0p5rem)}.view-hero h1{margin:0 0 var(--space-0p35rem);font-size:2.2rem}.view-subtitle{margin:var(--space-0);color:var(--color-a7aecf);max-width:520px}.view-kpis{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:var(--space-1rem)}.view-kpis div{padding:var(--space-0p9rem) var(--space-1rem);background:var(--rgba-19-20-38-0p85);border:1px solid var(--rgba-106-112-160-0p35);border-radius:var(--radius-14px);box-shadow:0 24px 60px var(--rgba-7-8-20-0p5)}.view-kpis span{display:block;color:var(--color-a7aecf);font-size:var(--type-size-0p8rem)}.view-kpis strong{display:block;font-size:1.6rem;color:var(--color-ffb703)}.app.game-baldurs-gate-3 .view-eyebrow{color:var(--color-f0c040)}.app.game-baldurs-gate-3 .view-kpis strong{color:var(--color-ffb703)}.app.game-rogue-trader .view-eyebrow{color:var(--color-4fd1c5)}.app.game-rogue-trader .view-kpis strong{color:var(--color-36c7b8)}@media(max-width:900px){.view-hero{flex-direction:column;align-items:flex-start;margin-bottom:var(--space-1rem)}}@media(max-width:720px){.view-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-0p75rem);width:100%}.build-selector .build-credit{margin-bottom:var(--space-0)}.view-kpis div{padding:var(--space-0p75rem) var(--space-0p85rem)}.view-kpis strong{font-size:var(--type-size-1p35rem)}}@media(max-width:520px){.view-hero h1{font-size:1.8rem}.view-kpis div{padding:calc(var(--space-0p6rem) + var(--space-0p1rem)) var(--space-0p8rem)}.view-eyebrow{letter-spacing:.14em}}.header-content{margin:var(--space-0-auto);display:flex;justify-content:space-between;align-items:center;gap:var(--space-1rem)}.header-left{display:flex;align-items:center;flex-shrink:0}.header-logo{height:40px;width:auto}.storage-notice{color:var(--color-666);font-size:var(--type-size-0p8rem);max-width:400px;text-align:right;margin:var(--space-0);line-height:var(--line-height-1p4)}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-transparent);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-6px);color:var(--color-888);font-size:var(--type-size-1p25rem);cursor:pointer;transition:var(--transition-fast);line-height:1;padding:var(--space-0)}.back-btn:hover{background:var(--color-2a2a3e);color:var(--color-f0c040);border-color:var(--color-4a4a6a)}.header h1{margin:var(--space-0);font-size:var(--type-size-1p5rem);color:var(--color-fff)}.game-logo{height:40px;width:auto}.current-game{display:flex;align-items:center;gap:var(--space-1rem);color:var(--color-888)}.backdrop-container{position:fixed;top:var(--space-0);left:var(--space-0);right:var(--space-0);height:50vh;max-height:500px;z-index:var(--z-base);pointer-events:none;overflow:hidden}.backdrop-image{width:100%;height:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,var(--rgba-0-0-0-0p4) 0%,var(--rgba-0-0-0-0p2) 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,var(--rgba-0-0-0-0p4) 0%,var(--rgba-0-0-0-0p2) 50%,transparent 100%)}.main-content{flex:1;max-width:1200px;margin:var(--space-0-auto);padding:var(--space-2rem);width:100%;box-sizing:border-box;position:relative;z-index:var(--z-content)}.game-selected{width:100%}@media(max-width:768px){.main-content{padding:var(--space-1rem) var(--space-0p75rem)}}.main-content.landing{max-width:none;margin:var(--space-0);padding:var(--space-0)}.profile-bar{display:flex;justify-content:flex-end;margin-bottom:var(--space-1rem)}.error-banner{background:var(--color-5c1a1a);color:var(--color-ff9999);padding:var(--space-0p75rem) var(--space-1rem);border-radius:var(--radius-8px);margin-bottom:var(--space-1rem);display:flex;justify-content:space-between;align-items:center}.error-banner button{background:var(--color-transparent);border:1px solid var(--color-ff9999);color:var(--color-ff9999);padding:var(--space-0p25rem-0p5rem);border-radius:var(--radius-4px);cursor:pointer}.game-selector{text-align:center;padding:var(--space-2rem) 0}.game-selector h2{margin-bottom:var(--space-0p5rem)}.game-selector .subtitle{color:var(--color-888);margin-bottom:var(--space-2rem)}.game-grid{display:flex;flex-direction:column;gap:var(--space-1rem);margin:var(--space-0-auto)}.game-card{background:var(--color-1a1a2e);background-size:cover;background-position:center;border:2px solid var(--color-3a3a5a);border-radius:var(--radius-12px);padding:var(--space-2rem);cursor:pointer;transition:var(--transition-fast-ease);text-align:left;position:relative}.game-card .game-logo{height:50px;width:auto;max-width:100%;object-fit:contain;position:relative;z-index:var(--z-content);margin-bottom:var(--space-0p5rem);filter:drop-shadow(0 2px 4px var(--rgba-0-0-0-0p5))}.storage-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-0p5rem);margin-top:var(--space-2rem);padding:var(--space-0p75rem) var(--space-1rem);background:var(--rgba-100-108-255-0p1);border:1px solid var(--rgba-100-108-255-0p3);border-radius:var(--radius-8px);color:var(--color-a0a0c0);font-size:var(--type-size-0p85rem);max-width:600px;margin-left:auto;margin-right:auto}.storage-notice .notice-icon{font-size:var(--type-size-1p1rem)}.game-card:before{content:"";position:absolute;inset:var(--space-0);background:linear-gradient(to bottom,var(--rgba-26-26-46-0p7),var(--rgba-26-26-46-0p9));border-radius:var(--radius-10px);z-index:var(--z-base)}.game-card h3,.game-card p{position:relative;z-index:var(--z-content)}.game-card:hover{border-color:var(--color-646cff);transform:translateY(-2px)}.game-card h3{margin:var(--space-0-0-0p5rem);color:var(--color-fff)}.game-card p{margin:var(--space-0);color:var(--color-888);font-size:var(--type-size-0p9rem)}.game-card.coming-soon{cursor:not-allowed;background-size:cover;background-position:center}.game-card.coming-soon:before{background:linear-gradient(to bottom,var(--rgba-26-26-46-0p75),var(--rgba-26-26-46-0p92))}.game-card.coming-soon:hover{border-color:var(--color-3a3a5a);transform:none}.coming-soon-badge{position:absolute;top:var(--space-0p75rem);right:var(--space-0p75rem);padding:var(--space-0p25rem) var(--space-0p6rem);background:var(--color-4a3a6a);color:var(--color-c0a0ff);font-size:var(--type-size-0p7rem);font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);border-radius:var(--radius-4px);z-index:var(--z-content)}.beta-badge{position:absolute;top:var(--space-0p75rem);right:var(--space-0p75rem);padding:var(--space-0p25rem) var(--space-0p6rem);background:var(--color-2a6a4a);color:var(--color-80ffa0);font-size:var(--type-size-0p7rem);font-weight:var(--type-weight-600);text-transform:var(--type-transform-uppercase);border-radius:var(--radius-4px);z-index:var(--z-content)}.build-list-view{margin:var(--space-0-auto)}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1p5rem)}.view-header h1{margin-bottom:var(--space-0)}.import-export-toolbar{display:flex;gap:var(--space-0p5rem);margin-bottom:var(--space-1p5rem);padding:var(--space-1rem);background:var(--color-1a1a2e);border-radius:var(--radius-8px)}.build-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-0p75rem)}@media(max-width:768px){.build-list{grid-template-columns:1fr}}.build-list-empty{text-align:center;padding:var(--space-3rem);color:var(--color-888);background:var(--color-1a1a2e);border-radius:var(--radius-8px)}.build-card{background:var(--color-1a1a2e);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-8px);padding:var(--space-1rem);display:flex;justify-content:space-between;align-items:center}.build-info{cursor:pointer;flex:1}.build-info h3{margin:0 0 var(--space-0p25rem);color:var(--color-fff)}.build-info p{margin:0 0 var(--space-0p25rem);color:var(--color-888);font-size:var(--type-size-0p9rem)}.build-date{color:var(--color-666);font-size:var(--type-size-0p8rem)}.build-archetype-path{display:flex;align-items:center;gap:var(--space-0p4rem);margin:var(--space-0p5rem) 0;font-size:var(--type-size-0p8rem)}.build-archetype-path .archetype{padding:var(--space-0p15rem) var(--space-0p4rem);border-radius:3px;font-weight:var(--type-weight-500);text-transform:capitalize}.build-archetype-path .archetype.base{background:var(--color-2d4a2d);color:var(--color-90ee90)}.build-archetype-path .archetype.advanced{background:var(--color-4a3d2d);color:var(--color-ffd700)}.build-archetype-path .archetype.exemplar{background:var(--color-4a2d4a);color:var(--color-da70d6)}.build-archetype-path .arrow{color:var(--color-555)}.build-actions{display:flex;gap:var(--space-0p5rem)}.build-editor{max-width:600px;margin:var(--space-0-auto)}.build-editor h2{margin-bottom:var(--space-1p5rem)}.form-section{margin-bottom:var(--space-1p25rem)}.form-section label{display:block;margin-bottom:var(--space-0p5rem);font-weight:var(--type-weight-500);color:var(--color-ccc)}.form-section input,.form-section select,.form-section textarea{width:100%;padding:var(--space-0p75rem);border:1px solid var(--color-3a3a5a);border-radius:var(--radius-6px);background:var(--color-1a1a2e);color:var(--color-fff);font-size:var(--type-size-1rem);box-sizing:border-box}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:none;border-color:var(--color-646cff)}.form-section textarea{resize:vertical;font-family:inherit}.form-section .helper-text{margin-top:var(--space-0p5rem);font-size:var(--type-size-0p85rem);color:var(--color-888)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1rem)}.form-actions{display:flex;gap:var(--space-0p5rem);justify-content:flex-end;margin-top:var(--space-2rem);padding-top:var(--space-1p5rem);border-top:1px solid var(--color-3a3a5a)}.btn{padding:var(--space-0p6rem) var(--space-1p2rem);border-radius:var(--radius-6px);font-size:.95rem;font-weight:var(--type-weight-500);cursor:pointer;transition:var(--transition-fast-ease);border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-646cff);color:var(--color-fff)}.btn-primary:hover:not(:disabled){background:var(--color-535bf2)}.btn-secondary{background:var(--color-333);color:var(--color-fff)}.btn-secondary:hover:not(:disabled){background:var(--color-444)}.btn-danger{background:var(--color-5c1a1a);color:var(--color-ff9999)}.btn-danger:hover:not(:disabled){background:var(--color-6e2020)}.btn-sm{padding:var(--space-0p4rem) var(--space-0p8rem);font-size:var(--type-size-0p85rem)}.app-footer{position:relative;z-index:var(--z-overlay);padding:var(--space-1rem) var(--space-2rem);background:var(--color-0d1014);border-top:1px solid var(--color-1c2228);text-align:center}.app-footer .footer-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-0p75rem);font-size:var(--type-size-0p8rem);color:var(--color-567);flex-wrap:wrap}.app-footer a{color:var(--color-9ab);text-decoration:none}.app-footer a:hover{color:var(--color-fff)}.footer-landing-link{background:none;border:none;color:var(--color-9ab);cursor:pointer;font-size:inherit;padding:var(--space-0)}.footer-landing-link:hover{color:var(--color-fff)}.app-footer .footer-link{background:none;border:none;padding:var(--space-0);font:inherit;color:var(--color-9ab);cursor:pointer;text-decoration:none;transition:var(--transition-color-0p2s)}.app-footer .footer-link:hover{color:var(--color-fff)}.app-footer .footer-dot{color:var(--color-345)}.app-footer .footer-github{display:inline-flex;align-items:center;gap:var(--space-0p45rem)}.app-footer .footer-github-icon{width:16px;height:16px;fill:currentColor}@media(max-width:768px){.header{padding:var(--space-0p75rem)}.header-left{display:none}.header-content{gap:var(--space-0p5rem)}.header-logo{display:none}.main-content.landing{padding:var(--space-0)}}@media(max-width:600px){.form-row{grid-template-columns:1fr}.build-card{flex-direction:column;align-items:stretch}.build-actions{margin-top:var(--space-1rem);justify-content:flex-end}}