@font-face{font-family:'Lilita One';src:url('/assets/fonts/LilitaOne-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--orange:#ff702e;--purple:#652d99;--cream:#fff3d1;--ink:#251338;--mint:#97dea0;--display:'Lilita One',Impact,sans-serif;--body:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--mint);color:var(--ink)}a{color:inherit}img{display:block;max-width:100%}p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-100px;background:var(--cream);padding:12px 18px;z-index:10;border:3px solid var(--ink);font-weight:700}.skip:focus{top:12px}a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
.header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:18px 4%;background:var(--ink);color:var(--cream)}.home{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-size:1.5rem}.header p{font-size:.875rem;font-weight:650;letter-spacing:1px}.development{border:1px solid #fff3d180;border-radius:100px;font-size:.875rem;padding:8px 14px;letter-spacing:.5px}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);max-width:1800px;margin:auto;background:var(--purple)}.crew{margin:0;background:var(--cream);align-self:center}.art-window{aspect-ratio:1030/1024;overflow:hidden}.art-window img{width:100%;height:100%;object-fit:cover;object-position:left center;max-width:none}.crew figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 5%;font:1.1rem var(--display);border-top:2px solid var(--ink)}.crew figcaption span{font: .75rem/1.5 var(--body);max-width:190px;text-align:right}
.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 8%;color:var(--cream)}.tagline{width:100%;background:var(--cream);color:var(--ink);border-radius:48% 28% 40% 22% / 18% 26% 20% 24%;padding:30px 15px 34px;transform:rotate(-3deg);font:clamp(2.2rem,4.3vw,5rem)/1.08 var(--display)}.tagline p:last-child{color:var(--orange);text-shadow:1px 2px 0 var(--ink)}.intro{font-size:clamp(1.125rem,1.5vw,1.5rem);line-height:1.5;margin-top:35px}.launch{width:100%;margin-top:32px}.coming-soon{display:inline-block;padding:18px 28px;background:var(--cream);color:var(--ink);font:clamp(1.5rem,2.5vw,2.6rem)/1.15 var(--display);border:4px solid var(--ink);border-radius:60px;box-shadow:0 7px 0 #8e4bc0,0 12px 0 var(--ink);transform:rotate(-2deg)}.platforms{margin-top:27px;font-size:1rem}.footnote{margin-top:30px;line-height:1.5;font-size:.875rem}
.ribbon{display:flex;align-items:center;justify-content:center;gap:clamp(18px,5vw,80px);padding:24px 4%;background:var(--orange);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);font:clamp(1.1rem,2.1vw,2rem)/1.2 var(--display)}.ribbon b{font-family:Arial,sans-serif;font-size:2rem;font-weight:400;color:var(--ink)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 4%;background:var(--ink);color:var(--cream);font-size:.875rem}.footer-brand{font:1.4rem var(--display);color:var(--orange)}
@media(min-width:1800px){.hero{border-left:4px solid var(--ink);border-right:4px solid var(--ink)}}
@media(max-width:900px){.header p{display:none}.hero{grid-template-columns:1fr}.crew{width:100%}.hero-copy{padding:40px 7% 42px}.tagline{max-width:600px;font-size:clamp(2.5rem,8vw,4rem)}.intro{margin-top:28px}.launch{margin-top:24px}.footnote{margin-top:24px}}
@media(max-width:540px){.header{padding:14px 4%;gap:10px}.home{font-size:1.15rem;gap:7px}.home img{width:30px;height:30px}.development{font-size:.75rem;padding:8px 9px}.crew figcaption{align-items:flex-start;font-size:1rem;padding:13px 4%}.crew figcaption span{max-width:145px}.hero-copy{padding:35px 6% 38px}.tagline{padding:26px 12px 30px}.ribbon{gap:14px;flex-wrap:wrap;font-size:1.1rem;padding:19px 4%}.ribbon b{font-size:1.3rem}.ribbon span:last-child,.ribbon b:nth-of-type(2){display:none}footer{flex-wrap:wrap}.footer-brand{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}