:root{--color-paper-base: #d8d3ce;--color-paper-warm: #b7a091;--color-paper-shadow: #867e76;--color-ink: #2f2722;--color-sepia: #5e5853;--color-surface-deep: #4b4039;--color-surface-deep-alt: #322a26;--color-seal: #7d564c;--color-olive: #6b6b5f;--color-mist: #a79d95;--color-accent: #b29a74;--color-accent-dark: #77624e;--color-accent-light: #cab59a;--color-accent-surface: rgba(178, 154, 116, .12);--color-accent-surface-strong: rgba(178, 154, 116, .18);--color-accent-border-soft: rgba(178, 154, 116, .22);--color-accent-border: rgba(178, 154, 116, .36);--color-accent-border-strong: rgba(178, 154, 116, .52);--color-surface-paper: rgba(205, 198, 190, .88);--color-surface-paper-soft: rgba(197, 189, 181, .72);--color-surface-paper-strong: rgba(213, 206, 198, .92);--color-surface-deep-alpha: rgba(75, 64, 57, .9);--color-paper-overlay-soft: rgba(222, 216, 209, .18);--color-paper-overlay: rgba(228, 222, 214, .28);--color-paper-overlay-strong: rgba(216, 209, 201, .46);--color-line-faint: rgba(47, 39, 34, .12);--color-line-soft: rgba(47, 39, 34, .18);--color-line: rgba(47, 39, 34, .28);--color-line-strong: rgba(47, 39, 34, .42);--color-scrim: rgba(31, 27, 24, .48);--color-scrim-strong: rgba(22, 19, 17, .66);--color-shell-base: #2b2521;--color-shell-elevated: rgba(58, 50, 46, .92);--color-shell-hover: rgba(227, 225, 220, .08);--color-shell-active: rgba(178, 154, 116, .16);--color-shell-border: rgba(191, 171, 144, .24);--color-shell-text: #ddd5cb;--color-primary: var(--color-accent);--color-primary-dark: var(--color-accent-dark);--color-primary-light: var(--color-accent-light);--color-primary-alpha: var(--color-accent-surface);--color-bg-base: #332c27;--color-bg-elevated: var(--color-surface-paper);--color-bg-overlay: var(--color-surface-paper-soft);--color-bg-hover: #c7bdb2;--color-text-primary: var(--color-ink);--color-text-secondary: var(--color-sepia);--color-text-tertiary: #93887e;--color-text-inverse: #ebe4dc;--color-border-base: #8d867c;--color-border-strong: #77624e;--color-border-focus: var(--color-accent);--color-success: #687461;--color-warning: var(--color-accent);--color-error: var(--color-seal);--color-info: #727a80;--color-rarity-common: #8d867c;--color-rarity-uncommon: #687461;--color-rarity-rare: #727a80;--color-rarity-epic: #7d564c;--color-rarity-legendary: var(--color-accent);--font-family-base: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-heading: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", serif;--font-family-display: "Cormorant Garamond", "Source Han Serif SC", "Noto Serif SC", serif;--font-family-mono: "SF Mono", "Consolas", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 3px;--radius-md: 8px;--radius-lg: 14px;--radius-full: 9999px;--shadow-sm: 0 1px 0 rgba(231, 226, 220, .08), 0 8px 18px rgba(18, 16, 15, .18);--shadow-md: 0 1px 0 rgba(231, 226, 220, .06), 0 16px 34px rgba(18, 16, 15, .24);--shadow-lg: 0 1px 0 rgba(231, 226, 220, .05), 0 26px 56px rgba(13, 12, 11, .3);--shadow-glow: 0 0 0 1px rgba(178, 154, 116, .16), 0 14px 28px rgba(18, 16, 15, .26);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-modal: 2000;--z-tooltip: 3000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:radial-gradient(circle at 18% 12%,rgba(227,225,225,.18),transparent 18%),radial-gradient(circle at 78% 28%,rgba(183,160,145,.16),transparent 20%),linear-gradient(180deg,#6f665d,#3b332e 48%,#201b18);background-color:var(--color-bg-base);background-attachment:fixed;overflow-x:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}a{color:var(--color-accent-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2f27222e}::-webkit-scrollbar-thumb{background:#b29a7442;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.hidden{display:none!important}