:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark: #070D1E;--bg-navy: #0B1633;--bg-card: #0F1E42;--bg-card-hover: #142857;--bg-card-inner: #0A1329;--gold-primary: #F5BA31;--gold-light: #FFE382;--gold-glow: #FFD24D;--gold-dark: #C68A0C;--gold-gradient: linear-gradient(135deg, #FFE885 0%, #F5BA31 45%, #D68F0D 100%);--gold-border: rgba(245, 186, 49, .35);--gold-border-subtle: rgba(245, 186, 49, .18);--gold-shadow: 0 8px 25px -4px rgba(245, 186, 49, .35);--gold-glow-ambient: 0 0 25px rgba(245, 186, 49, .16);--green-up: #10B981;--green-bg: rgba(16, 185, 129, .15);--red-down: #EF4444;--red-bg: rgba(239, 68, 68, .15);--text-main: #FFFFFF;--text-muted: #94A3B8;--text-dim: #64748B;--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(245, 186, 49, .22);--card-shadow: 0 16px 36px -8px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .07);--card-3d: 0 20px 40px -12px rgba(0, 0, 0, .8), 0 0 0 1px var(--gold-border-subtle), inset 0 1px 1px rgba(255, 255, 255, .18);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 8px;--radius-pill: 9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{min-height:100vh;position:relative;overflow-x:hidden;background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 0%,rgba(245,186,49,.08) 0%,transparent 60%),radial-gradient(circle at 10% 25%,rgba(20,40,87,.4) 0%,transparent 50%),radial-gradient(circle at 90% 70%,rgba(20,40,87,.3) 0%,transparent 50%);background-attachment:fixed}.custom-bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;filter:blur(2px);pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.app-container{max-width:1240px;margin:0 auto;padding:0 20px}.btn-gold-pill{background:var(--gold-gradient);color:#1a1201;font-family:var(--font-heading);font-weight:700;font-size:.95rem;padding:10px 22px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--gold-shadow),inset 0 1px 1px #fff9;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,filter .2s ease;white-space:nowrap}.btn-gold-pill:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px -4px #f5ba3180,inset 0 1px 2px #fffc}.btn-gold-pill:active{transform:translateY(1px)}.btn-navy-pill{background:#0f1e42d9;color:var(--text-main);border:1px solid var(--gold-border-subtle);font-family:var(--font-body);font-weight:500;font-size:.9rem;padding:8px 18px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.btn-navy-pill:hover{background:#162d63f2;border-color:var(--gold-primary);color:var(--gold-light);transform:translateY(-1px)}.deck-card{background:linear-gradient(180deg,#101f44f2,#0a142cfa);border:1px solid var(--gold-border);box-shadow:var(--card-3d);border-radius:var(--radius-lg);position:relative;overflow:hidden}.deck-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,235,150,.6),transparent);pointer-events:none}dialog{border:1px solid var(--gold-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#11214a,#09132a);color:var(--text-main);box-shadow:0 25px 60px -15px #000000e6,0 0 35px #f5ba3133;padding:0;max-width:90vw;width:680px;margin:auto;overscroll-behavior:contain}dialog::backdrop{background:#040813bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog[open]{animation:dialogFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#080f22}::-webkit-scrollbar-thumb{background:#1c3368;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}.sample-badge{font-size:.65rem;letter-spacing:.04em;padding:2px 7px;border-radius:var(--radius-pill);background:#f5ba311f;color:var(--gold-light);border:1px solid rgba(245,186,49,.3);text-transform:uppercase;font-weight:600;display:inline-flex;align-items:center;gap:4px}