@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-dark:#0a0412;--bg-panel:#1a0f24b3;--accent-gold:#d4af37;--accent-gold-glow:#d4af3780;--text-main:#e2d8f0;--text-muted:#a395b8;--font-serif:"Cinzel", serif;--font-sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);background-image:radial-gradient(circle at 20% 30%,#32145066 0%,#0000 40%),radial-gradient(circle at 80% 70%,#1e285a4d 0%,#0000 40%);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--accent-gold);letter-spacing:.05em;font-weight:600}p{line-height:1.6}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #d4af3733;border-radius:16px;box-shadow:0 8px 32px #00000080}.gold-btn{color:#0a0412;font-family:var(--font-serif);cursor:pointer;box-shadow:0 4px 15px var(--accent-gold-glow);text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#d4af37 0%,#aa8529 100%);border:none;border-radius:30px;padding:12px 32px;font-size:1.1rem;font-weight:700;transition:all .3s}.gold-btn:hover{box-shadow:0 6px 20px var(--accent-gold-glow);background:linear-gradient(135deg,#e6c860 0%,#d4af37 100%);transform:translateY(-2px)}.gold-btn:active{transform:translateY(1px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-anim{animation:4s ease-in-out infinite float}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out forwards fade-in}.card-scene{perspective:1000px;cursor:pointer}.card-container{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.card-container.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:12px;width:100%;height:100%;position:absolute;box-shadow:0 8px 25px #0009}.card-front{border:2px solid var(--accent-gold);transform:rotateY(180deg)}.deck-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:950px;margin:0 auto;padding:1rem;display:flex}.deck-card{cursor:pointer;object-fit:cover;cursor:pointer;object-fit:cover;border-radius:8px;flex-shrink:0;width:110px;height:165px;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #00000080}.deck-card:hover{box-shadow:0 12px 24px var(--accent-gold-glow);transform:translateY(-10px)scale(1.05)}.deck-card.selected{box-shadow:0 0 30px var(--accent-gold);border:2px solid var(--accent-gold);filter:brightness(1.2);transform:translateY(-20px)scale(1.1)}@keyframes binding-glow{0%,to{box-shadow:0 0 20px var(--accent-gold-glow), inset 0 0 20px var(--accent-gold-glow)}50%{box-shadow:0 0 50px var(--accent-gold), inset 0 0 40px var(--accent-gold)}}.binding-anim{animation:2s ease-in-out infinite binding-glow}@keyframes energy-orbit{0%{opacity:0;transform:rotate(0)translate(60px)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(360deg)translate(60px)rotate(-360deg)}}.energy-orb{background:radial-gradient(circle, var(--accent-gold) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:20px;height:20px;animation:2s linear infinite energy-orbit;position:absolute}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.pulse-ring{border:2px solid var(--accent-gold);pointer-events:none;border-radius:50%;width:100px;height:100px;animation:1.5s ease-out infinite pulse-ring;position:absolute}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer-text{background:linear-gradient(90deg, var(--accent-gold) 0%, #f5e6a0 50%, var(--accent-gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.sparkle{background:var(--accent-gold);pointer-events:none;border-radius:50%;width:4px;height:4px;animation:1s ease-out forwards sparkle-fade;position:absolute}.binding-card{animation:3s ease-in-out infinite card-float}@keyframes card-float{0%,to{transform:translateY(0) rotate(var(--rotate,0deg))}50%{transform:translateY(-15px) rotate(var(--rotate,0deg))}}@keyframes sparkle-fade{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(0)}}@keyframes overlay-fade{0%{opacity:1}to{opacity:0;visibility:hidden}}.overlay-active{animation:1.5s ease-out forwards overlay-fade}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-1{opacity:0;animation:.8s ease-out .2s forwards slide-up-fade}.stagger-2{opacity:0;animation:.8s ease-out .4s forwards slide-up-fade}.stagger-3{opacity:0;animation:.8s ease-out .6s forwards slide-up-fade}.stagger-4{opacity:0;animation:.8s ease-out .8s forwards slide-up-fade}@keyframes ambient-pulse{0%,to{box-shadow:0 0 15px #d4af3726}50%{box-shadow:0 0 25px #d4af3740}}.ambient-pulse{animation:4s ease-in-out infinite ambient-pulse}@keyframes gentle-float{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-8px)translate(4px)}66%{transform:translateY(4px)translate(-4px)}}.gentle-float{animation:8s ease-in-out infinite gentle-float}@keyframes gold-shimmer{0%{filter:brightness()}50%{filter:brightness(1.3)}to{filter:brightness()}}.gold-shimmer{animation:2s ease-in-out infinite gold-shimmer}@keyframes letter-reveal{0%{opacity:0;transform:translateY(20px)rotateX(90deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.letter-reveal{opacity:0;filter:drop-shadow(0 0 8px #d4af374d);animation:.6s ease-out forwards letter-reveal;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner:before{content:"";border:3px solid #d4af3733;border-top-color:var(--accent-gold);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}
