@tailwind base;@tailwind components;@tailwind utilities;.perspective-card{perspective:1000px;-webkit-perspective:1000px}:root{--obsidian: #0A0A0A;--obsidian-2: #111111;--gold-rgb: 212, 175, 55;--gold: rgb(var(--gold-rgb));--gold-muted: rgba(var(--gold-rgb), .5);--crimson: #8B1A1A;--deep-teal: #0D3D3D;--bg-gradient: radial-gradient(ellipse at 50% 0%, #12090e 0%, #0A0A0A 60%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .35);--border-color: rgba(var(--gold-rgb), .25);--border-faint: rgba(255, 255, 255, .08);--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .08);--sheet-bg: linear-gradient(180deg, #111 0%, #0A0A0A 100%);--drawer-bg: linear-gradient(160deg, #0f0a18 0%, #0a0a0a 100%);--shadow-color: rgba(0, 0, 0, .65);--deck-shadow: 0 8px 25px rgba(0, 0, 0, .6);--deck-shadow-active: 0 0 30px rgba(212, 175, 55, .3), 0 15px 40px rgba(0, 0, 0, .7);--btn-bg: linear-gradient(135deg, rgba(10,10,10,.95) 0%, rgba(25,20,10,.95) 100%);--btn-border: rgba(var(--gold-rgb), .35);--btn-shadow: 0 4px 20px rgba(0,0,0,.6), inset 0 1px 0 rgba(var(--gold-rgb), .1);--btn-hover-border: rgba(var(--gold-rgb), .65);--btn-hover-shadow: 0 0 25px rgba(var(--gold-rgb), .18), 0 6px 25px rgba(0,0,0,.6), inset 0 1px 0 rgba(var(--gold-rgb), .15)}[data-theme=light]{--obsidian: #CBBCA0;--obsidian-2: #BCAE94;--gold-rgb: 120, 80, 0;--gold: rgb(var(--gold-rgb));--gold-muted: rgba(var(--gold-rgb), .5);--bg-gradient: radial-gradient(ellipse at 50% 0%, #DFD2B8 0%, #CBBCA0 80%);--text-primary: #201710;--text-secondary: rgba(32, 23, 16, .75);--text-muted: rgba(32, 23, 16, .5);--border-color: rgba(var(--gold-rgb), .45);--border-faint: rgba(32, 23, 16, .15);--surface-1: rgba(255, 255, 255, .4);--surface-2: rgba(255, 255, 255, .6);--sheet-bg: linear-gradient(180deg, #E2D6BE 0%, #CBBCA0 100%);--drawer-bg: linear-gradient(160deg, #E2D6BE 0%, #CBBCA0 100%);--shadow-color: rgba(65, 45, 30, .22);--deck-shadow: 0 8px 25px rgba(65, 45, 30, .22);--deck-shadow-active: 0 0 35px rgba(120, 80, 0, .22), 0 15px 40px rgba(65, 45, 30, .28);--btn-bg: linear-gradient(135deg, rgba(255,253,249,.98) 0%, rgba(226,214,190,.98) 100%);--btn-border: rgba(var(--gold-rgb), .55);--btn-shadow: 0 4px 15px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.6);--btn-hover-border: rgba(var(--gold-rgb), .95);--btn-hover-shadow: 0 0 20px rgba(var(--gold-rgb), .25), 0 6px 15px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.7)}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--obsidian);color:var(--text-primary);min-height:100dvh;touch-action:manipulation;font-family:Lora,serif;overflow-x:hidden;overflow-y:auto;transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}h1,h2,h3,h4,h5,h6{font-family:Cinzel,serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:2px}.star-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.star-field:before,.star-field:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:120px 200px #ffffff4d,340px 80px #fff3,560px 320px #fff6,80px 450px #fff3,700px 150px #ffffff4d,250px 600px #fff3,900px 400px #ffffff4d,420px 720px #fff3,1100px 250px #ffffff4d,1300px 550px #fff3,770px 800px #fff6,50px 850px #fff3,950px 650px #ffffff4d,600px 920px #fff3,180px 300px #d4af374d,450px 180px #d4af3733,820px 500px #d4af374d,1050px 700px #d4af3733;animation:twinkle 6s ease-in-out infinite alternate}.star-field:after{animation-delay:-3s;box-shadow:230px 350px #fff3,640px 90px #ffffff4d,870px 280px #fff3,170px 610px #fff6,1200px 440px #fff3,320px 790px #ffffff4d,1000px 150px #fff3,500px 870px #ffffff4d}@keyframes twinkle{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.mystical-gold-btn{@apply relative overflow-hidden transition-all duration-500 active:scale-95 select-none;background:var(--btn-bg);border:1px solid var(--btn-border);box-shadow:var(--btn-shadow);color:var(--gold)}.mystical-gold-btn:before{content:"";@apply absolute inset-0 opacity-0 transition-opacity duration-700;background:linear-gradient(105deg,transparent 40%,rgba(212,175,55,.12) 50%,transparent 60%);transform:translate(-100%)}.mystical-gold-btn:hover{border-color:var(--btn-hover-border);box-shadow:var(--btn-hover-shadow)}.mystical-gold-btn:hover:before{@apply opacity-100;animation:shimmer 2.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.gold-corner{@apply absolute top-0 left-0 w-2 h-2 border-t border-l border-gold/50 pointer-events-none;}.gold-corner-tr{@apply absolute top-0 right-0 w-2 h-2 border-t border-r border-gold/50 pointer-events-none;}.gold-corner-bl{@apply absolute bottom-0 left-0 w-2 h-2 border-b border-l border-gold/50 pointer-events-none;}.gold-corner-br{@apply absolute bottom-0 right-0 w-2 h-2 border-b border-r border-gold/50 pointer-events-none;}.grain-overlay{@apply absolute inset-0 pointer-events-none;opacity:.03;background-image:url(https://www.transparenttextures.com/patterns/stardust.png)}.perspective-card{perspective:1200px;-webkit-perspective:1200px}.preserve-3d{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-revealed-glow{box-shadow:0 0 30px #d4af3740,0 0 60px #d4af371a,0 20px 60px #000c}.sheet-scrollable{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#d4af3799;pointer-events:none}.particle-1{animation:float1 8s ease-in-out infinite;top:20%;left:10%}.particle-2{animation:float2 10s ease-in-out infinite;top:60%;left:85%}.particle-3{animation:float3 7s ease-in-out infinite;top:80%;left:20%}.particle-4{animation:float1 12s ease-in-out infinite reverse;top:30%;left:75%}@keyframes float1{0%,to{transform:translateY(0) translate(0);opacity:.4}33%{transform:translateY(-20px) translate(10px);opacity:.8}66%{transform:translateY(10px) translate(-8px);opacity:.3}}@keyframes float2{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-30px) translate(-15px);opacity:.7}}@keyframes float3{0%,to{transform:translateY(0) scale(1);opacity:.5}40%{transform:translateY(-15px) scale(1.5);opacity:.9}}.pb-safe{padding-bottom:max(2.5rem,env(safe-area-inset-bottom))}.text-gold{color:var(--gold)}.gold-divider{display:flex;align-items:center;gap:.75rem}.gold-divider:before,.gold-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent)}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}.pulse-ring{animation:pulse-ring 2s ease-out infinite}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.card-fan-scroll-container{justify-content:center}@media (max-width: 600px){.card-fan-scroll-container{justify-content:flex-start}}