@font-face{font-family:Musa;src:url(../fonts/musa/Musa_demo.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Alegra;src:url(../fonts/ALEGRA-REGULAR.OTF) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--gold: #C9A84C;--gold-light: #EDD98A;--gold-pale: #F7EDCC;--gold-dark: #8A6B22;--gold-stipple: rgba(201, 168, 76, .12);--gold-glow: rgba(201, 168, 76, .25);--gold-rim: rgba(201, 168, 76, .18);--black: #000000;--black-rich: #000000;--black-light: #080808;--panel-bg: rgba(0, 0, 0, .55);--white: #F5F0E8;--text-dim: #B5B0B0;--text-muted: #5E5A5A;--font-serif: "Playfair Display", "Georgia", serif;--font-sans: "Alegreya Sans", sans-serif;--font-musa: "Musa", sans-serif;--font-alegra: "Alegra", sans-serif;--text-xs: clamp(.625rem, .55rem + .3vw, .75rem);--text-sm: clamp(.75rem, .68rem + .35vw, .9rem);--text-base: clamp(.875rem, .8rem + .4vw, 1rem);--text-md: clamp(1rem, .9rem + .55vw, 1.15rem);--text-lg: clamp(1.1rem, .95rem + .8vw, 1.5rem);--text-xl: clamp(1.4rem, 1.2rem + 1.5vw, 2.4rem);--text-2xl: clamp(1.8rem, 1.5rem + 2.5vw, 3.4rem);--sp-1: clamp(.25rem, .5vw, .5rem);--sp-2: clamp(.5rem, 1vw, 1rem);--sp-3: clamp(.75rem, 1.5vw, 1.5rem);--sp-4: clamp(1rem, 2vw, 2rem);--sp-5: clamp(1.25rem, 2.5vw, 2.5rem);--sp-6: clamp(1.5rem, 3vw, 3rem);--sp-8: clamp(2rem, 4vw, 4rem);--sp-10: clamp(2.5rem, 5vw, 5rem);--sp-12: clamp(3rem, 6vw, 6rem);--card-ratio: calc(4.7 / 2.7);--card-w-sm: 42vw;--card-w-mob: 38vw;--card-w-tab: 148px;--card-w-dsk: 168px;--phi: 1.618;--phi-inv: .618;--phi-inv-sq: .382;--golden-v-focal: 61.8vh;--golden-v-offset: 11.8vh;--card-w-golden: 38.2vw;--card-h-golden: calc(var(--card-w-golden) * var(--card-ratio));--container-h-golden: clamp(340px, var(--golden-v-focal), 500px);--hint-offset-mob: 25vh;--hint-offset-pro: 25vh;--panel-gap: clamp(40px, 5vw, 90px);--header-h: clamp(28px, 4vw, 34px);--section-pt: clamp(72px, 10vh, 120px);--section-pb: clamp(48px, 8vh, 96px);--frame-inset-x: clamp(5px, 2vw, 30px);--frame-inset-y: clamp(5px, 1.5vw, 28px);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--blur: 32px;--glass-sat: 150%;--glass-bg: rgba(8, 7, 14, .45);--glass-border: rgba(201, 168, 76, .15);--ease-expo: cubic-bezier(.19, 1, .22, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, 1, .5, 1);--dur-fast: .25s;--dur-normal: .55s;--dur-slow: .85s;--dur-film: 1.2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}a,button,input,select,textarea,[role=button],[tabindex],.menu-toggle{-webkit-touch-callout:none}html{width:100%;height:100%;height:var(--rvh, 100%);background-color:var(--black);color:var(--white);font-family:var(--font-sans);line-height:1.6;overflow-x:clip;scrollbar-width:none}body{width:100%;min-height:100%;background-color:var(--black);color:var(--white);font-family:var(--font-sans);line-height:1.6;overflow-x:clip}::-webkit-scrollbar{display:none}.info-panel,.info-panel-scrollable-body,.deck-detail-info,.custom-scroll{scrollbar-width:thin;scrollbar-color:var(--gold-dark) transparent;overscroll-behavior:contain}.info-panel-scrollable-body::-webkit-scrollbar,.deck-detail-info::-webkit-scrollbar,.custom-scroll::-webkit-scrollbar{width:1px}.info-panel::-webkit-scrollbar-track,.info-panel-scrollable-body::-webkit-scrollbar-track,.deck-detail-info::-webkit-scrollbar-track,.custom-scroll::-webkit-scrollbar-track{background:transparent;margin-top:30px;margin-bottom:30px}.info-panel::-webkit-scrollbar-thumb,.info-panel-scrollable-body::-webkit-scrollbar-thumb,.deck-detail-info::-webkit-scrollbar-thumb,.custom-scroll::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:0}html.no-scroll,body.no-scroll{overflow:hidden;height:calc(var(--vh, 1vh) * 100)}.ambient-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% -10%,#2d1f0d 0%,var(--black) 65%);z-index:0;pointer-events:none;opacity:0;transition:opacity 2s ease-in-out}.ambient-burst{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:160vmax;height:160vmax;background:repeating-conic-gradient(from 0deg,transparent 0deg,rgba(201,168,76,.025) 1deg,transparent 2deg),radial-gradient(circle,rgba(214,141,72,.07) 0%,transparent 60%);z-index:0;pointer-events:none;opacity:0;transition:opacity 2s ease-in-out}.ambient-fade-in{opacity:1}.relic-frame{position:fixed;top:calc(var(--safe-top) + clamp(30px,4vw,36px));left:clamp(5px,2vw,30px);right:clamp(5px,2vw,30px);bottom:clamp(5px,1.5vw,30px);pointer-events:none;z-index:999}.relic-frame:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(201,168,76,.22);clip-path:polygon(50px 0,calc(100% - 50px) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,50px 100%,0 calc(100% - 50px),0 50px)}.relic-frame:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(201,168,76,.07);clip-path:polygon(50px 0,calc(100% - 50px) 0,100% 50px,100% calc(100% - 50px),calc(100% - 50px) 100%,50px 100%,0 calc(100% - 50px),0 50px)}.relic-corner{position:absolute;width:clamp(20px,4vw,50px);height:clamp(20px,4vw,50px);background-image:url(../corner.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1000;filter:invert(82%) sepia(22%) saturate(900%) hue-rotate(8deg) brightness(95%) contrast(80%);opacity:.85}.relic-corner.tl{top:-3px;left:-3px}.relic-corner.tr{top:-3px;right:-3px;transform:scaleX(-1)}.relic-corner.bl{bottom:-3px;left:-3px;transform:scaleY(-1)}.relic-corner.br{bottom:calc(var(--sp-1) * -1);right:calc(var(--sp-1) * -1);transform:scale(-1)}.site-header{position:fixed;top:calc(var(--safe-top) + clamp(30px,4vw,36px));left:50%;transform:translate(-50%,-50%);width:92vw;z-index:1000;display:flex;justify-content:space-between;align-items:center;flex-direction:row;height:var(--header-h);gap:0;padding:var(--sp-1) var(--sp-4);background:#000000d1;backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));border:1px solid var(--gold-rim);border-radius:40px;box-shadow:0 4px 24px #00000080,0 0 0 1px #c9a84c0a inset}.logo{font-family:var(--font-musa);font-size:clamp(.85rem,2.5vw,1.1rem);letter-spacing:.22em;margin:0;background:linear-gradient(135deg,var(--gold-pale) 0%,var(--gold) 50%,var(--gold-dark) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.nav-links{display:none}.nav-links a{color:var(--text-dim);text-decoration:none;font-family:var(--font-alegra);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.14em;transition:color var(--dur-normal) var(--ease-expo),transform var(--dur-normal) var(--ease-expo);position:relative;white-space:nowrap;padding:var(--sp-1) 0}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:var(--gold);transition:width var(--dur-normal) var(--ease-expo),left var(--dur-normal) var(--ease-expo)}.nav-links a:hover{color:var(--gold-light);transform:translateY(-1px)}.nav-links a:hover:after,.nav-links a.active:after{width:100%;left:0}.nav-links a.active:after{height:1px;background:var(--gold-light);box-shadow:0 0 8px var(--gold-glow)}.header-waitlist-btn{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:26px;height:18px;cursor:pointer;z-index:1001;position:relative;padding:13px 10px;margin:-13px -10px;box-sizing:content-box}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--gold);transition:transform .3s var(--ease-expo),opacity .3s var(--ease-expo),background-color .3s var(--ease-expo);border-radius:2px}.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav-overlay{display:flex;position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);background:#000000f2;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);z-index:999;transform:translate(100%);opacity:0;pointer-events:none;transition:transform .6s var(--ease-expo),opacity .4s ease;align-items:center;justify-content:center}.mobile-nav-overlay.open{transform:translate(0);opacity:1;pointer-events:auto}.mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.mobile-nav-item{font-family:var(--font-musa);font-size:2rem;color:var(--white);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;opacity:0;transform:translateY(20px);transition:opacity .4s var(--ease-expo),transform .4s var(--ease-expo)}.mobile-nav-overlay.open .mobile-nav-item{opacity:1;transform:translateY(0)}.mobile-nav-overlay.open .mobile-nav-item:nth-child(1){transition-delay:.1s}.mobile-nav-overlay.open .mobile-nav-item:nth-child(2){transition-delay:.15s}.mobile-nav-overlay.open .mobile-nav-item:nth-child(3){transition-delay:.2s}.mobile-nav-overlay.open .mobile-nav-item:nth-child(4){transition-delay:.25s}.mobile-nav-overlay.open .mobile-nav-item:nth-child(5){transition-delay:.3s}.mobile-nav-item.active{color:var(--gold);text-shadow:0 0 20px rgba(201,168,76,.4)}.mobile-waitlist-btn{margin-top:var(--sp-6);padding:var(--sp-3);background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-alegra);font-size:var(--text-sm);letter-spacing:.25em;text-transform:uppercase;border-radius:4px;cursor:pointer;width:80%;margin-left:auto;margin-right:auto;transition:opacity var(--dur-fast) var(--ease-expo),background-color var(--dur-fast) var(--ease-expo),color var(--dur-fast) var(--ease-expo)}.scroll-indicators{position:fixed;right:var(--sp-3);top:50%;transform:translateY(-50%) scale(.65);display:none;flex-direction:column;gap:15px;z-index:999}.scroll-dot{width:5px;height:5px;border-radius:50%;background-color:var(--text-dim);opacity:.4;cursor:pointer;transition:opacity .5s var(--ease-expo),transform .5s var(--ease-expo),background-color .5s var(--ease-expo);position:relative}.scroll-dot:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px}.scroll-dot:hover{opacity:.8;transform:scale(1.2)}.scroll-dot.active{background-color:var(--gold-light);opacity:1;transform:scale(1.4);box-shadow:0 0 10px #c9a84c66}.hero-sequence-section{position:relative;height:calc(var(--hero-vh, 100vh) * 3);width:100%;z-index:1}.hero-sticky-wrap{position:sticky;top:0;left:0;width:100%;height:var(--hero-vh, 100vh);overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1;background:transparent}#star-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.6}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse 65% 55% at 50% 52%,transparent 35%,rgba(0,0,0,.45) 68%,rgba(0,0,0,.88) 100%)}.hero-copy{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:-20vh}.hero-text-item{position:absolute;opacity:0;transform:translateY(40px);will-change:opacity,transform;text-align:center}.hero-eyebrow{font-family:var(--font-alegra);font-size:var(--text-sm);letter-spacing:.32em;color:var(--gold);text-transform:uppercase;margin-bottom:var(--sp-2)}.hero-title{font-family:var(--font-musa);font-size:clamp(1.2rem,3.2vw,2rem);font-weight:100;letter-spacing:.08em;color:var(--white);text-align:center;line-height:1.05;margin-bottom:.8rem;text-shadow:0 0 60px rgba(201,168,76,.12),0 4px 20px rgba(0,0,0,.6)}.hero-subtitle{font-family:var(--font-serif);font-size:clamp(1rem,1.2vw,1.15rem);font-weight:100;font-style:italic;letter-spacing:.03em;color:var(--text-dim);text-align:center;max-width:min(85vw,400px);line-height:1.6}.hero-scroll-cue{display:none}@keyframes cue-breathe{0%,to{opacity:.9;transform:translate(-50%) translateY(0)}50%{opacity:.2;transform:translate(-50%) translateY(5px)}}.scroll-cue-line{width:1px;height:28px;background:linear-gradient(to bottom,transparent,var(--gold),transparent);display:block}.scroll-cue-text{font-family:var(--font-alegra);font-size:var(--text-sm);letter-spacing:.38em;color:var(--gold-dark);text-transform:uppercase}.hero-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--black);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}.hero-load-inner{display:flex;flex-direction:column;align-items:center;gap:2rem;width:280px}.hero-load-sigil{width:48px;height:48px;position:relative;opacity:.6;animation:sigil-spin 12s linear infinite}.hero-load-sigil:before,.hero-load-sigil:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--gold-dark)}.hero-load-sigil:before{transform:scale(1);opacity:.8}.hero-load-sigil:after{transform:scale(.6) rotate(45deg);border-style:dashed;opacity:.4}@keyframes sigil-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-load-logo{font-family:var(--font-musa);font-size:1.3rem;letter-spacing:.45em;background:linear-gradient(135deg,var(--gold-pale),var(--gold),var(--gold-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-load-track{width:100%;height:1px;background:#c9a84c1f;position:relative;overflow:hidden}.hero-load-bar{height:100%;width:0%;background:linear-gradient(to right,var(--gold-dark),var(--gold),var(--gold-pale));transition:width .15s linear;position:relative}.hero-load-bar:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);animation:bar-shimmer 1.2s ease-in-out infinite}@keyframes bar-shimmer{0%{transform:translate(-40px);opacity:0}50%{opacity:1}to{transform:translate(0);opacity:0}}@keyframes text-shimmer-ani{0%{background-position:100% center}to{background-position:0% center}}.hero-load-hint{font-family:var(--font-alegra);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;--base-color: #71717a;--base-gradient-color: #ffffff;--spread: 120px;position:relative;display:inline-block;background-size:250% 100%,auto;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(90deg,transparent calc(50% - var(--spread)),var(--base-gradient-color),transparent calc(50% + var(--spread))),linear-gradient(var(--base-color),var(--base-color));background-repeat:no-repeat,padding-box;animation:text-shimmer-ani 2s linear infinite;opacity:0;transition:opacity 1.2s var(--ease-expo)}.view-section{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100dvh;padding-top:var(--section-pt);padding-bottom:var(--section-pb)}.view-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 48%,transparent 20%,rgba(0,0,0,.45) 65%,rgba(0,0,0,.82) 85%,rgba(0,0,0,1) 100%);pointer-events:none;z-index:1}.view-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,rgba(0,0,0,1) 0%,transparent 100%);pointer-events:none;z-index:2}.view-section>*{position:relative;z-index:10}#view-dailydraw:before{display:none}#view-dailydraw{margin-top:-110vh;background:transparent;z-index:10;padding-top:calc(var(--safe-top) + var(--header-h) + var(--sp-12));position:relative;min-height:100dvh}#view-dailydraw .text-content{margin-top:0;margin-bottom:1rem}.text-content{text-align:center;max-width:min(90%,800px);margin-inline:auto;margin-bottom:var(--sp-10);z-index:20;transition:opacity var(--dur-normal) ease}#deck-description{font-family:var(--font-serif);font-size:var(--text-base);line-height:1.7;font-weight:100;font-style:italic;color:var(--text-dim);min-height:unset;max-width:65ch;margin-inline:auto}.text-content.hidden,.text-content.v-hidden{opacity:0;pointer-events:none;visibility:hidden}.subheading{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-sm);letter-spacing:.3em;text-transform:uppercase;margin-bottom:var(--sp-1)}.heading{font-family:var(--font-musa);font-size:clamp(2rem,5vw,3.8rem);font-weight:500;line-height:1.05;margin-bottom:1.2rem;color:var(--white);letter-spacing:.03em}.description{color:var(--text-dim);font-family:var(--font-serif);font-size:var(--text-md);line-height:1.7;font-weight:100;font-style:italic;min-height:120px;max-width:65ch;margin-inline:auto}@keyframes elegant-reveal{0%{opacity:0;filter:blur(8px);transform:translateY(12px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}.description.fading{opacity:0;filter:blur(8px);transform:translateY(-8px);transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94),filter .4s cubic-bezier(.25,.46,.45,.94)}.description.reveal{animation:elegant-reveal .8s cubic-bezier(.215,.61,.355,1) forwards}.view-header{margin-bottom:2.5rem;z-index:10}.card-container{position:relative;width:100vw;flex:1;min-height:var(--container-h-golden);perspective:1000px;display:flex;justify-content:center;align-items:center;z-index:10;margin-top:0;transition:transform 1s var(--ease-expo)}.card-container.preview-mode,.card-container.open-mode{transform:none}.pick-card-hint{position:absolute;bottom:var(--sp-2);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;z-index:100;pointer-events:none;transition:opacity .6s ease,transform .6s ease}.open-card-hint{position:relative;top:auto;left:auto;transform:none;font-family:var(--font-alegra);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-light);font-weight:100;opacity:0;z-index:6000;pointer-events:none;text-shadow:0 0 10px #000,0 0 20px #000,0 0 30px #000;white-space:nowrap;transition:opacity .4s ease}#cardContainer.preview-mode:not(.open-mode) .open-card-hint{opacity:1;transition:opacity .7s var(--ease-smooth) .5s}#cardContainer.open-mode .open-card-hint{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease 0s!important}@media (min-width: 768px){.open-card-hint{display:none!important}}.pick-hint-icon{display:flex;align-items:center;gap:.55rem}.pick-hint-star{font-size:1rem;color:var(--gold);display:inline-block;animation:star-pulse 2.2s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(201,168,76,.7))}.pick-hint-star.s1{animation-delay:0s}.pick-hint-star.s2{animation-delay:.35s}.pick-hint-star.s3{animation-delay:.7s}@keyframes star-pulse{0%,to{opacity:.9;transform:scale(1);filter:drop-shadow(0 0 6px rgba(201,168,76,.75))}50%{opacity:.2;transform:scale(.7);filter:drop-shadow(0 0 2px rgba(201,168,76,.2))}}.pick-hint-text{font-family:var(--font-alegra);font-size:.75rem;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);white-space:nowrap;text-shadow:0 0 14px rgba(201,168,76,.35)}#cardContainer.preview-mode .pick-card-hint,#cardContainer.open-mode .pick-card-hint{opacity:0;transform:translate(-50%) translateY(10px)}.card-wrapper{width:var(--card-w-golden);height:var(--card-h-golden);position:absolute;top:50%;left:50%;transform-origin:center bottom;transition:transform .8s var(--ease-smooth),opacity .8s var(--ease-smooth);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.card-wrapper img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}@media (hover: hover){.card-wrapper:not(.selected):not(.hidden):not(.preview-selected):hover .card{transform:translateY(-36px)}.card-wrapper:not(.selected):not(.hidden):not(.preview-selected):hover .card:before{opacity:.7}}.card-wrapper.preview-selected,.card-wrapper.selected{z-index:200;left:50%}.card-wrapper.preview-selected .card,.card-wrapper.selected .card.is-flipped{transform:rotateY(180deg);box-shadow:0 50px 100px #000000fa,0 0 60px #c9a84c1f}.card-wrapper.is-reversed.preview-selected .card,.card-wrapper.is-reversed.selected .card.is-flipped{transform:rotateY(180deg) rotate(180deg)}.card-wrapper:hover .card{border-color:#c9a84cb3}.card-wrapper.hidden{opacity:0;pointer-events:none}.card{width:100%;height:100%;position:relative;transition:transform .65s cubic-bezier(.175,.885,.32,1.275),border-color .4s ease;transform-style:preserve-3d;border:1px solid rgba(201,168,76,.1);border-radius:10px;--x: 50%;--y: 50%;--glow-active: 0}.card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:radial-gradient(350px circle at var(--x) var(--y),rgba(201,168,76,.9) 0%,rgba(201,168,76,0) 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:10;border-radius:10px;opacity:var(--glow-active, .6);transition:opacity .5s ease;pointer-events:none}.card__face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 12px 20px #000000e6,0 0 0 1px #c9a84c59;background-color:var(--black-light)}.card__face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0,#ffffff0d 45%,#ffffff26,#ffffff0d 55%,#fff0);z-index:5;transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .6s var(--ease-expo);pointer-events:none}.card-wrapper:hover .card__face:after{transform:translate(100%) translateY(100%) rotate(45deg)}.card__face--front{display:flex;justify-content:center;align-items:center;background-color:var(--black)}.fallback-front{width:90%;height:94%;border:1px solid rgba(201,168,76,.35);border-radius:10px;background-image:repeating-linear-gradient(45deg,rgba(201,168,76,.03) 0,rgba(201,168,76,.03) 1px,transparent 1px,transparent 14px)}.card__face--back{transform:rotateY(180deg);background-color:var(--black)}.card__image-wrapper{width:100%;height:100%;position:relative;background-color:var(--black)}.card__image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:opacity .9s ease}.hidden-img{opacity:0}.img-loaded{opacity:1}.daily-draw-backdrop{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:990;opacity:1;transition:opacity .5s var(--ease-smooth)}.daily-draw-backdrop.hidden{opacity:0;pointer-events:none}.mobile-close-btn{position:absolute;top:6px;right:8px;background:transparent;border:none;color:var(--gold);font-size:2.2rem;line-height:1;z-index:50;cursor:pointer;font-weight:300;padding:0;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.info-panel-sticky-header{position:static;width:0;height:0;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;flex-shrink:0;display:block;overflow:visible}.info-panel-sticky-header .mobile-close-btn{position:absolute;top:6px;right:8px}.preview-panel{position:fixed;z-index:1000;width:85vw;height:auto;aspect-ratio:2.7 / 4.7;min-height:unset;max-height:80vh;max-width:calc(80vh * (2.7 / 4.7));top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,calc(-50% + 20px)) scale(.9);border-radius:16px;border:1px solid rgba(237,217,138,.4);padding:2rem 1.5rem;background:#08070efa;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);will-change:transform,opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease;box-shadow:0 30px 70px #000000b3;opacity:0;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:visible}.preview-panel.visible{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.preview-panel.exit-left{transform:translate(-50%,calc(-50% - 20px)) scale(.9);opacity:0;pointer-events:none}.preview-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;border-radius:16px}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#000000b3,#000000f7);z-index:2;pointer-events:none;border-radius:16px}.preview-footer{position:relative;z-index:3;width:100%;height:auto;margin-top:auto;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 calc(env(safe-area-inset-bottom) + 20px) 0}.preview-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:.9rem;padding-bottom:.4rem;border-bottom:1px solid rgba(201,168,76,.3);width:100%}.preview-number{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-lg);line-height:.9;letter-spacing:.12em;margin-bottom:var(--sp-1);opacity:1;font-weight:200;text-shadow:0 4px 8px rgba(0,0,0,.8)}.preview-title{font-family:var(--font-musa);font-size:2.8rem;margin-bottom:0;font-weight:300;text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.04em;text-shadow:0 6px 8px rgba(0,0,0,.8)}.preview-content{margin-bottom:1.8rem;width:100%}.preview-archetype-label{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.22em;margin-bottom:var(--sp-1);text-shadow:0 4px 8px rgba(0,0,0,.8)}.preview-description{color:var(--text-dim);font-family:var(--font-serif);font-size:var(--text-base);line-height:1.7;font-weight:100;font-style:italic;text-align:left;text-shadow:0 4px 8px rgba(0,0,0,.8);display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;max-width:65ch}@keyframes text-pulse-gold{0%{opacity:.7;text-shadow:0 0 5px rgba(201,168,76,.2)}to{opacity:1;text-shadow:0 0 15px rgba(201,168,76,.6)}}.go-back-btn,.slick-action-btn{font-family:var(--font-alegra);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--gold);background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:30px;padding:var(--sp-3) var(--sp-6);text-align:center;cursor:pointer;box-shadow:0 4px 15px #0003;position:fixed;bottom:calc(50% - 72.25vw - 80px);bottom:max(calc(50% - 72.25vw - 80px),calc(env(safe-area-inset-bottom) + 10px));left:50%;width:60vw;z-index:1005;opacity:0;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden}.open-card-link{font-family:var(--font-alegra);text-transform:uppercase;letter-spacing:.2em;color:var(--gold);cursor:pointer;text-align:center;z-index:1005;transition:opacity .4s ease,transform .4s ease,color .3s ease,letter-spacing .4s ease;animation:text-pulse-gold 2.5s ease-in-out infinite alternate}.open-card-link:hover,.go-back-btn:hover{color:var(--white);letter-spacing:.26em}.open-card-link .sparkles-canvas,.go-back-btn .sparkles-canvas,.slick-action-btn .sparkles-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;opacity:1}@media (max-width: 767px){.panel-stack{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;pointer-events:none;perspective:none;z-index:1000}.desktop-stack-dots{display:none!important}.panel-stack>div{position:fixed;top:50%;left:50%;width:85vw;height:144.5vw;max-height:80vh;transform:translate(-50%,calc(-50% + 20px)) scale(.9);transition:transform .8s var(--ease-expo),opacity .8s ease}.panel-stack>div.is-front{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.panel-stack>div.is-back{opacity:0;transform:translate(-50%,calc(-50% - 20px)) scale(.9);pointer-events:none}.open-card-link{font-size:.9rem;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:30px;padding:15px 25px;box-shadow:0 4px 15px #0003;position:absolute;bottom:-80px;left:50%;width:60vw;pointer-events:none;overflow:hidden;transform:translate(-50%);opacity:0}.preview-panel.visible .open-card-link{opacity:1;pointer-events:auto}.open-card-link .sparkles-canvas,.go-back-btn .sparkles-canvas,.slick-action-btn .sparkles-canvas{width:100%;height:100%}}.info-panel{position:fixed;z-index:1000;width:85vw;height:144.5vw;max-height:80vh;padding:1.5rem 0;top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,calc(-50% + 20px)) scale(.9);border-radius:16px;border:1px solid rgba(237,217,138,.4);background:#08070efa;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);will-change:transform,opacity;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease;box-shadow:0 30px 70px #000000b3;opacity:0;pointer-events:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:visible}.info-panel.visible{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.info-panel.exit-left,.info-panel.exit-right{transform:translate(-50%,calc(-50% - 20px)) scale(.9);opacity:0;pointer-events:none}.info-panel-scrollable-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;margin-right:0;padding-right:0;padding-top:.5rem;padding-bottom:calc(85px + env(safe-area-inset-bottom));overscroll-behavior:contain}.go-back-btn{font-size:.9rem;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:30px;padding:15px 25px;box-shadow:0 4px 15px #0003;position:absolute;bottom:-80px;left:50%;width:60vw;pointer-events:none;overflow:hidden;transform:translate(-50%);opacity:0;transition:opacity .4s ease,color .3s ease,letter-spacing .4s ease}.info-panel.visible .go-back-btn{opacity:1;pointer-events:auto}.info-panel.exit-left .go-back-btn,.info-panel.exit-right .go-back-btn{opacity:0;pointer-events:none}.panel-content{opacity:0;transform:translate(28px);transition:opacity .8s ease,transform .8s ease;transition-delay:.3s;width:100%;padding:0 1.5rem}.info-panel.visible .panel-content{opacity:1;transform:translate(0)}.reading-header{margin-bottom:2rem;border-bottom:1px solid rgba(201,168,76,.15);padding-bottom:1.5rem;width:100%}.reading-header .subheading,.deck-detail-info .subheading{font-size:var(--text-lg);line-height:.9;letter-spacing:.12em;margin-top:0;margin-bottom:var(--sp-1);opacity:1;font-weight:100;text-shadow:0 4px 8px rgba(0,0,0,.8)}.panel-title{font-family:var(--font-musa);font-size:2.8rem;margin-bottom:0;font-weight:300;text-transform:uppercase;color:var(--white);line-height:.9;letter-spacing:.04em;text-shadow:0 6px 8px rgba(0,0,0,.8)}.panel-tagline{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;font-weight:100;color:var(--gold-light);opacity:.85;line-height:1.4;margin-top:.5rem}.reversal-indicator{margin-top:.4rem!important;margin-bottom:.2rem!important;font-size:.85rem!important;opacity:.9;letter-spacing:.15em;color:var(--gold)}.reading-body{width:100%}.section-label{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.22em;margin-top:var(--sp-4);margin-bottom:var(--sp-2);text-shadow:0 4px 8px rgba(0,0,0,.8)}.info-text{color:var(--text-dim);font-family:var(--font-serif);font-size:var(--text-base);line-height:1.7;font-weight:100;font-style:italic;text-shadow:0 4px 8px rgba(0,0,0,.8);max-width:65ch}.info-text.highlight-text{font-weight:300;color:var(--gold-pale);opacity:1}.info-text.italic-text{font-style:italic;font-size:1.1rem;opacity:.85}.info-text.gold-text{color:var(--gold);opacity:1;font-style:italic}.card-actions-wrapper{position:absolute;top:auto;bottom:var(--sp-8);left:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;z-index:6000;transition:opacity .6s var(--ease-expo);padding-bottom:env(safe-area-inset-bottom)}.card-actions-wrapper.hidden{opacity:0;pointer-events:none}.slick-action-btn{position:relative;bottom:auto;left:auto;transform:none;opacity:1;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .4s ease,transform .4s ease;max-width:280px;border-radius:30px}.slick-action-btn:before{display:none}.slick-action-btn:hover{color:var(--white);border-color:var(--gold);box-shadow:0 0 20px #c9a84c33;letter-spacing:.24em}.slick-action-btn:hover:before{display:none}.expand-anim .slick-action-btn{opacity:0;animation:square-to-rect .8s cubic-bezier(.8,0,.2,1) forwards}@keyframes square-to-rect{0%{opacity:0;transform:scale(.95);color:transparent}30%{opacity:1;transform:scale(.95);color:transparent}to{opacity:1;transform:scale(1);color:var(--gold)}}.collapse-anim .slick-action-btn{opacity:1;animation:rect-to-square .5s cubic-bezier(.2,0,.8,1) forwards}@keyframes rect-to-square{0%{opacity:1;clip-path:inset(0 0 round 40px);color:transparent}50%{opacity:1;clip-path:inset(0 calc(50% - 22px) round 40px);color:transparent}to{opacity:0;clip-path:inset(0 calc(50% - 22px) round 40px);color:transparent}}.read-tab,.close-preview-btn{display:none}.deck-tabs{display:flex;justify-content:center;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-10);flex-wrap:wrap;z-index:20;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:var(--sp-2)}.deck-tab{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;box-shadow:none;color:var(--text-dim);font-family:var(--font-alegra);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.15em;padding:var(--sp-3) 0;cursor:pointer;transition:color var(--dur-normal) var(--ease-expo),transform var(--dur-normal) var(--ease-expo);position:relative;overflow:visible;display:inline-flex;justify-content:center;align-items:center;min-width:auto;height:auto}.deck-tab span{transition:opacity .3s ease,transform .3s ease;z-index:5}.deck-tab:before{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .4s var(--ease-expo);transform-origin:right;z-index:10}.deck-tab:hover:before{transform:scaleX(1);transform-origin:left}.deck-tab.active:before{transform:scaleX(1);background:var(--gold-light);box-shadow:0 0 10px #c9a84ccc,0 0 20px #c9a84c4d;height:1px}.deck-tab:hover{color:var(--white);transform:translateY(-2px)}.deck-tab.active{color:var(--gold-light)}.deck-tab:after{content:attr(data-hover);position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 10px));opacity:0;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;color:var(--gold-dark);z-index:5}.deck-tab[data-hover]:not(.active):hover span{opacity:0;transform:translateY(-10px)}.deck-tab[data-hover]:not(.active):hover:after{opacity:1;transform:translate(-50%,-50%)}.sparkles-canvas{position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:150%;height:200%;pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s ease}.deck-tab:hover .sparkles-canvas,.deck-tab.active .sparkles-canvas{opacity:1}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(130px,35vw,180px),1fr));gap:var(--sp-4);width:92%;max-width:1200px;margin:0 auto;padding-bottom:var(--section-pb);z-index:20}.grid-card{aspect-ratio:2.7 / 4.7;border-radius:12px;cursor:pointer;border:1px solid rgba(201,168,76,.1);transition:transform .45s var(--ease-expo),box-shadow .45s ease,border-color .3s ease;position:relative;overflow:hidden;--x: 50%;--y: 50%;--glow-active: 0}.grid-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .6s var(--ease-expo);z-index:0}.grid-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:radial-gradient(360px circle at var(--x) var(--y),rgba(201,168,76,.9) 0%,rgba(201,168,76,0) 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:10;opacity:var(--glow-active);transition:opacity .4s ease;pointer-events:none}.grid-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0,#ffffff14 45%,#fff3,#ffffff14 55%,#fff0);z-index:5;transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s var(--ease-expo);pointer-events:none}.grid-card:hover:after{transform:translate(100%) translateY(100%) rotate(45deg)}.grid-card:hover{transform:scale(1.14) translateY(-4px) rotateX(var(--rotX, 0deg)) rotateY(var(--rotY, 0deg));box-shadow:0 20px 40px #000000e6,0 0 24px #c9a84c2e;border-color:#c9a84cb3;z-index:30}.grid-card:hover .grid-card-bg{transform:scale(1.12)}.grid-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.96),transparent);padding:3rem 1rem 1.1rem;text-align:center;opacity:0;transition:opacity .35s ease;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:2}.grid-card:hover .grid-card-overlay{opacity:1}.grid-card-title{font-family:var(--font-alegra);color:var(--gold-pale);font-size:var(--text-sm);font-weight:100;letter-spacing:.06em;text-shadow:0 2px 6px rgba(0,0,0,.8)}.deck-overlay{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:199;opacity:0;pointer-events:none;transition:opacity .4s ease}.deck-overlay.visible{opacity:1;pointer-events:auto}.deck-detail-panel{position:fixed;z-index:200;width:85vw;height:auto;aspect-ratio:2.7 / 4.7;min-height:unset;max-height:80vh;max-width:calc(80vh * (2.7 / 4.7));top:50%;left:50%;transform:translate(-50%,calc(-50% + 20px)) scale(.9);background:#08070e73;backdrop-filter:blur(32px) saturate(150%);-webkit-backdrop-filter:blur(32px) saturate(150%);border:1px solid rgba(237,217,138,.4);border-radius:16px;display:flex;flex-direction:column;overflow:visible;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-smooth),transform .5s var(--ease-smooth);box-shadow:0 30px 70px #000000b3;-webkit-user-select:none;user-select:none}.deck-detail-panel.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.close-btn{position:absolute;top:5px;right:20px;background:none;border:none;color:var(--gold);font-size:2.4rem;cursor:pointer;transition:color .3s ease,transform .3s ease;z-index:150;line-height:1}.close-btn:hover{color:var(--white);transform:rotate(90deg)}.deck-detail-content{display:flex;flex-direction:row;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;border-radius:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;flex-shrink:0;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-tap-highlight-color:transparent}.deck-detail-content::-webkit-scrollbar{display:none}.deck-detail-img{width:100%;height:100%;flex-shrink:0;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:16px;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}video.deck-detail-img{object-fit:cover}.deck-detail-info{width:100%;height:100%;flex-shrink:0;overflow-y:auto;overflow-x:hidden;padding:2rem 2rem 5rem;scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box}.deck-swipe-dots{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;z-index:100;pointer-events:auto}.deck-swipe-dot{width:6px;height:6px;border-radius:50%;background:#c9a84c40;transition:opacity .4s var(--ease-smooth),transform .4s var(--ease-smooth);border:1px solid rgba(201,168,76,.1)}.deck-swipe-dot.active{background:var(--gold);transform:scale(1.3);box-shadow:0 0 10px #c9a84c80;border-color:var(--gold)}.deck-swipe-hint{position:absolute;bottom:-34px;right:0;display:flex;flex-direction:row;align-items:center;gap:8px;pointer-events:none;opacity:0;transition:opacity .6s ease,transform .6s ease;z-index:45}.deck-swipe-hint.visible{opacity:1;animation:swipe-hint-fade-in .8s ease-out forwards}@keyframes swipe-hint-fade-in{0%{opacity:0;transform:translate(10px)}to{opacity:.9;transform:translate(0)}}.swipe-hint-arrow{color:var(--gold);animation:swipe-hint-glide 2s infinite ease-in-out}@keyframes swipe-hint-glide{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.swipe-hint-text{font-family:var(--font-alegra);font-size:var(--text-sm);letter-spacing:.15em;color:var(--gold);text-transform:uppercase;opacity:.7}.prose-content{max-width:min(90%,70ch);margin-inline:auto;font-family:var(--font-serif);font-size:var(--text-lg);line-height:1.85;color:var(--white);opacity:.85;z-index:20;margin-bottom:var(--sp-12)}.prose-content p{color:var(--text-dim);font-family:var(--font-serif);font-size:var(--text-base);line-height:1.7;font-weight:100;font-style:italic;margin-bottom:var(--sp-4);max-width:65ch;text-align:left}.prose-content h3{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;margin-top:var(--sp-6);margin-bottom:var(--sp-2);text-align:left}.prose-accent{font-style:italic;color:var(--gold-pale);font-size:var(--text-xl);text-align:center;margin:var(--sp-10) 0;padding:var(--sp-8);border-top:1px solid rgba(201,168,76,.15);border-bottom:1px solid rgba(201,168,76,.15);line-height:1.5}.scroll-reveal{opacity:0;transform:translateY(32px);transition:opacity 1.2s var(--ease-smooth),transform 1.2s var(--ease-smooth),filter 1.2s var(--ease-smooth);will-change:transform,opacity,filter}.reveal-zoom{transform:scale(.95) translateY(20px)}.reveal-blur{filter:blur(12px);transform:translateY(10px)}.scroll-reveal.is-visible,.is-active-view .scroll-reveal{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.is-active-view .stagger-1{transition-delay:.2s}.is-active-view .stagger-2{transition-delay:.4s}.is-active-view .stagger-3{transition-delay:.6s}.is-active-view .stagger-4{transition-delay:.8s}.is-active-view .stagger-5{transition-delay:1s}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.reveal-word{display:inline-block;opacity:0;color:inherit;transform:translateY(12px);transition:text-shadow .3s ease}.reveal-word:hover{text-shadow:0 0 18px rgba(201,168,76,.4)}.is-visible .reveal-word{animation-name:word-appear;animation-duration:.85s;animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-fill-mode:forwards}@keyframes word-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.waitlist-modal{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);z-index:9999;display:flex;justify-content:center;align-items:center;visibility:visible;opacity:1;transition:opacity .3s ease,visibility .3s ease}.waitlist-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.waitlist-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(calc(var(--blur) / 2));-webkit-backdrop-filter:blur(calc(var(--blur) / 2))}.waitlist-modal-content{position:relative;z-index:1;transform:translateY(0) scale(1);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.waitlist-modal.hidden .waitlist-modal-content{transform:translateY(30px) scale(.85)}.waitlist-container{background:#0f0f0fa6;border:1px solid rgba(201,168,76,.3);backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));border-radius:24px;padding:var(--sp-10) var(--sp-8);text-align:center;max-width:600px;width:90%;box-shadow:0 30px 60px -15px #000000e6,0 0 0 1px #ffffff0d inset,0 0 40px #c9a84c1a}.close-modal-btn{position:absolute;top:1rem;right:1.5rem;background:transparent;border:none;color:var(--text-dim);font-size:2rem;line-height:1;font-weight:100;cursor:pointer;transition:color .3s ease}.close-modal-btn:hover{color:var(--gold)}.waitlist-container h2{font-family:var(--font-musa);font-size:var(--text-2xl);color:var(--gold);margin-bottom:var(--sp-3);font-weight:300;line-height:1.1;letter-spacing:.03em}.waitlist-container p{font-family:var(--font-serif);color:var(--text-dim);font-size:var(--text-md);line-height:1.7;max-width:65ch;margin:0 auto var(--sp-8) auto;font-style:italic}.waitlist-countdown{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;margin-bottom:var(--sp-10)}.countdown-block{display:flex;flex-direction:column}.countdown-value{font-family:var(--font-alegra);font-size:2rem;font-weight:100;color:var(--gold-pale);line-height:1;margin-bottom:.25rem}.countdown-label{font-family:var(--font-sans);font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em}.countdown-divider{color:#fff6;font-weight:100;font-size:1.5rem;margin-top:-15px}.waitlist-form{max-width:420px;margin:0 auto}.waitlist-input-group{display:flex;align-items:center;background:#0006;border:1px solid rgba(201,168,76,.3);border-radius:50px;padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-6);transition:opacity var(--dur-normal) var(--ease-expo),transform var(--dur-normal) var(--ease-expo),color var(--dur-normal) var(--ease-expo)}.waitlist-input-group:focus-within{border-color:var(--gold);background:#000000b3;box-shadow:0 0 15px #c9a84c33}.waitlist-input{flex:1;background:transparent;border:none;color:var(--white);font-family:var(--font-sans);font-size:var(--text-base);outline:none;padding:0 var(--sp-2) 0 0;min-width:0}.waitlist-input::placeholder{color:var(--text-dim)}.waitlist-submit-btn{background:transparent;color:gold;border:1px solid rgba(201,168,76,.3);border-radius:40px;padding:var(--sp-3) var(--sp-8);font-family:var(--font-sans);font-weight:500;font-size:var(--text-base);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-expo),transform var(--dur-fast) var(--ease-expo)}.waitlist-submit-btn:hover{background:var(--gold);color:var(--black);transform:scale(1.02)}.waitlist-social-proof{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-8)}.avatars{display:flex}.avatars img{width:32px;height:32px;border-radius:50%;border:2px solid #111;margin-left:-12px;object-fit:cover}.avatars img:first-child{margin-left:0}.social-proof-text{font-family:var(--font-sans);font-size:.85rem;color:var(--text-dim)}@media (max-width: 380px){.hero-sequence-section{height:calc(var(--hero-vh, 400vh) * 2.5)}.relic-frame{top:var(--sp-1);left:var(--sp-1);right:var(--sp-1);bottom:var(--sp-1)}.hero-subtitle{max-width:280px}.site-header{width:96vw;padding:.4rem 1rem}.logo{font-size:.78rem;letter-spacing:.16em}.card-wrapper{width:37vw;height:65vw}.heading{font-size:1.75rem}.preview-title,.panel-title{font-size:2.2rem}.open-card-link,.go-back-btn{width:75vw;font-size:.8rem;padding:12px 20px}.open-card-link,.go-back-btn{bottom:-65px}.card-container{margin-top:-40px}.pick-card-hint{bottom:var(--sp-3)}#view-dailydraw:after{display:none}}@media (max-width: 480px){:root{--blur: 16px;--glass-sat: 120%}.open-card-link,.go-back-btn{background:transparent!important;border:none!important;box-shadow:none!important;position:absolute;bottom:-40px;left:50%;width:100%;color:var(--gold-light);opacity:.7;font-size:0!important}.open-card-link:after{content:"⟵ SWIPE TO READ ⟶";font-size:.85rem;letter-spacing:.25em;display:block}.go-back-btn:after{content:"⟵ SWIPE TO RETURN ⟶";font-size:.85rem;letter-spacing:.25em;display:block}.open-card-link .sparkles-canvas,.go-back-btn .sparkles-canvas{display:none!important}.preview-panel.visible .open-card-link{animation:swipe-hint-left 2s ease-in-out infinite}.info-panel.visible .go-back-btn{animation:swipe-hint-right 2s ease-in-out infinite}#drawBtn{order:2}#openCardHint{order:1}}@media (max-width: 380px){:root{--blur: 10px;--glass-sat: 100%}}@media (prefers-reduced-motion: reduce){:root{--blur: 0px;--glass-sat: 100%;--dur-fast: .01s;--dur-normal: .01s;--dur-slow: .01s;--dur-film: .01s}.grid-card:after,.card__face:after{display:none!important}.grid-card,.card-wrapper{transition-duration:.01s!important}.pick-hint-star,.hero-load-sigil,.hero-load-bar:after,.hero-load-hint,.slick-action-btn,.scroll-cue-line,.scroll-cue-text,.nav-links a,.glossary-card:after{animation:none!important;transition:none!important}}@media (min-width: 480px){.card-wrapper{width:38vw;height:67vw}.heading{font-size:2.4rem}.hero-subtitle{max-width:320px}}@media (min-width: 768px) and (min-height: 580px){.nav-links{display:flex;gap:clamp(.5rem,1.5vw,2rem);align-items:center}.menu-toggle,.mobile-nav-overlay,.mobile-close-btn,.daily-draw-backdrop,.open-card-tab-mob{display:none}.header-waitlist-btn{display:inline-block;padding:var(--sp-2) var(--sp-4);background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-alegra);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:opacity var(--dur-fast) ease,transform var(--dur-fast) ease,color var(--dur-fast) ease;margin-left:var(--sp-2);white-space:nowrap;flex-shrink:0}.header-waitlist-btn:hover{background:var(--gold);color:var(--black)}.site-header{width:76vw;max-width:1200px;min-width:400px;height:auto;justify-content:space-between;gap:var(--sp-8);padding:var(--sp-1) var(--sp-4)}.scroll-indicators{display:flex;right:20px;top:50%;transform:translateY(-50%) scale(.85)}.hero-sequence-section{height:calc(var(--hero-vh, 100vh) * 4)}.hero-title{font-size:clamp(2rem,5vw,2rem)}.hero-subtitle{font-size:clamp(.85rem,1.4vw,1rem);max-width:380px}#view-dailydraw{--scene-panel: clamp(320px, 42vw, 420px);--scene-card: clamp(120px, 15vw, 180px);--scene-gap: calc(var(--scene-card) / 2);--deck-shift: calc((var(--scene-panel) + var(--scene-gap)) / -2);--p1-w: var(--scene-panel);--p2-w: calc(var(--scene-panel) + 30px);--gap: var(--scene-gap);--card-half: 74px ;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(var(--vh, 1vh) * 100);min-height:calc(var(--vh, 1vh) * 100);max-height:calc(var(--vh, 1vh) * 100);padding-top:0;position:relative}#view-dailydraw .text-content{position:absolute;top:calc(var(--safe-top) + var(--header-h) + var(--sp-6));left:50%;transform:translate(-50%);width:100%;margin-top:0;padding-bottom:0;text-align:center;z-index:20}@media (orientation: portrait){#view-dailydraw .text-content{top:calc(var(--safe-top) + var(--header-h) + 14.6vh)}}.card-container{position:relative;margin-top:12vh;height:550px;perspective:1000px;width:100%;display:flex;justify-content:center;padding-bottom:0}.pick-card-hint{bottom:-85px;z-index:20}@media (orientation: landscape){.pick-card-hint{bottom:-95px}}.card-container.preview-mode,.card-container.open-mode{transform:translate(var(--deck-shift))}.card-wrapper{width:var(--scene-card);height:calc(var(--scene-card) * var(--card-ratio))}.heading{font-size:var(--text-xl)}.description,.info-text,.prose-content p,.preview-description{font-size:var(--text-md);line-height:1.7}.slick-action-btn{width:auto;max-width:none;white-space:nowrap;padding:8px 40px;font-size:.82rem;border-radius:40px;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));overflow:hidden;transition:all .4s ease}.slick-action-btn:hover{color:var(--white);letter-spacing:.26em;background:#c9a84c1f;border-color:#c9a84c80}.card-actions-wrapper{width:auto;bottom:auto;top:calc(50% + (var(--scene-card) * var(--card-ratio) / 2) + var(--sp-8));left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:0}.preview-panel{grid-area:stage;position:absolute;top:50%;left:calc(50% + var(--scene-card) / 2 + var(--scene-gap) / 2);width:var(--scene-panel);height:min(85vh,calc(var(--scene-panel) * var(--card-ratio)));aspect-ratio:2.7 / 4.7;border-radius:15px;border:1px solid rgba(237,217,138,.4);padding:var(--sp-4) var(--sp-3);background:var(--glass-bg);backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));box-shadow:0 30px 70px #000000b3;transform:translateY(-50%) scale(.9);transition:transform var(--dur-slow) cubic-bezier(.16,1,.3,1),opacity var(--dur-slow) ease-out;opacity:0;pointer-events:none}.preview-panel.visible{top:50%;left:calc(50% + var(--scene-card) / 2 + var(--scene-gap) / 2);transform:translateY(-50%) scale(1);opacity:1;pointer-events:auto}.preview-panel.exit-left{top:50%;left:calc(50% + var(--scene-card) / 2 + var(--scene-gap) / 2);right:auto;transform:translateY(-50%) scale(.9);opacity:0;pointer-events:none}.preview-overlay{background:linear-gradient(to bottom,transparent 0%,transparent 40%,rgba(0,0,0,.75) 75%,rgba(0,0,0,.98) 100%)}.preview-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}.preview-title{font-size:2.8rem}.open-card-link{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 10px);left:auto;right:15px;transform:none;opacity:1;pointer-events:auto;width:auto;background:transparent;border:none;box-shadow:none;border-radius:0;font-size:.8rem;padding:0;margin:0;text-shadow:0 4px 10px rgba(0,0,0,.8);overflow:visible;z-index:5000}.preview-panel.visible .open-card-link{transform:none;opacity:1;pointer-events:auto}.preview-panel.exit-left .open-card-link{transform:none;opacity:1;pointer-events:none}.open-card-link:hover{color:var(--white);letter-spacing:.26em}.open-card-link .sparkles-canvas,.go-back-btn .sparkles-canvas,.slick-action-btn .sparkles-canvas{width:150%;height:250%}.info-panel{grid-area:stage;position:absolute;top:50%;right:calc(50% + var(--scene-card) / 2 + var(--scene-gap) / 2);left:auto;bottom:auto;width:calc(var(--scene-panel) + 30px);height:min(85vh,calc(var(--scene-panel) * var(--card-ratio)));aspect-ratio:unset;padding:0;border-radius:14px;border:1px solid rgba(237,217,138,.4);background:var(--glass-bg);backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--glass-sat));box-shadow:0 30px 70px #000000b3;transform:translateY(-50%) scale(.9);transition:transform var(--dur-slow) cubic-bezier(.16,1,.3,1),opacity var(--dur-slow) ease-out;opacity:0;pointer-events:none}.info-panel.visible{top:50%;right:calc(50% + var(--scene-card) / 2 + var(--scene-gap) / 2);left:auto;transform:translateY(-50%) scale(1);opacity:1;pointer-events:auto}.info-panel.exit-left,.info-panel.exit-right{top:50%;right:calc(50% + var(--scene-card) / 2 + var(--scene-gap) / 2);left:auto;transform:translateY(-50%) scale(.9);opacity:0;pointer-events:none}.info-panel-scrollable-body{width:100%;margin-right:0;padding-top:var(--sp-2);padding-left:clamp(1.5rem,6%,3rem);padding-right:clamp(1rem,6%,3rem);padding-bottom:calc(70px + env(safe-area-inset-bottom));overscroll-behavior:contain}.panel-content{padding:0}.panel-title{font-size:2.8rem}.go-back-btn{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 10px);right:15px;left:auto;top:auto;transform:none;opacity:0;pointer-events:none;width:auto;background:transparent;border:none;box-shadow:none;border-radius:0;font-size:.8rem;padding:0;margin:0;text-shadow:0 4px 10px rgba(0,0,0,.8);z-index:5000;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;animation:text-pulse-gold 2.5s ease-in-out infinite alternate}.info-panel.visible .go-back-btn{transform:none;opacity:1;pointer-events:auto}.info-panel.exit-right .go-back-btn,.info-panel.exit-left .go-back-btn{transform:none;opacity:0;pointer-events:none}.go-back-btn:hover{color:var(--white);letter-spacing:.26em}}@media (min-width: 1024px) and (min-height: 580px){.site-header{padding:var(--sp-1) var(--sp-6);min-height:auto}.logo{font-size:1.1rem;letter-spacing:.32em}.header-waitlist-btn{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);margin-left:var(--sp-3)}.header-waitlist-btn:hover{background:var(--gold);color:var(--black);box-shadow:0 0 15px #c9a84c66}.scroll-indicators{right:45px;transform:translateY(-50%) scale(1)}.hero-subtitle{max-width:380px}#view-dailydraw{padding-top:0}#view-dailydraw .text-content{margin-top:0}.heading{font-size:clamp(2.8rem,5vw,3.8rem)}.text-content,.prose-content{max-width:min(90%,925px)}.description,#deck-description,.prose-content p,.architect-intro{max-width:unset}@media (max-width: 1040px) and (max-height: 800px) and (orientation: landscape){#view-dailydraw{--scene-panel: clamp(256px, 34vw, 336px);--scene-card: clamp(96px, 12vw, 144px)}}}@media (min-width: 768px) and (min-height: 580px){.panel-stack{position:absolute;left:calc(50% + var(--deck-shift) + (var(--scene-card) / 2) + var(--scene-gap));top:50%;right:auto;transform:translateY(-50%);width:var(--scene-panel)!important;height:min(85vh,calc(var(--scene-panel) * var(--card-ratio)));aspect-ratio:2.7 / 4.7;max-width:none;z-index:1000;perspective:2000px;transform-style:preserve-3d;pointer-events:none}.panel-stack>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:18px;border:1px solid rgba(237,217,138,.45);background:#08070e;box-shadow:0 40px 100px #000000e6;transform:translateZ(-200px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s ease,visibility .9s ease,filter .9s ease}.panel-stack>div.is-front{transform:translateZ(0);opacity:1!important;visibility:visible!important;pointer-events:auto;z-index:30;box-shadow:25px 0 65px #000000f2,0 35px 80px #000000d9,0 0 40px #c9a84c1f!important}.panel-stack>div.is-back{transform:translate3d(22%,0,-80px) rotateY(-4deg) scale(.98)!important;opacity:1!important;visibility:visible!important;filter:none!important;z-index:10;pointer-events:auto;transition:transform 1.1s cubic-bezier(.34,1.45,.64,1),opacity .9s ease,visibility .9s ease!important}.panel-stack>div.is-front .panel-content,.panel-stack>div.is-back.content-ready .panel-content{opacity:1!important;transform:none!important;transition:opacity .8s ease,transform .8s ease}.preview-panel,.info-panel{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;height:100%!important;max-width:none!important;min-width:0!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.preview-footer{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}.preview-title{font-size:2.8rem}.open-card-link{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 10px);right:10px;font-size:.8rem;padding:0;margin:0;text-shadow:0 4px 10px rgba(0,0,0,.8);z-index:1005}.info-panel-scrollable-body{width:100%;margin-right:0;padding-top:0;padding-bottom:calc(env(safe-area-inset-bottom) + 20px);overscroll-behavior:contain}.panel-content{padding:2rem 1.5rem calc(2rem + 10px) 1.5rem}.panel-title{font-size:2.8rem}.go-back-btn{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 10px);right:10px;left:auto;font-size:.8rem;padding:0;margin:0;text-shadow:0 4px 10px rgba(0,0,0,.8);z-index:1005;animation:text-pulse-gold 2.5s ease-in-out infinite alternate}.preview-panel.visible,.info-panel.visible,.preview-panel.exit-left,.info-panel.exit-right{transform:inherit;opacity:inherit;pointer-events:inherit}.card-actions-wrapper{position:absolute;bottom:auto;top:calc(50% + (var(--scene-card) * var(--card-ratio) / 2) + var(--sp-8));left:50%;width:auto;z-index:300;display:flex;justify-content:center;transform:translate(-50%)}.slick-action-btn{position:relative;bottom:auto;left:auto;transform:none;opacity:1;pointer-events:auto;width:auto;max-width:none;padding:8px 40px;font-size:.82rem;z-index:auto;background:#c9a84c14;border:1px solid rgba(201,168,76,.25);border-radius:40px;box-shadow:0 4px 15px #0003;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));animation:text-pulse-gold 2.5s ease-in-out infinite alternate;transition:opacity .4s ease,color .3s ease,letter-spacing .4s ease;overflow:hidden;white-space:nowrap}.slick-action-btn:hover{color:var(--white);letter-spacing:.26em;background:#c9a84c1f;border-color:#c9a84c80}.desktop-stack-dots{position:absolute;left:calc(50% + var(--deck-shift) + (var(--scene-card) / 2) + var(--scene-gap));top:calc(50% + min(80vh,calc(var(--scene-panel) * var(--card-ratio)))/2 + 25px);width:var(--scene-panel);display:flex;justify-content:center;gap:10px;z-index:1010;opacity:0;pointer-events:none;transition:opacity .6s ease,transform .6s ease;transform:translate3d(0,10px,0)}.desktop-stack-dots.visible{opacity:1;pointer-events:auto;transform:translateZ(0)}.desktop-stack-dots .stack-dot{width:5px;height:5px;border-radius:50%;background:#c9a84c59;transition:opacity .4s var(--ease-smooth),transform .4s var(--ease-smooth),background .4s ease;border:1px solid rgba(237,217,138,.2);cursor:pointer}.desktop-stack-dots .stack-dot.active{background:var(--gold);transform:scale(1.6);box-shadow:0 0 15px #c9a84c99}}@media (min-width: 1025px) and (hover: hover) and (pointer: fine){#view-dailydraw{--deck-shift: -160px}.deck-detail-panel{width:92vw;max-width:1040px;height:84vh;aspect-ratio:unset;min-height:500px;max-height:unset;background:#0a0910f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(237,217,138,.45);border-radius:20px;box-shadow:0 32px 64px #000000d9;transform:translate(-50%,-44%) scale(.96);flex-direction:row}.deck-detail-panel.visible{transform:translate(-50%,-50%) scale(1)}.deck-detail-content{flex-direction:row;width:100%;overflow-x:visible;overflow-y:visible;scroll-snap-type:none;scrollbar-width:auto}.deck-detail-img{width:auto;height:100%;flex-shrink:0;aspect-ratio:2.7 / 4.7;border-radius:15px 0 0 15px;background-size:cover;scroll-snap-align:none;padding:0}video.deck-detail-img{border-radius:15px 0 0 15px}.deck-detail-info{width:auto;flex:1;height:100%;overflow-y:auto;padding:4rem;scroll-snap-align:none}.deck-swipe-dots,.deck-swipe-hint{display:none}}.view-upright-btn{display:table;margin:var(--sp-4) auto var(--sp-6);background:#c9a84c0d;border:1px solid rgba(201,168,76,.2);color:var(--gold);padding:var(--sp-2) var(--sp-4);border-radius:30px;font-family:var(--font-alegra);font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .4s var(--ease-smooth);position:relative;overflow:hidden}.view-upright-btn:hover{background:#c9a84c1f;border-color:#c9a84c80;color:var(--white);letter-spacing:.26em;transform:translateY(-2px)}.view-upright-btn:active{transform:translateY(0)}.hidden{display:none}@keyframes swipe-hint-left{0%,to{transform:translate(-50%);opacity:.5}50%{transform:translate(calc(-50% - 8px));opacity:1;text-shadow:0 0 10px rgba(201,168,76,.6)}}@keyframes swipe-hint-right{0%,to{transform:translate(-50%);opacity:.5}50%{transform:translate(calc(-50% + 8px));opacity:1;text-shadow:0 0 10px rgba(201,168,76,.6)}}.learn-content-area{width:100%;max-width:min(100%,1200px);margin-inline:auto;overflow:hidden;transition:opacity .4s var(--ease-smooth),transform .4s var(--ease-smooth)}#view-learn .description{max-width:600px;margin-inline:auto}.learn-container{width:100%;max-width:1200px;margin:0 auto;padding:var(--sp-8) var(--sp-4);display:flex;flex-direction:column;align-items:center;overflow-x:hidden}@media (max-width: 768px){.learn-container{padding:var(--sp-6) var(--sp-4)}}.learn-sub-nav{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-6);border-bottom:1px solid rgba(201,168,76,.2);padding-bottom:var(--sp-2);width:100%;justify-content:center;flex-wrap:nowrap}.learn-tab-btn{background:transparent;border:none;color:var(--white);font-family:var(--font-alegra);font-size:var(--text-sm);letter-spacing:.15em;opacity:.5;cursor:pointer;padding:var(--sp-2) 0;position:relative;transition:opacity .3s ease,color .3s ease}.learn-tab-btn:hover{opacity:.8}.learn-tab-btn.active{opacity:1;color:var(--gold)}.learn-tab-btn:after{content:"";position:absolute;bottom:calc(var(--sp-2) * -1);left:0;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .4s var(--ease-smooth);transform-origin:center}.learn-tab-btn.active:after{transform:scaleX(1)}.learn-content-area{width:100%;position:relative}.learn-tab-pane{display:none;animation:fadeIn .6s var(--ease-smooth) forwards}.learn-tab-pane.active{display:block}.pane-title{font-family:var(--font-musa);color:var(--gold);font-size:var(--text-2xl);text-align:left;margin-bottom:var(--sp-4);margin-top:0;line-height:.9;letter-spacing:.04em;text-shadow:0 4px 8px rgba(0,0,0,.8)}.prose-content h3.pane-title{font-family:var(--font-musa);font-size:var(--text-2xl);text-transform:none;letter-spacing:.04em;margin-top:0;color:var(--gold)}.learn-tab-pane p{font-family:var(--font-serif);color:var(--text-dim);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--sp-2);text-shadow:0 4px 8px rgba(0,0,0,.8);max-width:65ch;text-align:left}.architect-intro{font-family:var(--font-serif);font-style:italic;font-size:var(--text-base);color:var(--text-dim);line-height:1.7;font-weight:100;margin-bottom:var(--sp-6);max-width:65ch;text-shadow:0 4px 8px rgba(0,0,0,.8)}.step-block{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-4);margin-bottom:var(--sp-8);align-items:start}.step-number{font-family:var(--font-musa);color:var(--gold);font-size:var(--text-lg);line-height:1;letter-spacing:.12em;opacity:.7;margin-top:var(--sp-1);text-shadow:0 4px 8px rgba(0,0,0,.8)}.step-content{display:flex;flex-direction:column;gap:var(--sp-2)}.step-title{font-family:var(--font-musa);color:var(--gold);font-size:var(--text-lg);letter-spacing:.05em;line-height:1.1;margin-bottom:var(--sp-1);text-shadow:0 4px 8px rgba(0,0,0,.8)}.concept-block{margin-bottom:var(--sp-8)}.concept-block.center-align{text-align:center}.concept-title{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-base);text-transform:uppercase;letter-spacing:.22em;margin-bottom:var(--sp-3);text-shadow:0 4px 8px rgba(0,0,0,.8)}.spread-diagram{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-4);border:1px solid rgba(201,168,76,.15);border-radius:8px;background:#c9a84c08}.diagram-title{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.3em;opacity:.5;width:100%;margin-bottom:var(--sp-1)}.card-slot{font-family:var(--font-serif);font-style:italic;color:var(--text-dim);font-size:var(--text-sm);padding:var(--sp-2) var(--sp-3);border:1px solid rgba(201,168,76,.2);border-radius:4px;background:#0000004d}.text-center{text-align:center}.glossary-section{margin-top:var(--sp-10);width:100%;text-align:center}.glossary-section-title{text-align:center;margin-bottom:var(--sp-6)}.step-note{font-family:var(--font-serif);font-style:italic;font-size:var(--text-sm);color:var(--text-dim);line-height:1.7;opacity:.85}.example-data .step-subtitle{display:block;margin-left:0;margin-bottom:var(--sp-2)}.step-subtitle{font-family:var(--font-alegra);font-size:var(--text-sm);color:var(--gold-light);opacity:.5;font-weight:400;margin-left:var(--sp-2);letter-spacing:.05em}.inquiry-list{list-style:none;padding:0 0 0 var(--sp-4);margin:var(--sp-2) 0;border-left:1px solid rgba(201,168,76,.2)}.inquiry-list li{font-family:var(--font-alegra);color:var(--gold-light);font-size:var(--text-sm);font-style:italic;margin-bottom:var(--sp-2);opacity:.85}.dynamic-example-block{display:flex;flex-direction:row;gap:var(--sp-6);background:#0a091066;border:1px solid rgba(201,168,76,.15);border-radius:12px;padding:var(--sp-5);margin-top:var(--sp-8);margin-bottom:var(--sp-10);max-width:680px}.example-visual{flex-shrink:0;width:150px;border-radius:8px;overflow:hidden;box-shadow:0 16px 32px #0009;border:1px solid rgba(201,168,76,.3)}.example-card-img{width:100%;height:auto;display:block}.example-data{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.frequency-section{width:100%;display:flex;flex-direction:column;gap:var(--sp-8)}.triad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-top:var(--sp-6);width:100%}.triad-node{text-align:center;display:flex;flex-direction:column;align-items:center}.node-label{font-family:var(--font-musa);color:var(--gold);font-size:var(--text-xs);opacity:.4;margin-bottom:var(--sp-2)}.node-title{font-family:var(--font-alegra);color:var(--gold-pale);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-1)}.triad-node p{font-size:var(--text-xs)!important;opacity:.6;line-height:1.4}@media (max-width: 600px){.triad-grid{grid-template-columns:1fr;gap:var(--sp-4)}}@media (max-width: 768px){.dynamic-example-block{flex-direction:column;align-items:center;text-align:center;gap:var(--sp-6)}.example-data .step-subtitle,.example-data .inquiry-list{text-align:center;border-left:none;padding-left:0}}#frequency-glossary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(100px,22vw,140px),1fr));gap:var(--sp-4);width:92%;max-width:1200px;margin:3rem auto;padding-bottom:var(--section-pb)}.glossary-card{position:relative;aspect-ratio:2.7 / 4.7;cursor:pointer;transition:transform .4s var(--ease-smooth),box-shadow .4s ease,border-color .3s ease;border-radius:8px;overflow:hidden;border:1px solid rgba(201,168,76,.2);background:#000;--x: 50%;--y: 50%;--glow-active: 0}.glossary-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:radial-gradient(300px circle at var(--x) var(--y),rgba(201,168,76,.9) 0%,rgba(201,168,76,0) 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:10;opacity:var(--glow-active);transition:opacity .4s ease;pointer-events:none}.glossary-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fff0,#ffffff14 45%,#fff3,#ffffff14 55%,#fff0);z-index:5;transform:translate(-100%) translateY(-100%) rotate(45deg);transition:transform .8s var(--ease-expo);pointer-events:none}.glossary-card:hover:after{transform:translate(100%) translateY(100%) rotate(45deg)}.glossary-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem .5rem .8rem;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);text-align:center;z-index:5;transition:opacity .3s ease}.glossary-card-title{font-family:var(--font-alegra);color:var(--gold-pale);font-size:.85rem;font-weight:100;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.8);display:block}@media (hover: hover){.glossary-card-overlay{opacity:0}.glossary-card:hover .glossary-card-overlay{opacity:1}}@media (hover: none){.glossary-card-overlay{opacity:1}}.glossary-card:hover{transform:translateY(-10px) scale(1.06) rotateX(var(--rotX, 0deg)) rotateY(var(--rotY, 0deg));border-color:#c9a84cb3;box-shadow:0 15px 40px #000000e6,0 0 20px #c9a84c26;z-index:10}.glossary-card img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.85);transition:filter .4s ease}.glossary-card:hover img{filter:brightness(1.05)}#frequency-overlay-stage{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:opacity .5s ease}#frequency-overlay-stage.active{display:flex;opacity:1}.flat-slider-track{display:flex;width:100%;height:100%;align-items:center;transition:transform .6s cubic-bezier(.25,1,.5,1)}.flat-slider-item{min-width:100vw;height:100%;display:flex;justify-content:center;align-items:center;padding:0 5vw;box-sizing:border-box}.soularis-panel{position:relative;display:flex;flex-direction:row;gap:var(--sp-10);max-width:1200px;width:95%;align-items:center;transform:perspective(2000px) rotateY(15deg) translateY(30px);opacity:0;transition:transform .8s var(--ease-smooth),opacity .6s ease}#frequency-overlay-stage.active .soularis-panel{transform:perspective(2000px) rotateY(0) translateY(0);opacity:1}.modal-img-wrap{flex-shrink:0;width:320px;aspect-ratio:2.7 / 4.7;border-radius:12px;overflow:hidden;box-shadow:30px 20px 80px #000;border:1px solid rgba(201,168,76,.5);background:#000;transition:transform .8s ease}.modal-img-wrap img{width:100%;height:100%;object-fit:cover}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--gold);font-size:4rem;font-family:serif;cursor:pointer;z-index:10010;transition:opacity .3s,transform .2s,color .3s;opacity:.6;padding:20px;-webkit-user-select:none;user-select:none}.nav-arrow:hover{transform:translateY(-50%) scale(1.1);opacity:1;color:var(--gold-pale)}.nav-arrow:disabled{opacity:.1;cursor:default}#nav-left{left:40px}#nav-right{right:40px}.modal-info-panel{position:relative;flex:1;background:linear-gradient(135deg,#c9a84c14,#0006);border:1px solid rgba(201,168,76,.2);border-radius:12px;padding:var(--sp-10);color:var(--white);max-height:85vh;overflow-y:auto;box-shadow:0 10px 40px #00000080;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.gallery-close-btn{top:25px!important;right:25px!important;z-index:10030!important}.modal-info-panel .glossary-header{border-bottom:1px solid rgba(201,168,76,.2);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3)}.modal-info-panel .glossary-num{font-family:var(--font-musa);color:var(--gold);font-size:1.4rem;letter-spacing:.2rem}.modal-info-panel .glossary-name{font-family:var(--font-musa);font-size:3rem;text-transform:uppercase;margin-top:5px}.modal-info-panel .glossary-tags{font-family:var(--font-serif);font-style:italic;color:var(--gold-light);font-size:1.2rem;margin-bottom:25px;opacity:.9}.modal-info-panel .glossary-desc-label{font-family:var(--font-alegra);color:var(--gold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.3em;margin-bottom:var(--sp-2);opacity:.7}.modal-info-panel .glossary-desc{font-family:var(--font-serif);font-size:var(--text-md);line-height:1.7;color:var(--text-dim);font-style:italic;max-width:65ch}@media (max-width: 900px){.soularis-panel{flex-direction:column;gap:var(--sp-6);text-align:center;width:90%;max-height:95vh;overflow-y:auto;padding-top:var(--sp-12)}.modal-img-wrap{width:200px;transform:none!important;margin:0 auto}.modal-info-panel{padding:var(--sp-6);flex:none}.modal-info-panel .glossary-name{font-size:2rem}.nav-arrow{font-size:2.5rem;padding:10px}#nav-left{left:10px}#nav-right{right:10px}}