@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--purple:#b794ff;--muted:#93899f;--line:#302638}*{box-sizing:border-box}body{margin:0;background:#100d16;color:#f6f1fc;font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c5a6ff;outline-offset:5px}header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:24px}.brand{font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:700;letter-spacing:2px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.brand-icon{font-size:38px;color:var(--purple)}.edition{border-left:1px solid #494052;padding-left:15px;margin-left:8px;font:10px/1.5 'DM Sans',sans-serif;letter-spacing:2px;width:85px;color:#a79bad}nav{display:flex;gap:28px;height:100%;align-items:center}.nav{height:100%;border:0;border-bottom:2px solid transparent;background:none;color:#9d94ab;padding:0 4px;font-size:14px}.nav.active{color:#efe5ff;border-bottom-color:#b48aff}#count{padding:2px 6px;background:#2c2339;border-radius:5px;font-size:12px;margin-left:4px}.status-badge{font-size:11px;letter-spacing:1.6px;color:#d4b9ff;border:1px solid #514065;padding:10px 12px;border-radius:5px}main{max-width:1500px;padding:48px 5.5% 0;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:2px;color:#ad8bcc;font-weight:600;margin:0 0 16px}h1{font:500 clamp(32px,3.5vw,53px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:0}h1 em{font-style:normal;color:#bb98f6}.sub{color:#9f94ac;font-size:14px;margin:19px 0 0}.supply{text-align:right;padding-right:4px}.supply strong{font:500 45px 'Space Grotesk',sans-serif;display:block}.supply span{font-size:10px;letter-spacing:2.5px;color:#b3a6bf}.supply-line{height:3px;width:150px;background:linear-gradient(90deg,#65468c,#c3a0fc);margin:15px 0 10px}.supply small{color:#8e829b;font-size:12px}.hatchery{height:490px;border:1px solid #493151;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 39% 48%,#352047 0%,#1e152d 37%,#17121f 78%)}.scene-label{position:absolute;z-index:3;left:27px;right:27px;top:25px;display:flex;justify-content:space-between}.scene-label .eyebrow{font-size:10px;color:#a092ae}.live{font-size:10px;letter-spacing:1.5px;color:#cdb0f2}.canvas-wrap{position:absolute;width:73%;height:100%;left:0;top:0;touch-action:pan-y}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.canvas-wrap canvas:active{cursor:grabbing}#loading{position:absolute;top:45%;left:30%;color:#c9b2e8;font-size:14px}.egg-info{position:absolute;right:5%;top:29%;width:255px;z-index:4}.tiny-label{font-size:10px;letter-spacing:2px;color:#c1a2e6;border:1px solid #584269;padding:6px 9px;border-radius:4px}.egg-info h2{font:500 28px 'Space Grotesk';letter-spacing:-1px;margin:20px 0 12px}.egg-info p{font-size:14px;line-height:1.8;color:#a99ab7;margin:0 0 22px}.steps{display:flex;gap:5px;margin-bottom:19px}.steps i{width:30px;height:3px;background:#41344e;border-radius:2px}.steps i.done{background:#ca9eff;box-shadow:0 0 8px #c294ff}.primary{width:100%;border:1px solid #cfb6ff;background:#bb94f6;color:#1c102e;padding:15px;border-radius:7px;font-weight:700;font-size:14px;box-shadow:0 0 30px #ab70f318;transition:.2s}.primary:hover{background:#d0adff;transform:translateY(-2px)}.primary span{float:right}.primary:disabled{opacity:.6;cursor:wait}.egg-info small{display:block;font-size:11px;color:#8c7d9a;text-align:center;margin-top:12px}.secondary{display:block;width:100%;background:none;color:#d6bbee;border:1px solid #5b436c;border-radius:6px;padding:10px;margin-top:9px;font-size:12px}.orbit-label{position:absolute;left:29px;top:44%;display:flex;flex-direction:column;gap:16px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#a294af}.floor-label{position:absolute;bottom:23px;left:27px;font-size:9px;letter-spacing:2px;color:#71627f}.discover{margin:39px 0 40px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-head .eyebrow{font-size:9px;margin-bottom:9px}.section-head h2{font:500 23px 'Space Grotesk';letter-spacing:-.5px;margin:0}.muted,.section-head>span{font-size:12px;color:#94859f}.previews{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.preview-card{border:1px solid #3a2b44;border-radius:10px;overflow:hidden;background:#1b1424;cursor:pointer;text-align:left;color:inherit;padding:0;transition:transform .25s,border-color .25s}.preview-card:hover{transform:translateY(-5px);border-color:#a582ce}.preview-card img{width:100%;aspect-ratio:1.2;display:block;object-fit:cover;background:radial-gradient(circle,#392b49,#1b1424)}.preview-text{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #382a43}.preview-text h3{font-size:14px;margin:0 0 5px;font-weight:500}.preview-text small{font-size:10px;color:#a68cb9;letter-spacing:1px}.preview-text>span{font-size:10px;border:1px solid #574363;color:#c8a9de;border-radius:4px;padding:5px}.card-ui{pointer-events:none;position:absolute;left:20%;top:10%;width:260px;height:375px;border:1px solid #b99be2;border-radius:17px;box-shadow:0 0 0 5px #b08be31a,0 0 45px #af6deb22;z-index:2;background:linear-gradient(120deg,#e8c8ff0a,transparent 45%,#b3f3ff09)}.card-top{display:flex;justify-content:space-between;font-size:10px;padding:17px;color:#e2c7ff;letter-spacing:1px}.card-bottom{position:absolute;bottom:0;width:100%;padding:18px;background:linear-gradient(transparent,#20142af0 30%);border-radius:0 0 17px 17px}.card-bottom p{color:#d6b0ff;font-size:9px;letter-spacing:2px;margin-bottom:7px}.card-bottom h2{font:500 22px 'Space Grotesk';margin:0 0 9px}.card-bottom div{font-size:10px;color:#b5a1c5;line-height:1.6}footer{padding:25px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#867890;font-size:11px}footer .brand{font-size:17px;color:#c6b5d4}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#453151;padding:13px 22px;border-radius:8px;color:white;z-index:20;font-size:13px;display:none}#collectionGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.collection{min-height:490px;padding:20px 0}#empty{color:#aa99b9;text-align:center;padding:80px 20px}[hidden]{display:none!important}@media(min-width:1300px){.card-ui{left:24%}}@media(max-width:850px){.edition{display:none}.egg-info{right:4%;width:220px}.canvas-wrap{width:70%}.card-ui{left:14%;width:235px}.muted{display:none}.previews{gap:10px}.preview-text{padding:12px 10px}.preview-text>span{display:none}}@media(max-width:600px){header{height:75px;padding:0 5%;gap:10px}.brand{font-size:20px;letter-spacing:1px}.brand-icon{font-size:28px}nav{gap:15px}.nav{font-size:12px}.status-badge{display:none}main{padding:30px 5% 0}.intro{margin-bottom:26px}h1{font-size:32px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1.4px}.sub{max-width:245px;line-height:1.7;font-size:12px;margin-top:14px}.supply{display:none}.hatchery{height:675px}.scene-label{left:20px;right:20px;top:22px}.canvas-wrap{width:100%;height:430px}.egg-info{top:auto;bottom:26px;left:25px;right:25px;width:auto;text-align:center}.egg-info h2{font-size:23px;margin:17px 0 9px}.egg-info p{font-size:12px;margin-bottom:15px}.steps{justify-content:center;margin-bottom:14px}.egg-info .tiny-label{display:none}.floor-label{display:none}.orbit-label{left:16px;top:25%}.card-ui{width:225px;height:320px;left:50%;transform:translateX(-50%);top:55px}.card-bottom h2{font-size:20px}.previews,#collectionGrid{grid-template-columns:repeat(2,1fr);gap:12px}.section-head h2{font-size:21px}.discover{margin-top:30px}footer{flex-wrap:wrap;gap:10px}footer p{display:none}.collection{min-height:500px}.section-head>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Genesis v2: the renderer, labels and controls occupy separate layout cells. */
main{padding-top:34px}.intro{margin-bottom:28px}h1{font-size:clamp(30px,3.4vw,47px)}.supply strong{font-size:36px}.hatchery{height:auto;min-height:570px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;padding:60px 42px 30px}.scene-label{top:22px}.visual-stage{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-frame{width:min(100%,390px);border:1px solid transparent;border-radius:20px;overflow:hidden;transition:border-color .3s,background .3s}.card-frame.revealed{border-color:#76558f;background:linear-gradient(145deg,#43305180,#1b1427);box-shadow:0 14px 40px #0004,inset 0 0 0 5px #d7a6ff08}.canvas-wrap{position:relative;left:auto;top:auto;width:100%;height:345px;overflow:hidden}.card-top{height:43px;visibility:hidden;padding:17px 20px 8px;align-items:center}.revealed .card-top{visibility:visible}.card-bottom{position:relative;bottom:auto;min-height:105px;padding:15px 20px 19px;border-top:1px solid #71558355;background:#201628cc;border-radius:0}.card-bottom h2{font-size:23px}.card-bottom p{margin:0 0 8px}.card-bottom div{font-size:12px;line-height:1.7}.egg-info{position:static;width:auto;align-self:center;text-align:left;padding:0 0 8px}.egg-info h2{font-size:31px;margin:24px 0 13px}.egg-info p{font-size:14px;line-height:1.7}.orbit-label{position:static;writing-mode:horizontal-tb;display:flex;flex-direction:row;gap:18px;justify-content:center;margin:18px 0 0;font-size:10px;letter-spacing:1.5px}.mint-rules{display:flex;justify-content:space-between;margin:20px 0;border-top:1px solid #4c385955;border-bottom:1px solid #4c385955;padding:15px 0;gap:20px;font-size:12px;color:#a894b8}.mint-rules b{display:block;color:#e5d6f1;font-size:16px;font-weight:500;margin-top:6px}.secondary{text-align:center;text-decoration:none;font-size:13px}.compact{width:auto;margin:0;padding:10px 17px}.egg-info .mint-note{font-size:12px;color:#9586a2;line-height:1.65;margin:20px 0 0}.egg-info small{font-size:12px;line-height:1.7}.previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preview-card img{aspect-ratio:1.25}.preview-text{gap:8px;align-items:flex-start}.preview-text h3{font-size:16px}.preview-text small{font-size:11px;letter-spacing:.5px;line-height:1.6}.preview-text>span{font-size:11px;white-space:nowrap}#collectionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}#loading{inset:45% 0 auto;text-align:center}header .brand{font-size:23px}.primary:disabled{cursor:default;transform:none}
@media(max-width:1000px){.hatchery{grid-template-columns:minmax(0,1fr) 280px;gap:24px;padding:60px 25px 27px}.preview-text>span{display:none}.egg-info h2{font-size:27px}}
@media(max-width:700px){header{height:72px;padding:0 5%}.status-badge{display:none}main{padding:26px 5% 0}.intro{display:block}.sub{max-width:none;font-size:13px;line-height:1.7}.supply{display:none}.hatchery{grid-template-columns:minmax(0,1fr);gap:24px;padding:52px 18px 25px;min-height:0}.scene-label{left:18px;right:18px}.visual-stage{width:100%}.card-frame{max-width:350px}.canvas-wrap{height:300px}.egg-info{text-align:left;width:100%;padding:0 5px}.egg-info .tiny-label{display:inline-block}.egg-info h2{margin:17px 0 10px}.egg-info p{font-size:14px}.steps{justify-content:flex-start}.card-bottom h2{font-size:22px}.orbit-label{margin-top:14px}.previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-text{padding:12px}.preview-text h3{font-size:14px}.preview-text small{font-size:10px}.section-head{gap:12px;align-items:flex-end}.section-head h2{font-size:21px}.compact{font-size:12px;padding:9px;flex-shrink:0}.section-head .eyebrow{font-size:9px}#collectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{line-height:1.7}}
@media(max-width:360px){header .brand{font-size:18px}nav{gap:10px}.card-top{font-size:9px;padding:14px}.previews{grid-template-columns:1fr}.section-head h2{font-size:18px}}
.wallet-head{display:flex;align-items:center;gap:10px}.wallet-button{min-height:40px;padding:8px 14px;border:1px solid #745b8d;border-radius:7px;background:#251b31;color:#f0e5fa;font-size:12px}.wallet-button:hover{background:#332341}.mint-panel{padding:15px;border:1px solid #503c60;border-radius:10px;background:#17111f}.mint-panel>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:12px;color:#998da3}.mint-panel b{color:#e9dcf3;font-weight:500;overflow-wrap:anywhere;text-align:right}.mint-panel small{display:block;margin-top:11px;color:#a698af;line-height:1.5}.mint-button{margin:14px 0 0}.primary:disabled{cursor:not-allowed;filter:saturate(.25);opacity:.65}.preview-divider{display:flex;align-items:center;gap:8px;margin:20px 0 12px;color:#ad94bd;font-size:9px;letter-spacing:1.4px}.demo-divider:before,.preview-divider:after{content:'';height:1px;background:#4c3859;flex:1}.preview-button{background:transparent;border:1px solid #9b74c4;color:#dec8f2}.demo-button:hover{background:#2d203a}.demo-button:disabled{background:transparent}@media(max-width:700px){header nav{display:none}.wallet-head .status-badge{display:none}.wallet-button{padding:7px 10px}.wallet-head{margin-left:auto}}
#accessorySelect{background:#271d34;border:1px solid #624976;border-radius:7px;color:#e5d2f3;min-height:40px;padding:9px 12px;font:inherit;font-size:13px;max-width:235px}.section-head>div{margin-right:auto}.discover .section-head{gap:14px}.preview-card{min-width:0}.preview-text small{display:block;overflow-wrap:anywhere}.canvas-wrap{isolation:isolate;contain:paint}.card-frame{flex-shrink:0} @media(max-width:700px){.discover .section-head{flex-wrap:wrap}.discover .section-head>div{width:100%;margin-bottom:6px}#accessorySelect{max-width:none;flex:1;min-width:0}.previews{gap:12px}.preview-text{min-height:92px}.egg-info{min-width:0}.card-frame{width:100%}}