.frame-neon-ring:before{content:"";border:2px solid #ff3df0;border-radius:50%;animation:1.8s ease-in-out infinite neon-pulse;position:absolute;inset:-3px;box-shadow:0 0 12px #ff3df0,0 0 24px #ff3df059}.frame-glitch-halo:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#ff3df0,#00f0ff,#ffe066,#ff3df0) border-box;border:2px solid #0000;border-radius:50%;animation:2.2s linear infinite glitch-ring;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-glitch-halo:after{content:"GLITCH";letter-spacing:.22em;color:#00f0ff;opacity:.65;text-shadow:2px 0 #ff3df0,-2px 0 #ffe066;pointer-events:none;font-size:.42rem;animation:.4s steps(2,end) infinite glitch-shift;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.frame-pixel-orbit:before{content:"";pointer-events:none;border:2px dotted #6ec4a8;border-radius:50%;animation:2.4s ease-in-out infinite neon-pulse;position:absolute;inset:-4px;box-shadow:0 0 8px #6ec4a873}.frame-pixel-orbit:after{content:"✦ ◇ ✦";color:#6ec4a8;pointer-events:none;text-align:center;font-size:.45rem;animation:6s linear infinite sticker-spin;position:absolute;inset:-10px}.frame-sticker-burst:before{content:"";pointer-events:none;border:2px solid #ffe066;border-radius:50%;position:absolute;inset:-3px;box-shadow:0 0 10px #ffe06666}.frame-sticker-burst:after{content:"★ POP ★";letter-spacing:.08em;color:#ffe066;text-shadow:0 0 6px #ff6b9d;pointer-events:none;font-size:.4rem;animation:4s linear infinite sticker-spin;position:absolute;top:-12px;right:-4px}.frame-candy-circuit:before{content:"";-webkit-mask-composite:xor;opacity:.75;background:conic-gradient(#ff9ecd,#c9a24d,#88b4e8,#ff9ecd) border-box;border:2px solid #0000;border-radius:50%;animation:5s linear infinite frame-spin;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-acid-drip:before{content:"";background:0 0;border:2px solid #39ff14;border-radius:50%;animation:2.5s ease-in-out infinite acid-drip;position:absolute;inset:-4px;box-shadow:0 0 10px #39ff1459}.frame-liquid-chrome:before,.frame-liquid-chrome:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-5px}.frame-liquid-chrome:before{-webkit-mask-composite:xor;background:conic-gradient(silver,#fff,#888,#fff,silver) border-box;border:3px solid #0000;border-radius:50%;animation:3s linear infinite frame-spin;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-liquid-chrome:after{background:radial-gradient(circle at 30% 30%,#ffffff40,#0000 60%);animation:2s ease-in-out infinite liquid-shimmer;inset:-2px}.frame-holo-mesh:before{content:"";-webkit-mask-composite:xor;opacity:.85;background:linear-gradient(135deg,#ff006e,#8338ec,#3a86ff,#ff006e) border-box;border:2px solid #0000;border-radius:50%;animation:3s infinite holo-flow;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-plasma-ring:before{content:"";filter:drop-shadow(0 0 8px #00f0ff);border:3px solid #0000;border-color:#00f0ff #0000 #ff006e;border-radius:50%;animation:1.2s linear infinite frame-spin;position:absolute;inset:-5px}.frame-cyber-lotus:before{content:"❀";color:#ff9ecd;text-shadow:0 0 10px #ff9ecd;font-size:.7rem;animation:2s ease-in-out infinite lotus-float;position:absolute;top:-10px}.frame-particle-crown{overflow:visible}.frame-particle-crown:before,.frame-particle-crown:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-8px}.frame-particle-crown:before{background:radial-gradient(2px 2px at 20% 20%,#fff8e8,#0000),radial-gradient(2px 2px at 70% 30%,#c9a24d,#0000),radial-gradient(2px 2px at 50% 80%,#e87850,#0000);animation:3s ease-in-out infinite particle-drift}.frame-particle-crown:after{border:2px solid #c9a24d99;animation:2s ease-in-out infinite frame-pulse;inset:-4px}.frame-molten-aura:before{content:"";background:0 0;border:2px solid #e878508c;border-radius:50%;animation:2s ease-in-out infinite molten-rise;position:absolute;inset:-6px;box-shadow:0 0 14px #e8785059}.frame-void-prism:before{content:"";background:0 0;border:2px solid #9f72e88c;border-radius:50%;animation:4s linear infinite frame-spin;position:absolute;inset:-6px}.frame-void-prism:after{content:"";opacity:.7;background:radial-gradient(1px 1px at 30% 40%,#fff9,#0000),radial-gradient(1px 1px at 60% 70%,#c9a24d80,#0000);border-radius:50%;animation:2.5s ease-in-out infinite particle-drift;position:absolute;inset:-10px}.frame-liquid-god:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,gold,#fff,silver,gold) border-box;border:3px solid #0000;border-radius:50%;animation:3s infinite liquid-god-flow;position:absolute;inset:-8px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.frame-liquid-god:after{content:"";border:2px solid #fff8e8cc;border-radius:50%;animation:1.5s ease-in-out infinite frame-pulse;position:absolute;inset:-6px}.frame-particle-nova:before{content:"";background:radial-gradient(3px 3px at 15% 25%,#fff,#0000),radial-gradient(2px 2px at 75% 15%,#ff9ecd,#0000),radial-gradient(2px 2px at 85% 75%,#00f0ff,#0000),radial-gradient(3px 3px at 25% 85%,#c9a24d,#0000),radial-gradient(2px 2px,#fff8e8,#0000);border-radius:50%;animation:2s ease-in-out infinite nova-burst;position:absolute;inset:-14px}.frame-particle-nova:after{content:"";background:conic-gradient(#0000,#ffc86480,#0000);border-radius:50%;animation:2s linear infinite frame-spin;position:absolute;inset:-8px}@keyframes neon-pulse{0%,to{opacity:1;filter:brightness()}50%{opacity:.75;filter:brightness(1.3)}}@keyframes glitch-shift{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(calc(2px - 50%))translateY(-1px)}}@keyframes glitch-ring{0%{filter:hue-rotate();opacity:.85}50%{filter:hue-rotate(120deg);opacity:1}to{filter:hue-rotate(360deg);opacity:.85}}@keyframes glitch-text{0%,to{text-shadow:2px 0 #ff006e,-2px 0 #00f0ff}50%{text-shadow:-2px 0 #ff006e,2px 0 #00f0ff}}@keyframes sticker-spin{to{transform:rotate(360deg)}}@keyframes acid-drip{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)translateY(2px)}}@keyframes liquid-shimmer{0%,to{opacity:.5;transform:rotate(0)}50%{opacity:1;transform:rotate(180deg)}}@keyframes holo-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes lotus-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.1)}}@keyframes particle-drift{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes molten-rise{0%,to{opacity:.85;background-position:0 100%}50%{opacity:1;background-position:0 0}}@keyframes liquid-god-flow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes nova-burst{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes liquid-text-flow{to{background-position:200%}}@keyframes particle-text-glow{0%,to{filter:brightness()}50%{filter:brightness(1.4)}}@keyframes nova-text{to{background-position:250%}}.echo-trial-stats{color:var(--muted);flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;font-size:.78rem;display:flex}.echo-trial-board{gap:1rem;padding:1.25rem;display:grid}.echo-trial-progress{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.68rem}.echo-trial-prompt{margin:0;font-size:1.25rem}.echo-trial-hint{color:var(--muted);margin:0;font-size:.82rem}.echo-trial-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.echo-trial-card{text-align:center;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;gap:.35rem;padding:1rem;transition:border-color .2s,transform .2s;display:grid}.echo-trial-card:hover{border-color:var(--gold);transform:translateY(-2px)}.echo-trial-glyph{font-size:1.75rem}.echo-trial-card strong{font-size:.82rem}.echo-trial-card em{color:var(--muted);font-size:.65rem;font-style:normal}.echo-trial-feedback{color:var(--gold);margin:0}.echo-trial-done{gap:.75rem;padding:1.25rem;display:grid}.guide-nav{flex-wrap:wrap;gap:.35rem;padding:.65rem;display:flex}.guide-nav-link{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.35rem .65rem;font-size:.68rem}.guide-nav-link:hover{border-color:var(--gold);color:var(--gold)}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.guide-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:1.15rem}.guide-card ol{color:var(--muted);margin:0 0 1rem;padding-left:1.2rem;font-size:.85rem;line-height:1.6}.guide-odds{margin:1.5rem 0;padding:1.25rem}.guide-odds-list{margin:.75rem 0;padding-left:1.2rem}.guide-muted{color:var(--muted);font-size:.82rem}.guide-faq-item{border:1px solid var(--line);border-radius:8px;margin-bottom:.75rem;padding:.65rem .85rem}.guide-sections{gap:var(--stack-gap);display:grid}.guide-section{padding:1.25rem}.guide-section-title{margin:0 0 .75rem;font-size:1.15rem}.guide-steps{color:var(--muted);margin:0 0 1rem;padding-left:1.25rem;font-size:.88rem;line-height:1.65}.guide-faq{margin:0}.guide-faq-item{margin-bottom:1rem}.guide-faq-item dt{margin-bottom:.25rem;font-weight:600}.guide-faq-item dd{color:var(--muted);margin:0;font-size:.88rem;line-height:1.6}.guide-footer-note{color:var(--muted);font-size:.82rem}.shop-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.75rem 1rem;display:flex}.shop-panels{gap:var(--stack-gap);display:grid}.shop-panel{padding:1.15rem}.shop-panel-title{margin:0 0 .5rem;font-size:1.1rem}.shop-panel-note{color:var(--muted);margin:0 0 .75rem;font-size:.78rem}.shop-item-grid-compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.shop-item-compact{border:1px solid var(--line);border-radius:12px;overflow:hidden}.shop-preview-frame{min-height:6.5rem}.shop-preview-frame .avatar-display-md{width:4.25rem;height:4.25rem}@media (max-width:640px){.echo-trial-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.frame-neon-ring:before,.frame-glitch-halo:before,.frame-liquid-chrome:before,.frame-liquid-chrome:after,.frame-holo-mesh:before,.frame-particle-crown:before,.frame-particle-nova:before,.frame-liquid-god:before{animation:none!important}}
:root,:root[data-theme=nocturne]{--nc-void:var(--night,#0c0613);--nc-signal:var(--pink,#ee9bc4);--nc-cipher:var(--violet,#bd8bea);--nc-lumina:var(--gold,#e8c978);--nc-ether:#5a8a8a;--nc-halftone:color-mix(in srgb, var(--nc-lumina) 14%, transparent);--nc-border:color-mix(in srgb, var(--nc-lumina) 28%, transparent);--nc-glass:color-mix(in srgb, var(--surface-solid,#190d23) 88%, transparent)}:root[data-theme=signal]{--nc-void:var(--night,#f7f8f8);--nc-signal:var(--accent,#b52c38);--nc-cipher:var(--violet,#9fb4c2);--nc-lumina:var(--accent,#b52c38);--nc-ether:#6a9090;--nc-halftone:color-mix(in srgb, var(--accent) 10%, transparent);--nc-border:color-mix(in srgb, var(--line) 90%, transparent);--nc-glass:color-mix(in srgb, var(--surface-solid,#fff) 92%, transparent)}body{font-family:var(--font-body), system-ui, sans-serif;background-color:var(--night)}.serif,h1.serif,h2.serif,h3.serif{font-family:var(--font-display), Georgia, serif}.glass{background:var(--nc-glass);border-color:var(--nc-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.neo-cipher-card{border-color:var(--nc-border);background:linear-gradient(165deg, color-mix(in srgb, var(--nc-cipher) 18%, var(--nc-void)), var(--nc-void))}.neo-cipher-card-art-only .tarot-card-front-frame{padding:.35rem}.neo-cipher-card-art-only .tarot-card-art{flex:1;min-height:0}.neo-cipher-tarot-art{border-radius:4px;width:100%;height:100%;min-height:8rem;position:relative;overflow:hidden}.neo-cipher-tarot-img{object-fit:cover;object-position:center}.neo-cipher-tarot-img-wrap,.neo-cipher-collectible-img-wrap{width:100%!important;height:100%!important;display:block!important;position:relative!important}.art-lazy-wrap{width:100%;height:100%;display:block;position:relative;overflow:hidden}.art-lazy-img{object-fit:cover;width:100%!important;height:100%!important}.art-lazy-placeholder{background:linear-gradient(110deg,#4a3a8c26 25%,#8b2e4a1f 50%,#4a3a8c26 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.2s ease-in-out infinite art-shimmer-load;display:block}.art-lazy-empty{background:0 0;width:100%;height:100%;display:block}.art-loading{background:#0a061299;animation:1.2s ease-in-out infinite art-shimmer-load}@keyframes art-shimmer-load{0%{opacity:.6;background-position:100% 0}to{opacity:1;background-position:-100% 0}}.collectible-mythic-art-pulse{pointer-events:none;background:radial-gradient(circle at 50% 40%,#8b2e4a59,#0000 65%);border-radius:8px;animation:2.8s ease-in-out infinite mythic-art-pulse;position:absolute;inset:-4%}.is-mythic-art .neo-cipher-collectible-shimmer{animation-duration:2s}@keyframes mythic-art-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.rarity-art-legendary .art-lazy-img{filter:saturate(1.12)contrast(1.05)}.rarity-art-mythic .art-lazy-img{filter:saturate(1.18)contrast(1.08)}.neo-cipher-collectible-tarot-fallback svg{width:100%;height:100%}.neo-cipher-tarot-halftone{pointer-events:none;background-image:radial-gradient(circle, var(--nc-halftone) 1px, transparent 1px);mix-blend-mode:soft-light;opacity:.55;background-size:4px 4px;position:absolute;inset:0}.neo-cipher-tarot-procedural svg{width:100%;height:100%;display:block}.battle-enemy-body{border-color:color-mix(in srgb, var(--nc-signal) 45%, var(--nc-cipher));background:linear-gradient(180deg, color-mix(in srgb, var(--nc-cipher) 15%, var(--nc-void)), var(--nc-void));border-radius:8px}.battle-enemy-portrait{object-fit:contain;object-position:center bottom;filter:contrast(1.05)saturate(.92);background:0 0}.battle-enemy-body-composited{background:0 0}.collectible-rarity-rare{box-shadow:0 0 12px #6a7a9a59}.collectible-rarity-epic.is-epic-fx{box-shadow:0 0 18px #4a3a8c73}.collectible-rarity-legendary.is-legendary-fx{box-shadow:0 0 22px #c9a86c80}.collectible-rarity-mythic.is-mythic-animated{box-shadow:0 0 28px #8b2e4a8c}.collectible-art-wrap{aspect-ratio:3/4;background:var(--nc-void);border-radius:6px;width:100%;margin-bottom:.5rem;position:relative;overflow:hidden}.collectible-art-wrap img{object-fit:cover;width:100%;height:100%}.neo-cipher-collectible-art{aspect-ratio:auto;background:linear-gradient(165deg, color-mix(in srgb, var(--nc-cipher) 22%, var(--nc-void)), var(--nc-void));width:100%;height:100%;min-height:0;box-shadow:var(--rarity-glow,none);border:1px solid var(--nc-border);border-radius:6px;margin-bottom:0;position:relative;overflow:hidden}.neo-cipher-collectible-procedural{background:var(--card-gradient,linear-gradient(165deg, var(--nc-cipher), var(--nc-void)));place-items:center;display:grid}.neo-cipher-collectible-halftone{background-image:radial-gradient(circle, var(--nc-halftone) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:4px 4px;position:absolute;inset:0}.neo-cipher-collectible-symbol{z-index:1;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--nc-lumina) 40%, transparent));font-size:clamp(2rem,8vw,3.5rem)}.neo-cipher-collectible-img{object-fit:cover;object-position:center}.neo-cipher-collectible-shimmer{pointer-events:none;background:linear-gradient(105deg, transparent 40%, color-mix(in srgb, var(--nc-lumina) 25%, transparent) 50%, transparent 60%);animation:3.2s ease-in-out infinite neo-cipher-shimmer;position:absolute;inset:0}.neo-cipher-collectible-minor-overlay{pointer-events:none;z-index:3;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--nc-void) 55%, transparent) 35%, color-mix(in srgb, var(--nc-void) 88%, transparent) 100%);flex-direction:column;align-items:center;gap:.1rem;padding:.55rem .35rem .65rem;display:flex;position:absolute;inset:auto 0 0}.neo-cipher-collectible-minor-rank{font-family:var(--font-display,serif);letter-spacing:.08em;color:color-mix(in srgb, var(--nc-lumina) 92%, white);text-shadow:0 0 12px color-mix(in srgb, var(--nc-cipher) 70%, transparent), 0 2px 6px #000000a6;font-size:clamp(1.35rem,5vw,1.85rem);font-weight:700;line-height:1}.neo-cipher-collectible-minor-suit{letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--nc-lumina) 55%, var(--nc-muted));opacity:.9;font-size:.58rem}.has-minor-overlay .neo-cipher-collectible-img-wrap img{object-position:center 42%}@keyframes neo-cipher-shimmer{0%,to{opacity:0;transform:translate(-120%)}45%,55%{opacity:.85}50%{transform:translate(120%)}}.collectible-card-art{width:100%}.btn-primary{background:linear-gradient(135deg, var(--nc-signal), var(--nc-cipher));border-color:color-mix(in srgb, var(--nc-lumina) 35%, transparent);color:var(--accent-ink,#f5efe6)}.btn-secondary{border-color:var(--nc-border);color:color-mix(in srgb, var(--nc-lumina) 85%, var(--ink))}:root[data-theme=signal] .btn-primary{color:var(--accent-ink)}:root[data-theme=signal] .btn-secondary{color:var(--ink);border-color:var(--line)}.eyebrow{color:color-mix(in srgb, var(--nc-lumina) 70%, var(--muted))}.stat-dust,.dust-icon{color:var(--nc-lumina)}.battle-hp-fill.enemy-hp{background:linear-gradient(90deg, var(--nc-signal), color-mix(in srgb, var(--nc-signal) 60%, var(--nc-lumina)))}.battle-hp-fill.player-hp{background:linear-gradient(90deg, var(--nc-ether), color-mix(in srgb, var(--nc-ether) 50%, var(--nc-lumina)))}.energy-pip.is-filled{background:radial-gradient(circle, var(--nc-lumina), color-mix(in srgb, var(--nc-lumina) 35%, transparent));border-color:var(--nc-lumina)}.battle-tarot-card{border-color:var(--nc-border);background:linear-gradient(160deg, color-mix(in srgb, var(--nc-cipher) 12%, var(--nc-void)), var(--nc-void))}.battle-card-art{border:1px solid var(--nc-border)}.quest-stage-row.is-soft-warning{border-left:3px solid color-mix(in srgb, var(--nc-signal) 55%, transparent)}
@keyframes cos-glow-pulse{0%,to{opacity:.55;filter:brightness()}50%{opacity:1;filter:brightness(1.15)}}@keyframes cos-shimmer-sweep{0%{opacity:0;background-position:-120% 0}40%{opacity:.35}to{opacity:0;background-position:220% 0}}@keyframes rarity-glow-pulse{0%,to{opacity:.45}50%{opacity:.85}}@keyframes rarity-shimmer-sweep{0%{opacity:0;transform:translate(-120%)}50%{opacity:.4}to{opacity:0;transform:translate(120%)}}.cos-fx-glow .avatar-frame__front,.cos-fx-shimmer .avatar-frame__front{animation:2.8s ease-in-out infinite cos-glow-pulse}.cos-fx-shimmer .avatar-frame__front:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);animation:3.2s ease-in-out infinite cos-shimmer-sweep;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 0 58%,#000 68%);mask-image:radial-gradient(circle,#0000 0 58%,#000 68%)}.rarity-glow-pulse{pointer-events:none;border-radius:inherit;box-shadow:0 0 18px var(--rf-glow,#c9a86c59);z-index:0;animation:2.8s ease-in-out infinite rarity-glow-pulse;position:absolute;inset:-2px}.rarity-shimmer-sweep{pointer-events:none;border-radius:inherit;z-index:4;position:absolute;inset:0;overflow:hidden}.rarity-shimmer-sweep:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%);animation:3.4s ease-in-out infinite rarity-shimmer-sweep;position:absolute;inset:0}.rarity-frame-legendary .rarity-glow-pulse,.rarity-frame-mythic .rarity-glow-pulse{box-shadow:0 0 24px var(--rf-glow,#e8c97873)}@media (prefers-reduced-motion:reduce){.cos-fx-glow .avatar-frame__front,.cos-fx-shimmer .avatar-frame__front,.rarity-glow-pulse,.rarity-shimmer-sweep:after{animation:none!important}}
:root{--avatar-frame-size:56px;--frame-glow-color:#c9a24d73;--frame-border-radius:50%;--frame-scale:1;--avatar-mask-inset:18%}.avatar-frame{width:var(--avatar-frame-size);height:var(--avatar-frame-size);contain:layout style;isolation:isolate;flex:none;line-height:1;position:relative}.avatar-frame__back,.avatar-frame__front,.avatar-frame__glow,.avatar-frame__particles{pointer-events:none;position:absolute;inset:0}.avatar-frame__back{z-index:var(--avatar-z-back,1)}.avatar-frame__front{z-index:var(--avatar-z-front,3)}.avatar-frame__glow{z-index:var(--avatar-z-glow,4)}.avatar-frame__particles{z-index:var(--avatar-z-particles,4)}.avatar-frame__layer-image,.avatar-frame__ring-procedural,.avatar-frame__ring-procedural svg{object-fit:contain;width:100%;height:100%;display:block}.avatar-frame__back-fallback{background:radial-gradient(circle, color-mix(in srgb, var(--frame-glow-color) 22%, transparent), transparent 68%);border-radius:50%;position:absolute;inset:12%}.avatar-frame__mask{z-index:var(--avatar-z-image,2);clip-path:var(--avatar-clip);-webkit-mask-image:var(--avatar-mask-image);-webkit-mask-image:var(--avatar-mask-image);mask-image:var(--avatar-mask-image);background:#0c0816e6;border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.avatar-frame__img{left:var(--avatar-safe-x);top:var(--avatar-safe-y);width:var(--avatar-safe-w);height:var(--avatar-safe-h);object-fit:cover;object-position:50% 50%;max-width:none;position:absolute;transform:none}.avatar-frame__initial{font-family:var(--font-tarot), serif;color:var(--gold);font-size:calc(var(--avatar-frame-size) * .38);font-weight:600}.avatar-frame__glow,.avatar-frame__particles{pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:-4%}.avatar-frame-animated.avatar-frame-state-active .avatar-frame__glow{opacity:.5;box-shadow:0 0 16px var(--frame-glow-color)}.avatar-frame-rarity-mythic.avatar-frame-animated .avatar-frame__glow{animation:2.2s ease-in-out infinite avatar-frame-mythic-pulse}.avatar-frame-animated.avatar-frame-state-active .avatar-frame__particles{opacity:.75;animation:4s ease-in-out infinite avatar-frame-particle-drift}.avatar-frame__level{z-index:3;min-width:1.1rem;color:var(--gold);background:#0c0816eb;border:1px solid #c9a24d80;border-radius:999px;padding:.05rem .25rem;font-size:.55rem;font-weight:700;line-height:1.2;position:absolute;bottom:-2px;right:-2px}.avatar-frame__achievement-badge{z-index:var(--avatar-z-badge,5);width:max(16px, calc(var(--avatar-frame-size) * .28));aspect-ratio:1;border:1px solid color-mix(in srgb, var(--rarity-color,#c9a86c) 65%, white);color:var(--rarity-color,#e8c978);font-size:calc(var(--avatar-frame-size) * .14);box-shadow:0 0 8px color-mix(in srgb, var(--rarity-color,#c9a86c) 35%, transparent);background:#0c0816f5;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;left:-3px}.avatar-frame__badge-layer{z-index:var(--avatar-z-badge,5);pointer-events:none;position:absolute;inset:0}.avatar-frame-size-sm{--avatar-frame-size:36px}.avatar-frame-size-md{--avatar-frame-size:56px}.avatar-frame-size-lg{--avatar-frame-size:80px}.avatar-frame-state-locked{opacity:.55;filter:grayscale(.45)}.avatar-frame-state-disabled{opacity:.35}@keyframes avatar-frame-mythic-pulse{0%,to{opacity:.35}50%{opacity:.75}}@keyframes avatar-frame-particle-drift{0%,to{transform:rotate(-2deg)scale(.98)}50%{transform:rotate(2deg)scale(1.03)}}.frame-debug-overlay{z-index:99;pointer-events:none;position:absolute;inset:0;overflow:visible}.frame-debug-safe{left:var(--debug-safe-x);top:var(--debug-safe-y);width:var(--debug-safe-w);height:var(--debug-safe-h);background:#4dffb814;border:1px dashed #4dffb8;position:absolute}.frame-debug-safe-avatar{border-radius:50%}.frame-debug-hit{border:1px dotted #ff4dd8;position:absolute;inset:0}.frame-debug-label{color:#9fffd8;text-align:left;white-space:normal;background:#03080ef5;border:1px solid #4dffb873;border-radius:4px;width:max-content;max-width:280px;padding:4px 6px;font:600 9px/1.35 ui-monospace,monospace;position:absolute;top:calc(100% + 4px);left:0}.frame-debug-label small{color:#a8b6c7;font:inherit;display:block}.achievement-tier-bronze{--rarity-color:#c98652}.achievement-tier-silver{--rarity-color:#cdd7e4}.achievement-tier-gold{--rarity-color:#e9b94f}.achievement-tier-legendary{--rarity-color:#ff914d}.achievement-tier-mythic{--rarity-color:#d78cff}.achievement-reward-card{gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--rarity-color,#c9a86c) 42%, transparent);border-radius:var(--radius-card);background:radial-gradient(circle at 15% 40%, color-mix(in srgb, var(--rarity-color,#c9a86c) 14%, transparent), transparent 42%), #0f0a1be6;box-shadow:var(--shadow-card);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;position:relative;overflow:hidden}.achievement-reward-card__visual{justify-items:center;gap:var(--space-2);display:grid}.achievement-reward-card__badge{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb, var(--rarity-color,var(--color-accent-gold)) 42%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--rarity-color,var(--color-accent-gold)) 10%, var(--color-surface));max-width:15rem;min-height:1.9rem;color:var(--color-text-primary);font-size:var(--font-size-xs);text-align:center;padding:.35rem .7rem;font-weight:700;line-height:1.2;display:inline-flex}.achievement-reward-card__copy{min-width:0}.achievement-reward-card__copy h3{font-family:var(--font-display), serif;margin:2px 0}.achievement-reward-card__copy p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.achievement-reward-card__copy strong{margin-top:var(--space-2);color:var(--rarity-color,var(--color-accent-gold));font-size:var(--font-size-xs);display:block}.achievement-reward-card__tier{color:var(--rarity-color,var(--color-accent-gold));letter-spacing:.14em;text-transform:uppercase;font-size:.65rem;font-weight:800}.achievement-reward-card__status{top:var(--space-3);right:var(--space-3);color:var(--color-text-muted);font-size:.65rem;position:absolute}.achievement-reward-card.is-locked{filter:saturate(.45);opacity:.72}.achievement-reward-card--summary{border-radius:var(--radius-md);background:color-mix(in srgb, var(--rarity-color,var(--color-accent-gold)) 5%, #0f0a1bd1);min-height:3.5rem;box-shadow:none;grid-template-columns:1.45rem minmax(0,1fr) auto;gap:.65rem;padding:.6rem .7rem;overflow:hidden}.achievement-reward-card--summary.is-locked{filter:none;opacity:.54}.achievement-reward-card__compact-mark{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--rarity-color,var(--color-accent-gold)) 48%, transparent);background:color-mix(in srgb, var(--rarity-color,var(--color-accent-gold)) 9%, transparent);width:1.45rem;color:var(--rarity-color,var(--color-accent-gold));border-radius:50%;place-items:center;font-size:.68rem;font-weight:800;display:grid}.achievement-reward-card--summary .achievement-reward-card__copy h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;line-height:1.15;overflow:hidden}.achievement-reward-card--summary .achievement-reward-card__copy p{text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.66rem;line-height:1.25;overflow:hidden}.achievement-reward-card__compact-status{color:var(--color-text-muted);white-space:nowrap;font-size:.6rem}.achievement-reward-card--summary.is-unlocked .achievement-reward-card__compact-status{color:var(--color-success)}.achievement-unlock-visual{isolation:isolate;position:relative}.achievement-unlock-visual__burst{z-index:-1;background:conic-gradient(from 0deg, transparent, color-mix(in srgb, var(--rarity-color,#c9a86c) 18%, transparent), transparent 18%);animation:12s linear infinite achievement-burst;position:absolute;inset:-30%}@keyframes achievement-burst{to{transform:rotate(1turn)}}@media (max-width:560px){.achievement-reward-card:not(.achievement-reward-card--summary){text-align:center;grid-template-columns:1fr}.achievement-reward-card:not(.achievement-reward-card--summary) .achievement-reward-card__status{position:static}.achievement-reward-card--summary{grid-template-columns:1.45rem minmax(0,1fr)}.achievement-reward-card__compact-status{display:none}}.frames-demo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.frames-demo-card{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.frames-demo-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.frame-preview-panel{gap:var(--space-6);display:grid}.frame-preview-toolbar{top:var(--space-3);z-index:20;gap:var(--space-5);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex;position:sticky}.frame-preview-toolbar label{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);display:flex}.frame-preview-section{padding:var(--space-6);overflow:visible}.frame-preview-section h2{font-family:var(--font-display), serif;margin-top:0}.frame-preview-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));display:grid}.frame-preview-cell{align-content:center;place-items:center;gap:var(--space-3);min-height:112px;padding:var(--space-4);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);background:linear-gradient(45deg,#ffffff06 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#ffffff06 25%,#0000 25%) 0 0/16px 16px,#08061080;display:grid}.frame-preview-cell code{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.65rem}.frame-preview-avatar-grid .frame-preview-cell{min-height:150px}.frame-preview-achievement-grid .frame-preview-cell{min-height:210px}.frame-preview-panel.is-mobile-preview{max-width:390px;margin-inline:auto}.frame-preview-panel.is-mobile-preview .frame-preview-grid{grid-template-columns:1fr}
:root{--inset-x:clamp(1rem, 3.5vw, 1.65rem);--inset-y:clamp(.95rem, 2.8vw, 1.35rem);--inset-lg-x:clamp(1.15rem, 4vw, 1.85rem);--inset-lg-y:clamp(1.1rem, 3.2vw, 1.55rem)}.glass:not(.glass-flush):not(.no-inset):not(.feature):not(.pricing-card):not(.form-card),.collection-header,.customize-preview,.profile-hero-v2,.shop-panel,.shop-top-bar,.quest-howto-panel,.reading-limit-modal .accessible-modal-body,.ritual-step-header,.generating-summary,.profile-overview-panel,.shop-member-benefit-card,.customize-item,.pricing-card,.feature,.form-card,.auth-card,.account-panel,.result-empty,.leaderboard-panel,.daily-pulse-card,.echo-trial-panel{padding:var(--inset-y) var(--inset-x)}.collection-header,.profile-hero-v2,.customize-preview-v2{padding:var(--inset-lg-y) var(--inset-lg-x)}.collection-header>*{overflow-wrap:anywhere;max-width:100%}.collection-header .eyebrow,.collection-header h1,.collection-header p,.collection-stats,.collection-season-subtitle,.collection-season-theme{padding-inline:.15rem}.collection-season-tabs{margin-inline:-.15rem;padding-inline:.15rem}.shop-item-body{padding:.65rem .85rem .85rem}.shop-item{overflow:hidden}.shop-item-visual{padding:.85rem 1rem}.page-shell-header,.page-shell-intro{padding-inline:.25rem}.nav-more-panel a{padding:.65rem 1rem}.accessible-modal-body{padding:var(--inset-y) var(--inset-x)}@media (max-width:768px){:root{--inset-x:1.05rem;--inset-y:.95rem}}
.echo-card{width:100%;max-width:240px;margin-inline:auto;position:relative}.echo-card-size-sm{max-width:128px}.echo-card-size-md{max-width:176px}.echo-card-size-lg{max-width:240px}.echo-card-frame{aspect-ratio:2/3;background:#0a0e18;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #b4c8ff2e,inset 0 0 0 2px #080c16e6,0 10px 32px #00000080}.echo-card-frame:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;border:1px solid #dcebff24;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0a}.echo-card-frame:after{content:"✦";z-index:5;color:#c8dcff8c;text-shadow:0 0 8px #8cb4ff59;font-size:.55rem;position:absolute;top:0;left:50%;transform:translate(-50%,-42%)}.echo-card-rare .echo-card-frame{box-shadow:0 0 0 1px #64a0ff52,0 0 16px #508cff1f,0 10px 32px #00000080}.echo-card-epic .echo-card-frame{box-shadow:0 0 0 1px #a082ff61,0 0 20px #7850dc29,0 10px 32px #00000080}.echo-card-legendary .echo-card-frame{box-shadow:0 0 0 1px #c9a86c7a,0 0 24px #c9a86c33,0 10px 32px #00000080}.echo-card-mythic .echo-card-frame{animation:3s ease-in-out infinite echo-mythic-frame-pulse;box-shadow:0 0 0 1px #ffdca09e,0 0 32px #ffb45a52,0 0 48px #ff78502e,0 12px 40px #00000094}.mythic-theme-celestial .echo-card-frame{box-shadow:0 0 0 1px #c8e6ff94,0 0 36px #8cc8ff47,0 0 52px #e8c97838,0 12px 40px #0000008c}.mythic-theme-flame .echo-card-frame{box-shadow:0 0 0 1px #ffb4789e,0 0 36px #ff783c52,0 0 48px #ff502833,0 12px 40px #0000008c}@keyframes echo-mythic-frame-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.echo-card-mythic-code{font-family:var(--font-tarot), Georgia, serif;letter-spacing:.14em;text-align:center;background:0 0;border:none;margin:0 0 .35rem;padding:0;font-size:.62rem;font-weight:700;line-height:1;animation:2.4s ease-in-out infinite mythic-code-flicker}@keyframes mythic-code-flicker{0%,to{color:#8b0000;text-shadow:0 0 6px #b40000d9,0 0 14px #8b000073,0 1px #000}50%{color:#1a0505;text-shadow:0 0 8px #ff2828bf,0 0 16px #8b00008c,0 0 4px #000000f2}}.mythic-theme-celestial .echo-card-mythic-code{animation:2.6s ease-in-out infinite mythic-code-celestial}@keyframes mythic-code-celestial{0%,to{color:#6a1010;text-shadow:0 0 8px #c82828b3,0 0 2px #000}50%{color:#120808;text-shadow:0 0 12px #ff3c3ca6,0 0 4px #000}}.echo-card-rarity-badge{z-index:4;font-family:var(--font-tarot), Georgia, serif;letter-spacing:.08em;text-transform:uppercase;color:#eef4ff;text-shadow:0 1px 2px #00000073;background:linear-gradient(145deg,#5a8cdcf2 0%,#23376efa 100%);border:1px solid #d2e6ff66;border-radius:3px;padding:.2rem .42rem .18rem;font-size:.58rem;font-weight:700;line-height:1;position:absolute;top:.5rem;left:.5rem;box-shadow:inset 0 1px #ffffff40,0 2px 6px #00000059}.echo-card-rare .echo-card-rarity-badge{background:linear-gradient(145deg,#4682e6f2,#1e3c82fa)}.echo-card-epic .echo-card-rarity-badge{background:linear-gradient(145deg,#8c64e6f2,#3c1e78fa);border-color:#c8aaff73}.echo-card-legendary .echo-card-rarity-badge{color:#fffaf0;background:linear-gradient(145deg,#dcb464fa,#825a1efa);border-color:#ffe6b480}.echo-card-mythic .echo-card-rarity-badge{color:#fff;background:linear-gradient(145deg,#ffaa6efa,#b43246fa);border-color:#ffd2b480}.echo-card-tier-label{z-index:4;letter-spacing:.12em;text-transform:uppercase;color:#e6eeffc7;font-size:.46rem;font-weight:500;position:absolute;top:.58rem;left:2.55rem}.echo-card-arcana{z-index:4;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000006b;border:1px solid #ffffff1a;border-radius:999px;padding:.14rem .38rem;font-size:.44rem;position:absolute;top:.5rem;right:.5rem}.echo-card-art-panel{z-index:1;position:absolute;inset:0;overflow:hidden}.echo-card-art-panel .neo-cipher-collectible-art,.echo-card-art-panel .echo-card-art{width:100%;height:100%}.echo-card-art-panel .art-lazy-wrap,.echo-card-art-panel .neo-cipher-collectible-img-wrap,.echo-card-art-panel .art-lazy-img,.echo-card-art-panel .neo-cipher-collectible-img-wrap img{object-fit:cover;object-position:center 12%;width:100%!important;height:100%!important}.echo-card-art-panel .neo-cipher-collectible-minor-overlay{bottom:22%}.echo-card-art-panel:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:soft-light;opacity:.35;background:radial-gradient(80% 70% at 50% 35%,#0000 40%,#080c188c 100%);position:absolute;inset:0}.echo-card-rare .echo-card-art-panel:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(165deg,#50a0ff38 0%,#0000 45%,#2850b42e 100%);position:absolute;inset:0;box-shadow:inset 0 0 28px #64b4ff1f}.echo-card-epic .echo-card-art-panel:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(145deg,#a064ff47 0%,#0000 40%,#5028a038 100%);animation:4s ease-in-out infinite echo-epic-shimmer;position:absolute;inset:0;box-shadow:inset 0 0 36px #8c5aff2e}.echo-card-legendary .echo-card-art-panel:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(155deg,#ffd27852 0%,#0000 38%,#b4822840 100%);animation:3.2s ease-in-out infinite echo-legendary-glow;position:absolute;inset:0;box-shadow:inset 0 0 42px #dcb45a38}.echo-card-mythic .echo-card-art-panel:before{content:"";z-index:2;pointer-events:none;background:conic-gradient(from 200deg at 50% 40%,#ffa06459,#b4325a47,#ffdc8c52,#ffa06459);animation:2.4s ease-in-out infinite echo-mythic-pulse;position:absolute;inset:0}@keyframes echo-epic-shimmer{0%,to{opacity:.85}50%{opacity:1}}@keyframes echo-legendary-glow{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}@keyframes echo-mythic-pulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}.echo-card-info-plate{z-index:3;background:linear-gradient(#0000 0%,#0a101e8c 22%,#080c18eb 55%,#060812fa 100%);border-top:1px solid #b4c8ff1a;padding:1.4rem .65rem .55rem;position:absolute;bottom:0;left:0;right:0}.echo-card-info-row{align-items:flex-end;gap:.45rem;display:flex}.echo-card-diamond{background:linear-gradient(135deg,#78c8ff59,#2850a080);border:1px solid #b4e6ff73;border-radius:2px;flex:none;place-items:center;width:1.15rem;height:1.15rem;display:grid;transform:rotate(45deg);box-shadow:0 0 10px #64b4ff40}.echo-card-diamond-inner{color:#dcf0fff2;font-size:.55rem;line-height:1;transform:rotate(-45deg)}.echo-card-legendary .echo-card-diamond{background:linear-gradient(135deg,#ffdc8c66,#b478288c);border-color:#ffe6b480;box-shadow:0 0 10px #ffc8644d}.echo-card-mythic .echo-card-diamond{background:linear-gradient(135deg,#ffb47873,#c83c508c);border-color:#ffc8a080}.echo-card-text{flex:1;min-width:0}.echo-card-name{font-family:var(--font-tarot), Georgia, serif;letter-spacing:.02em;color:#f2f6ff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.72rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.echo-card-sub{letter-spacing:.06em;text-transform:uppercase;color:#c8d2e6ad;text-overflow:ellipsis;white-space:nowrap;margin:.18rem 0 0;font-size:.46rem;line-height:1.35;overflow:hidden}.echo-card-stars{gap:.1rem;margin-top:.32rem;padding-left:1.55rem;display:flex}.echo-card-star{color:#ffdc8ce0;text-shadow:0 0 6px #ffc86459;font-size:.5rem}.echo-card-common .echo-card-star{color:#b4bed28c}.echo-card-rare .echo-card-star{color:#8cb4ffc7}.echo-card-epic .echo-card-star{color:#b496ffd9}.echo-card.is-locked{opacity:.72;filter:grayscale(.35)saturate(.85)}.collection-cell.is-unowned .echo-card.is-locked{opacity:.88;filter:grayscale(.15)saturate(.92)}.collection-cell.is-unowned .collection-missing-label{opacity:.75;font-size:.48rem}.echo-card.is-locked .echo-card-frame:before{background:#04060c66}.season-draw-card-wrap .echo-card-size-lg{width:100%;max-width:100%}.season-draw-card-wrap .echo-card-frame{min-height:0}.season-draw-card-wrap .art-lazy-wrap,.season-draw-card-wrap .art-lazy-placeholder{min-height:12rem;width:100%!important;height:100%!important;display:block!important}.season-draw-card-wrap .art-lazy-placeholder{background:linear-gradient(165deg,#1e284699,#080a14f2)}.season-draw-card-wrap .echo-card-rarity-badge{letter-spacing:.1em;padding:.24rem .48rem;font-size:.62rem}.season-draw-card-wrap .echo-card-name{font-size:.82rem}.collection-grid .echo-card-size-md{width:100%;max-width:100%}.collection-cell .rarity-frame{width:100%;max-width:176px;display:block}.collection-cell .echo-card{width:100%;min-width:120px}.collection-cell .echo-card-frame{min-height:180px}html[data-platform=mobile] .echo-card-size-md,html.site-layout-mobile .echo-card-size-md{max-width:100%}@media (prefers-reduced-motion:reduce){.echo-card-mythic .collectible-mythic-art-pulse{animation:none}}
:root{--platform-nav-height:3.75rem;--platform-bottom-nav-height:4.25rem;--platform-safe-bottom:env(safe-area-inset-bottom,0px);--platform-content-pad-x:clamp(.85rem, 3vw, 1.25rem);--z-chrome:500;--z-sticky-bar:480;--z-modal:450;--z-reading-layer:400}html[data-platform=mobile],html.site-layout-mobile{--page-max:min(1120px, calc(100% - 1.25rem));--page-content:min(960px, calc(100% - 1.25rem));--page-narrow:min(720px, calc(100% - 1.25rem));--section-y:clamp(1.35rem, 4vw, 2.25rem);--stack-gap:clamp(.85rem, 2vw, 1.25rem)}html[data-platform=desktop],html.site-layout-desktop{--platform-bottom-nav-height:0px}html[data-platform=mobile] .site-desktop-only,html.site-layout-mobile .site-desktop-only,html[data-platform=desktop] .site-mobile-only,html.site-layout-desktop .site-mobile-only{display:none!important}html[data-platform=mobile] .site-shell>main,html.site-layout-mobile .site-shell>main{padding-bottom:calc(var(--platform-bottom-nav-height) + var(--platform-safe-bottom) + .5rem)}html[data-platform=mobile] .site-shell-focus>main,html.site-layout-mobile .site-shell-focus>main{padding-bottom:0}html[data-platform=mobile] .navbar,html.site-layout-mobile .navbar{padding-block:.55rem}html[data-platform=mobile] .nav-links,html.site-layout-mobile .nav-links,html[data-platform=mobile] .nav-cta,html.site-layout-mobile .nav-cta,html[data-platform=mobile] .navbar-language,html.site-layout-mobile .navbar-language{display:none}html[data-platform=mobile] .mobile-menu,html.site-layout-mobile .mobile-menu{display:block}html[data-platform=desktop] .mobile-menu,html.site-layout-desktop .mobile-menu{display:none}html[data-platform=mobile] .user-identity-bar,html.site-layout-mobile .user-identity-bar{padding:.45rem var(--platform-content-pad-x);gap:.35rem;font-size:.78rem}html[data-platform=mobile] .user-identity-bar .identity-stats,html.site-layout-mobile .user-identity-bar .identity-stats{gap:.45rem}html[data-platform=mobile] .mythic-showcase-bar,html.site-layout-mobile .mythic-showcase-bar{padding-inline:var(--platform-content-pad-x);min-height:2.75rem}html[data-platform=mobile] .mythic-showcase-bar .showcase-card-chip,html.site-layout-mobile .mythic-showcase-bar .showcase-card-chip{max-width:5.5rem}html[data-platform=mobile] .page-shell,html.site-layout-mobile .page-shell{padding-inline:var(--platform-content-pad-x)}html[data-platform=mobile] .page-grid-2,html[data-platform=mobile] .page-grid-3,html.site-layout-mobile .page-grid-2,html.site-layout-mobile .page-grid-3{grid-template-columns:1fr}html[data-platform=mobile] .hero-actions,html.site-layout-mobile .hero-actions{flex-direction:column;align-items:stretch}html[data-platform=mobile] .hero-actions .btn,html.site-layout-mobile .hero-actions .btn{justify-content:center;width:100%}html[data-platform=mobile] .feature-grid,html.site-layout-mobile .feature-grid,html[data-platform=mobile] .topic-grid,html.site-layout-mobile .topic-grid{grid-template-columns:1fr}html[data-platform=mobile] .spread-slots,html.site-layout-mobile .spread-slots{grid-template-columns:1fr;max-width:320px}html[data-platform=mobile] .pick-deck,html.site-layout-mobile .pick-deck{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}html[data-platform=mobile] .shop-tabs,html.site-layout-mobile .shop-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.35rem;padding-bottom:.25rem;overflow-x:auto}html[data-platform=mobile] .shop-tabs::-webkit-scrollbar{display:none}html.site-layout-mobile .shop-tabs::-webkit-scrollbar{display:none}html[data-platform=mobile] .shop-item-grid,html.site-layout-mobile .shop-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-platform=mobile] .shop-exchange-grid,html.site-layout-mobile .shop-exchange-grid,html[data-platform=mobile] .customize-grid,html[data-platform=mobile] .customize-grid-frames,html.site-layout-mobile .customize-grid,html.site-layout-mobile .customize-grid-frames{grid-template-columns:1fr}html[data-platform=mobile] .profile-hero-actions,html.site-layout-mobile .profile-hero-actions{flex-direction:column;align-items:stretch}html[data-platform=mobile] .profile-tab-nav,html.site-layout-mobile .profile-tab-nav{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}html[data-platform=mobile] .collection-grid,html[data-platform=mobile] .gallery-grid,html.site-layout-mobile .collection-grid,html.site-layout-mobile .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}html[data-platform=mobile] .quest-shop-grid,html.site-layout-mobile .quest-shop-grid{grid-template-columns:1fr}html[data-platform=mobile] .soul-quest-stats,html.site-layout-mobile .soul-quest-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-platform=mobile] .battle-layout-desktop,html.site-layout-mobile .battle-layout-desktop,html[data-platform=desktop] .battle-layout-mobile,html.site-layout-desktop .battle-layout-mobile{display:none}html[data-platform=mobile] .battle-hand-sticky,html.site-layout-mobile .battle-hand-sticky{bottom:calc(var(--platform-bottom-nav-height) + var(--platform-safe-bottom));z-index:12;background:linear-gradient(to top, color-mix(in srgb, var(--surface-solid) 95%, transparent), transparent 85%);padding-bottom:.35rem;position:sticky}html[data-platform=mobile] .battle-resonance-bar,html.site-layout-mobile .battle-resonance-bar{margin-inline:-.25rem}html[data-platform=mobile] .site-footer,html.site-layout-mobile .site-footer{padding-bottom:calc(var(--platform-bottom-nav-height) + 1rem + var(--platform-safe-bottom))}html[data-platform=mobile] .mobile-site-shell-reading .site-footer,html.site-layout-mobile .mobile-site-shell-reading .site-footer,html[data-platform=mobile] .mobile-site-shell-auth .site-footer,html.site-layout-mobile .mobile-site-shell-auth .site-footer{padding-bottom:calc(1rem + var(--platform-safe-bottom))}html[data-platform=mobile] .footer-grid,html.site-layout-mobile .footer-grid{grid-template-columns:1fr;gap:1.5rem}.mobile-bottom-nav{inset-inline:0;z-index:var(--z-chrome,500);padding:.35rem .35rem calc(.45rem + var(--platform-safe-bottom));background:color-mix(in srgb, var(--surface-solid) 96%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);grid-template-columns:repeat(5,minmax(0,1fr));gap:.1rem;display:grid;position:fixed;bottom:0}.mobile-bottom-nav-item{color:var(--muted);letter-spacing:.01em;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;min-width:0;min-height:2.75rem;padding:.3rem .15rem;font-size:.58rem;text-decoration:none;transition:color .2s,background .2s;display:flex}.mobile-bottom-nav-item span{max-width:100%;text-overflow:unset;white-space:normal;text-align:center;line-height:1.1;overflow:visible}.mobile-bottom-nav-item.is-active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.mobile-bottom-nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.error-boundary-fallback{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:.75rem;gap:.75rem;margin:1rem 0;padding:1.25rem;display:grid}.error-boundary-title{margin:0;font-weight:600}.error-boundary-msg{color:var(--muted);word-break:break-word;margin:0;font-size:.88rem;line-height:1.5}html[data-platform=mobile] .btn,html[data-platform=mobile] .chip,html.site-layout-mobile .btn,html.site-layout-mobile .chip{min-height:2.75rem}@media (prefers-reduced-motion:reduce){.mobile-bottom-nav-item{transition:none}}@media (max-width:939px){.site-shell:not(.site-shell-focus)>main{padding-bottom:calc(var(--platform-bottom-nav-height) + var(--platform-safe-bottom) + .5rem)}}@media (min-width:940px){.mobile-bottom-nav{display:none}}
@media (min-width:940px){html[data-platform=desktop] .nav-links,html.site-layout-desktop .nav-links{flex-wrap:wrap;align-items:center;gap:clamp(.75rem,1.5vw,1.8rem);display:flex!important}html[data-platform=desktop] .mobile-menu,html.site-layout-desktop .mobile-menu{display:none!important}html[data-platform=desktop] .nav-cta,html.site-layout-desktop .nav-cta,html[data-platform=desktop] .nav-more,html.site-layout-desktop .nav-more{display:inline-flex!important}html[data-platform=desktop] .navbar-language,html.site-layout-desktop .navbar-language{display:block!important}}@media (max-width:939px){html[data-platform=desktop] .nav-links,html.site-layout-desktop .nav-links{display:none!important}html[data-platform=desktop] .mobile-menu,html.site-layout-desktop .mobile-menu{display:block!important}html[data-platform=desktop] .nav-cta,html.site-layout-desktop .nav-cta,html[data-platform=desktop] .nav-more,html.site-layout-desktop .nav-more{display:none!important}}.mobile-menu-backdrop{z-index:85;cursor:pointer;background:color-mix(in srgb, var(--night) 55%, transparent);-webkit-backdrop-filter:blur(4px);border:0;margin:0;padding:0;animation:.2s mobile-backdrop-in;position:fixed;inset:0}.mobile-menu-panel{z-index:86;top:var(--platform-nav-height,3.75rem);padding:0 1rem calc(1.5rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;border-top:1px solid var(--line);background:var(--surface-solid);color:var(--ink);align-content:start;gap:0;animation:.28s mobile-panel-slide;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.mobile-menu-header{z-index:2;background:var(--surface-solid);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.85rem 0 .65rem;display:flex;position:sticky;top:0}.mobile-menu-title{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.mobile-menu-close,.nav-more-close{border:1px solid var(--line);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;padding:0;font-size:1rem;line-height:1;transition:background .15s,border-color .15s;display:grid}.mobile-menu-close:hover,.nav-more-close:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.mobile-menu-panel a{border-bottom:1px solid var(--line);font-family:var(--font-display), Georgia, serif;color:var(--ink);align-items:center;min-height:2.75rem;padding:.85rem 0;font-size:clamp(1.1rem,4.5vw,1.35rem);display:flex}.mobile-menu-panel a:active{color:var(--accent)}.nav-more-panel-header{border-bottom:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:.15rem;padding:.35rem .45rem .5rem;font-size:.68rem;display:flex}.nav-more-close{width:2rem;height:2rem;font-size:.85rem}@keyframes mobile-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-panel-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{background:color-mix(in srgb, var(--surface-solid) 96%, transparent);border-top-color:var(--line)}.mobile-bottom-nav-item.is-active{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.mobile-bottom-nav-item:focus-visible{outline-color:var(--accent)}.mobile-bottom-nav-icon{font-size:1.15rem;line-height:1}html[data-platform=mobile] .glass,html.site-layout-mobile .glass{background:var(--surface);border-color:var(--line);border-radius:12px}:root[data-theme=signal] .glass{background:var(--surface);box-shadow:0 4px 20px var(--shadow)}:root[data-theme=nocturne] .glass{background:color-mix(in srgb, var(--surface-solid) 78%, transparent)}html[data-platform=mobile] .site-header,html.site-layout-mobile .site-header{border-color:var(--line);background:color-mix(in srgb, var(--surface-solid) 94%, transparent)}html[data-platform=mobile] .navbar,html.site-layout-mobile .navbar{height:auto;min-height:var(--platform-nav-height)}html[data-platform=mobile] .brand,html.site-layout-mobile .brand{font-size:clamp(1.15rem,4.5vw,1.45rem)}html[data-platform=mobile] .nav-actions,html.site-layout-mobile .nav-actions{gap:.35rem}html[data-platform=mobile] .theme-switcher,html.site-layout-mobile .theme-switcher{transform-origin:100%;scale:.92}html[data-platform=mobile] .user-identity-inner,html.site-layout-mobile .user-identity-inner{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;padding-block:.35rem;overflow-x:auto}html[data-platform=mobile] .user-identity-inner::-webkit-scrollbar{display:none}html.site-layout-mobile .user-identity-inner::-webkit-scrollbar{display:none}html[data-platform=mobile] .user-identity-name,html.site-layout-mobile .user-identity-name{white-space:nowrap;font-size:.82rem}html[data-platform=mobile] .identity-stats,html.site-layout-mobile .identity-stats{flex-shrink:0}html[data-platform=mobile] .mythic-showcase-bar,html.site-layout-mobile .mythic-showcase-bar{flex-wrap:wrap;gap:.35rem .65rem;padding-block:.5rem;font-size:.72rem}html[data-platform=mobile] .mythic-showcase-bar p,html.site-layout-mobile .mythic-showcase-bar p{overflow-wrap:anywhere;flex:100%;margin:0;line-height:1.45}html[data-platform=mobile] .mythic-showcase-bar .showcase-link,html.site-layout-mobile .mythic-showcase-bar .showcase-link{white-space:nowrap}html[data-platform=mobile] .container,html.site-layout-mobile .container{width:min(100% - 1.5rem,1180px)}html[data-platform=mobile] .page-section,html.site-layout-mobile .page-section{padding:1.15rem var(--platform-content-pad-x) 2rem}html[data-platform=mobile] .section,html.site-layout-mobile .section{padding:clamp(2rem,6vw,4rem) 0}html[data-platform=mobile] .page-shell,html.site-layout-mobile .page-shell{padding-top:.75rem;padding-bottom:1.5rem}html[data-platform=mobile] .hero,html.site-layout-mobile .hero{min-height:auto;padding:clamp(2.5rem,8vw,4.5rem) 0}html[data-platform=mobile] .trust-row,html.site-layout-mobile .trust-row{flex-direction:column;align-items:flex-start;gap:.35rem;font-size:.78rem}html[data-platform=mobile] .cta-panel,html.site-layout-mobile .cta-panel{flex-direction:column;align-items:stretch;gap:1.25rem}html[data-platform=mobile] .ritual-flow-shell,html.site-layout-mobile .ritual-flow-shell{padding-inline:var(--platform-content-pad-x)}html[data-platform=mobile] .topic-chip,html.site-layout-mobile .topic-chip{min-height:2.85rem;padding:.65rem .85rem}html[data-platform=mobile] .spread-slots,html.site-layout-mobile .spread-slots{max-width:min(100%,320px);margin-inline:auto}html[data-platform=mobile] .pick-deck,html.site-layout-mobile .pick-deck{gap:.4rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important}html[data-platform=mobile] .pick-card-slot,html.site-layout-mobile .pick-card-slot{min-width:0}html[data-platform=mobile] .pick-preview-panel,html.site-layout-mobile .pick-preview-panel{text-align:center;grid-template-columns:1fr;gap:.85rem}html[data-platform=mobile] .reading-modal,html.site-layout-mobile .reading-modal{background:var(--surface-solid);border-radius:14px;width:min(100% - 1rem,640px);max-height:calc(100dvh - 1.5rem);margin:.75rem;padding:1.15rem;overflow-y:auto}html[data-platform=mobile] .reading-modal-backdrop,html.site-layout-mobile .reading-modal-backdrop{background:color-mix(in srgb, var(--night) 72%, transparent)}html[data-platform=mobile] .result-layout,html.site-layout-mobile .result-layout{grid-template-columns:1fr;gap:1.25rem}html[data-platform=mobile] .result-cards,html.site-layout-mobile .result-cards{grid-template-columns:1fr;gap:.85rem}html[data-platform=mobile] .result-sticky-unlock,html.site-layout-mobile .result-sticky-unlock{bottom:calc(var(--platform-bottom-nav-height,0px) + var(--platform-safe-bottom) + .65rem);width:auto;max-width:none;left:.75rem;right:.75rem}html[data-platform=mobile] .paywall-panel,html.site-layout-mobile .paywall-panel{border-radius:12px;padding:1.15rem}html[data-platform=mobile] .season-draw-layout,html.site-layout-mobile .season-draw-layout{grid-template-columns:1fr;width:min(100%,480px);max-height:calc(100dvh - 2rem);overflow-y:auto}html[data-platform=mobile] .season-draw-rates,html.site-layout-mobile .season-draw-rates{order:-1;padding:.85rem 1rem}html[data-platform=mobile] .season-draw-content,html.site-layout-mobile .season-draw-content{padding:1.15rem 1rem 1.35rem}html[data-platform=mobile] .shop-balance-row,html.site-layout-mobile .shop-balance-row{flex-direction:column;align-items:flex-start;gap:.35rem}html[data-platform=mobile] .shop-tab,html.site-layout-mobile .shop-tab{flex:none;min-width:4.5rem;padding:.5rem .85rem;font-size:.62rem}html[data-platform=mobile] .shop-item,html.site-layout-mobile .shop-item{min-width:0}html[data-platform=mobile] .shop-item-visual,html.site-layout-mobile .shop-item-visual{min-height:5.5rem;padding:.65rem}html[data-platform=mobile] .shop-item-body,html.site-layout-mobile .shop-item-body{padding:.75rem}html[data-platform=mobile] .profile-hero-v2,html.site-layout-mobile .profile-hero-v2{text-align:center;grid-template-columns:1fr;gap:.85rem}html[data-platform=mobile] .profile-hero-v2 .avatar-display,html.site-layout-mobile .profile-hero-v2 .avatar-display{justify-self:center}html[data-platform=mobile] .profile-tab,html.site-layout-mobile .profile-tab{flex:none;padding:.5rem .85rem;font-size:.68rem}html[data-platform=mobile] .collection-filter-btn,html.site-layout-mobile .collection-filter-btn{flex:none;padding:.45rem .7rem;font-size:.62rem}html[data-platform=mobile] .collection-rarity-header,html.site-layout-mobile .collection-rarity-header{flex-wrap:wrap;gap:.35rem}html[data-platform=mobile] .customize-preview,html.site-layout-mobile .customize-preview{padding:.85rem}html[data-platform=mobile] .customize-item,html.site-layout-mobile .customize-item{padding:.65rem}html[data-platform=mobile] .battle-arena-page,html.site-layout-mobile .battle-arena-page{min-height:calc(100dvh - var(--platform-nav-height) - var(--platform-bottom-nav-height));padding-bottom:.5rem}html[data-platform=mobile] .battle-hand-sticky,html.site-layout-mobile .battle-hand-sticky{background:linear-gradient(to top, color-mix(in srgb, var(--surface-solid) 95%, transparent), transparent 88%)}html[data-platform=mobile] .battle-layout-mobile .battle-v3-command,html.site-layout-mobile .battle-layout-mobile .battle-v3-command{bottom:calc(var(--platform-bottom-nav-height) + var(--platform-safe-bottom))}html[data-platform=mobile] .soul-quest-stats,html.site-layout-mobile .soul-quest-stats{gap:.45rem}html[data-platform=mobile] .quest-stage-card,html.site-layout-mobile .quest-stage-card{padding:.85rem}html[data-platform=mobile] .auth-wrap,html.site-layout-mobile .auth-wrap{min-height:calc(100dvh - var(--platform-nav-height));padding:1rem var(--platform-content-pad-x)}html[data-platform=mobile] .auth-card,html.site-layout-mobile .auth-card{width:100%;padding:1.25rem}html[data-platform=mobile] .field input,html[data-platform=mobile] .field textarea,html[data-platform=mobile] .field select,html.site-layout-mobile .field input,html.site-layout-mobile .field textarea,html.site-layout-mobile .field select{min-height:2.85rem;font-size:16px}html[data-platform=mobile] .account-grid,html.site-layout-mobile .account-grid{grid-template-columns:1fr}html[data-platform=mobile] .site-footer,html.site-layout-mobile .site-footer{padding-top:2rem}html[data-platform=mobile] .footer-links,html.site-layout-mobile .footer-links{flex-direction:column;gap:.65rem}html[data-platform=mobile] .footer-bottom,html.site-layout-mobile .footer-bottom{flex-direction:column;align-items:flex-start}html[data-platform=mobile] .app-modal,html.site-layout-mobile .app-modal{width:min(100% - 1.5rem,480px);max-height:calc(100dvh - 2rem);margin:1rem;overflow-y:auto}html[data-platform=mobile] .toast-stack,html.site-layout-mobile .toast-stack{top:calc(var(--platform-nav-height,3.75rem) + .5rem);pointer-events:none;width:min(92vw,360px);max-width:min(92vw,360px);height:auto;bottom:auto;left:auto;right:.65rem}html[data-platform=mobile] .toast-stack .toast,html.site-layout-mobile .toast-stack .toast{pointer-events:auto}html[data-platform=mobile] .moon-phase-offer,html.site-layout-mobile .moon-phase-offer{padding:.65rem var(--platform-content-pad-x);flex-wrap:wrap;gap:.5rem;font-size:.78rem}html[data-platform=mobile] .pricing-grid,html.site-layout-mobile .pricing-grid{grid-template-columns:1fr}html[data-platform=mobile] .pricing-card,html.site-layout-mobile .pricing-card{padding:1.25rem 1rem}html[data-platform=mobile] .faq-layout,html.site-layout-mobile .faq-layout{grid-template-columns:1fr;gap:1.5rem}html[data-platform=mobile] .numbered-list article,html.site-layout-mobile .numbered-list article{grid-template-columns:2.5rem 1fr;padding:1.25rem 0}html[data-platform=mobile] .leaderboard-table,html.site-layout-mobile .leaderboard-table{font-size:.78rem;overflow-x:auto}html[data-platform=mobile] .collectible-card,html.site-layout-mobile .collectible-card{min-width:0}html[data-platform=mobile] .collectible-size-md,html.site-layout-mobile .collectible-size-md{max-width:100%}html[data-platform=mobile] .collectible-popup,html.site-layout-mobile .collectible-popup{top:auto;bottom:calc(var(--platform-bottom-nav-height) + 1rem);width:auto;left:.65rem;right:.65rem}html[data-platform=mobile] .live-cosmic-activity,html.site-layout-mobile .live-cosmic-activity{white-space:nowrap;font-size:.72rem;overflow-x:auto}:root[data-theme=signal] .user-identity-bar,:root[data-theme=signal] .mythic-showcase-bar,:root[data-theme=signal] .mobile-bottom-nav{background:color-mix(in srgb, var(--surface-solid) 98%, transparent)}:root[data-theme=signal] .site-header{background:color-mix(in srgb, var(--surface-solid) 96%, transparent)}:root[data-theme=signal] .footer-bottom{border-top-color:var(--line)}:root[data-theme=signal] .statement-section{color:var(--ink);background:var(--soft-violet)}@media (max-width:360px){html[data-platform=mobile] .shop-item-grid,html.site-layout-mobile .shop-item-grid,html[data-platform=mobile] .collection-grid,html[data-platform=mobile] .gallery-grid,html.site-layout-mobile .collection-grid,html.site-layout-mobile .gallery-grid{grid-template-columns:1fr}html[data-platform=mobile] .mobile-bottom-nav-item,html.site-layout-mobile .mobile-bottom-nav-item{padding:.3rem .15rem;font-size:.58rem}html[data-platform=mobile] .pick-deck,html.site-layout-mobile .pick-deck{gap:.3rem;grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:768px){.mobile-menu-panel{top:var(--platform-nav-height,3.75rem)}.nav-cta,.nav-more{display:none}.pick-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.spread-slots{max-width:min(100%,320px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.mobile-menu-backdrop,.mobile-menu-panel{animation:none}.mobile-bottom-nav-item{transition:none}}.mobile-menu nav:not(.mobile-menu-panel){background:var(--surface-solid);color:var(--ink)}.mobile-menu[open] summary{z-index:87;position:relative}@media (max-width:768px){.nav-more-panel{inset:auto .75rem;top:calc(var(--platform-nav-height) + .5rem);min-width:0;max-height:calc(100dvh - var(--platform-nav-height) - 1rem);position:fixed;left:.75rem;right:.75rem;overflow-y:auto}}html[data-platform=mobile] .site-shell>main,html.site-layout-mobile .site-shell>main{padding-top:.25rem}html[data-platform=mobile] .site-shell-focus .mobile-menu,html.site-layout-mobile .site-shell-focus .mobile-menu{display:block}html[data-platform=mobile] h1,html[data-platform=mobile] h2,html[data-platform=mobile] .section-title,html.site-layout-mobile h1,html.site-layout-mobile h2,html.site-layout-mobile .section-title{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}html[data-platform=mobile] .btn,html.site-layout-mobile .btn{white-space:normal;text-align:center;padding-inline:1rem;line-height:1.25}html[data-platform=mobile] .spread-slots,html.site-layout-mobile .spread-slots,html[data-platform=mobile] .topic-grid,html.site-layout-mobile .topic-grid{grid-template-columns:1fr!important}html[data-platform=mobile] .ritual-continue,html.site-layout-mobile .ritual-continue{width:100%;max-width:100%}html[data-platform=mobile] .generating-cards,html.site-layout-mobile .generating-cards{max-width:min(100%,280px);margin-inline:auto}html[data-platform=mobile] .theme-switcher button,html.site-layout-mobile .theme-switcher button{min-width:2.25rem;min-height:2.25rem}:root[data-theme=signal] .mobile-menu-panel a:hover,:root[data-theme=signal] .mobile-menu-panel a:active{color:var(--accent)}:root[data-theme=nocturne] .mobile-menu-backdrop{background:#0000009e}html[data-platform=mobile] .neo-cipher-collectible-art,html[data-platform=mobile] .neo-cipher-tarot-art,html.site-layout-mobile .neo-cipher-collectible-art,html.site-layout-mobile .neo-cipher-tarot-art,html[data-platform=mobile] .tarot-card,html.site-layout-mobile .tarot-card{max-width:100%}html[data-platform=mobile] .error-boundary-fallback,html.site-layout-mobile .error-boundary-fallback{margin-inline:var(--platform-content-pad-x)}html[data-platform=mobile] .payment-trust-row,html.site-layout-mobile .payment-trust-row{flex-wrap:wrap;justify-content:center;gap:.5rem .85rem;font-size:.72rem}
.mobile-site-shell{background:var(--bg,#0a0612);flex-direction:column;width:100%;max-width:100%;min-height:100dvh;display:flex;overflow-x:visible}.mobile-main{width:100%;min-width:0;max-width:100%;padding-bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px) + .5rem);flex:1;overflow:visible}html[data-platform=mobile] .mobile-site-shell-reading .mobile-main,html.site-layout-mobile .mobile-site-shell-reading .mobile-main,html[data-platform=mobile] .mobile-site-shell-auth .mobile-main,html.site-layout-mobile .mobile-site-shell-auth .mobile-main{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem)}.mobile-app-header{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--surface-solid,#120a1a) 96%, transparent);border-bottom:1px solid var(--line,#ffffff14);padding-top:env(safe-area-inset-top,0px);position:sticky;top:0}html[data-platform=mobile] .mobile-bottom-nav,html.site-layout-mobile .mobile-bottom-nav{z-index:500}.mobile-nav-backdrop{inset:0;top:calc(var(--platform-nav-height,3.75rem) + env(safe-area-inset-top,0px));bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px));z-index:490;background:color-mix(in srgb, var(--night,#0a0612) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;pointer-events:auto;touch-action:manipulation;border:0;margin:0;padding:0;position:fixed}.mobile-nav-backdrop-full{bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-panel{inset-inline:0;top:calc(var(--platform-nav-height,3.75rem) + env(safe-area-inset-top,0px));bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px));z-index:495;background:var(--surface-solid,#120a1a);border-bottom:1px solid var(--line);pointer-events:auto;touch-action:pan-y;isolation:isolate;flex-direction:column;width:100%;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 40px #00000059}.mobile-nav-panel-full{bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:.85rem clamp(.85rem, 3.5vw, 1rem) calc(env(safe-area-inset-bottom,0px) + .85rem);flex:1;overflow:hidden auto}.mobile-nav-panel-locale{border-bottom:1px solid var(--line);margin-bottom:.65rem;padding-bottom:.75rem}.mobile-nav-panel-locale .mobile-language select{width:100%;min-height:2.75rem}.mobile-nav-panel-section{margin-top:.85rem}.mobile-nav-panel-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem;font-size:.62rem}.mobile-nav-panel-links{margin:0;padding:0;list-style:none}.mobile-nav-panel-links a{border-bottom:1px solid color-mix(in srgb, var(--line) 75%, transparent);min-height:3rem;color:var(--ink);pointer-events:auto;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:color-mix(in srgb, var(--gold) 30%, transparent);border-radius:.5rem;align-items:center;margin-inline:-.65rem;padding:.55rem .65rem;font-size:1.06rem;line-height:1.35;text-decoration:none;transition:color .15s,background .15s;display:flex}.mobile-nav-panel-links a:active,.mobile-nav-panel-links a:focus-visible{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}html[data-platform=mobile] .reading-modal-backdrop,html.site-layout-mobile .reading-modal-backdrop{z-index:80;top:calc(3.25rem + env(safe-area-inset-top,0px));bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px));align-items:stretch;height:auto;padding:0}html[data-platform=mobile] .reading-modal,html.site-layout-mobile .reading-modal{width:100%;min-height:100%;max-height:100%;box-shadow:none;border:0;border-radius:0}html[data-platform=mobile] .site-footer-compact .footer-grid,html.site-layout-mobile .site-footer-compact .footer-grid{gap:.85rem}html[data-platform=mobile] .site-footer-compact,html.site-layout-mobile .site-footer-compact{padding-block:1.25rem}.mobile-app-header-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-height:3.25rem;padding:.45rem clamp(.75rem,3.5vw,1rem);display:grid}.mobile-app-brand{font-family:var(--font-tarot), Georgia, serif;letter-spacing:.06em;color:var(--gold,#c9a868);white-space:nowrap;font-size:1.05rem;text-decoration:none}.mobile-app-back{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--ink,#f5f0e8);background:color-mix(in srgb, var(--surface-solid) 80%, transparent);border-radius:10px;place-items:center;font-size:1.15rem;line-height:1;text-decoration:none;display:grid}.mobile-app-header-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#ffffff8c);text-align:center;overflow-wrap:anywhere;white-space:normal;font-size:.72rem;line-height:1.2;overflow:visible}.mobile-app-header-actions{align-items:center;gap:.35rem;display:flex}.nav-utilities-compact .nav-login{padding:.25rem .45rem;font-size:.72rem}.mobile-app-menu-toggle{cursor:pointer;border:1px solid var(--line);background:color-mix(in srgb, var(--surface-solid) 80%, transparent);width:2.5rem;height:2.5rem;color:inherit;border-radius:10px;place-items:center;padding:0;display:grid}.mobile-app-menu-icon{color:var(--ink,#f5f0e8);font-size:1.1rem;line-height:1}html[data-platform=mobile] .page-shell,html.site-layout-mobile .page-shell{padding:.85rem clamp(.75rem,3.5vw,1rem) 1.25rem}html[data-platform=mobile] .page-shell-inner,html.site-layout-mobile .page-shell-inner{width:100%;max-width:100%}html[data-platform=mobile] .page-grid-2,html[data-platform=mobile] .page-grid-3,html.site-layout-mobile .page-grid-2,html.site-layout-mobile .page-grid-3{gap:.85rem;grid-template-columns:1fr!important}html[data-platform=mobile] .cosmic-shop,html.site-layout-mobile .cosmic-shop{padding-bottom:.5rem}html[data-platform=mobile] .shop-tabs,html.site-layout-mobile .shop-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.35rem;margin-bottom:.85rem;padding-bottom:.35rem;display:flex;overflow-x:auto}html[data-platform=mobile] .shop-tab,html.site-layout-mobile .shop-tab{white-space:nowrap;flex:none;min-height:2.5rem;padding:.55rem .85rem;font-size:.78rem}html[data-platform=mobile] .shop-item-grid,html.site-layout-mobile .shop-item-grid{gap:.75rem;grid-template-columns:1fr!important}html[data-platform=mobile] .shop-item,html.site-layout-mobile .shop-item{flex-direction:row;align-items:stretch;gap:.75rem;min-width:0;padding:.75rem;display:flex}html[data-platform=mobile] .shop-item-visual,html.site-layout-mobile .shop-item-visual{flex:none;place-items:center;width:4.5rem;min-height:4.5rem;display:grid}html[data-platform=mobile] .shop-preview-frame,html.site-layout-mobile .shop-preview-frame{width:4rem;height:4rem}html[data-platform=mobile] .shop-item-body,html.site-layout-mobile .shop-item-body{flex-direction:column;flex:1;justify-content:center;gap:.25rem;min-width:0;display:flex}html[data-platform=mobile] .shop-item-body h3,html.site-layout-mobile .shop-item-body h3{font-size:.92rem;line-height:1.2}html[data-platform=mobile] .shop-item-body p,html.site-layout-mobile .shop-item-body p{font-size:.75rem;line-height:1.35}html[data-platform=mobile] .collection-grid,html[data-platform=mobile] .gallery-grid,html.site-layout-mobile .collection-grid,html.site-layout-mobile .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}html[data-platform=mobile] .season-draw-screen,html.site-layout-mobile .season-draw-screen{padding:.75rem}html[data-platform=mobile] .collectible-card,html.site-layout-mobile .collectible-card{max-width:100%}html[data-platform=mobile] .avatar-display,html.site-layout-mobile .avatar-display{border-radius:50%}html[data-platform=mobile] .avatar-frame-raster-shell,html.site-layout-mobile .avatar-frame-raster-shell{border-radius:50%;overflow:visible}html[data-platform=mobile] .avatar-frame-raster,html.site-layout-mobile .avatar-frame-raster{border-radius:50%}html[data-platform=mobile] .app-modal .modal-close,html.site-layout-mobile .app-modal .modal-close{top:.65rem;right:.65rem}html[data-platform=mobile] .mobile-bottom-nav,html.site-layout-mobile .mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb, var(--surface-solid) 96%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width:360px){html[data-platform=mobile] .collection-grid,html.site-layout-mobile .collection-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mobile-nav-panel{box-shadow:none}}html[data-platform=mobile],html.site-layout-mobile{max-width:100%;overflow-x:auto}html[data-platform=mobile] .container,html.site-layout-mobile .container{width:min(100% - 1.25rem,1180px);max-width:100%;margin-inline:auto}html[data-platform=mobile] .app-modal,html[data-platform=mobile] .reading-modal,html[data-platform=mobile] .offer-modal,html.site-layout-mobile .app-modal,html.site-layout-mobile .reading-modal,html.site-layout-mobile .offer-modal{width:min(100vw - 1.25rem,760px);max-width:calc(100vw - 1.25rem);margin-inline:auto}html[data-platform=mobile] .ritual-flow-shell,html[data-platform=mobile] .result-layout,html[data-platform=mobile] .profile-hub,html.site-layout-mobile .ritual-flow-shell,html.site-layout-mobile .result-layout,html.site-layout-mobile .profile-hub{width:100%;min-width:0;max-width:100%}html[data-platform=mobile] img,html[data-platform=mobile] video,html[data-platform=mobile] svg,html.site-layout-mobile img,html.site-layout-mobile video,html.site-layout-mobile svg{max-width:100%;height:auto}html[data-platform=mobile] .nav-utilities-compact .theme-switcher,html.site-layout-mobile .nav-utilities-compact .theme-switcher{display:flex}html[data-platform=mobile] .nav-utilities-compact .theme-switcher button,html.site-layout-mobile .nav-utilities-compact .theme-switcher button{width:2rem;min-width:2rem;height:2rem;padding:0}
html[data-platform=mobile],html.site-layout-mobile{--z-chrome:500;--z-sticky-bar:480;--z-modal:450;--z-reading-layer:400;--z-page:1;--mobile-touch-min:2.75rem;--mobile-inset-x:clamp(.85rem, 3.5vw, 1.15rem);--mobile-readable:.9375rem;--mobile-line:1.65}html[data-platform=mobile] .mobile-site-shell-reading .mobile-main,html.site-layout-mobile .mobile-site-shell-reading .mobile-main{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem)}html[data-platform=mobile] .mobile-site-shell-reading .site-footer,html.site-layout-mobile .mobile-site-shell-reading .site-footer,html[data-platform=mobile] .mobile-site-shell-reading .mobile-bottom-nav,html.site-layout-mobile .mobile-site-shell-reading .mobile-bottom-nav{display:none}html[data-platform=mobile].scroll-locked,html[data-platform=mobile] body.scroll-locked,html.site-layout-mobile.scroll-locked,html.site-layout-mobile body.scroll-locked,html[data-platform=mobile].nav-scroll-locked,html[data-platform=mobile] body.nav-scroll-locked,html.site-layout-mobile.nav-scroll-locked,html.site-layout-mobile body.nav-scroll-locked{touch-action:auto;overflow:hidden}html[data-platform=mobile] .mobile-main,html.site-layout-mobile .mobile-main{touch-action:auto;pointer-events:auto}html[data-platform=mobile] .mobile-site-shell-nav-open .mobile-main,html.site-layout-mobile .mobile-site-shell-nav-open .mobile-main,html[data-platform=mobile] .mobile-site-shell-nav-open .site-footer,html.site-layout-mobile .mobile-site-shell-nav-open .site-footer{pointer-events:none;overflow:hidden}html[data-platform=mobile].scroll-locked .app-modal,html[data-platform=mobile].scroll-locked .app-modal-backdrop,html[data-platform=mobile].scroll-locked .reading-modal,html[data-platform=mobile].scroll-locked .reading-modal-backdrop,html.site-layout-mobile.scroll-locked .app-modal,html.site-layout-mobile.scroll-locked .app-modal-backdrop,html.site-layout-mobile.scroll-locked .reading-modal,html.site-layout-mobile.scroll-locked .reading-modal-backdrop,html[data-platform=mobile].scroll-locked .app-modal button,html[data-platform=mobile].scroll-locked .app-modal a,html[data-platform=mobile].scroll-locked .app-modal input,html[data-platform=mobile].scroll-locked .app-modal select,html[data-platform=mobile].scroll-locked .reading-modal button,html[data-platform=mobile].scroll-locked .reading-modal a,html[data-platform=mobile].scroll-locked .reading-modal input,html[data-platform=mobile].scroll-locked .reading-modal select,html.site-layout-mobile.scroll-locked .app-modal button,html.site-layout-mobile.scroll-locked .app-modal a,html.site-layout-mobile.scroll-locked .reading-modal button,html.site-layout-mobile.scroll-locked .reading-modal a{touch-action:manipulation;pointer-events:auto}html[data-platform=mobile] button:not(:disabled),html[data-platform=mobile] a[href],html[data-platform=mobile] input:not(:disabled),html[data-platform=mobile] select:not(:disabled),html[data-platform=mobile] textarea:not(:disabled),html[data-platform=mobile] [role=button]:not([aria-disabled=true]),html[data-platform=mobile] .btn:not(:disabled),html[data-platform=mobile] label,html.site-layout-mobile button:not(:disabled),html.site-layout-mobile a[href],html.site-layout-mobile input:not(:disabled),html.site-layout-mobile select:not(:disabled),html.site-layout-mobile textarea:not(:disabled),html.site-layout-mobile [role=button]:not([aria-disabled=true]),html.site-layout-mobile .btn:not(:disabled),html.site-layout-mobile label{touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:color-mix(in srgb, var(--gold,#c9a868) 28%, transparent)}html[data-platform=mobile],html.site-layout-mobile{max-width:100vw;overflow-x:auto}html[data-platform=mobile] .mobile-site-shell,html.site-layout-mobile .mobile-site-shell{height:auto;min-height:100dvh;overflow:visible}html[data-platform=mobile] .mobile-main,html.site-layout-mobile .mobile-main{overflow:visible}html[data-platform=mobile] h1,html[data-platform=mobile] h2,html[data-platform=mobile] h3,html[data-platform=mobile] h4,html[data-platform=mobile] p,html[data-platform=mobile] li,html[data-platform=mobile] span,html[data-platform=mobile] .eyebrow,html[data-platform=mobile] .section-copy,html[data-platform=mobile] .page-shell-intro,html.site-layout-mobile h1,html.site-layout-mobile h2,html.site-layout-mobile h3,html.site-layout-mobile h4,html.site-layout-mobile p,html.site-layout-mobile li,html.site-layout-mobile span,html.site-layout-mobile .eyebrow,html.site-layout-mobile .section-copy,html.site-layout-mobile .page-shell-intro{overflow-wrap:anywhere;word-break:break-word;max-width:100%}html[data-platform=mobile] .mobile-app-header-title,html[data-platform=mobile] .mobile-bottom-nav-item span,html[data-platform=mobile] .shop-tab,html[data-platform=mobile] .profile-tab-btn,html[data-platform=mobile] .user-identity-name,html[data-platform=mobile] .live-cosmic-activity,html.site-layout-mobile .mobile-app-header-title,html.site-layout-mobile .mobile-bottom-nav-item span,html.site-layout-mobile .shop-tab,html.site-layout-mobile .profile-tab-btn,html.site-layout-mobile .user-identity-name,html.site-layout-mobile .live-cosmic-activity{white-space:normal;text-overflow:unset;overflow:visible}html[data-platform=mobile] .mobile-bottom-nav-item span,html.site-layout-mobile .mobile-bottom-nav-item span{text-align:center;line-height:1.1}html[data-platform=mobile] [class*=grid],html[data-platform=mobile] .hero-actions,html[data-platform=mobile] .profile-hero-actions,html[data-platform=mobile] .cta-panel,html.site-layout-mobile [class*=grid],html.site-layout-mobile .hero-actions,html.site-layout-mobile .profile-hero-actions,html.site-layout-mobile .cta-panel{max-width:100%}html[data-platform=mobile] .glass,html[data-platform=mobile] .panel,html[data-platform=mobile] .card,html[data-platform=mobile] .shop-item,html[data-platform=mobile] .pricing-card,html[data-platform=mobile] .feature,html.site-layout-mobile .glass,html.site-layout-mobile .panel,html.site-layout-mobile .card,html.site-layout-mobile .shop-item,html.site-layout-mobile .pricing-card,html.site-layout-mobile .feature{box-sizing:border-box;max-width:100%;overflow:visible}html[data-platform=mobile] table,html.site-layout-mobile table{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;display:block;overflow-x:auto}html[data-platform=mobile] pre,html[data-platform=mobile] code,html.site-layout-mobile pre,html.site-layout-mobile code{white-space:pre-wrap;word-break:break-word;max-width:100%;overflow-x:auto}html.nav-scroll-locked .mobile-app-header,html.nav-scroll-locked .mobile-app-header button,html.nav-scroll-locked .mobile-app-header a{pointer-events:auto;touch-action:manipulation}html[data-platform=mobile] .mobile-app-header,html.site-layout-mobile .mobile-app-header,html[data-platform=mobile] .mobile-bottom-nav,html.site-layout-mobile .mobile-bottom-nav{z-index:var(--z-chrome)}html[data-platform=mobile] .mobile-app-menu-toggle,html.site-layout-mobile .mobile-app-menu-toggle,html[data-platform=mobile] .theme-switcher button,html.site-layout-mobile .theme-switcher button{min-width:var(--mobile-touch-min);min-height:var(--mobile-touch-min)}html[data-platform=mobile] .nav-utilities-compact .nav-login,html.site-layout-mobile .nav-utilities-compact .nav-login{min-height:var(--mobile-touch-min);align-items:center;padding-inline:.65rem;display:inline-flex}html[data-platform=mobile] .shop-tab,html[data-platform=mobile] .quest-tab,html[data-platform=mobile] .profile-tab-btn,html[data-platform=mobile] .profile-tab-nav button,html.site-layout-mobile .shop-tab,html.site-layout-mobile .quest-tab,html.site-layout-mobile .profile-tab-btn,html.site-layout-mobile .profile-tab-nav button{min-height:var(--mobile-touch-min)}html[data-platform=mobile] .emotion-chip,html[data-platform=mobile] .option-chip,html.site-layout-mobile .emotion-chip,html.site-layout-mobile .option-chip{min-height:var(--mobile-touch-min);justify-content:center;align-items:center;display:inline-flex}html[data-platform=mobile] .mobile-bottom-nav-item,html.site-layout-mobile .mobile-bottom-nav-item{min-height:var(--mobile-touch-min);font-size:.62rem;line-height:1.15}html[data-platform=mobile] .mobile-bottom-nav-item span,html.site-layout-mobile .mobile-bottom-nav-item span{white-space:normal;text-align:center;max-height:2.4em;overflow:hidden}html[data-platform=mobile] .language-switcher select,html.site-layout-mobile .language-switcher select{min-height:var(--mobile-touch-min)}html[data-platform=mobile] .mobile-app-header-inner,html.site-layout-mobile .mobile-app-header-inner{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto}html[data-platform=mobile] .mobile-app-header-title,html.site-layout-mobile .mobile-app-header-title{min-width:0;font-size:.68rem}html[data-platform=mobile] .mobile-app-header-actions,html.site-layout-mobile .mobile-app-header-actions{flex-shrink:0}html[data-platform=mobile] .mobile-nav-panel,html.site-layout-mobile .mobile-nav-panel{touch-action:pan-y;pointer-events:auto}html[data-platform=mobile] .mobile-nav-panel-body,html.site-layout-mobile .mobile-nav-panel-body{overscroll-behavior:contain;pointer-events:auto;flex:1;min-height:0}html[data-platform=mobile] .mobile-nav-panel-links a,html.site-layout-mobile .mobile-nav-panel-links a{pointer-events:auto;touch-action:manipulation}html[data-platform=mobile] .page-shell,html.site-layout-mobile .page-shell{padding-inline:var(--mobile-inset-x);padding-block:1rem 1.5rem}html[data-platform=mobile] .container,html.site-layout-mobile .container{box-sizing:border-box;width:min(100% - 1.25rem,1180px);max-width:100%;margin-inline:auto}html[data-platform=mobile] .section,html.site-layout-mobile .section{padding-block:clamp(1.25rem,4vw,2.5rem)}html[data-platform=mobile] .reading-page,html.site-layout-mobile .reading-page{min-height:auto;padding-bottom:.5rem}html[data-platform=mobile] .ritual-flow-shell,html.site-layout-mobile .ritual-flow-shell{width:100%;max-width:100%;padding-inline:var(--mobile-inset-x);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1.25rem)}html[data-platform=mobile] .ritual-progress,html[data-platform=mobile] .ritual-step,html.site-layout-mobile .ritual-progress,html.site-layout-mobile .ritual-step{width:100%;max-width:100%}html[data-platform=mobile] .topic-grid,html[data-platform=mobile] .spread-slots,html[data-platform=mobile] .spread-theory-positions,html.site-layout-mobile .topic-grid,html.site-layout-mobile .spread-slots,html.site-layout-mobile .spread-theory-positions{grid-template-columns:1fr!important;max-width:100%!important}html[data-platform=mobile] .pick-deck,html.site-layout-mobile .pick-deck{gap:.5rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important}html[data-platform=mobile] .pick-card,html.site-layout-mobile .pick-card{min-height:var(--mobile-touch-min)}html[data-platform=mobile] .tarot-sequence,html.site-layout-mobile .tarot-sequence{min-height:auto}html[data-platform=mobile] .sequence-table,html.site-layout-mobile .sequence-table{min-height:200px}html[data-platform=mobile] .result-page,html[data-platform=mobile] .result-header,html.site-layout-mobile .result-page,html.site-layout-mobile .result-header{padding-top:1rem!important}html[data-platform=mobile] .result-layout,html.site-layout-mobile .result-layout{grid-template-columns:1fr;gap:1.25rem}html[data-platform=mobile] .result-sticky-unlock,html.site-layout-mobile .result-sticky-unlock{bottom:calc(env(safe-area-inset-bottom,0px) + .85rem);z-index:var(--z-sticky-bar);border-radius:1rem;flex-wrap:wrap;width:min(100vw - 1.5rem,420px);padding:.85rem 1rem}html[data-platform=mobile] .mobile-site-shell:not(.mobile-site-shell-reading) .result-sticky-unlock,html.site-layout-mobile .mobile-site-shell:not(.mobile-site-shell-reading) .result-sticky-unlock{bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px) + .65rem)}html[data-platform=mobile] .result-sticky-unlock-copy,html.site-layout-mobile .result-sticky-unlock-copy{flex:140px;min-width:0}html[data-platform=mobile] .result-sticky-unlock .btn,html.site-layout-mobile .result-sticky-unlock .btn{min-height:var(--mobile-touch-min);font-size:.82rem}html[data-platform=mobile] .reading-modal-backdrop,html.site-layout-mobile .reading-modal-backdrop{z-index:var(--z-reading-layer);top:calc(3.25rem + env(safe-area-inset-top,0px));bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px));align-items:stretch;height:auto;padding:0}html[data-platform=mobile] .mobile-site-shell-reading .reading-modal-backdrop,html.site-layout-mobile .mobile-site-shell-reading .reading-modal-backdrop{bottom:env(safe-area-inset-bottom,0px)}html[data-platform=mobile] .reading-modal,html.site-layout-mobile .reading-modal{width:100%;max-width:100%;min-height:100%;max-height:100%;box-shadow:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;border:0;border-radius:0;margin:0;overflow-y:auto}html[data-platform=mobile] .app-modal-backdrop,html.site-layout-mobile .app-modal-backdrop{z-index:var(--z-modal);top:calc(3.25rem + env(safe-area-inset-top,0px));bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px));align-items:stretch;height:auto;padding:.5rem}html[data-platform=mobile] .mobile-site-shell-reading .app-modal-backdrop,html.site-layout-mobile .mobile-site-shell-reading .app-modal-backdrop{bottom:env(safe-area-inset-bottom,0px)}html[data-platform=mobile] .app-modal,html.site-layout-mobile .app-modal{touch-action:pan-y;border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:100%;margin:0;overflow-y:auto}html[data-platform=mobile].scroll-locked .app-modal,html[data-platform=mobile].scroll-locked .reading-modal,html.site-layout-mobile.scroll-locked .app-modal,html.site-layout-mobile.scroll-locked .reading-modal{touch-action:pan-y;overflow-y:auto}html[data-platform=mobile].scroll-locked,html[data-platform=mobile] body.scroll-locked,html.site-layout-mobile.scroll-locked,html.site-layout-mobile body.scroll-locked{touch-action:auto;overflow:hidden}html[data-platform=mobile].scroll-locked .mobile-site-shell:not(.mobile-site-shell-nav-open) .mobile-main,html.site-layout-mobile.scroll-locked .mobile-site-shell:not(.mobile-site-shell-nav-open) .mobile-main{touch-action:auto;pointer-events:auto}html[data-platform=mobile] .shop-item-grid,html.site-layout-mobile .shop-item-grid{gap:.75rem;grid-template-columns:1fr!important}html[data-platform=mobile] .shop-item,html.site-layout-mobile .shop-item{overflow:visible}html[data-platform=mobile] .shop-tabs,html[data-platform=mobile] .profile-tab-nav,html.site-layout-mobile .shop-tabs,html.site-layout-mobile .profile-tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.35rem;margin-bottom:.75rem;padding-bottom:.35rem;display:flex;overflow-x:auto}html[data-platform=mobile] .shop-tabs::-webkit-scrollbar{display:none}html[data-platform=mobile] .profile-tab-nav::-webkit-scrollbar{display:none}html.site-layout-mobile .shop-tabs::-webkit-scrollbar{display:none}html.site-layout-mobile .profile-tab-nav::-webkit-scrollbar{display:none}html[data-platform=mobile] .profile-hero-actions,html[data-platform=mobile] .hero-actions,html.site-layout-mobile .profile-hero-actions,html.site-layout-mobile .hero-actions{flex-direction:column;align-items:stretch}html[data-platform=mobile] .profile-hero-actions .btn,html[data-platform=mobile] .hero-actions .btn,html.site-layout-mobile .profile-hero-actions .btn,html.site-layout-mobile .hero-actions .btn{justify-content:center;width:100%}html[data-platform=mobile] .quest-stage-list,html.site-layout-mobile .quest-stage-list{max-height:none;overflow:visible}html[data-platform=mobile] .quest-class-banner,html.site-layout-mobile .quest-class-banner{text-align:center;grid-template-columns:1fr;gap:.75rem;display:grid}html[data-platform=mobile] .moon-offer-inner,html.site-layout-mobile .moon-offer-inner{flex-wrap:wrap;gap:.65rem}html[data-platform=mobile] .moon-offer-cta,html.site-layout-mobile .moon-offer-cta{width:100%}html[data-platform=mobile] .live-cosmic-activity,html.site-layout-mobile .live-cosmic-activity{white-space:normal;flex-wrap:wrap;overflow-x:visible}html[data-platform=mobile] .mobile-sticky-cta,html.site-layout-mobile .mobile-sticky-cta{z-index:var(--z-sticky-bar);bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px));display:block}:is(html[data-platform=mobile] body:has(.mobile-sticky-cta) .mobile-main,html.site-layout-mobile body:has(.mobile-sticky-cta) .mobile-main){padding-bottom:calc(var(--platform-bottom-nav-height,4.25rem) + 4.5rem + env(safe-area-inset-bottom,0px))}html[data-platform=mobile] .tarot-stage,html.site-layout-mobile .tarot-stage{min-height:min(280px,55vw);margin-top:.75rem}html[data-platform=mobile] .result-card-face,html.site-layout-mobile .result-card-face{width:min(78vw,280px)}html[data-platform=mobile] .spread,html.site-layout-mobile .spread{gap:.35rem}html[data-platform=mobile] .btn,html.site-layout-mobile .btn{min-height:var(--mobile-touch-min);white-space:normal;text-align:center;line-height:1.25}html[data-platform=mobile] .field textarea,html[data-platform=mobile] .field input,html[data-platform=mobile] .field select,html.site-layout-mobile .field textarea,html.site-layout-mobile .field input,html.site-layout-mobile .field select{font-size:16px}html[data-platform=mobile] .draw-button,html.site-layout-mobile .draw-button{width:100%}html[data-platform=mobile] .mobile-site-shell,html.site-layout-mobile .mobile-site-shell{max-width:100%}html[data-platform=mobile] img,html[data-platform=mobile] video,html[data-platform=mobile] svg,html.site-layout-mobile img,html.site-layout-mobile video,html.site-layout-mobile svg{max-width:100%;height:auto}html[data-platform=mobile] .app-modal,html[data-platform=mobile] .reading-modal,html[data-platform=mobile] .offer-modal,html.site-layout-mobile .app-modal,html.site-layout-mobile .reading-modal,html.site-layout-mobile .offer-modal{box-sizing:border-box;max-width:100%}html[data-platform=mobile] .site-footer,html.site-layout-mobile .site-footer{padding-inline:var(--mobile-inset-x)}html[data-platform=mobile] .footer-grid,html.site-layout-mobile .footer-grid{grid-template-columns:1fr;gap:1.25rem}html[data-platform=mobile] .footer-links,html.site-layout-mobile .footer-links{flex-direction:column;align-items:flex-start;gap:.5rem}html[data-platform=mobile] .battle-hand-sticky,html.site-layout-mobile .battle-hand-sticky{bottom:calc(var(--platform-bottom-nav-height,4.25rem) + env(safe-area-inset-bottom,0px))}html[data-platform=mobile] .quest-battle-panel,html.site-layout-mobile .quest-battle-panel{top:calc(var(--platform-nav-height,3.75rem) + .35rem)}html[data-platform=mobile] .collection-grid,html[data-platform=mobile] .gallery-grid,html.site-layout-mobile .collection-grid,html.site-layout-mobile .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}@media (max-width:360px){html[data-platform=mobile] .collection-grid,html[data-platform=mobile] .gallery-grid,html.site-layout-mobile .collection-grid,html.site-layout-mobile .gallery-grid{grid-template-columns:1fr}html[data-platform=mobile] .pick-deck,html.site-layout-mobile .pick-deck{grid-template-columns:repeat(2,minmax(0,1fr))!important}}html[data-platform=mobile] .app-modal-backdrop,html.site-layout-mobile .app-modal-backdrop{z-index:var(--z-modal)!important}html[data-platform=mobile] .mythic-overlay,html[data-platform=mobile] .achievement-unlock-overlay,html.site-layout-mobile .mythic-overlay,html.site-layout-mobile .achievement-unlock-overlay{z-index:calc(var(--z-chrome) + 50)!important}html[data-platform=mobile] .pricing-grid,html[data-platform=mobile] .upgrade-plans,html.site-layout-mobile .pricing-grid,html.site-layout-mobile .upgrade-plans{gap:1rem;grid-template-columns:1fr!important}html[data-platform=mobile] .pricing-card,html.site-layout-mobile .pricing-card{width:100%;max-width:100%}html[data-platform=mobile] .compare-table-wrap,html.site-layout-mobile .compare-table-wrap{-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--mobile-inset-x));padding-inline:var(--mobile-inset-x);overflow-x:auto}html[data-platform=mobile] .legal-content,html[data-platform=mobile] .prose-content,html.site-layout-mobile .legal-content,html.site-layout-mobile .prose-content{font-size:var(--mobile-readable);line-height:var(--mobile-line);overflow-wrap:anywhere;max-width:100%}html[data-platform=mobile] .legal-content h2,html[data-platform=mobile] .prose-content h2,html.site-layout-mobile .legal-content h2,html.site-layout-mobile .prose-content h2{margin-top:1.75rem;font-size:clamp(1.25rem,4.5vw,1.65rem)}html[data-platform=mobile] .feature-grid,html[data-platform=mobile] .benefits-grid,html.site-layout-mobile .feature-grid,html.site-layout-mobile .benefits-grid{grid-template-columns:1fr!important}html[data-platform=mobile] .cta-panel,html[data-platform=mobile] .cta-panel-enhanced,html.site-layout-mobile .cta-panel,html.site-layout-mobile .cta-panel-enhanced{text-align:left;flex-direction:column;align-items:stretch}html[data-platform=mobile] .leaderboard-table,html.site-layout-mobile .leaderboard-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}html[data-platform=mobile] .leaderboard-row,html.site-layout-mobile .leaderboard-row{min-width:320px}html[data-platform=mobile] .auth-panel,html[data-platform=mobile] .auth-card,html.site-layout-mobile .auth-panel,html.site-layout-mobile .auth-card{width:100%;max-width:100%;padding-inline:var(--mobile-inset-x);box-sizing:border-box}html[data-platform=mobile] .auth-split,html.site-layout-mobile .auth-split,html[data-platform=mobile] .spread-selection-grid,html.site-layout-mobile .spread-selection-grid{grid-template-columns:1fr!important}html[data-platform=mobile] .spread-option,html.site-layout-mobile .spread-option{width:100%}html[data-platform=mobile] .toast-stack,html.site-layout-mobile .toast-stack{top:calc(var(--platform-nav-height,3.75rem) + .5rem);pointer-events:none;width:min(92vw,360px);max-width:min(92vw,360px);height:auto;bottom:auto;left:auto;right:.65rem}html[data-platform=mobile] .toast-stack .toast,html.site-layout-mobile .toast-stack .toast{pointer-events:auto}html[data-platform=mobile] .mobile-site-shell-reading .toast-stack,html.site-layout-mobile .mobile-site-shell-reading .toast-stack{top:calc(var(--platform-nav-height,3.75rem) + .5rem)}
:root,:root[data-theme=nocturne]{--color-bg-primary:#09050f;--color-bg-secondary:#100817;--color-bg-tertiary:#170c21;--color-surface:#1c0f27c2;--color-surface-elevated:#261533eb;--color-surface-solid:#160c20;--color-border-soft:#eddff71a;--color-border-strong:#e8c97852;--color-text-primary:#f7f1fa;--color-text-secondary:#cbbfd2;--color-text-muted:#9f91a8;--color-accent-gold:#d8ba70;--color-accent-gold-bright:#eed692;--color-accent-violet:#9b78c4;--color-accent-blue:#718fc7;--color-accent-mythic:#b895d8;--color-danger:#e7798b;--color-success:#72b69a;--color-warning:#d8ad63;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:clamp(2rem, 4vw, 3.25rem);--font-size-hero:clamp(3.25rem, 8vw, 6.75rem);--line-height-tight:1.08;--line-height-body:1.68;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-card:1.125rem;--radius-pill:999px;--shadow-soft:0 8px 28px #02000733;--shadow-card:0 18px 50px #02000752;--shadow-modal:0 32px 100px #0200079e;--glow-violet:0 0 30px #9b78c42e;--glow-gold:0 0 28px #d8ba702b;--glow-blue:0 0 28px #718fc729;--glow-mythic:0 0 36px #b895d838;--motion-fast:.14s;--motion-normal:.24s;--motion-slow:.42s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.2, .85, .25, 1.15);--type-display:clamp(2.25rem, 6.5vw, 4.25rem);--type-hero:clamp(3rem, 8.5vw, 6.25rem);--type-h1:clamp(1.85rem, 4vw, 2.75rem);--type-h2:clamp(1.65rem, 3.5vw, 2.35rem);--type-h3:clamp(1.125rem, 2.2vw, 1.5rem);--type-body:var(--font-size-md);--type-body-sm:var(--font-size-sm);--type-caption:var(--font-size-xs);--type-lead-body:1.65;--text-line-height:var(--type-lead-body);--content-max:1180px;--content-gutter:clamp(1rem, 3vw, 2rem);--section-space:clamp(4rem, 8vw, 7.5rem);--tap-target:44px;--rarity-common:#80738a;--rarity-rare:#6f91cf;--rarity-epic:#a77bd1;--rarity-legendary:#d6b566;--rarity-mythic:#c3a2df;--ink:var(--color-text-primary);--muted:var(--color-text-secondary);--night:var(--color-bg-primary);--plum:var(--color-bg-tertiary);--violet:var(--color-accent-violet);--soft-violet:#2c1b39;--ivory:var(--color-text-primary);--paper:var(--color-surface-solid);--line:var(--color-border-soft);--gold:var(--color-accent-gold);--pink:#c28da9;--surface:var(--color-surface);--surface-solid:var(--color-surface-solid);--surface-strong:var(--color-surface-elevated);--accent:var(--color-accent-gold);--accent-ink:#1d1222;--danger:var(--color-danger);--shadow:#02000773}:root[data-theme=signal]{--color-bg-primary:#f4f3f0;--color-bg-secondary:#ebe9e5;--color-bg-tertiary:#e0e4e7;--color-surface:#ffffffc7;--color-surface-elevated:#fffffff0;--color-surface-solid:#fff;--color-border-soft:#19222d1f;--color-border-strong:#8f2f3752;--color-text-primary:#18202a;--color-text-secondary:#505b69;--color-text-muted:#707987;--color-accent-gold:#a53a43;--color-accent-gold-bright:#bd5058;--color-accent-violet:#718698;--color-accent-blue:#567a9c;--color-accent-mythic:#896a9f;--color-danger:#a52f3a;--color-success:#39785f;--shadow-soft:0 8px 26px #232f3a14;--shadow-card:0 18px 50px #232f3a1f;--shadow-modal:0 30px 90px #232f3a38}html{background:var(--color-bg-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:color-mix(in srgb, var(--color-accent-violet) 45%, transparent) transparent}:root[data-theme=signal]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--color-text-primary);background:radial-gradient(ellipse 60% 42% at 12% -8%, color-mix(in srgb, var(--color-accent-violet) 18%, transparent), transparent 72%), radial-gradient(ellipse 42% 34% at 91% 17%, color-mix(in srgb, var(--color-accent-blue) 10%, transparent), transparent 75%), linear-gradient(180deg, var(--color-bg-primary), var(--color-bg-secondary) 60%, var(--color-bg-primary));font-size:var(--font-size-md);line-height:var(--line-height-body);text-rendering:optimizelegibility}body:before{content:"";z-index:-1;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 20% 28%,#ffffff61 0 .5px,#0000 .8px),radial-gradient(circle at 72% 62%,#ffffff47 0 .45px,#0000 .75px);background-size:83px 83px,127px 127px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.cosmic-bg{z-index:-1;contain:strict}.cosmic-bg-orb{opacity:.2;filter:blur(90px);will-change:transform}.cosmic-bg-orb-a{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent-violet) 36%, transparent), transparent 70%)}.cosmic-bg-orb-b{background:radial-gradient(circle, color-mix(in srgb, var(--color-accent-gold) 18%, transparent), transparent 70%)}.cosmic-bg-stars{opacity:.25}.container{width:min(var(--content-max), calc(100% - (var(--content-gutter) * 2)))}.section{padding-block:var(--section-space)}.section-title{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);text-wrap:balance}.section-copy,.page-intro,.muted{color:var(--color-text-secondary)}.eyebrow{color:var(--color-accent-gold);font-size:var(--font-size-xs);letter-spacing:.16em}::selection{color:#1d1222;background:var(--color-accent-gold-bright)}:focus-visible{outline:2px solid var(--color-accent-gold-bright);outline-offset:3px}.skip-link{z-index:10000;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-4);color:#1c1221;border-radius:var(--radius-pill);background:var(--color-accent-gold-bright);box-shadow:var(--shadow-card);transform:translateY(calc(-100% - var(--space-6)));transition:transform var(--motion-fast) var(--ease-out);position:fixed}.skip-link:focus{transform:translateY(0)}.btn{min-height:var(--tap-target);border-radius:var(--radius-pill);font-size:var(--font-size-sm);letter-spacing:.015em;transition:transform var(--motion-fast) var(--ease-out), color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-normal) var(--ease-out);isolation:isolate;border:1px solid #0000;padding:.72rem 1.15rem;font-weight:700}.btn-primary{color:#1c1221;border-color:color-mix(in srgb, var(--color-accent-gold-bright) 55%, transparent);background:linear-gradient(112deg,#caaa61,#ead18c 52%,#c69bb1);box-shadow:0 10px 28px #03010847,inset 0 0 0 1px #ffffff14}.btn-primary:hover{color:#1c1221;box-shadow:0 14px 34px #03010857, var(--glow-gold);background:linear-gradient(112deg,#d5b76f,#f0daa0 52%,#d1a5bd)}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border-soft);background:color-mix(in srgb, var(--color-surface-elevated) 72%, transparent);box-shadow:inset 0 1px #ffffff09}.btn-secondary:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-border-soft);background:#ffffff09}.btn-icon{width:var(--tap-target);border-radius:50%;padding-inline:0}.btn-sm{min-height:36px;font-size:var(--font-size-xs);padding:.5rem .85rem}.btn-lg{min-height:50px;font-size:var(--font-size-md);padding:.85rem 1.4rem}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.44;filter:saturate(.45);box-shadow:none;transform:none}.glass,.ui-card,.auth-card,.account-panel,.result-empty{border:1px solid var(--color-border-soft);border-radius:var(--radius-card);background:linear-gradient(145deg, #ffffff09, transparent 40%), var(--color-surface);box-shadow:var(--shadow-soft), inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ui-card{padding:var(--space-6);position:relative;overflow:clip}.ui-card-elevated,.ui-card[data-variant=elevated]{border-color:var(--color-border-strong);background:var(--color-surface-elevated);box-shadow:var(--shadow-card)}.ui-card[data-interactive=true]{transition:transform var(--motion-normal) var(--ease-out), border-color var(--motion-normal) ease, box-shadow var(--motion-normal) var(--ease-out)}.ui-card[data-interactive=true]:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-4px)}[data-rarity=common],.rarity-frame-common{--rarity-color:var(--rarity-common);--rarity-glow-token:none}[data-rarity=rare],.rarity-frame-rare{--rarity-color:var(--rarity-rare);--rarity-glow-token:var(--glow-blue)}[data-rarity=epic],.rarity-frame-epic{--rarity-color:var(--rarity-epic);--rarity-glow-token:var(--glow-violet)}[data-rarity=legendary],.rarity-frame-legendary{--rarity-color:var(--rarity-legendary);--rarity-glow-token:var(--glow-gold)}[data-rarity=mythic],.rarity-frame-mythic{--rarity-color:var(--rarity-mythic);--rarity-glow-token:var(--glow-mythic)}.ui-card[data-rarity]{border-color:color-mix(in srgb, var(--rarity-color) 38%, var(--color-border-soft));box-shadow:var(--shadow-soft), var(--rarity-glow-token)}.field{gap:var(--space-2);margin-bottom:var(--space-4)}.field label,.field>span{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:650}.field input,.field textarea,.field select,.ui-input{width:100%;min-height:var(--tap-target);color:var(--color-text-primary);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-bg-primary) 58%, var(--color-surface-solid));transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, background-color var(--motion-fast) ease;outline:0;padding:.78rem .9rem}.field input:hover,.field textarea:hover,.field select:hover,.ui-input:hover{border-color:color-mix(in srgb, var(--color-text-muted) 45%, transparent)}.field input:focus,.field textarea:focus,.field select:focus,.ui-input:focus{border-color:var(--color-accent-gold);background:var(--color-surface-solid);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-gold) 14%, transparent)}.field input::placeholder,.field textarea::placeholder,.ui-input::placeholder{color:var(--color-text-muted);opacity:.8}.field-error{color:var(--color-danger);font-size:var(--font-size-xs)}.field [aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 12%, transparent)}.app-modal-backdrop{background:color-mix(in srgb, var(--color-bg-primary) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);animation:ds-backdrop-in var(--motion-normal) ease both}.app-modal{border-color:var(--color-border-strong);border-radius:var(--radius-xl);color:var(--color-text-primary);background:radial-gradient(circle at 85% 0, color-mix(in srgb, var(--color-accent-violet) 12%, transparent), transparent 35%), var(--color-surface-solid);box-shadow:var(--shadow-modal), inset 0 1px #ffffff0d;animation:ds-modal-in var(--motion-normal) var(--ease-out) both;scrollbar-gutter:stable}.modal-close{width:var(--tap-target);height:var(--tap-target);color:var(--color-text-secondary);border-color:var(--color-border-soft);background:#ffffff06;border-radius:50%}.modal-close:hover{color:var(--color-text-primary);border-color:var(--color-border-strong);background:#ffffff0f}.ui-modal-header{padding-right:3rem}.ui-modal-header h2{margin-bottom:var(--space-3)}.ui-modal-description{max-width:56ch;color:var(--color-text-secondary);margin:0}.ui-modal-body{margin-top:var(--space-6)}.ui-modal-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border-soft)}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent-gold)}.field-hint{color:var(--color-text-muted);font-size:var(--font-size-xs)}.site-header{border-color:var(--color-border-soft);background:color-mix(in srgb, var(--color-bg-primary) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);position:sticky;top:0}.navbar{height:auto;min-height:72px}.nav-links a,.nav-login{min-height:var(--tap-target);color:var(--color-text-secondary);transition:color var(--motion-fast) ease;align-items:center;display:inline-flex;position:relative}.nav-links a:hover,.nav-links a.is-active,.nav-links a[aria-current=page],.nav-login:hover{color:var(--color-text-primary)}.nav-links a.is-active:after,.nav-links a[aria-current=page]:after{content:"";background:var(--color-accent-gold);height:1px;box-shadow:var(--glow-gold);position:absolute;bottom:4px;left:20%;right:20%}.mobile-menu-panel{border-left:1px solid var(--color-border-soft);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--color-accent-violet) 12%, transparent), transparent 30%), var(--color-surface-solid);box-shadow:-24px 0 80px #00000059}.mobile-menu-panel a.is-active,.mobile-menu-panel a[aria-current=page]{color:var(--color-accent-gold)}.skeleton-line,.art-lazy-placeholder{background:linear-gradient(100deg, color-mix(in srgb, var(--color-surface-elevated) 75%, transparent) 24%, color-mix(in srgb, var(--color-accent-violet) 16%, var(--color-surface-elevated)) 42%, color-mix(in srgb, var(--color-surface-elevated) 75%, transparent) 60%);background-size:220% 100%;animation:1.7s ease-in-out infinite ds-shimmer}.empty-state,.error-state{text-align:center;border-style:dashed;padding:clamp(1.5rem,5vw,3rem)}.profile-panel,.shop-product,.quest-panel,.reading-step-card,.result-panel,.leaderboard-row,.pricing-card{border-color:var(--color-border-soft)}.profile-panel,.quest-panel,.reading-step-card,.result-panel{box-shadow:var(--shadow-soft)}.shop-product,.pricing-card,.leaderboard-row{transition:transform var(--motion-normal) var(--ease-out), border-color var(--motion-normal) ease, box-shadow var(--motion-normal) ease}.shop-product:hover,.pricing-card:hover,.leaderboard-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card);transform:translateY(-3px)}.achievement-grid,.collection-grid,.shop-grid,.leaderboard-list{content-visibility:auto;contain-intrinsic-size:700px}.echo-card-frame{border-radius:var(--radius-lg);background:var(--color-bg-secondary);box-shadow:var(--shadow-card), 0 0 0 1px color-mix(in srgb, var(--rarity-color,var(--rarity-common)) 40%, transparent);transition:transform var(--motion-normal) var(--ease-out), box-shadow var(--motion-normal) ease}.echo-card:hover .echo-card-frame{box-shadow:var(--shadow-card), var(--rarity-glow-token,none);transform:translateY(-4px)}.echo-card-common{--rarity-color:var(--rarity-common);--rarity-glow-token:none}.echo-card-rare{--rarity-color:var(--rarity-rare);--rarity-glow-token:var(--glow-blue)}.echo-card-epic{--rarity-color:var(--rarity-epic);--rarity-glow-token:var(--glow-violet)}.echo-card-legendary{--rarity-color:var(--rarity-legendary);--rarity-glow-token:var(--glow-gold)}.echo-card-mythic{--rarity-color:var(--rarity-mythic);--rarity-glow-token:var(--glow-mythic)}.echo-card-rarity-badge{border-radius:var(--radius-sm);color:#f8f4fa;border-color:color-mix(in srgb, var(--rarity-color) 50%, transparent);background:color-mix(in srgb, var(--rarity-color) 48%, #17101e);box-shadow:inset 0 1px #ffffff21}.echo-card.is-locked{filter:grayscale(.62)saturate(.45)}.echo-card.is-locked .echo-card-frame:before{background:linear-gradient(#08050c2e,#08050cad)}.avatar-frame{--frame-glow-color:color-mix(in srgb, var(--rarity-color,var(--rarity-common)) 48%, transparent)}.avatar-frame[data-state=locked]{filter:grayscale(.5)saturate(.55)}.avatar-frame[data-state=selected]{filter:brightness(1.08);box-shadow:var(--rarity-glow-token,var(--glow-gold))}.motion-lift{transition:transform var(--motion-normal) var(--ease-out), box-shadow var(--motion-normal) ease}.motion-lift:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.motion-reveal{animation:ds-reveal var(--motion-slow) var(--ease-out) both}.ds-preview-stack{gap:var(--space-12);display:grid}.ds-preview-section{gap:var(--space-6);display:grid}.ds-preview-section>div:first-child h2{margin:var(--space-2) 0 0}.ds-preview-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.ds-preview-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.ds-preview-grid .ui-card h3{margin:var(--space-3) 0 var(--space-2)}.ds-preview-grid .ui-card p{font-size:var(--font-size-sm);margin:0}.ds-rarity-swatch{border-radius:var(--radius-pill);background:var(--rarity-color);width:2rem;height:3px;box-shadow:var(--rarity-glow-token);display:block}.ds-form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ds-form-grid .field:last-child{grid-column:1/-1}.ds-identity-preview{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:190px;display:flex}@keyframes ds-backdrop-in{0%{opacity:0}}@keyframes ds-modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes ds-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes ds-reveal{0%{opacity:0;transform:translateY(10px)}}@media (max-width:699px){:root{--content-gutter:1rem;--section-space:3.75rem}body:before{opacity:.12}.cosmic-bg-orb{opacity:.1;filter:blur(70px);animation:none}.cosmic-bg-stars{opacity:.14}.btn{min-height:46px}.app-modal-backdrop{align-items:flex-end;padding:0}.app-modal,.app-modal-compact,.app-modal-wide{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - .5rem);padding:1.35rem 1rem calc(1.35rem + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:auto 0 0}.glass,.ui-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.echo-card:hover .echo-card-frame,.ui-card[data-interactive=true]:hover,.shop-product:hover,.pricing-card:hover,.leaderboard-row:hover{transform:none}.ds-form-grid{grid-template-columns:1fr}.ds-form-grid .field:last-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--color-border-soft:#ffffff3d;--color-text-secondary:#e0d6e5}.btn-secondary,.field input,.field textarea,.field select{border-width:2px}}