:root,[data-theme=dark]{color-scheme:dark;--bg-primary: #121216;--bg-secondary: #1a1a22;--bg-surface: #1f1f2a;--bg-elevated: #252535;--bg-overlay: rgba(0, 0, 0, .65);--bg-band: rgba(18, 18, 22, .6);--text-primary: #e4e4e8;--text-secondary: #a8a8b0;--text-muted: #9a9aa6;--text-inverse: #121216;--accent: #ff8833;--accent-lighter: #ffaa55;--accent-darker: #cc6622;--accent-shadow: rgba(255, 136, 51, .3);--accent-shadow-strong: rgba(255, 136, 51, .5);--accent-shadow-soft: rgba(255, 136, 51, .15);--accent-bg: rgba(255, 136, 51, .1);--border: #2a2a38;--border-strong: #3a3a4a;--border-accent: var(--accent);--color-success: #4caf50;--color-danger: #dd4444;--color-danger-bg: rgba(221, 68, 68, .12);--color-warning: #f5a623;--color-info: #5865f2;--input-bg: #161620;--input-border: #2a2a38;--input-focus: var(--accent);--scrollbar-track: #161620;--scrollbar-thumb: #3a3a4a;--scrollbar-thumb-hover: #50506a;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 12px var(--accent-shadow);--rarity-bronze: #B56A3C;--rarity-silver: #C9CED6;--rarity-gold: #D4A634;--rarity-ruby: #9A0E2A;--rarity-mithril: #7F9FD5;--rarity-adamantite: #1F9C6C;--rarity-voidsteel: #8a7fba;--rarity-legacy: #FFE169;--rarity-orichalcum: #E8A87C;--rarity-eclipsium: #BD16AF;--rarity-N: #888888;--rarity-R: #4a9eff;--rarity-SR: #b44aff;--rarity-UR: #ff9f00;--rarity-EX: #ff1744;--color-equipped: #7dff7d;--color-max-level: #7dff7d;--color-min-level: #ff7d7d;--color-gild: #ffd700;--color-enchant: #d4a;--color-infuse: #f85}[data-theme=light]{color-scheme:light;--bg-primary: #f2f2f5;--bg-secondary: #ffffff;--bg-surface: #fafafe;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .3);--bg-band: rgba(255, 255, 255, .65);--text-primary: #1a1a24;--text-secondary: #52525e;--text-muted: #686874;--text-inverse: #ffffff;--border: #dddde5;--border-strong: #c4c4d0;--input-bg: #ffffff;--input-border: #d0d0da;--scrollbar-track: #f0f0f5;--scrollbar-thumb: #c4c4d0;--scrollbar-thumb-hover: #a0a0b0;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .16);--shadow-glow: 0 0 12px rgba(255, 136, 51, .15);--color-danger-bg: rgba(221, 68, 68, .08);--accent-bg: rgba(255, 136, 51, .08);--rarity-silver: #6b717a;--rarity-voidsteel: #4a3f6b;--rarity-legacy: #b8960a;--color-equipped: #1e7e1e;--color-max-level: #1e7e1e;--color-min-level: #c02020;--color-gild: #b8860b;--color-enchant: #a0338a;--color-infuse: #c85020;--rarity-N: #555555}:root{--font-pixel: "Pixelify Sans", cursive;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}:root{--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}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}:root{--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-sidebar: 500;--z-bottom-nav: 600;--z-overlay: 900;--z-modal: 1000;--z-toast: 1100;--z-tooltip: 1200}:root{--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-lighter)}img,video{max-width:100%;height:auto}::-webkit-scrollbar{width:10px;height:10px;background:transparent}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:3px solid transparent;border-radius:var(--radius-full);min-height:36px;min-width:36px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 55%,var(--scrollbar-thumb-hover));background-clip:padding-box;border-width:2px}::-webkit-scrollbar-thumb:active{background:var(--accent);background-clip:padding-box;border-width:2px}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}}.pixel-border{border:2px solid var(--border-accent);box-shadow:inset 2px 2px #ffffff0f,inset -2px -2px #00000026,2px 2px #00000040}.pixel-panel{background:var(--bg-surface);border:2px solid var(--border-strong);box-shadow:inset 1px 1px #ffffff0a,inset -1px -1px #0003,2px 2px #0000004d;border-radius:var(--radius-sm)}.pixel-btn{font-family:var(--font-pixel);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);color:var(--accent);border:2px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 3px 0 var(--accent-darker),0 4px 4px #0003;position:relative;top:0;-webkit-user-select:none;user-select:none}.pixel-btn:hover{background:var(--accent);color:var(--text-inverse);box-shadow:0 3px 0 var(--accent-darker),0 4px 8px #0000004d}.pixel-btn:active{top:2px;box-shadow:0 1px 0 var(--accent-darker),0 2px 2px #0003}.pixel-btn-primary{background:var(--accent);color:var(--text-inverse);font-weight:var(--weight-bold)}.pixel-btn-primary:hover{background:var(--accent-lighter)}.pixel-btn-danger{border-color:var(--color-danger);color:var(--color-danger);box-shadow:0 3px #a22,0 4px 4px #0003}.pixel-btn-danger:hover{background:var(--color-danger);color:#fff}.pixel-divider{border:none;height:2px;background:repeating-linear-gradient(90deg,var(--border-strong) 0px,var(--border-strong) 4px,transparent 4px,transparent 8px);margin:var(--space-4) 0}.pixel-badge{font-family:var(--font-pixel);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;padding:2px 6px;border:2px solid;border-radius:2px;background:#0006;letter-spacing:.5px;white-space:nowrap}.eroth-input,.eroth-select{font-family:var(--font-body);font-size:var(--text-sm);background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.eroth-input:focus,.eroth-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-shadow-soft)}.eroth-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.eroth-select option{background:var(--bg-surface);color:var(--text-primary)}.on-backdrop{width:fit-content;max-width:100%;margin-inline:auto;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--bg-primary) 84%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-secondary)}.eroth-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.eroth-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow)}.eroth-overlay{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.eroth-modal{width:min(560px,92vw);max-height:88vh;overflow:auto;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}