:root{--surface-abyss: #0b0d12;--surface-base: #12151d;--surface-raised: #1a1f2b;--surface-overlay: #232936;--surface-hover: #2c3444;--border-subtle: #2a3140;--border-strong: #3c465a;--surface-panel: color-mix(in srgb, var(--surface-raised) 55%, transparent);--panel-blur: 3px;--text-primary: #e8ecf4;--text-secondary: #9aa6bd;--text-muted: #626d82;--text-inverse: #0b0d12;--accent: #d8a24a;--accent-strong: #f0bc63;--accent-dim: rgba(216, 162, 74, .16);--danger: #d9534f;--danger-dim: rgba(217, 83, 79, .16);--success: #5aa469;--success-dim: rgba(90, 164, 105, .16);--info: #4f8ec9;--info-dim: rgba(79, 142, 201, .16);--health: #c0392b;--experience: #8e44ad;--mana: #2f7fd0;--dock-offset: 5rem;--scrollbar-size: .55rem;--scrollbar-track: rgba(11, 13, 18, .6);--scrollbar-thumb: #3c465a;--scrollbar-thumb-hover: var(--accent);--terrain-plain: #4a6741;--terrain-forest: #2f4a30;--terrain-road: #6b6252;--terrain-sand: #9c8b5f;--terrain-ruins: #5a5560;--terrain-mountain: #4a4a52;--terrain-water: #2b4a63;--terrain-cavern: #3b3540;--terrain-fungal: #4a3358;--terrain-tunnel: #5b4636;--terrain-ash: #6b5a4a;--terrain-crystal: #3d5d6b;--terrain-obsidian: #1c1a20;--terrain-magma: #8a3218;--terrain-rime: #6e7d8c;--terrain-frostwood: #46596b;--terrain-causeway: #7c7f86;--terrain-saltflat: #a3a79c;--terrain-boneyard: #8b8677;--terrain-voidstone: #14151c;--terrain-brine: #1f3b47;--rarity-common: #c9d3e4;--rarity-uncommon: #5aa469;--rarity-rare: #4f8ec9;--rarity-epic: #9b59b6;--rarity-legendary: #d8a24a;--supporter: #ffd27a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Trajan Pro", "Palatino Linotype", "Book Antiqua", Georgia, serif;--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--text-primary);background:radial-gradient(circle at 50% 0%,rgba(216,162,74,.06),transparent 60%),var(--surface-abyss);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0}h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.05rem}a{color:var(--accent);text-decoration:none}a:hover:not(.btn){color:var(--accent-strong);text-decoration:underline}button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field>label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.field>input,.field>select{padding:var(--space-3);background:var(--surface-abyss);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast)}.field>input:hover,.field>select:hover{border-color:var(--border-strong)}.field>input:focus,.field>select:focus{border-color:var(--accent);outline:none}.field>input:-webkit-autofill,.field>input:-webkit-autofill:hover,.field>input:-webkit-autofill:focus,.field>select:-webkit-autofill,.field>select:-webkit-autofill:hover,.field>select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 100vmax var(--surface-abyss) inset;caret-color:var(--text-primary);transition:border-color var(--transition-fast),background-color 8640000s}.field-error{font-size:.8rem;color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-overlay);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent));border-color:var(--accent-strong);color:var(--text-inverse);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--accent-strong)}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-dim)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--surface-overlay);color:var(--text-primary)}