@font-face{font-family:Haru;src:url('/assets/assets/fonts/HaruSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Haru;src:url('/assets/assets/fonts/HaruSans-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfafc;color:#30233c;font-family:Haru,-apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #4131a3;outline-offset:5px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;border-bottom:1px solid #eae3ee}.wordmark{font-size:34px;font-weight:900;letter-spacing:-2px}.wordmark span{font-size:14px;letter-spacing:0;margin-left:12px;color:#7b687d}.site-header p{font-size:14px;color:#7b687d}.header-link{font-size:12px;font-weight:700}.header-link span{margin-left:16px}.split{display:grid;grid-template-columns:1fr 1fr}.community{position:relative;overflow:hidden;padding:54px clamp(28px,4.3vw,88px) 22px;min-width:0;display:flex;flex-direction:column;min-height:calc(100vh - 164px)}.japan{--accent:#7052c7;--ink:#32244f;background:linear-gradient(145deg,#f4f0fd,#eee6fb 65%,#e6dcf5)}.hanil{--accent:#b44673;--ink:#56213c;background:linear-gradient(145deg,#fff5ee,#f9e4ec 65%,#f3d9e8);border-left:1px solid #fff}.content,.section-footer{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:14px}.brand img{border-radius:17px;box-shadow:0 7px 20px #61467818}.brand strong{display:block;font-size:23px;letter-spacing:-1px}.brand strong small{font-size:14px;margin-left:6px;font-weight:400}.brand div>span{display:block;font-size:12px;color:#705f76;margin-top:3px}.edition{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:var(--accent);font-weight:700}.eyebrow{font-size:12px;letter-spacing:.5px;color:var(--accent);margin:50px 0 18px;font-weight:700}h1,h2{font-size:clamp(42px,4.3vw,76px);line-height:1.26;letter-spacing:-3px;margin:0;color:var(--ink);font-weight:900}em{font-style:normal;color:var(--accent)}.description{font-size:clamp(14px,1.1vw,17px);line-height:1.9;margin:24px 0;color:#726078;letter-spacing:-.3px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 28px}.tags span{border:1px solid #ffffffcc;background:#ffffff65;border-radius:30px;padding:7px 12px;font-size:11px;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:10px}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-radius:12px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #4028401c}.primary{background:var(--accent);color:white;box-shadow:0 5px 15px #5a35621c}.secondary{border:1px solid #c4b3ce;background:#ffffff30}.platform{font-size:10px;letter-spacing:1px;color:#89758e;margin:14px 0 32px}.platform span{margin-left:13px}.scene{max-width:510px;background:#ffffff75;border:1px solid white;border-radius:22px;padding:21px 24px;min-height:176px;box-shadow:0 18px 35px #6847740c}.scene-heading{font-size:11px;color:#7b6389;display:flex;align-items:center;gap:7px;margin-bottom:18px}.live-dot{width:6px;height:6px;border-radius:50%;background:#9c81de}.mini-card{display:flex;align-items:center;gap:15px}.mini-card .mini-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#8d6acb;background:#eadefb;font-size:25px}.mini-card b{display:block;font-size:15px}.mini-card small{display:block;font-size:11px;color:#8b7793;margin-top:4px}.mini-card>span:last-child{margin-left:auto;color:#8d6acb}.scene-bottom{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;color:#9c87a6;margin-top:18px}.bubbles{display:flex;flex-direction:column;gap:9px;align-items:flex-start}.bubble{padding:9px 14px;border-radius:13px;font-size:12px}.bubble.ko{background:#ecd7ea;color:#773553;border-bottom-left-radius:3px}.bubble.ja{align-self:flex-end;background:#fff;color:#875771;border-bottom-right-radius:3px}.exchange-caption{font-size:10px;text-align:center;color:#9a758c;margin-top:13px}.section-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:36px;font-size:9px;letter-spacing:1.2px;color:#967d9f}.section-footer a{letter-spacing:0}.orb{position:absolute;border:1px solid #ffffff75;border-radius:50%;pointer-events:none}.orb-one{width:480px;height:480px;right:-300px;top:140px;background:#ffffff22}.orb-two{width:400px;height:400px;left:-280px;bottom:20px}.spark{position:absolute;color:#c898ab;pointer-events:none}.spark-one{right:9%;top:27%;font-size:37px}.spark-two{right:17%;top:19%;font-size:22px}.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 4.2%;font-size:10px;color:#96859b}.site-footer nav{display:flex;gap:22px}
@media(min-width:1600px){.community{padding-top:70px}.eyebrow{margin-top:64px}.scene{margin-top:40px}}@media(max-width:1050px){.edition{display:none}.community{padding:36px 28px 22px}.actions{flex-direction:column}.button{width:100%}.desktop-break{display:none}.scene{padding:18px}.site-footer>span:last-child{display:none}}@media(max-width:700px){.site-header{height:72px;padding:0 24px}.site-header p{display:none}.wordmark{font-size:29px}.header-link{font-size:10px}.split{grid-template-columns:1fr}.community{min-height:auto;padding:36px 26px 24px}.hanil{border-left:0;border-top:1px solid white}.eyebrow{margin-top:36px}h1,h2{font-size:52px}.description{font-size:14px}.actions{flex-direction:row}.button{width:auto;flex:1;white-space:nowrap;font-size:11px;padding:14px;gap:8px}.scene{max-width:none}.platform{margin-bottom:26px}.site-footer{align-items:flex-start;padding:22px 26px}.site-footer nav{flex-direction:column;gap:8px}.spark-one{top:24%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.store-actions{margin-top:10px}
/* Two distinct communities, with the existing store artwork kept authentic. */
.welcome{text-align:center;padding:64px 24px 50px;background:#fcfafc}.welcome>p{font-size:13px;color:#806b8d;letter-spacing:1px;margin:0 0 18px}.welcome h1{font-size:clamp(32px,3.5vw,54px);line-height:1.35;letter-spacing:-2px;color:#30233c}.welcome nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.welcome nav a{font-size:12px;border:1px solid #e6ddeb;background:white;padding:12px 18px;border-radius:24px}.welcome nav span{margin-left:20px;color:#8362b5}.mobile-only{display:none}.split{max-width:1600px;margin:auto;gap:20px;padding:0 28px 28px}.community{border:1px solid #eee3f1;border-radius:32px;padding:36px clamp(24px,3vw,52px) 26px;min-height:0}.eyebrow{margin-top:34px}.community h2{font-size:clamp(38px,3.8vw,64px)}.description{min-height:88px}.platform{margin-bottom:28px}.app-showcase{border-top:1px solid #ffffffaa;padding-top:24px;margin-top:12px}.showcase-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--accent);margin-bottom:20px}.showcase-label>span:first-child{letter-spacing:2px;font-weight:700}.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.screens figure{margin:0;min-width:0}.screens figure:nth-child(2){margin-top:24px}.screens figure:nth-child(3){margin-top:48px}.screens a{display:block;border-radius:14px;overflow:hidden;box-shadow:0 12px 25px #43224b20;transition:transform .2s}.screens a:hover{transform:translateY(-5px)}.screens img{display:block;width:100%;height:auto;aspect-ratio:auto}.screens figcaption{font-size:10px;line-height:1.6;margin-top:12px;color:var(--ink);word-break:keep-all}.screens figcaption span{display:block;font-size:9px;opacity:.55;letter-spacing:1px;margin-bottom:3px}.screen-note{font-size:10px;line-height:1.7;color:#78647f;margin:20px 0 0}.section-footer{padding-top:28px}.site-footer{max-width:1600px;margin:auto}.brand div>span{font-size:11px}#japan-title,#hanil-title{scroll-margin-top:24px}
@media(max-width:1050px){.split{padding:0 16px 20px;gap:14px}.community{padding:28px 22px}.screens{gap:8px}.description{min-height:106px}.brand{gap:10px}.brand img{width:48px;height:48px}.store-actions{flex-direction:row}.store-actions .button{width:auto;flex:1;font-size:11px;padding:12px;gap:8px}}
@media(max-width:700px){.welcome{padding:38px 20px 32px}.welcome>p{font-size:11px}.welcome h1{font-size:34px}.mobile-only{display:block}.split{gap:20px}.community{padding:28px 22px;border-radius:24px}.community h2{font-size:44px}.description{min-height:0}.welcome nav{gap:8px}.welcome nav a{font-size:10px;padding:11px 12px}.welcome nav span{margin-left:8px}.screens{gap:10px}.screens figcaption{font-size:10px}.site-header{padding:0 20px}.header-link{font-size:9px}.site-footer{flex-wrap:wrap}.brand div>span{font-size:12px}.actions .button{min-width:0;white-space:normal}.spark-one{display:none}}
@media(prefers-reduced-motion:reduce){.screens a{transition:none}.screens a:hover{transform:none}}