*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0f0f23;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}#mobile-app{min-height:100vh;display:flex;flex-direction:column;padding:1rem}:root{--surface: #161311;--surface-elevated: #1E1A17;--surface-card: #242018;--surface-overlay: rgba(14, 11, 9, .85);--primary: #E9C349;--primary-dim: #B8941E;--on-surface: #EAE1DD;--on-primary: #3C2F00;--accent-blood: #8A1A1B;--muted: #6B5E55;--success: #4CAF50;--warning: #FF9800;--danger: #C62828;--info: #5B9BD5;--hp-high: #4CAF50;--hp-mid: #FF9800;--hp-low: #C62828;--element-fire: #FF5722;--element-water: #29B6F6;--element-earth: #8BC34A;--element-air: #B0BEC5;--element-fire-bg: rgba(255, 87, 34, .15);--element-water-bg: rgba(41, 182, 246, .15);--element-earth-bg: rgba(139, 195, 74, .15);--element-air-bg: rgba(176, 190, 197, .15);--rarity-common: #9E9E9E;--rarity-uncommon: #66BB6A;--rarity-rare: #AB47BC;--surface-container-low: #1A1714;--surface-container-high: #2A2520;--surface-container-highest: #302A24;--primary-container: rgba(233, 195, 73, .15);--on-primary-container: #F5D76E;--tertiary: #9C8BBD;--tertiary-dim: #6B5A8A;--on-tertiary: #1C1230;--outline: rgba(255, 255, 255, .15);--outline-variant: rgba(255, 255, 255, .06);--error-container: rgba(198, 40, 40, .15);--font-display: "Newsreader", Georgia, serif;--font-body: "Manrope", system-ui, sans-serif;--font-stat: "Space Grotesk", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-7xl: 4.5rem;--text-9xl: 8rem;--text-display: 2.25rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--glow-gold: 0 0 12px rgba(233, 195, 73, .4);--glow-fire: 0 0 12px rgba(255, 87, 34, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .5);--shadow-overlay: 0 8px 40px rgba(0, 0, 0, .75)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--surface);color:var(--on-surface);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:var(--primary);line-height:1.2}p{line-height:1.6}input,button,select,textarea{font-family:inherit}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:linear-gradient(170deg,#f5d76e,#e9c349,#b8941e);color:var(--on-primary);font-family:var(--font-stat);font-weight:600;font-size:var(--text-md);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--glow-gold);transition:filter .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.05em}.btn-cta:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 20px #e9c34999}.btn-cta:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:transparent;color:var(--primary);font-family:var(--font-stat);font-weight:600;font-size:var(--text-md);border:1px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:background .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.05em}.btn-ghost:hover:not(:disabled){background:#e9c3491a;box-shadow:var(--glow-gold)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);background:var(--danger);color:var(--on-surface);font-family:var(--font-stat);font-weight:600;font-size:var(--text-md);border:none;border-radius:var(--radius-md);cursor:pointer;transition:filter .2s}.btn-danger:hover:not(:disabled){filter:brightness(1.15)}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;color:var(--muted);border:1px solid var(--muted);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-lg);transition:color .2s,border-color .2s}.btn-icon:hover{color:var(--primary);border-color:var(--primary)}.gold-frame{position:relative}.gold-frame:before,.gold-frame:after{content:"";position:absolute;width:96px;height:96px;border-color:var(--primary);border-style:solid;pointer-events:none;z-index:1}.gold-frame:before{top:0;left:0;border-width:2px 0 0 2px}.gold-frame:after{bottom:0;right:0;border-width:0 2px 2px 0}.glass-panel{background:var(--surface-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.card-base{background:var(--surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-md);border:1px solid rgba(255,255,255,.06)}.element-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border-radius:var(--radius-pill);font-family:var(--font-stat);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.element-badge.fire{color:var(--element-fire);background:var(--element-fire-bg)}.element-badge.water{color:var(--element-water);background:var(--element-water-bg)}.element-badge.earth{color:var(--element-earth);background:var(--element-earth-bg)}.element-badge.air{color:var(--element-air);background:var(--element-air-bg)}.rarity-badge{display:inline-block;padding:2px var(--space-sm);border-radius:var(--radius-pill);font-family:var(--font-stat);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rarity-badge.common{color:var(--surface);background:var(--rarity-common)}.rarity-badge.uncommon{color:var(--surface);background:var(--rarity-uncommon)}.rarity-badge.rare{color:var(--on-surface);background:var(--rarity-rare)}.hp-bar-track{width:100%;height:6px;background:#ffffff1a;border-radius:var(--radius-pill);overflow:hidden}.hp-bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--hp-high);transition:width .4s ease,background .4s ease}.hp-bar-fill.mid{background:var(--hp-mid)}.hp-bar-fill.low{background:var(--hp-low)}.avatar-circle{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-card);border:2px solid var(--primary);font-family:var(--font-stat);font-weight:600;color:var(--primary);flex-shrink:0}.avatar-circle.sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-circle.md{width:48px;height:48px;font-size:var(--text-sm)}.avatar-circle.lg{width:64px;height:64px;font-size:var(--text-md)}.avatar-circle.xl{width:80px;height:80px;font-size:var(--text-xl)}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-size:1.25em;vertical-align:middle;-webkit-user-select:none;user-select:none}.text-glow{text-shadow:0 0 12px rgba(233,195,73,.6),0 0 24px rgba(233,195,73,.3)}.text-glow-fire{text-shadow:0 0 12px rgba(255,87,34,.6),0 0 24px rgba(255,87,34,.3)}.gradient-text{background:linear-gradient(170deg,#f5d76e,#e9c349,#b8941e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-family:var(--font-stat);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.divider{width:100%;height:1px;background:var(--outline-variant)}