:root{--bg:#030407;--text:#d4dae7;--muted:#8f9aae;--line:#ffffff21;--line-bright:#ffffff38;--aqua:#76ffee;--gold:#ffd67a;--font-display:"Cinzel Decorative", "Cinzel", Georgia, serif;--font-body:"Cinzel", ui-serif, Georgia, serif;font-family:var(--font-body), ui-serif, Georgia, serif;color:#fff;background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#030407;min-width:320px;margin:0}img{max-width:100%}::selection{color:#030407;background:var(--aqua)}.app-stage{isolation:isolate;--mouse-x:0px;--mouse-y:0px;min-height:100vh;position:relative;overflow:hidden}.interactive-background{z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 0,#78ffee14,#0000 28rem),linear-gradient(#080a10 0%,#030407 62%,#000 100%);position:fixed;inset:0;overflow:hidden}.background-gradient,.background-grid,.background-shine,.background-orb,.floating-card-shape{pointer-events:none;position:absolute}.background-gradient{filter:blur(10px);background:radial-gradient(circle at 18% 26%,#ffd87a1c,#0000 24rem),radial-gradient(circle at 78% 18%,#78ffee24,#0000 28rem),radial-gradient(circle at 58% 76%,#5f71ff1a,#0000 30rem);animation:22s ease-in-out infinite alternate background-drift;inset:-18%}.background-grid{opacity:.28;background-image:radial-gradient(circle,#ffffff26 1px,#0000 1.5px),linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:34px 34px,120px 120px,120px 120px;animation:34s linear infinite particle-drift;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 76%,#0000);mask-image:linear-gradient(#0000,#000 18% 76%,#0000)}.background-shine{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #78ffee29, #ffd87a14 13rem, transparent 28rem);mix-blend-mode:screen;transition:background .12s linear;position:fixed;inset:0}.background-orb{aspect-ratio:1;filter:blur(28px);opacity:.28;border-radius:999px;width:clamp(170px,22vw,360px)}.orb-one{background:#78ffee57;animation:18s ease-in-out infinite alternate orb-float-one;top:14%;left:7%}.orb-two{background:#ffd87a42;animation:24s ease-in-out infinite alternate orb-float-two;top:48%;right:6%}.orb-three{background:#5f71ff38;animation:26s ease-in-out infinite alternate orb-float-three;bottom:4%;left:36%}.floating-card-shape{aspect-ratio:.72;opacity:.24;background:linear-gradient(145deg,#ffffff13,#ffffff05),#ffffff05;border:1px solid #ffffff14;border-radius:14px;width:clamp(86px,10vw,150px);box-shadow:inset 0 0 0 1px #78ffee09}.shape-one{animation:28s ease-in-out infinite alternate card-drift-one;top:22%;right:17%;transform:rotate(12deg)}.shape-two{animation:32s ease-in-out infinite alternate card-drift-two;top:62%;left:9%;transform:rotate(-10deg)}.shape-three{animation:36s ease-in-out infinite alternate card-drift-three;bottom:10%;right:30%;transform:rotate(7deg)}.site-shell{z-index:1;width:min(1240px,100% - 32px);margin:0 auto;position:relative}.top-logo{justify-content:center;padding:24px 0 18px;display:flex}.top-logo img{filter:drop-shadow(0 10px 24px #0000009e)drop-shadow(0 0 22px #76ffee2e)drop-shadow(0 0 34px #ffd87a1a);border-radius:18px;width:min(190px,42vw);height:auto;display:block}.main-nav,.set-selector,.footer nav,.rarity-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.main-nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070cd6;border-radius:18px;padding:12px;position:sticky;top:0;box-shadow:0 22px 70px #00000047}.main-nav a,.set-selector a,.button,.footer a{color:inherit;text-decoration:none}.main-nav a{min-width:124px;color:var(--muted);font-family:var(--font-display);letter-spacing:.035em;text-align:center;text-shadow:0 2px #000;border:1px solid #0000;border-radius:12px;padding:13px 16px;font-weight:900;transition:transform .17s,border-color .17s,background .17s,color .17s}.main-nav a:hover,.main-nav a:focus-visible,.set-selector a:hover,.set-selector a:focus-visible{color:#fff;background:#ffffff13;border-color:#78ffee47;transform:translateY(-2px)}.set-selector{border:1px solid var(--line);background:#ffffff09;border-radius:18px;margin:18px 0 0;padding:14px}.set-selector a{border:1px solid var(--line);min-width:112px;color:var(--muted);font-family:var(--font-display);letter-spacing:.035em;text-align:center;text-shadow:0 2px #000;background:#06080ec7;border-radius:12px;padding:13px 14px;font-weight:900;transition:transform .17s,border-color .17s,background .17s}.set-selector .active{color:#05070c;background:linear-gradient(135deg, var(--gold), var(--aqua));text-shadow:none;border-color:#ffd87a9e;box-shadow:0 18px 46px #78ffee29}.panel,.section,.split-coming{border:1px solid var(--line);background:linear-gradient(#ffffff13,#ffffff07),#05070cb8;border-radius:22px;margin-top:24px;box-shadow:0 26px 90px #00000047}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:clamp(38px,7vw,96px);min-height:660px;padding:clamp(34px,6vw,68px);display:grid}.hero-copy,.section-copy,.section-heading{max-width:760px}.eyebrow{color:var(--aqua);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 2px #000;margin:0 0 15px;font-size:.76rem;font-weight:950}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#fff;font-family:var(--font-display);letter-spacing:.025em;text-shadow:0 2px #000,0 8px 28px #000000a3,0 0 18px #ffffff14}h1{-webkit-text-stroke:1px #ffffff38;margin-bottom:24px;font-size:clamp(3rem,7.4vw,7rem);line-height:.9}h2{-webkit-text-stroke:.6px #ffffff29;margin-bottom:0;font-size:clamp(2rem,4.4vw,4.3rem);line-height:1}h3{margin-bottom:8px;font-size:1.18rem;line-height:1.15}p{color:var(--text);font-family:var(--font-body);font-weight:500}.hero-copy p:not(.eyebrow),.section-copy p,.section-heading p,.coming-panel p{font-size:clamp(1rem,1.55vw,1.18rem);line-height:1.68}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{min-height:50px;font-family:var(--font-display);letter-spacing:.035em;border-radius:10px;justify-content:center;align-items:center;padding:0 20px;font-weight:950;transition:transform .17s,box-shadow .17s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.primary{color:#05070c;background:linear-gradient(135deg, var(--gold), var(--aqua));box-shadow:0 18px 48px #78ffee29}.secondary{border:1px solid var(--line-bright);color:#fff;text-shadow:0 2px #000;background:#ffffff0f}.hero-media,.buy-pack{place-items:center;min-height:520px;display:grid;position:relative}.media-glow{aspect-ratio:1;filter:blur(22px);background:radial-gradient(circle,#78ffee4d,#0000 57%),radial-gradient(circle,#ffd87a33,#0000 70%);border-radius:999px;width:min(520px,86vw);position:absolute}.pack-image,.buy-pack img,.card-peek,.nimp-card img,.mini-gallery img{height:auto;display:block}.pack-image{z-index:2;border-radius:18px;width:min(330px,70vw);position:relative;transform:rotate(3deg);box-shadow:0 34px 92px #000000ad}.card-peek{z-index:3;border-radius:15px;width:min(210px,40vw);position:absolute;bottom:20px;left:0;transform:rotate(-8deg);box-shadow:0 28px 78px #0000009e}.section{padding:clamp(48px,7vw,76px)}.buy-now,.genesis{grid-template-columns:minmax(0,.9fr) minmax(300px,.72fr);align-items:center;gap:clamp(34px,6vw,80px);display:grid}.section-copy .button{margin-top:12px}.note{color:var(--gold);font-family:var(--font-display);letter-spacing:.035em;text-shadow:0 2px #000;margin-top:14px;font-weight:900;display:block}.buy-pack img{z-index:1;border-radius:18px;width:min(340px,78vw);position:relative;box-shadow:0 34px 90px #0000009e}.section-heading{margin-bottom:34px}.rarity-row{justify-content:flex-start;margin-bottom:22px}.rarity-row button{border:1px solid var(--line);color:#fff;font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;text-shadow:0 2px #000;background:#ffffff0d;border-radius:999px;padding:9px 13px;font-size:.85rem;font-weight:900;transition:transform .17s,border-color .17s,background .17s,color .17s}.rarity-row button:hover,.rarity-row button:focus-visible{border-color:#78ffee57;transform:translateY(-2px)}.rarity-row .active-filter{color:#05070c;background:linear-gradient(135deg, var(--gold), var(--aqua));text-shadow:none;border-color:#ffd87a9e}.empty-filter{min-height:190px;color:var(--text);text-align:center;background:#ffffff09;border:1px dashed #ffffff2e;border-radius:16px;place-items:center;font-size:clamp(1rem,2vw,1.2rem);font-weight:850;display:grid}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card-grid button,.mini-card-button,.modal-close,.modal-backdrop,.rarity-row button{font:inherit}.card-grid button,.mini-card-button,.modal-close,.modal-backdrop,.rarity-row button,.nimp-card{border:0}.nimp-card,.rule-card,.coming-panel{border:1px solid var(--line);background:linear-gradient(#ffffff14,#ffffff07),#070910bd;box-shadow:0 20px 64px #00000040}.nimp-card{width:100%;color:inherit;text-align:left;cursor:pointer;border-radius:16px;padding:12px;transition:transform .17s,border-color .17s,box-shadow .17s;display:block;overflow:hidden}.nimp-card:hover,.nimp-card:focus-visible,.rule-card:hover{border-color:#78ffee57;transform:translateY(-4px);box-shadow:0 26px 78px #0000005c,0 0 42px #78ffee1a}.nimp-card:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}.card-artwork{border-radius:12px;overflow:hidden}.nimp-card img{border-radius:12px;width:100%;transition:transform .22s}.nimp-card:hover img,.nimp-card:focus-visible img{transform:scale(1.025)}.card-meta{color:var(--gold);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:.8rem;font-weight:950;display:flex}.nimp-card h3{margin:9px 0 2px}.nimp-card p{color:var(--muted);font-family:var(--font-display);letter-spacing:.04em;margin:0 0 12px;font-weight:800}.inspect-label{color:var(--aqua);font-family:var(--font-display);letter-spacing:.04em;margin-top:2px;font-size:.82rem;font-weight:900;display:inline-flex}.placeholder-face{color:#ffffff52;background:radial-gradient(circle at 50% 24%,#78ffee2e,#0000 30%),linear-gradient(145deg,#ffd87a29,#ffffff0a);border:1px dashed #ffffff38;border-radius:12px;place-items:center;min-height:390px;font-size:3.6rem;font-weight:950;display:grid}.mini-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mini-card-button{cursor:pointer;background:0 0;border-radius:14px;padding:0}.mini-gallery img{border-radius:14px;width:100%;transition:transform .17s;box-shadow:0 22px 70px #0000005c}.mini-gallery img:hover{transform:translateY(-4px)rotate(-1deg)}.lore-section{background:radial-gradient(circle at 16% 12%,#78ffee21,#0000 24rem),radial-gradient(circle at 82% 18%,#ffd87a1f,#0000 28rem),linear-gradient(#ffffff14,#ffffff06),#04060ad1;position:relative;overflow:hidden}.lore-section:before{pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(#78ffee1a 1px,#0000 1px),linear-gradient(90deg,#ffd87a13 1px,#0000 1px);background-size:100% 96px,96px 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 84%,#0000);mask-image:linear-gradient(#0000,#000 12% 84%,#0000)}.lore-hero,.lore-character-heading{z-index:1;text-align:center;max-width:900px;margin:0 auto 38px;position:relative}.lore-hero h2{font-size:clamp(2.8rem,6vw,6.2rem)}.lore-hero p:not(.eyebrow),.lore-character-heading p:not(.eyebrow){max-width:720px;margin:18px auto 0;font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.7}.lore-timeline{z-index:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 34px;display:grid;position:relative}.timeline-block,.lore-story-panel,.lore-side-panel,.lore-character-card{border:1px solid var(--line);background:linear-gradient(#ffffff17,#ffffff07),#030509c2;box-shadow:0 22px 70px #00000047}.timeline-block{border-radius:14px;min-height:138px;padding:18px}.timeline-block span{color:var(--gold);font-family:var(--font-display);margin-bottom:18px;font-weight:950;display:inline-flex}.timeline-block h3{margin-bottom:0;font-size:clamp(1rem,1.35vw,1.22rem)}.lore-story-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);align-items:start;gap:18px;display:grid;position:relative}.lore-story-panel,.lore-side-panel{border-radius:18px;padding:clamp(24px,4vw,40px)}.lore-story-panel p:not(.eyebrow),.lore-side-panel li,.lore-character-copy p{color:var(--text);font-size:clamp(.98rem,1.24vw,1.08rem);line-height:1.78}.lore-story-panel p:last-child{color:#fff;font-family:var(--font-display);letter-spacing:.035em;font-weight:900}.lore-side-panel{position:sticky;top:116px}.lore-side-panel ul{gap:14px;margin:22px 0 0;padding-left:20px;display:grid}.lore-character-heading{margin-top:clamp(56px,8vw,88px)}.lore-character-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid;position:relative}.lore-character-card{border-radius:18px;transition:transform .17s,border-color .17s,box-shadow .17s;overflow:hidden}.lore-character-card:hover{border-color:#78ffee57;transform:translateY(-4px);box-shadow:0 28px 82px #0000005c,0 0 44px #78ffee1a}.lore-character-card img{width:100%;display:block}.lore-character-copy{padding:20px}.lore-character-copy>span{color:var(--gold);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:950}.lore-codex-link{margin-top:22px}.genesis-conditions-section{background:radial-gradient(circle at 74% 8%,#ffd87a21,#0000 26rem),radial-gradient(circle at 18% 16%,#78ffee1f,#0000 24rem),linear-gradient(#ffffff16,#ffffff06),#030509d1;position:relative;overflow:hidden}.genesis-conditions-section:before{pointer-events:none;content:"";opacity:.18;background-color:#0000;background-image:linear-gradient(120deg,#0000 0 18%,#78ffee14 18% 19%,#0000 19% 100%),linear-gradient(60deg,#0000 0 32%,#ffd87a14 32% 33%,#0000 33% 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:180px 180px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.conditions-hero,.known-condition-heading{z-index:1;text-align:center;max-width:900px;margin:0 auto 38px;position:relative}.conditions-hero h2{font-size:clamp(2.7rem,5.8vw,5.8rem)}.conditions-hero p{max-width:760px;margin:18px auto 0;font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.7}.conditions-layout{z-index:1;grid-template-columns:minmax(0,1fr) minmax(280px,.38fr);align-items:start;gap:18px;display:grid;position:relative}.conditions-story,.conditions-summary,.condition-panel,.pathway-card,.rarity-rule-card,.known-condition-card{border:1px solid var(--line);background:linear-gradient(#ffffff16,#ffffff07),#04060ac2;box-shadow:0 22px 72px #00000047}.conditions-story{border-radius:18px;padding:clamp(24px,4vw,40px)}.conditions-story p:not(.eyebrow),.condition-panel p,.pathway-card p,.rarity-rule-card p,.known-condition-card p{color:var(--text);font-size:clamp(.98rem,1.22vw,1.08rem);line-height:1.75}.conditions-story p:nth-last-child(-n+3){color:#fff;font-family:var(--font-display);letter-spacing:.03em;font-weight:900}.conditions-summary{border-radius:18px;gap:14px;padding:14px;display:grid}.condition-panel{border-radius:14px;padding:20px}.condition-panel>span{color:var(--aqua);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:950;display:inline-flex}.condition-panel strong{color:var(--gold);font-family:var(--font-display);margin:10px 0 12px;line-height:1.4;display:block}.pathway-grid,.known-condition-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid;position:relative}.pathway-card,.rarity-rule-card,.known-condition-card{border-radius:18px;padding:clamp(22px,3.5vw,34px)}.pathway-card ul{color:#fff;font-family:var(--font-display);gap:12px;margin:18px 0;padding-left:20px;font-weight:850;line-height:1.5;display:grid}.rarity-rule-card{z-index:1;margin-top:18px;position:relative}.rarity-rule-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.rarity-rule-list span{border:1px solid var(--line);min-height:132px;color:var(--text);background:#ffffff0b;border-radius:14px;padding:18px;line-height:1.55}.known-condition-heading{margin-top:clamp(52px,8vw,82px)}.known-condition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.known-condition-card{transition:transform .17s,border-color .17s,box-shadow .17s}.known-condition-card:hover{border-color:#78ffee57;transform:translateY(-4px);box-shadow:0 28px 82px #0000005c,0 0 44px #78ffee1a}.known-condition-card strong{color:var(--gold);font-family:var(--font-display)}.page-hub,.community-page{position:relative;overflow:hidden}.page-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.page-topic-grid-spaced{margin-top:28px}.page-topic-card{border:1px solid var(--line);background:linear-gradient(#ffffff16,#ffffff06),#04060ac2;border-radius:16px;min-height:170px;padding:22px;transition:transform .17s,border-color .17s,box-shadow .17s;box-shadow:0 22px 70px #00000042}.page-topic-card:hover{border-color:#78ffee57;transform:translateY(-4px);box-shadow:0 28px 82px #00000057,0 0 44px #78ffee17}.page-topic-card p{color:var(--text);margin-bottom:0;line-height:1.58}.first-storm-section{background:radial-gradient(circle at 50% 4%,#78ffee24,#0000 28rem),radial-gradient(circle at 82% 22%,#ffd87a1f,#0000 30rem),radial-gradient(circle at 18% 70%,#5f71ff1c,#0000 28rem),linear-gradient(#ffffff16,#ffffff06),#030509db;position:relative;overflow:hidden}.first-storm-section:before{pointer-events:none;content:"";opacity:.2;background:radial-gradient(circle at 50% 12%,#ffffff2e,#0000 1px) 0 0/42px 42px,linear-gradient(135deg,#0000 0 47%,#78ffee14 47% 48%,#0000 48% 100%) 0 0/160px 160px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 86%,#0000);mask-image:linear-gradient(#0000,#000 12% 86%,#0000)}.first-storm-hero{z-index:1;text-align:center;max-width:940px;margin:0 auto 34px;position:relative}.first-storm-hero h2{font-size:clamp(2.8rem,6vw,6.4rem)}.first-storm-hero p:not(.eyebrow){max-width:760px;margin:18px auto 0;font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.7}.storm-elements{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex;position:relative}.storm-elements span{color:#fff;font-family:var(--font-display);letter-spacing:.05em;background:#ffffff0e;border:1px solid #78ffee33;border-radius:999px;padding:9px 13px;font-size:.78rem;font-weight:900}.storm-codex-grid,.storm-rule-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid;position:relative}.storm-codex-card,.storm-story-panel,.storm-chain-panel,.storm-rule-card{border:1px solid var(--line);background:linear-gradient(#ffffff16,#ffffff06),#04060ac7;box-shadow:0 24px 76px #0000004d}.storm-codex-card{border-radius:16px;min-height:200px;padding:22px}.storm-codex-card p,.storm-story-panel p,.storm-rule-card p{color:var(--text);line-height:1.72}.storm-story-layout{z-index:1;grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);align-items:start;gap:18px;margin-top:18px;display:grid;position:relative}.storm-story-panel,.storm-chain-panel,.storm-rule-card{border-radius:18px;padding:clamp(24px,4vw,40px)}.storm-story-panel p:nth-child(12),.storm-story-panel p:nth-child(29),.storm-story-panel p:nth-child(31),.storm-closing-line{color:#fff;font-family:var(--font-display);letter-spacing:.035em;font-weight:900}.storm-closing-line{margin-top:28px;font-size:clamp(1.2rem,2vw,1.55rem)}.storm-chain-panel{position:sticky;top:116px}.storm-chain{gap:12px;display:grid}.storm-chain-item{color:#fff;font-family:var(--font-display);background:#ffffff0d;border:1px solid #ffd87a3d;border-radius:14px;padding:16px;font-weight:900;line-height:1.35;position:relative}.storm-chain-item+.storm-chain-item:before{content:"";background:linear-gradient(180deg, transparent, var(--aqua), transparent);width:2px;height:18px;color:var(--aqua);position:absolute;top:-17px;left:50%;transform:translate(-50%)}.storm-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;margin-bottom:0}.storm-rule-card h3{margin-bottom:18px}.rules-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.rule-card{border-radius:16px;min-height:180px;padding:22px;transition:transform .17s,border-color .17s}.rule-card span{color:#05070c;width:44px;height:44px;font-family:var(--font-display);background:linear-gradient(135deg, var(--gold), var(--aqua));border-radius:999px;place-items:center;margin-bottom:24px;font-weight:950;display:grid}.rule-card p{color:var(--text);margin-bottom:0;line-height:1.58}.future{text-align:center}.future .section-heading{margin-inline:auto;margin-bottom:0}.split-coming{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px;display:grid}.coming-panel{border-radius:18px;min-height:260px;padding:clamp(28px,5vw,48px)}.coming-panel h2{font-size:clamp(1.9rem,3.4vw,3.2rem)}.footer{color:#fff;font-family:var(--font-display);letter-spacing:.035em;text-shadow:0 2px #000;justify-content:space-between;align-items:center;gap:22px;padding:32px 0 42px;font-weight:900;display:flex}.footer a{color:var(--muted);border-radius:999px;padding:8px 10px}.footer a:hover,.footer a:focus-visible{color:#fff;background:#ffffff14}.modal-open{overflow:hidden}.card-modal{z-index:100;perspective:1400px;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal-backdrop{cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 48%,#78ffee14,#0000 34rem),#000000c7;animation:.22s both backdrop-fade-in;position:absolute;inset:0}.modal-glow{aspect-ratio:1;filter:blur(24px);pointer-events:none;background:radial-gradient(circle,#78ffee5c,#0000 58%),radial-gradient(circle,#ffd87a38,#0000 72%);border-radius:999px;width:min(660px,94vw);animation:.26s both glow-fade-in;position:absolute}.modal-close{z-index:3;border:1px solid var(--line-bright);color:#fff;width:44px;height:44px;font-family:var(--font-display);cursor:pointer;background:#ffffff14;border-radius:999px;place-items:center;font-weight:900;transition:transform .17s,background .17s;display:grid;position:absolute;top:22px;right:22px}.modal-close:hover,.modal-close:focus-visible{background:#ffffff29;transform:translateY(-2px)}.showcase-wrap{z-index:2;justify-items:center;gap:18px;width:min(430px,86vw);animation:.52s cubic-bezier(.16,.84,.24,1) both card-zoom-spin;display:grid;position:relative}.card-modal.closing .modal-backdrop{animation:.42s both backdrop-fade-out}.card-modal.closing .modal-glow{animation:.42s both glow-fade-out}.card-modal.closing .modal-close,.card-modal.closing .showcase-caption{animation:.22s both modal-detail-fade-out}.card-modal.closing .showcase-wrap{animation:.42s cubic-bezier(.5,0,.2,1) both card-zoom-spin-out}.card-modal.closing .showcase-card{transition:transform .24s;transform:translateZ(0)scale(1)rotateX(0)rotateY(0)}.showcase-card{width:min(390px,82vw);transform:translateZ(0) scale(1.015) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transform-style:preserve-3d;border-radius:20px;transition:transform .11s ease-out;position:relative;overflow:hidden;box-shadow:0 36px 120px #000000b8,0 0 86px #78ffee33}.showcase-card img,.showcase-card .large-placeholder{border-radius:20px;width:100%;min-height:540px;display:block}.showcase-shine{z-index:1;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--shine-x) var(--shine-y), #ffffff57, #ffffff1f 16%, transparent 42%);mix-blend-mode:screen;opacity:.72;position:absolute;inset:0}.showcase-caption{border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070cd1;border-radius:16px;padding:16px 22px}.showcase-caption span{color:var(--gold);font-family:var(--font-display);letter-spacing:.08em;font-weight:950}.showcase-caption h2{margin:4px 0;font-size:clamp(1.8rem,5vw,3.1rem)}.showcase-caption p{color:var(--text);font-family:var(--font-display);letter-spacing:.04em;margin:0;font-weight:850}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@keyframes backdrop-fade-out{0%{opacity:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes glow-fade-in{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes glow-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.72)}}@keyframes modal-detail-fade-out{0%{opacity:1}to{opacity:0}}@keyframes background-drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,1.5%)scale(1.04)}}@keyframes particle-drift{0%{background-position:0 0,0 0,0 0}to{background-position:80px 120px,0 120px,120px 0}}@keyframes orb-float-one{0%{transform:translate(0,0)scale(1)}to{transform:translate(8vw,10vh)scale(1.12)}}@keyframes orb-float-two{0%{transform:translate(0,0)scale(1)}to{transform:translate(-7vw,-6vh)scale(.94)}}@keyframes orb-float-three{0%{transform:translate(0,0)scale(1)}to{transform:translate(5vw,-9vh)scale(1.08)}}@keyframes card-drift-one{0%{transform:translate(0,0)rotate(12deg)}to{transform:translate(-3vw,8vh)rotate(18deg)}}@keyframes card-drift-two{0%{transform:translate(0,0)rotate(-10deg)}to{transform:translate(4vw,-7vh)rotate(-17deg)}}@keyframes card-drift-three{0%{transform:translate(0,0)rotate(7deg)}to{transform:translate(-5vw,-4vh)rotate(2deg)}}@keyframes card-zoom{0%{opacity:0;transform:scale(.84)translateY(28px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes card-zoom-spin{0%{opacity:0;transform:translateY(58px)translateZ(-280px)scale(.46)rotateX(24deg)rotateY(-44deg)rotate(-7deg)}64%{opacity:1;transform:translateY(-10px)translateZ(42px)scale(1.07)rotateX(-4deg)rotateY(6deg)rotate(1deg)}to{opacity:1;transform:translateY(0)translateZ(0)scale(1)rotateX(0)rotateY(0)}}@keyframes card-zoom-spin-out{0%{opacity:1;transform:translateY(0)translateZ(0)scale(1)rotateX(0)rotateY(0)rotate(0)}35%{opacity:1;transform:translateY(-10px)translateZ(36px)scale(1.04)rotateX(-4deg)rotateY(5deg)rotate(1deg)}to{opacity:0;transform:translateY(54px)translateZ(-280px)scale(.48)rotateX(20deg)rotateY(42deg)rotate(7deg)}}@media (hover:none),(pointer:coarse){.background-shine{display:none}.showcase-card{transform:none}.showcase-shine{display:none}}@media (width<=980px){.hero,.buy-now,.genesis,.lore-story-grid,.lore-character-grid,.conditions-layout,.pathway-grid,.known-condition-grid,.rarity-rule-list,.page-topic-grid,.storm-codex-grid,.storm-story-layout,.storm-rule-grid,.split-coming,.card-grid,.rules-grid{grid-template-columns:1fr}.hero,.buy-now,.genesis{text-align:center}.hero-copy,.section-copy,.section-heading{margin-inline:auto}.hero-actions,.rarity-row{justify-content:center}.lore-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.lore-side-panel,.storm-chain-panel{position:static}.hero-media,.buy-pack{min-height:470px}.card-peek{left:10%}}@media (width<=640px){.background-grid{opacity:.18}.floating-card-shape{display:none}.background-orb{opacity:.18}.site-shell{width:min(100% - 24px,1240px)}.main-nav,.set-selector{border-radius:16px}.main-nav a,.set-selector a{flex:132px;min-width:0}.hero,.section{padding:26px}h1{font-size:3.1rem}.button{width:100%}.hero-media,.buy-pack{min-height:380px}.pack-image{width:min(270px,76vw)}.card-peek{width:min(145px,42vw)}.mini-gallery,.lore-timeline{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}.card-modal{padding:18px}.modal-close{top:14px;right:14px}.showcase-card img,.showcase-card .large-placeholder{min-height:420px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.background-gradient,.background-grid,.background-orb,.floating-card-shape{animation:none}}
