:root{color-scheme:dark;--bg:#080c21;--ink:#f3f5ff;--muted:#acb6d0;--cyan:#72edfa;--line:#ffffff19}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:var(--cyan);color:var(--bg);padding:10px}.skip-link:focus{top:10px}.product-header{height:82px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:650;white-space:nowrap}.brand img{border-radius:10px}.product-header nav{display:flex;gap:32px;font-size:13px;color:var(--muted)}.product-header a:hover,footer a:hover{color:var(--cyan)}.lang-toggle{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:30px;color:var(--muted);background:transparent;flex-shrink:0}.lang-toggle span{font-size:12px;padding:5px 10px;border-radius:20px}.lang-toggle .active{background:var(--cyan);color:#0a1d32}.hero{position:relative;min-height:690px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080c21f5 0%,#080c21bc 25%,#080c2120 65%),linear-gradient(0deg,#080c21,transparent 30%)}.hero-copy{max-width:1440px;width:100%;margin:auto;padding:64px 6%}.game-brand{display:flex;align-items:center;gap:14px;font-size:27px;letter-spacing:-1px}.game-brand img{width:47px;height:47px;object-fit:contain}.game-brand b{color:var(--cyan);font-weight:400}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.2px;color:var(--cyan);margin:30px 0 18px}h1,h2,h3{line-height:1.12;margin:0;font-weight:700}h1{font-size:clamp(42px,4.8vw,74px);letter-spacing:-2.7px;max-width:700px}h1 span{display:block}.accent{color:var(--cyan)}.lead{font-size:17px;line-height:1.8;color:#c1cbe1;max-width:460px;margin:26px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:14px 23px;background:var(--cyan);color:#0b2031;font-weight:650;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#b5f7fd;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid #72edfa77;padding:8px 0}.platforms{font-size:12px;letter-spacing:.5px;color:#b1c0de;margin:32px 0 0}.platforms span{color:var(--cyan);margin:0 10px}.hero-signature{position:absolute;bottom:34px;right:5%;font-size:9px;letter-spacing:3px;color:#d5e2ffb0}.mode-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);max-width:1440px;margin:auto}.mode-strip a{padding:25px 12%;font-size:15px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:16px;border-right:1px solid var(--line)}.mode-strip a:last-child{border-right:0}.mode-strip span{font-size:10px;color:#7784a8;letter-spacing:0}.mode-strip i{margin-left:auto;color:var(--cyan);font-style:normal}.mode-strip a:hover{background:#72edfa0c}.section{max-width:1440px;margin:auto;padding:96px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:42px}.section-heading>div{flex:1.3}.section-heading>.eyebrow{margin-top:0}.section-heading>p{flex:1;max-width:430px;color:var(--muted);font-size:15px;margin:0}h2{font-size:clamp(32px,3.2vw,48px);letter-spacing:-1.7px}.section-heading .eyebrow{margin-top:0}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mode-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#10152a;--tint:#72edfa;scroll-margin-top:30px}.mode-card.quad{--tint:#ffb36e}.mode-card.piano{--tint:#c7acff}.mode-card.fall{--tint:#89f1bd}.mode-visual{height:360px;position:relative;display:flex;justify-content:center;align-items:center;padding:28px;background:radial-gradient(ellipse at bottom,#17344b,#090d20 75%);border-bottom:1px solid var(--line)}.quad .mode-visual{background:radial-gradient(ellipse at bottom,#442b35,#090d20 75%)}.piano .mode-visual{background:radial-gradient(ellipse at bottom,#30264e,#090d20 75%)}.fall .mode-visual{background:radial-gradient(ellipse at bottom,#1e3e3d,#090d20 75%)}.mode-visual img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 12px 25px #0008);border-radius:6px}.mode-copy{padding:30px 32px 34px}.mode-number{font-size:10px;letter-spacing:2px;color:var(--tint)}h3{font-size:25px;letter-spacing:-.6px;margin:13px 0}.mode-copy p{color:var(--muted);font-size:14px;line-height:1.8;margin:16px 0 23px;min-height:76px}.mode-pill{font-size:11px;color:var(--tint);padding-top:14px;display:block;border-top:1px solid var(--line)}.create-section{display:grid;grid-template-columns:1fr 1.05fr;gap:8%;align-items:center;padding-top:20px}.create-art{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--line);height:660px}.create-art img{width:100%;height:100%;object-fit:cover;object-position:60% center}.art-caption{position:absolute;top:40px;left:32px;right:24px;font-size:clamp(24px,2.5vw,37px);letter-spacing:-1px;line-height:1.2;font-weight:750}.create-copy .eyebrow{margin-top:0}.intro{color:var(--muted);font-size:16px;margin:24px 0 30px}.create-copy article{display:flex;gap:20px;border-top:1px solid var(--line);padding:22px 0}.create-copy article>span{font-size:11px;padding-top:3px;color:var(--cyan)}.create-copy h3{font-size:20px;margin:0 0 10px}.create-copy article p{font-size:14px;color:var(--muted);margin:0}.gallery-section{border-top:1px solid var(--line)}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 30px}.device-buttons{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--line);border-radius:30px;padding:5px}.device-buttons button{padding:9px 21px;border:0;border-radius:24px;background:transparent;color:#b4bfda;font-size:13px}.device-buttons button[aria-pressed="true"]{background:var(--cyan);color:#0b2031}.gallery-toolbar p{font-size:12px;color:var(--muted)}.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.poster{display:block;min-width:0}.poster img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px;transition:transform .2s}.poster:hover img{transform:translateY(-5px)}.poster>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:14px;gap:6px}.poster b{font-size:12px;font-weight:500;color:var(--ink)}.closing{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at bottom,#25214a,transparent 65%)}.closing>img{margin:auto;border-radius:20px}.closing .eyebrow{margin-top:22px}.closing>p:not(.eyebrow){color:var(--muted);margin:22px 0 30px}.closing .text-link{display:table;margin:18px auto 0}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer div{display:flex;gap:22px}footer p{margin:0;font-size:11px}.lightbox{border:1px solid #ffffff30;border-radius:14px;padding:24px;background:#0c1024;color:var(--ink);max-width:94vw;max-height:94dvh;overflow:auto}.lightbox::backdrop{background:#02040ded;backdrop-filter:blur(8px)}.lightbox>img{height:auto;max-height:80dvh;max-width:85vw;width:auto;margin:auto;object-fit:contain}.lightbox>p{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 0}.close-preview{position:sticky;top:0;display:block;margin:0 0 10px auto;width:38px;height:38px;border:1px solid #ffffff50;background:#141e37;color:white;border-radius:50%;font-size:26px;line-height:1}.lightbox[open]~*{pointer-events:none}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero-copy{padding-left:86px}.hero{min-height:760px}}@media(max-width:1050px){.hero-copy{padding:60px 5%}.hero{min-height:650px}.hero-shade{background:linear-gradient(90deg,#080c21ed,#080c21b0 40%,#080c2120),linear-gradient(0deg,#080c21,transparent 40%)}h1{font-size:57px;max-width:600px}.section{padding:72px 5%}.section-heading{gap:30px}.mode-visual{height:310px}.mode-copy{padding:24px}.create-section{gap:5%}.create-art{height:620px}.art-caption{left:24px;font-size:28px}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.product-header nav{gap:20px}.mode-strip a{padding:22px 9%;gap:10px}}
@media(max-width:640px){.product-header{height:72px;padding:0 5%;gap:10px}.brand{font-size:14px;gap:8px}.brand img{width:30px;height:30px}.product-header nav{display:none}.hero{min-height:0;display:block}.hero-art{height:360px;object-position:78% center}.hero-shade{height:370px;background:linear-gradient(0deg,#080c21 3%,transparent 85%)}.hero-copy{padding:290px 6% 44px}.game-brand{font-size:23px}.game-brand img{width:38px;height:38px}.hero .eyebrow{margin-top:24px;font-size:10px}h1{font-size:clamp(37px,8.8vw,55px);letter-spacing:-1.7px}.lead{font-size:15px;margin:24px 0}.hero-actions{gap:22px}.button{font-size:13px;padding:13px 18px}.text-link{font-size:13px}.platforms{font-size:11px;margin-top:26px}.hero-signature{display:none}.mode-strip{grid-template-columns:1fr 1fr}.mode-strip a{padding:18px 12%;font-size:13px}.mode-strip a:nth-child(2){border-right:0}.mode-strip a:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding:56px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;font-size:14px}h2{font-size:34px;letter-spacing:-1.2px}.eyebrow{font-size:10px;letter-spacing:1.6px}.mode-grid{grid-template-columns:1fr;gap:24px}.mode-visual{height:330px;padding:22px}.piano .mode-visual{height:240px}.mode-copy{padding:25px}.mode-copy h3{font-size:24px}.mode-copy p{min-height:0}.create-section{display:flex;flex-direction:column;padding-top:0;gap:35px}.create-art{height:450px;width:100%}.create-art img{object-position:center 63%}.art-caption{font-size:28px;top:25px}.create-copy article{padding:22px 0}.gallery-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.device-buttons{gap:2px;width:100%;justify-content:space-between}.device-buttons button{padding:9px 14px;font-size:12px}.gallery-toolbar p{margin:0}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.poster b{font-size:11px}.closing h2{font-size:35px}footer{align-items:flex-start;flex-direction:column;padding:28px 6%}.lightbox{padding:14px}.lightbox>img{max-width:80vw;max-height:74dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}