@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Lora:ital,wght@0,400..700;1,400..700&display=swap";:root{color-scheme:dark;--font-display: "Cinzel", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-quote: "Lora", serif;--surface-50: #0A0D11;--surface-100: #0B0E13;--surface-150: #0E1218;--surface-200: #0F1218;--surface-300: #10141A;--surface-400: #13181F;--surface-500: #161A21;--surface-550: #1A2128;--surface-600: #1E232C;--surface-700: #2A3038;--ink-50: #E8E1CE;--ink-100: #C8C4B5;--ink-200: #B8B0A0;--ink-300: #9AA0A8;--ink-400: #8A9099;--ink-500: #6B7280;--ink-600: #4A5260;--ink-700: #3A4250;--brass-100: #F8F1DE;--brass-200: #F0E5C9;--brass-300: #E2D2A1;--brass-400: #D5BC83;--brass-500: #C9A86A;--brass-600: #A8884A;--brass-700: #5A4A2A;--brass-800: #3D331C;--brass-900: #251E10;--brass-950: #1A1410;--ember-100: #FAEAE6;--ember-200: #F4D5D0;--ember-300: #ECB5AE;--ember-400: #E08F84;--ember-500: #D46A5C;--ember-600: #B14B40;--ember-700: #5A1E1E;--ember-800: #3D1313;--ember-900: #240B0E;--ember-950: #1A0E10;--sage-100: #EAF1E4;--sage-200: #D5E3CB;--sage-300: #B5CDA7;--sage-400: #9AB58A;--sage-500: #6B8E5A;--sage-600: #557348;--sage-700: #3A5A2A;--sage-800: #243A18;--sage-900: #15240E;--sage-950: #101810;--frost-100: #E8EEF4;--frost-200: #D2DCE9;--frost-300: #ABBED4;--frost-400: #809CBE;--frost-500: #5A7AA8;--frost-600: #455F87;--frost-700: #2D3F5C;--frost-800: #1B273D;--frost-900: #101926;--frost-950: #0C1320;--purple-100: #EFE6F7;--purple-200: #E0D2EF;--purple-300: #C7AFE4;--purple-400: #A988D7;--purple-500: #8B5FC7;--purple-600: #6F47A8;--purple-700: #5A3D7A;--purple-800: #3E2A55;--purple-900: #251733;--purple-950: #170E20;--citrine-100: #FBF5DC;--citrine-200: #F6E9B6;--citrine-300: #EFD988;--citrine-400: #E5C25C;--citrine-500: #D9B440;--citrine-600: #B89730;--citrine-700: #7A6320;--citrine-800: #4D3F15;--citrine-900: #2B240D;--citrine-950: #1A1608;--color-canvas: #10141A;--color-surface: #13181F;--color-surface-elevated: #161A21;--color-surface-tinted: #1E1A12;--color-text-primary: #C8C4B5;--color-text-secondary: #9AA0A8;--color-text-tertiary: #6B7280;--color-text-tertiary-strong: color-mix(in oklch, var(--color-text-secondary) 60%, var(--color-text-tertiary));--color-text-muted: #8A9099;--color-text-accent: #C9A86A;--color-frame-border: #2A3038;--color-currency-gold: #D5BC83;--color-border-primary: #2A3038;--color-border-secondary: #1E232C;--color-border-tertiary: #161A21;--color-overlay-heavy: #10141AE6;--color-overlay: #10141ACC;--color-overlay-light: #10141A99;--color-overlay-soft: #10141A66;--color-highlight-faint: #E8E1CE0A;--color-highlight-soft: #E8E1CE12;--color-highlight-medium: #E8E1CE1F;--color-highlight-strong: #E8E1CE2E;--color-bar-background: #0F1218;--color-map-ocean: var(--surface-550);--color-map-earth-mask: var(--surface-50);--color-map-inactive-fill: var(--brass-900);--color-map-road-dark: var(--brass-900);--color-map-road-ink: var(--brass-200);--color-success: #6B8E5A;--color-success-bright: #9AB58A;--color-warning: #C9A86A;--color-warning-bright: #D5BC83;--color-danger: #D46A5C;--color-danger-bright: #E08F84;--color-info: #5A7AA8;--color-info-bright: #809CBE;--color-health-friendly: #6B8E5A;--color-mana: #5A7AA8;--color-rage: #B14B40;--color-xp: #8B5FC7;--color-class-warrior: var(--brass-400);--color-class-mage: var(--frost-400);--color-class-priest: var(--ink-50);--color-class-rogue: var(--sage-400);--color-ember: #D46A5C;--color-ember-soft: #5A1E1E6B;--bg-primary: var(--surface-300);--bg-secondary: var(--surface-400);--bg-tertiary: var(--surface-100);--bg-deep: var(--surface-50);--bg-eyebrow: var(--surface-150);--bg-inverted: var(--ink-50);--text-quiet: var(--ink-600);--text-inverted: var(--surface-100);--icon-primary: var(--ink-100);--icon-secondary: var(--ink-300);--icon-tertiary: var(--ink-500);--line-primary: var(--surface-700);--line-secondary: var(--surface-600);--line-tertiary: var(--surface-500);--status-alert: var(--ember-500);--status-warning: var(--brass-500);--status-positive: var(--sage-500);--status-neutral: var(--frost-500);--resource-hp: var(--ember-500);--resource-mana: var(--frost-500);--resource-energy: var(--citrine-500);--resource-rage: var(--ember-600);--resource-xp: var(--purple-500);--surface-fill-panel: linear-gradient(180deg, var(--color-surface-elevated), var(--color-surface));--surface-fill-muted: linear-gradient(180deg, color-mix(in oklch, var(--color-surface-elevated) 82%, var(--color-border-tertiary)), var(--color-surface));--surface-fill-accent-soft: linear-gradient(180deg, color-mix(in oklch, var(--color-text-accent) 18%, var(--color-surface-tinted)), var(--color-surface));--surface-fill-slot: linear-gradient(180deg, var(--color-bar-background), var(--color-canvas));--surface-border-subtle: var(--color-border-tertiary);--surface-border-regular: var(--color-frame-border);--surface-border-strong: var(--color-border-primary);--surface-border-accent: color-mix(in oklch, var(--color-text-accent) 54%, var(--color-frame-border));--surface-border-success: color-mix(in oklch, var(--color-success) 44%, var(--color-frame-border));--surface-border-info: color-mix(in oklch, var(--color-info) 56%, var(--color-frame-border));--surface-border-warning: color-mix(in oklch, var(--color-warning) 52%, var(--color-frame-border));--surface-border-danger: color-mix(in oklch, var(--color-danger) 52%, var(--color-frame-border));--surface-inner-border: color-mix(in oklch, var(--color-frame-border) 42%, transparent);--surface-divider: var(--color-frame-border);--surface-divider-strong: var(--color-border-primary);--surface-shadow-soft: 0 8px 18px #06080BCC;--surface-shadow-panel: 0 16px 32px #06080BE6;--surface-shadow-lift: 0 10px 18px #06080BD6;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-tight: 4px;--space-small: 8px;--space-snug: 12px;--space-medium: 16px;--space-large: 24px;--space-section: 32px;--space-shell: 20px;--stroke-1: 1px;--stroke-2: 2px;--border-thin: 1px;--border-regular: 2px;--border-strong: 3px;--border-heavy: 4px;--radius-12: 2px;--radius-16: 3px;--radius-20: 4px;--radius-24: 6px;--radius-32: 8px;--radius-none: 0;--radius-sm: 1px;--radius-md: 2px;--radius-lg: 4px;--radius-xl: 8px;--radius-2xl: 10px;--radius-full: 9999px;--radius-pill: 2px;--hit-target-compact: 32px;--hit-target-regular: 38px;--hit-target-comfortable: 44px;--type-9: 9px;--type-11: 11px;--type-14: 14px;--type-16: 16px;--type-18: 18px;--type-20: 20px;--type-22: 22px;--type-24: 24px;--type-26: 26px;--type-28: 28px;--type-32: 32px;--type-34: 34px;--type-36: 36px;--type-40: 40px;--type-42: 42px;--type-56: 56px;--type-xxs: 8px;--type-xs: 10px;--type-sm: 12px;--type-md: 14px;--type-lg: 16px;--type-xl: 18px;--type-2xl: 22px;--type-3xl: 28px;--type-display: 36px;--type-micro: 10px;--type-label: 11px;--type-body: 14px;--type-title: 16px;--type-hero: 28px;--tracking-ui: .14em;--line-body: 1.5;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-button: .5px;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .08em;--leading-tight: 1;--leading-snug: 1.2;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 600;--weight-bold: 700;--motion-fast: .15s;--motion-regular: .25s;--motion-slow: .4s;--motion-ambient: 2s;--motion-enter-ease: cubic-bezier(.25, 1, .5, 1);--motion-exit-ease: cubic-bezier(.5, 0, .75, 0);--motion-change-ease: cubic-bezier(.76, 0, .24, 1);--motion-press-ease: cubic-bezier(.2, 0, 0, 1);--motion-hover-lift: -1px;--motion-press-scale: .985;--layout-shell-max-width: 96rem;--layout-shell-gap: var(--space-shell);--layout-top-bar-height: 4.75rem;--layout-left-panel-width: 22rem;--layout-right-panel-width: 20rem;--layout-chat-height: 15rem;--layout-card-min-height: 12rem}:root{--radius-medium: var(--radius-12);--focus-ring: var(--border-regular) solid var(--surface-border-accent);--font-label: "JetBrains Mono", monospace;--font-quote: "Lora", serif}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:var(--type-body);line-height:var(--line-body);color:var(--color-text-primary);background:linear-gradient(180deg,color-mix(in oklch,var(--color-surface-elevated) 40%,transparent),transparent 18rem),var(--color-canvas);letter-spacing:0;overscroll-behavior:none}button,input,textarea,select{font:inherit;color:inherit}button,[role=button],a,label{touch-action:manipulation}button{cursor:pointer}@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{font-size:var(--touch-control-font-size, max(16px, 1em))!important}}a{color:inherit;text-decoration:none}.ds-shell{width:min(100%,var(--layout-shell-max-width));min-height:100dvh;margin:0 auto;padding:var(--space-shell);display:grid;grid-template-rows:var(--layout-top-bar-height) minmax(0,1fr) var(--layout-chat-height);gap:var(--layout-shell-gap)}.ds-shell-main{min-height:0;display:grid;grid-template-columns:minmax(16rem,var(--layout-left-panel-width)) minmax(0,1fr) minmax(16rem,var(--layout-right-panel-width));gap:var(--layout-shell-gap)}.ds-stack{display:flex;flex-direction:column;gap:var(--space-medium)}.ds-cluster{display:flex;flex-wrap:wrap;gap:var(--space-small)}.ds-panel{position:relative;overflow:clip;border-radius:var(--radius-12);background:linear-gradient(180deg,color-mix(in oklch,var(--color-highlight-faint) 100%,transparent),transparent 2rem),var(--surface-fill-panel);border:var(--border-thin) solid var(--surface-border-regular);box-shadow:inset 0 1px 0 var(--color-highlight-soft),var(--surface-shadow-panel)}.ds-panel:before{content:"";position:absolute;inset:6px;border:var(--border-thin) solid var(--surface-inner-border);border-radius:var(--radius-12);opacity:.36;pointer-events:none}.ds-panel-body{position:relative;z-index:1;padding:calc(var(--space-medium) + 2px)}.ds-kicker{font-family:var(--font-label);font-size:var(--type-label);font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-tertiary)}.ds-title{font-family:var(--font-display);font-size:var(--type-title);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-accent)}.ds-subtitle{color:var(--color-text-secondary)}.ds-chip{display:inline-flex;align-items:center;gap:var(--space-tight);min-height:24px;padding:3px var(--space-small);border:var(--border-thin) solid var(--surface-border-subtle);border-radius:var(--radius-pill);background:var(--surface-fill-muted);box-shadow:inset 0 1px 0 var(--color-highlight-faint);color:var(--color-text-secondary);font-family:var(--font-label);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.14em}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-small);min-width:160px;height:var(--hit-target-comfortable);min-height:var(--hit-target-comfortable);padding:calc(var(--space-2) + var(--stroke-2)) var(--space-3);border:var(--border-thin) solid var(--line-primary);border-radius:var(--radius-12);background:var(--bg-secondary);box-shadow:none;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--type-label);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-button);text-transform:none;transition:transform var(--motion-fast) var(--motion-press-ease),border-color var(--motion-fast) var(--motion-change-ease),background-color var(--motion-fast) var(--motion-change-ease),color var(--motion-fast) var(--motion-change-ease),box-shadow var(--motion-fast) var(--motion-change-ease)}.ds-button:not(.ds-button--icon) svg{width:13px;height:13px;flex:none}.ds-button:focus-visible{outline:var(--border-regular) solid var(--surface-border-accent);outline-offset:2px}.ds-button:hover:not(:disabled){color:var(--ink-100);border-color:color-mix(in oklch,var(--line-primary) 82%,var(--ink-100));background:color-mix(in oklch,var(--bg-secondary) 92%,var(--ink-100));box-shadow:none;transform:translateY(var(--motion-hover-lift))}.ds-button:active:not(:disabled){transform:translateY(0) scale(var(--motion-press-scale));box-shadow:none}.ds-button[aria-pressed=true],.ds-button.is-active{color:var(--ink-100);border-color:color-mix(in oklch,var(--line-primary) 82%,var(--ink-100));background:color-mix(in oklch,var(--bg-secondary) 92%,var(--ink-100));box-shadow:none}.ds-button--primary{padding-inline:var(--space-4);border-color:var(--ember-700);background:var(--ember-800);color:var(--ink-100);font-family:var(--font-display);font-size:var(--type-title);box-shadow:none}.ds-button--primary:hover:not(:disabled){border-color:color-mix(in oklch,var(--ember-700) 78%,var(--ink-100));background:color-mix(in oklch,var(--ember-800) 90%,var(--ink-100));color:var(--ink-100);box-shadow:none}.ds-button--primary:active:not(:disabled){background:var(--ember-900)}.ds-button:disabled{cursor:default;opacity:.5;transform:none;box-shadow:none}.ds-button--pill{min-height:32px;height:32px;min-width:0;padding:0 var(--space-snug);border-radius:var(--radius-pill);font-size:var(--type-14)}.ds-button--icon{min-height:38px;height:38px;min-width:0;width:38px;padding:0}.ds-button--icon.ds-button--pill{min-height:32px;height:32px;width:32px}.ds-input{--touch-control-font-size: var(--type-28);width:100%;padding:var(--space-small) var(--space-medium);border:var(--border-thin) solid var(--surface-border-regular);border-radius:var(--radius-12);background:var(--surface-fill-slot);font-size:var(--type-28);text-align:center;box-shadow:inset 0 1px 0 var(--color-highlight-faint)}.ds-input::placeholder{color:var(--color-text-tertiary);opacity:1}.ds-surface-row{display:flex;align-items:center;gap:var(--space-small);padding:var(--space-small) var(--space-snug);border-radius:var(--radius-12);background:var(--surface-fill-muted);border:var(--border-thin) solid var(--surface-border-subtle);box-shadow:inset 0 1px 0 var(--color-highlight-faint)}.ds-stat-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-medium);align-items:center;color:var(--color-text-secondary)}.ds-stat-row strong{color:var(--color-text-primary);font-weight:400}.ds-section-header{padding-bottom:var(--space-tight);border-bottom:var(--border-thin) solid var(--surface-divider);font-family:var(--font-label);font-size:var(--type-micro);font-weight:400;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-accent)}.ds-section-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-small)}.ds-section-header-aside{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-small);margin-left:auto;min-width:0;color:var(--color-text-secondary)}.ds-section-heading{display:grid;gap:var(--space-small)}.ds-section-heading-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-small)}.ds-section-heading-meta{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-small);margin-left:auto;min-width:0}.ds-section-heading-copy{display:grid;gap:6px}.ds-section-heading-title{margin:0;font-family:var(--font-display);font-size:var(--type-title);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-primary)}.ds-section-heading-description{margin:0;max-width:65ch;color:var(--color-text-secondary)}.ds-section-heading-content{display:grid;gap:var(--space-small)}.ds-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-small)}.ds-metric-grid[data-columns="1"]{grid-template-columns:1fr}.ds-metric-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-metric-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-metric-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-metric-grid[data-density=compact]{gap:var(--space-snug)}.ds-metric-cell{--ds-metric-signal: var(--color-text-accent);display:grid;gap:6px;min-width:0;padding:var(--space-snug);border:var(--border-thin) solid color-mix(in oklch,var(--ds-metric-signal) 16%,var(--surface-border-regular));border-radius:var(--radius-12);background:linear-gradient(180deg,color-mix(in oklch,var(--ds-metric-signal) 5%,var(--color-surface-elevated)),transparent 76%),var(--surface-fill-muted);box-shadow:inset 0 1px 0 var(--color-highlight-faint)}.ds-metric-cell[data-tone=accent]{--ds-metric-signal: var(--color-text-accent)}.ds-metric-cell[data-tone=success]{--ds-metric-signal: var(--color-success)}.ds-metric-cell[data-tone=warning]{--ds-metric-signal: var(--color-warning)}.ds-metric-cell[data-tone=danger]{--ds-metric-signal: var(--color-danger)}.ds-metric-cell[data-tone=info]{--ds-metric-signal: var(--color-info)}.ds-metric-label{font-family:var(--font-label);font-size:var(--type-micro);font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-tertiary)}.ds-metric-value{color:color-mix(in oklch,var(--ds-metric-signal) 72%,var(--color-text-primary));font-size:var(--type-20);font-weight:600;line-height:1.1}.ds-metric-description{color:var(--color-text-muted);font-size:var(--type-14)}.ds-metric-extra{display:grid;gap:var(--space-tight)}.ds-callout{--ds-callout-signal: var(--color-frame-border);display:grid;gap:8px;min-width:0;padding:var(--space-snug);border:var(--border-thin) solid color-mix(in oklch,var(--ds-callout-signal) 20%,var(--surface-border-regular));border-radius:var(--radius-12);background:linear-gradient(180deg,color-mix(in oklch,var(--ds-callout-signal) 5%,var(--color-surface-elevated)),transparent 76%),var(--surface-fill-muted)}.ds-callout[data-tone=accent]{--ds-callout-signal: var(--color-text-accent)}.ds-callout[data-tone=success]{--ds-callout-signal: var(--color-success)}.ds-callout[data-tone=warning]{--ds-callout-signal: var(--color-warning)}.ds-callout[data-tone=danger]{--ds-callout-signal: var(--color-danger)}.ds-callout[data-tone=info]{--ds-callout-signal: var(--color-info)}.ds-callout-header{display:flex;align-items:flex-start;gap:var(--space-small)}.ds-callout-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;min-width:1.25rem;color:var(--ds-callout-signal)}.ds-callout-title{color:var(--color-text-primary);font-size:var(--type-14);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ds-callout-body{color:var(--color-text-secondary);font-size:var(--type-14)}.ds-progress-meter{--ds-meter-scale: 0;--ds-meter-start: var(--color-text-accent);--ds-meter-end: var(--color-ember);display:grid;gap:8px;min-width:0}.ds-progress-meter[data-tone=neutral]{--ds-meter-start: color-mix(in oklch, var(--color-text-secondary) 75%, var(--color-frame-border));--ds-meter-end: var(--color-frame-border)}.ds-progress-meter[data-tone=success]{--ds-meter-start: var(--color-health-friendly);--ds-meter-end: var(--color-success)}.ds-progress-meter[data-tone=warning]{--ds-meter-start: var(--color-warning);--ds-meter-end: var(--color-warning-bright)}.ds-progress-meter[data-tone=danger]{--ds-meter-start: var(--color-rage);--ds-meter-end: var(--color-danger)}.ds-progress-meter[data-tone=info]{--ds-meter-start: var(--color-mana);--ds-meter-end: var(--color-info)}.ds-progress-meter-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-small)}.ds-progress-meter-label{color:var(--color-text-tertiary);font-family:var(--font-label);font-size:var(--type-micro);font-weight:400;letter-spacing:.18em;text-transform:uppercase}.ds-progress-meter-value{color:var(--color-text-primary);font-family:var(--font-label);font-size:var(--type-micro);font-weight:400}.ds-progress-meter-track{position:relative;overflow:hidden;height:8px;border:var(--border-thin) solid var(--surface-border-regular);border-radius:var(--radius-12);background:var(--surface-fill-slot)}.ds-progress-meter-fill{position:absolute;inset:1px auto 1px 1px;width:calc(100% - 2px);transform:scaleX(var(--ds-meter-scale));transform-origin:left center;border-radius:var(--radius-12);background:linear-gradient(90deg,var(--ds-meter-start),var(--ds-meter-end));transition:transform var(--motion-regular) var(--motion-change-ease)}.ds-progress-meter-hint{color:var(--color-text-muted);font-size:var(--type-14)}.ds-resource-bar{position:relative;overflow:hidden;height:22px;border-radius:var(--radius-12);background:var(--color-bar-background);border:var(--border-thin) solid var(--surface-border-regular)}.ds-resource-bar>span{position:absolute;inset:2px;width:calc(100% - 4px);transform:scaleX(var(--ds-resource-bar-scale, 1));transform-origin:left center;border-radius:inherit;transition:transform var(--motion-regular) var(--motion-change-ease)}.ds-resource-bar>strong{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-primary);font-family:var(--font-label);font-size:var(--type-micro);font-weight:400;letter-spacing:.08em;text-shadow:0 1px 0 oklch(6% .01 260 / .75)}.ds-resource-bar[data-kind=health]>span{background:linear-gradient(90deg,var(--color-health-friendly),var(--color-success))}.ds-resource-bar[data-kind=mana]>span{background:linear-gradient(90deg,var(--color-mana),var(--color-info))}.ds-resource-bar[data-kind=rage]>span,.ds-resource-bar[data-kind=resource]>span{background:linear-gradient(90deg,var(--color-rage),var(--color-danger))}.ds-resource-bar[data-kind=xp]>span{background:linear-gradient(90deg,var(--color-xp),var(--color-info-bright))}.ds-portrait-frame,.ds-icon-shell{position:relative;background:linear-gradient(180deg,var(--color-highlight-faint),transparent),var(--color-surface-elevated);border:var(--border-regular) solid var(--surface-border-regular);border-radius:var(--radius-16)}.ds-portrait-frame:before,.ds-icon-shell:before{content:"";position:absolute;inset:var(--space-tight);border:var(--border-thin) solid var(--surface-inner-border);pointer-events:none}.ds-portrait-frame{overflow:hidden}.ds-portrait-frame:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 45%,var(--color-overlay) 100%);pointer-events:none}.ds-close-button{width:44px;height:44px;padding:0;background:var(--surface-fill-muted);border:var(--border-thin) solid var(--surface-border-regular);border-radius:var(--radius-12)}.ds-scrollbar{scrollbar-color:var(--color-frame-border) oklch(10% .008 260 / .25);scrollbar-width:thin}.ds-scrollbar::-webkit-scrollbar{width:10px;height:10px}.ds-scrollbar::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--color-frame-border) 80%,var(--color-text-accent));border:2px solid oklch(10% .008 260 / .25)}.ds-scrollbar::-webkit-scrollbar-track{background:#02030538}.ds-rule{height:1px;background:var(--color-border-tertiary)}@keyframes ds-skeleton-breathe{0%{opacity:.62}to{opacity:1}}.ds-skeleton{display:block;flex:none;border:var(--border-thin) solid var(--surface-border-subtle);background:var(--surface-fill-slot);box-shadow:inset 0 1px 0 var(--color-highlight-faint);animation:ds-skeleton-breathe var(--motion-ambient) cubic-bezier(.45,0,.55,1) infinite alternate;pointer-events:none;-webkit-user-select:none;user-select:none}.ds-skeleton--line{height:10px}.ds-skeleton--square,.ds-skeleton--circle{width:100%}.ds-skeleton--tone-muted{background:var(--surface-fill-muted);border-color:var(--surface-border-subtle)}.ds-skeleton--tone-accent{background:linear-gradient(180deg,color-mix(in oklch,var(--color-text-accent) 12%,transparent),transparent 70%),var(--surface-fill-slot);border-color:color-mix(in oklch,var(--color-text-accent) 28%,var(--surface-border-regular))}.ds-skeleton--radius-none{border-radius:0}.ds-skeleton--radius-sm{border-radius:var(--radius-sm)}.ds-skeleton--radius-md{border-radius:var(--radius-md)}.ds-skeleton--radius-lg{border-radius:var(--radius-lg)}.ds-skeleton--radius-pill{border-radius:var(--radius-pill)}.ds-skeleton--radius-full{border-radius:9999px}.ds-skeleton-stack{display:flex;flex-direction:column;gap:var(--space-small);min-width:0}.ds-skeleton-stack--inline{flex-direction:row;align-items:center}@media(prefers-reduced-motion:reduce){.ds-skeleton{animation:none;opacity:.85}}@media(max-width:1080px){.ds-shell{grid-template-rows:auto auto auto}.ds-shell-main{grid-template-columns:1fr}}