@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#070914;--text:#eef0ff;--muted:#8d91aa;--line:#ffffff13;--purple:#b69afe;font-family:'DM Sans','Yu Gothic',sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d9c8ff;outline-offset:5px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}#stars,.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1}.ambient{background:radial-gradient(ellipse at 50% 24%,#55318b22,transparent 53%),radial-gradient(ellipse at 2% 75%,#17385f22,transparent 40%)}header{height:88px;max-width:1512px;margin:auto;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:4px;font-size:25px;font-weight:600;white-space:nowrap}.brand-mark{color:#d4b7ff;margin-right:8px;font-size:31px;text-shadow:0 0 20px #a47bff}nav{display:flex;gap:38px;height:100%;align-items:center}nav a{position:relative;font-size:14px;color:#989bb1;height:100%;display:flex;align-items:center}nav a.active{color:#f1e9ff}nav a.active:after{position:absolute;content:'';height:2px;background:#b39ad9;bottom:0;left:15%;right:15%;box-shadow:0 0 12px #ac76ff}.header-discover{font-size:12px;color:#c5c3d4;letter-spacing:.3px}.header-discover span{margin-left:18px;color:#d0adff}.hero{text-align:center;position:relative;padding:62px 24px 39px;isolation:isolate}.eyebrow{font-size:11px;font-weight:500;letter-spacing:2.4px;color:#aba0c4}.hero>.eyebrow{display:flex;justify-content:center;align-items:center;gap:20px}.eyebrow>span:empty{width:44px;height:1px;background:linear-gradient(90deg,transparent,#a68ecb)}.eyebrow>span:last-child:empty{transform:rotate(180deg)}.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(72px,8.4vw,126px);line-height:1;letter-spacing:19px;font-weight:400;margin:17px 0 14px;padding-left:19px;background:linear-gradient(#fff 12%,#e4d6f7 52%,#8a78a8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 65px #c69eff25;animation:logo-in 1.4s both}.hero-copy{font-size:15px;letter-spacing:5px;margin:15px 0}.hero-copy em{font-style:normal;color:#cfb5ff}.hero-ja{font-size:13px;letter-spacing:3px;color:#a6a1b6;margin:17px 0 30px}.draw-control{position:relative}.draw-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:61px;min-width:288px;padding:14px 27px;background:linear-gradient(115deg,#574179,#8260a8 48%,#4e386a);border:1px solid #dfbbff88;border-radius:3px;font-size:19px;letter-spacing:2px;box-shadow:0 0 24px #b675ff26,inset 0 0 18px #ffffff13;position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}.draw-button:before{content:'';position:absolute;inset:-120%;background:conic-gradient(transparent 0deg,transparent 160deg,#ffe7ff40 185deg,transparent 215deg);animation:spin 7s linear infinite}.draw-button:after{content:'';position:absolute;inset:2px;border:1px solid #f0d9ff20;pointer-events:none}.draw-button:hover{box-shadow:0 0 48px #b679ff65,inset 0 0 22px #fff2;transform:translateY(-2px)}.draw-button span{color:#efddff;font-size:22px}.draw-control>p{font-size:12px;color:#9290a8;letter-spacing:.8px;margin:16px 0 12px}.mode{font-size:12px;color:#a7a0ba;display:inline-flex;gap:8px;align-items:center;cursor:pointer}.mode input{accent-color:#b997e5;width:14px;height:14px}.hero-orbit{position:absolute;z-index:-1;width:660px;max-width:96vw;height:200px;left:50%;top:90px;transform:translateX(-50%) rotate(-13deg);border:1px solid #b387ef16;border-radius:50%;box-shadow:0 -14px 50px #795fc509;pointer-events:none}.hero-orbit:before{content:'';position:absolute;inset:20px -50px;border:1px solid #b387ef09;border-radius:50%;transform:rotate(25deg)}.discovery,.gallery-page,.detail-page{max-width:1340px;margin:0 auto;padding:22px 5% 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:30px}.section-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#8e879d}.section-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;font-weight:400;margin:10px 0 0}.heading-star{font-size:18px;color:#baa1e3;margin-left:20px}.section-note{font-size:12px;color:#87849c;letter-spacing:1px}.cards{display:grid;gap:28px 24px}.preview-grid,.draw-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.art-card{background:transparent;padding:0;position:relative;min-width:0;text-align:left;aspect-ratio:3/4;perspective:1200px;isolation:isolate;transition:transform .35s;z-index:1}.aura{--a:#b07cff;--b:#565bfd;--particles:#dcc7ff}.gold{--a:#ffbe4b;--b:#c97d16;--particles:#ffedb3}.rainbow{--a:#f19cff;--b:#6beced;--particles:#fff}.red{--a:#ff504c;--b:#9a153f;--particles:#ffaf70}.pink{--a:#ff9aca;--b:#c854b7;--particles:#ffe3f4}.blue{--a:#4dbef7;--b:#326cd5;--particles:#b1f9ff}.silver{--a:#dbe5f4;--b:#96a4c8;--particles:#fff}.smoke{position:absolute;inset:-8px;z-index:-1;opacity:.72;background:radial-gradient(ellipse at 2% 20%,var(--a),transparent 42%),radial-gradient(ellipse at 94% 74%,var(--b),transparent 35%),radial-gradient(ellipse at 24% 97%,var(--a),transparent 34%);filter:blur(15px);transform:rotate(-3deg);animation:smoke 5s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}.smoke:after{content:'';position:absolute;inset:-8px;background:conic-gradient(from 45deg,transparent,var(--a),transparent 25%,var(--b),transparent 70%,var(--a),transparent);filter:blur(13px);opacity:.6;transform:skew(-8deg,7deg);border-radius:40% 55% 30% 40%}.rainbow .smoke{background:conic-gradient(from 20deg,#ce61ff,#ff697a,#f8d968,#67ffd1,#3f91ff,#ce61ff);animation-name:rainbow-smoke;filter:blur(17px)}.gold .smoke{filter:blur(11px)}.red .smoke{transform-origin:bottom;animation-name:flame}.pink .smoke{border-radius:45%;filter:blur(21px);animation-duration:7s}.blue .smoke{transform:skewY(5deg)}.silver .smoke{opacity:.42;filter:blur(16px)}.sparks{position:absolute;inset:-18px;z-index:3;pointer-events:none;opacity:.6;background-image:radial-gradient(circle at 6% 13%,var(--particles) 0 1px,transparent 2px),radial-gradient(circle at 96% 32%,var(--particles) 0 1px,transparent 2px),radial-gradient(circle at 17% 92%,var(--particles) 0 1.5px,transparent 2.5px),radial-gradient(circle at 79% 3%,var(--particles) 0 1px,transparent 2px),radial-gradient(circle at 92% 83%,var(--particles) 0 1px,transparent 2px);animation:sparkle 3s ease-in-out infinite alternate;animation-play-state:paused}.gold .sparks{background-size:65% 63%;animation-duration:1.7s}.purple .sparks{transform:rotate(4deg);background-size:88% 78%}.red .sparks{animation-name:embers}.pink .sparks{filter:blur(.4px)}.silver .sparks{background-size:115% 70%}.card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.card-front,.card-back{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px;overflow:hidden;border:1px solid #e4ddff25;background:#12111e}.card-front{box-shadow:0 0 8px color-mix(in srgb,var(--a),transparent 30%)}.art-image{display:block;position:absolute;inset:0}.atlas{width:100%;height:100%;background-image:url('assets/art-atlas.png');background-size:400% 300%;background-position:var(--x) var(--y);background-repeat:no-repeat}.art-image img,.detail-image img{width:100%;height:100%;object-fit:cover}.card-caption{position:absolute;bottom:0;left:0;right:0;padding:35px 13px 15px;background:linear-gradient(transparent,#050712dd);display:flex;flex-direction:column;gap:6px}.card-caption>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;color:#fff}.card-caption small{font-size:10px;letter-spacing:1.2px;color:#ccc4d5}.art-card:hover{transform:translateY(-7px);z-index:4}.in-view .smoke,.in-view .sparks{animation-play-state:running}.art-card:hover .smoke{opacity:1;inset:-13px}.card-back{transform:rotateY(180deg);background:radial-gradient(ellipse at 50% 40%,#46376844,transparent 65%),#0c1021;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #8576b957}.card-back b{font-size:60px;font-weight:400;color:#e2c9ff;text-shadow:0 0 25px #bb85ff}.card-back strong{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:4px;font-size:23px;font-weight:400}.card-back small{font-size:8px;letter-spacing:2px;margin-top:30px;color:#9386a8}.back-geometry{position:absolute;inset:20px;border:1px solid #afa0dc2b}.back-geometry:after{content:'';position:absolute;width:85%;aspect-ratio:1;left:7%;top:22%;transform:rotate(45deg);border:1px solid #afa0dc30}.unopened .card-inner{transform:rotateY(180deg)}.unopened .smoke{opacity:.15}.revealing .smoke{animation:burst .9s ease-out!important}.revealing .sparks{animation:particle-burst 1s ease-out!important}.arrive{animation:arrive .6s both}.selected{transform:scale(1.22)!important;z-index:10!important}.selected .smoke{opacity:1;filter:blur(25px)}.travel .art-card:not(.selected){opacity:.25}.collection-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:27px;padding:20px 0;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1px;color:#7f7b91}.collection-bottom a{color:#c3b4da}.aura-key{text-align:center;padding:34px 24px 40px}.aura-key>div{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-top:23px}.aura-dot{font-size:10px;letter-spacing:1.2px;color:#b3aec4;display:inline-flex;align-items:center;gap:9px}.aura-dot i{width:6px;height:6px;border-radius:50%;background:var(--a);box-shadow:0 0 10px var(--a)}.aura-dot.rainbow i{background:linear-gradient(45deg,#ffc765,#ed77df,#69d9ff)}.aura-key p{color:#767287;font-size:12px;margin-top:25px}footer{max-width:1340px;margin:0 auto;padding:26px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#777286;font-size:11px}footer .brand{font-size:18px;color:#aea3c3}footer>span:nth-child(2){font-family:Georgia,serif;font-style:italic;font-size:13px}.result-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:35px;flex-wrap:wrap}.small{font-size:14px;min-width:200px;min-height:49px;letter-spacing:1px}.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#15132388;border:1px solid #bba0df35;padding:14px 21px;border-radius:3px;font-size:13px;transition:background .2s}.subtle-button:hover{background:#6c458344}.ad-space{max-width:760px;margin:40px auto;padding:22px;border:1px dashed #ffffff16;display:flex;flex-direction:column;gap:9px;align-items:center;color:#6c667b;font-size:11px;letter-spacing:2px}.ad-space span+span{font-size:12px;letter-spacing:.5px}.gallery-page{padding-top:60px;min-height:75vh}.gallery-title{display:flex;justify-content:space-between;align-items:center}.gallery-title h1{font:400 70px 'Cormorant Garamond',Georgia,serif;margin:10px 0}.gallery-title h1 span{font-size:28px;color:#b49acf;vertical-align:middle;margin-left:20px}.gallery-title p{color:#a8a0ba;font-size:14px}.filters{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:32px 0 22px;padding:20px 0;border-block:1px solid var(--line)}.filters>div{display:flex;gap:9px;flex-wrap:wrap}.filter{background:none;color:#9790a8;font-size:13px;padding:9px 16px;border:1px solid transparent;border-radius:3px}.filter.active{color:#e2d2f7;border-color:#a585c354;background:#48305735}.search{display:flex;align-items:center;gap:10px}.search>span{font-size:25px;color:#aaa0be}.search input{width:160px;border:0;background:transparent;outline-offset:2px;font-size:13px;color:#e3d9ef}.count{font-size:11px;letter-spacing:2px;color:#847d97;margin-bottom:28px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:34px}.gallery-grid .smoke{opacity:.35}.gallery-grid .art-card:hover .smoke{opacity:1}.detail-page{padding-top:35px;padding-bottom:65px;min-height:80vh}.back-link{font-size:13px;color:#b4a4cc}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;max-width:1000px;margin:45px auto 0}.detail-art{position:relative;isolation:isolate;aspect-ratio:3/4;background:none;padding:0;max-height:650px}.detail-art .smoke{opacity:.9;animation-play-state:running}.detail-image{position:absolute;inset:0;overflow:hidden;border:1px solid #e2bfff33}.zoom-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:10px;background:#0008;backdrop-filter:blur(8px);font-size:10px;letter-spacing:1px}.detail-info h1{font:400 clamp(42px,5vw,70px)/1.05 'Cormorant Garamond',Georgia,serif;margin:24px 0}.category-label{display:inline-block;padding:6px 12px;border:1px solid #bda2d644;font-size:12px;color:#c0afd4}.detail-info>p{font-size:16px;line-height:2.1;color:#aaa1b9;margin:28px 0}.aura-description{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column;gap:12px}.aura-description small{color:#797088;font-size:12px}.detail-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:38px;font-size:14px;color:#d0bfdc}.about{max-width:760px;min-height:75vh;margin:60px auto;padding:20px 30px}.about h1{font:400 clamp(48px,7vw,85px)/1.1 'Cormorant Garamond',Georgia,serif}.about p{line-height:2;color:#b0a6bd;font-size:16px}.about .muted{color:#82788e;font-size:13px}.about .subtle-button{margin-top:20px}.empty{text-align:center;padding:65px 20px;min-height:45vh;color:#b3a6c2}#ritual{position:fixed;inset:0;background:#02030ac9;z-index:30;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .35s;overflow:hidden;backdrop-filter:blur(5px)}#ritual.active{opacity:1}#ritual>span{position:absolute;top:65%;font-size:12px;letter-spacing:5px;color:#d5c4ed}.ritual-core{font-size:110px;color:#fff;text-shadow:0 0 20px white,0 0 60px #d2a0ff,0 0 140px #8962ff;transform:scale(.1)}.active .ritual-core{animation:collect 1.8s both}.ritual-ring{position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #d8b3ff;box-shadow:0 0 40px #b573ff,inset 0 0 40px #b573ff;opacity:0}.active .ritual-ring{animation:ring-burst 1.8s both}.dissolving .cards{filter:blur(16px);opacity:0;transform:scale(.94);transition:all .7s}dialog{padding:0;border:0;background:transparent;overflow:visible;max-width:94vw;max-height:95vh}dialog::backdrop{background:#02030af2;backdrop-filter:blur(12px)}#lightbox-art{height:min(86vh,1000px);aspect-ratio:3/4;width:auto;max-width:90vw}#lightbox-art img{width:100%;height:100%;object-fit:contain}.close{position:absolute;right:-6px;top:-36px;font-size:30px;background:none;color:white;width:40px;height:40px}.smoke,.sparks{will-change:transform}.art-card:not(.in-view) .smoke,.art-card:not(.in-view) .sparks{will-change:auto}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes smoke{to{transform:translate(3px,-5px) rotate(3deg) scale(1.035);filter:blur(19px)}}@keyframes rainbow-smoke{to{transform:rotate(4deg) scale(1.035);filter:blur(19px) hue-rotate(80deg)}}@keyframes flame{to{transform:translateY(-7px) skewX(3deg) scaleY(1.04)}}@keyframes sparkle{to{opacity:.15;transform:translateY(-4px)}}@keyframes embers{to{opacity:.1;transform:translate(4px,-16px)}}@keyframes logo-in{0%{opacity:0;filter:blur(8px);transform:translateY(7px)}60%{text-shadow:0 0 40px #d3a8ff88}100%{opacity:1;filter:none}}@keyframes burst{0%{opacity:.2;transform:scale(.85)}30%{opacity:1;filter:blur(8px);transform:scale(1.2)}100%{opacity:.65;transform:scale(1)}}@keyframes particle-burst{20%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.45)}}@keyframes arrive{from{opacity:0;transform:translateY(30px) scale(.7) rotateX(12deg)}to{opacity:1;transform:none}}@keyframes collect{0%{transform:scale(.05);opacity:0}45%{transform:scale(1);opacity:1}72%{transform:scale(1.3)}100%{transform:scale(3);opacity:0}}@keyframes ring-burst{0%{transform:scale(2);opacity:0}40%{transform:scale(.45);opacity:1}65%{transform:scale(.7);opacity:1}100%{transform:scale(5);opacity:0}}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:55px}.discovery{max-width:1450px}.cards{gap:30px}.hero h1{font-size:138px}}
@media(max-width:800px){header{height:72px;padding:0 5%}.header-discover{display:none}nav{gap:24px}.brand{font-size:22px}.hero{padding-top:44px}.hero h1{letter-spacing:12px;padding-left:12px}.hero-copy{font-size:12px;letter-spacing:3px}.section-heading h2{font-size:25px}.section-note{display:none}.cards{gap:25px 18px}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-grid .art-card:nth-child(n+4){display:none}.draw-grid,.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-bottom>span:nth-child(2){display:none}.aura-key>div{gap:19px}.filters{align-items:flex-start;flex-direction:column}.detail-layout{gap:6%}.detail-info .eyebrow{font-size:9px}footer>span:nth-child(2){display:none}}
@media(max-width:520px){header{gap:15px}nav{gap:20px}nav a{font-size:12px}.brand{font-size:20px;letter-spacing:2px}.brand-mark{font-size:24px;margin-right:2px}.hero{padding:39px 16px 29px}.hero>.eyebrow{font-size:8px;letter-spacing:1.6px;gap:12px}.eyebrow>span:empty{width:20px}.hero h1{font-size:76px;letter-spacing:8px;padding-left:8px;margin-top:22px}.hero-copy{font-size:11px;letter-spacing:2.8px}.hero-ja{font-size:12px;letter-spacing:2px;margin-bottom:25px}.draw-button{min-width:260px;min-height:57px;font-size:17px}.draw-control>p{font-size:10px}.hero-orbit{width:95vw;height:145px;top:105px}.discovery{padding-top:24px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:24px;max-width:270px}.heading-star{margin-left:10px;font-size:15px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid .art-card:nth-child(3){display:none}.draw-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 19px}.smoke{filter:blur(10px)!important;inset:-5px}.smoke:after{filter:blur(8px)}.card-caption>span{font-size:19px}.card-caption{padding:30px 10px 12px}.collection-bottom{font-size:9px;letter-spacing:.6px}.aura-key{padding-top:27px}.aura-key>div{gap:17px 22px}.aura-dot{font-size:9px}.aura-key p{font-size:11px}footer{font-size:9px;padding-block:22px}.gallery-page{padding-top:35px}.gallery-title{align-items:flex-start;gap:12px}.gallery-title h1{font-size:53px}.gallery-title h1 span{font-size:20px;margin-left:10px}.gallery-title .subtle-button{font-size:10px;padding:11px;gap:5px;margin-top:35px}.gallery-title p{font-size:12px}.filter{font-size:12px;padding:8px 11px}.filters>div{gap:2px}.detail-layout{grid-template-columns:1fr;gap:35px;margin-top:28px}.detail-art{width:90%;margin:auto;max-height:none}.detail-info{padding:0 10px}.detail-info h1{font-size:48px}.detail-info>p{font-size:15px}.result-actions{gap:12px}.result-actions .draw-button{min-width:0;font-size:13px;min-height:48px;gap:10px}.result-actions .subtle-button{font-size:12px;padding:13px}.card-back strong{font-size:19px}.card-back small{font-size:7px;letter-spacing:1px}.card-back b{font-size:45px}.ad-space{margin-inline:5%}.ritual-ring{width:160px;height:160px}#ritual>span{font-size:9px;letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ritual-core{transform:none}.smoke,.sparks{will-change:auto}.arrive{opacity:1}#ritual.active .ritual-core{opacity:1}}