:root{--color-bg:#0e0e10;--color-surface:#18181b;--color-surface-2:#1f1f23;--color-surface-3:#26262c;--color-border:#34343b;--color-border-light:#46464f;--color-primary:#9147ff;--color-primary-dark:#772ce8;--color-primary-light:#bf94ff;--color-text:#efeff1;--color-text-muted:#adadb8;--color-text-dim:#7d7d88;--color-success:#00c46a;--color-danger:#ff5b5b;--color-warning:#ffb020;--color-gold:#ffcf4d;--rarity-common:#adadb8;--rarity-uncommon:#43b581;--rarity-rare:#3b9dff;--rarity-epic:#b14bf4;--rarity-legendary:#ff9d3b;--rarity-mythic:#ff4b6e;--rarity-divine:#6fe0ff;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--radius:10px;--space:8px;--app-max-width:1180px;--font-pixel:"Press Start 2P",ui-monospace,monospace;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{background:radial-gradient(circle at 20% -10%,rgba(145,71,255,.12),transparent 40%),radial-gradient(circle at 90% 0,rgba(119,44,232,.1),transparent 35%),var(--color-bg);color:var(--color-text);font-family:var(--font-body,system-ui,sans-serif);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-pixel,monospace);line-height:1.4;margin:0 0 var(--space)}a{color:var(--color-primary-light);text-decoration:none}.frame,img{image-rendering:pixelated}.frame{background:var(--color-surface);border:3px solid var(--color-border-light);border-radius:10px;box-shadow:inset 0 0 0 3px var(--color-surface),inset 0 0 0 4px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.6),0 6px 0 0 rgba(0,0,0,.35);padding:calc(var(--space)*2)}.btn{background:var(--color-primary);border:2px solid rgba(0,0,0,.6);border-radius:10px;box-shadow:inset -2px -3px 0 0 rgba(0,0,0,.35),inset 2px 2px 0 0 rgba(255,255,255,.18);color:#fff;font-family:var(--font-pixel,monospace);font-size:var(--font-size-sm);letter-spacing:.5px;padding:10px 16px;cursor:pointer;transition:transform .05s ease,filter .15s ease;min-height:40px}.btn:active{transform:translateY(2px);box-shadow:inset 2px 3px 0 0 rgba(0,0,0,.4)}.btn:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.btn--ghost{background:var(--color-surface-2);color:var(--color-text)}.btn--danger{background:var(--color-danger)}@media(hover:hover){.btn:hover:not(:disabled){filter:brightness(1.12)}}@media(pointer:coarse){.btn{min-height:44px}}.rarity-common{color:var(--rarity-common)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.rarity-mythic{color:var(--rarity-mythic)}.rarity-divine{color:var(--rarity-divine);text-shadow:0 0 6px rgba(111,224,255,.6)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}