@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--bg:#081222;--ink:#f7eedc;--gold:#e5c17b;--muted:#acb3c0;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5.5%;position:relative;z-index:2;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.brand-mark{color:var(--gold);font-size:36px}.brand-dot{font-size:12px;align-self:flex-start;margin-top:8px}nav{display:flex;gap:35px;font-size:14px;color:#d6d8df}.nav-cta{border:1px solid #e5c17b65;border-radius:5px;padding:10px 20px;font-size:14px}.nav-cta span{margin-left:16px;color:var(--gold)}.hero{max-width:1440px;margin:auto;min-height:790px;padding:72px 5.5% 98px;display:grid;grid-template-columns:1.12fr 1fr;gap:6%;align-items:center;position:relative}.eyebrow{font-size:12px;letter-spacing:2.3px;color:var(--gold);font-weight:600}.eyebrow span{font-size:20px;margin-right:9px}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.12;margin:26px 0}h1{font-size:clamp(56px,5.5vw,83px);letter-spacing:-2.7px}em{color:var(--gold);font-weight:500}p{color:var(--muted)}.hero-copy>p{font-size:16px;line-height:1.9;margin:28px 0}.actions{display:flex;gap:20px;align-items:center;margin:32px 0}.button{padding:14px 22px;border-radius:4px;font-weight:600;font-size:14px;border:0;display:inline-flex;gap:24px;align-items:center;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:#17202d}.text-button{background:transparent;color:var(--ink);padding-left:8px}.text-button span{color:var(--gold);font-size:22px}.hero-foot{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.6px;color:#969fae;margin-top:48px}.tiny-star{font-size:18px;color:var(--gold)}.hero-art{position:relative;max-width:485px;width:100%;justify-self:center;animation:float 7s ease-in-out infinite}.art-window{border-radius:240px 240px 14px 14px;overflow:hidden;border:1px solid #d9bc7e66;position:relative;background:#172c51;box-shadow:0 20px 100px #5860a82a}.art-window img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;transition:opacity .3s;}.orbit{position:absolute;inset:-19px;border:1px solid #e5c17b24;border-radius:250px 250px 30px 30px;transform:rotate(5deg);pointer-events:none}.floating-star{position:absolute;color:var(--gold);text-shadow:0 0 30px #e6c674;animation:twinkle 4s infinite alternate}.one{font-size:67px;top:10%;left:-35px}.two{font-size:70px;bottom:15%;right:-40px}.art-caption{position:relative;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.4px;margin-top:20px;color:#bfc3ce;gap:8px}.scene-controls{display:flex;gap:7px}.scene-controls button{width:18px;height:18px;padding:5px;background:transparent;border:0;position:relative}.scene-controls button:after{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#626b7b}.scene-controls button.active:after{background:var(--gold)}.scroll-note{position:absolute;left:5.5%;bottom:24px;font-size:10px;letter-spacing:2px;color:#8d98aa;display:flex;gap:25px}.ticker{overflow:hidden;border-block:1px solid #e5c17b35;background:#101d2e;color:var(--gold);padding:20px 0;white-space:nowrap;font-size:12px;letter-spacing:3px}.ticker>div{width:max-content;animation:marquee 36s linear infinite}.ticker b{margin:0 55px;font-size:18px}.story,.worlds,.launch{max-width:1280px;margin:auto;padding:100px 24px}.story{display:grid;grid-template-columns:1fr 2.5fr .5fr;gap:30px;border-bottom:1px solid var(--line)}h2{font-size:clamp(35px,3.5vw,52px);letter-spacing:-1px}.story h2{margin-top:0}.story p{max-width:620px}.story-star{font-size:100px;color:var(--gold);align-self:center}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.world-card{background:none;border:0;padding:0;text-align:left}.card-image{overflow:hidden;border:1px solid #e5c17b40;border-radius:120px 120px 5px 5px}.card-image img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .65s}.world-card:hover img{transform:scale(1.055)}.world-card:nth-child(even){margin-top:48px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-family:Georgia,serif;font-size:23px}.card-title small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:1.7px;color:var(--gold);margin-bottom:7px}.card-title b{font:22px 'DM Sans',sans-serif;color:var(--gold)}.launch{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;border-top:1px solid var(--line)}.launch-panel{padding:30px 34px;border:1px solid #e5c17b40;background:linear-gradient(135deg,#19283a,#0c1727);border-radius:7px;align-self:center}.launch-label{color:var(--gold);font-size:11px;letter-spacing:2px}.launch-panel h3{font-size:30px}.launch-panel dl{font-size:14px}.launch-panel dl div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);gap:15px}.launch-panel dt{color:var(--muted)}dd{margin:0}.launch-panel p{font-size:13px}.closing{text-align:center;background:radial-gradient(ellipse at bottom,#243656,transparent 70%);padding:60px 20px 100px}.closing>span{font-size:40px;color:var(--gold)}.closing h2{font-size:65px}footer{max-width:1440px;margin:auto;padding:35px 5.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px}footer .brand{font-size:20px}footer p,footer>span{font-size:12px}footer>span{white-space:nowrap;color:var(--muted)}.stars{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.spark{position:absolute;background:#f4d395;border-radius:50%;animation:twinkle var(--speed) ease-in-out infinite alternate}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.motion .reveal.visible{opacity:1;transform:none}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:14px 24px;background:#e5c17b;color:#142036;border-radius:8px;opacity:0;pointer-events:none;transition:.3s;z-index:6;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.burst{position:fixed;color:var(--gold);pointer-events:none;z-index:10;animation:burst 1.2s forwards}dialog{background:#101e33;color:var(--ink);border:1px solid #e5c17b60;border-radius:14px;padding:0;max-width:780px;width:90vw;max-height:90vh;overflow:auto}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#030914d9;backdrop-filter:blur(8px)}dialog>img{width:100%;height:100%;object-fit:cover}dialog>div{padding:45px 28px;align-self:center}dialog h2{font-size:36px}.close{position:absolute;right:12px;top:12px;width:40px;height:40px;background:#091426;border:1px solid var(--line);border-radius:50%;font-size:25px}@keyframes float{50%{transform:translateY(-10px)}}@keyframes twinkle{from{opacity:.15}to{opacity:.85}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(120deg);opacity:0}}@media(min-width:1500px){.hero{min-height:850px}}@media(max-width:900px){header{height:80px}nav{gap:20px}.hero{gap:5%;min-height:700px}h1{font-size:54px}.hero-copy>p{font-size:14px}.desktop{display:none}.hero-foot{font-size:9px}.cards{gap:14px}.card-title{font-size:20px}.story{grid-template-columns:1fr 3fr}.story-star{display:none}.launch{gap:5%}footer{flex-wrap:wrap}}@media(max-width:640px){header{padding:0 6%}.brand{font-size:22px}nav{display:none}.nav-cta{padding:8px 12px;font-size:12px}.hero{display:flex;flex-direction:column;padding:40px 7% 65px;gap:45px}.hero-copy{width:100%}h1{font-size:57px;letter-spacing:-2px}.eyebrow{font-size:10px;letter-spacing:1.7px}.hero-copy>p{font-size:16px}.hero-foot{margin-top:27px}.hero-art{width:84%;max-width:360px}.art-caption{font-size:8px;align-items:center}.one{font-size:50px;left:-25px}.two{right:-25px;font-size:50px}.scroll-note{display:none}.actions{gap:10px}.button{padding:13px 16px;gap:14px}.story,.worlds,.launch{padding:60px 7%}.story{display:block}.story h2{margin-top:24px}.section-heading{display:block}.section-heading>p{margin-top:22px}.cards{grid-template-columns:repeat(2,1fr);gap:28px 16px}.world-card:nth-child(even){margin-top:30px}.card-title{font-size:18px}.card-title small{font-size:8px;letter-spacing:1px}.card-title b{font-size:18px}.launch{display:block}.launch-panel{margin-top:35px;padding:25px}.closing h2{font-size:50px}footer{padding:30px 7%;gap:10px}footer p{width:100%}dialog[open]{grid-template-columns:1fr}dialog>img{height:auto;max-height:52vh;object-fit:contain;background:#081222}dialog>div{padding:22px}dialog h2{margin:14px 0}.ticker b{margin:0 30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}

.brand-logo{width:44px;height:46px;object-fit:contain;border-radius:9px;flex-shrink:0}.nav-cta .x-label{margin:0 10px;color:inherit}@media(max-width:640px){.brand-logo{width:36px;height:38px}.nav-cta .x-label{margin:0 5px}}
.studio,.daily,.purpose{max-width:1280px;margin:auto;padding:85px 24px;border-bottom:1px solid var(--line)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.studio-controls{padding:28px;background:#132035;border:1px solid var(--line);border-radius:12px}.studio-controls label{display:block;font-size:14px;color:var(--gold);margin:20px 0 10px}.studio-controls label:first-child{margin-top:0}.studio-controls input,.studio-controls select,.studio-controls textarea{width:100%;font:16px/1.5 'DM Sans',sans-serif;background:#081222;color:var(--ink);border:1px solid #ffffff35;border-radius:5px;padding:12px;resize:vertical}.studio-controls input:focus,.studio-controls textarea:focus,.studio-controls select:focus{outline:2px solid var(--gold);outline-offset:2px}.studio-controls .button{margin-top:25px}.studio-controls .button:disabled{opacity:.45;cursor:wait}.studio-hint,#studio-status{font-size:14px}.canvas-wrap{max-width:440px;justify-self:center;width:100%;transform:rotate(1deg)}#meme-canvas{width:100%;height:auto;border:1px solid #e5c17b65;border-radius:8px;display:block;box-shadow:0 20px 65px #0005}.preview-label{display:block;text-align:center;letter-spacing:2px;font-size:12px;color:var(--gold);margin-top:15px}.daily{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.daily-result{border:1px solid #e5c17b45;border-radius:12px;padding:35px;text-align:center;background:radial-gradient(ellipse at top,#2d3e60,#101a2b)}.daily-symbol{font-size:65px;color:var(--gold)}.daily-result h3{font-size:30px}.daily-result.revealed{display:grid;grid-template-columns:120px 1fr;text-align:left;gap:24px;padding:22px}.daily-result img{width:120px;border-radius:60px 60px 6px 6px;align-self:center}.daily-result.revealed h3{margin:15px 0}.daily-result .button{padding:8px 0;font-size:13px}.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.purpose article{padding:25px;border-top:1px solid #e5c17b65;background:#112034}.purpose article>span{font-size:12px;color:var(--gold);letter-spacing:1px}.purpose h3{font-size:28px}.purpose article a{color:var(--gold)}.token-note{font-size:14px;margin-top:28px;max-width:850px}@media(max-width:640px){.studio,.daily,.purpose{padding:55px 7%}.studio-grid,.daily{grid-template-columns:1fr;gap:30px}.canvas-wrap{max-width:350px;transform:none}.studio-controls{padding:20px}.purpose-grid{grid-template-columns:1fr;gap:18px}.daily-result.revealed{grid-template-columns:90px 1fr;gap:16px;padding:18px}.daily-result img{width:90px}.daily-result.revealed h3{font-size:25px}}
