:root{--purple:#7856ff;--pink:#f472b6;--sky:#a8e4ff;--ink:#22223a;--muted:#6d6c82;--bg:#f8f9fd;--line:#e6e5ef;--font:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.section-wrap{width:min(1160px,calc(100% - 48px));margin:auto}.section-pad{padding:104px 0}.skip-link{position:fixed;top:8px;left:8px;z-index:99;background:white;padding:10px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:78px;position:sticky;top:0;z-index:20;background:rgba(248,249,253,.93);backdrop-filter:blur(14px);border-bottom:1px solid #22223a0d}.header-inner{width:min(1240px,calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center}.brand-logo{display:block;width:190px;height:auto}.primary-nav{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.primary-nav>a:not(.button):hover,.footer-links a:hover{color:var(--purple)}.button{min-height:54px;padding:0 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4b36af33}.button-small{min-height:42px;padding:0 18px;background:var(--ink);color:white;font-size:12px}.button-primary{color:white;background:linear-gradient(110deg,var(--purple),#9c75ff);box-shadow:0 10px 25px #7856ff38}.button-light{background:white;color:var(--purple)}.menu-toggle{display:none}.hero{min-height:660px;padding:80px 0 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{z-index:1}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--purple);margin:0 0 17px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #fce7f2}.hero h1{font-size:clamp(48px,6vw,74px);line-height:1.25;letter-spacing:-.055em;margin:0 0 20px;font-weight:900}.hero h1 span{background:linear-gradient(100deg,var(--purple),#bd66d9 72%,var(--pink));color:transparent;background-clip:text}.hero-lead{font-weight:600;font-size:16px;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.text-link span{color:var(--purple)}.hero-note{font-size:10px;color:var(--muted);margin-top:17px}.hero-art{margin-right:-45px}.hero-art img{display:block;width:100%;height:auto}.hero-foot{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;color:#9998aa;font-size:9px;font-weight:800;letter-spacing:.17em}.intro{background:white}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.intro h2,.section-heading h2,.faq h2{font-size:clamp(34px,4vw,48px);line-height:1.42;letter-spacing:-.04em;margin:0;font-weight:900}.intro-copy{max-width:510px}.intro-copy p{font-size:14px;color:#55556c;margin:0 0 16px}.intro-copy .text-link{margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading h2{font-size:37px}.section-heading>p{margin:0 0 5px;color:var(--muted);font-size:12px}.features{background:#f1efff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;overflow:hidden;min-height:280px;padding:28px;border-radius:24px;background:#fff;border:1px solid #7856ff12;transition:transform .22s,box-shadow .22s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 55px #2c236117}.feature-card.pink{background:#fff8fc}.feature-card.blue{background:#f5fcff}.feature-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#f0edff;color:var(--purple);font-size:27px;font-weight:800;margin-bottom:22px}.pink .feature-icon{background:#ffeaf4;color:#dc5f9d}.blue .feature-icon{background:#e1f7ff;color:#369dc2;font-size:13px}.card-number{font-size:9px;font-weight:800;letter-spacing:.14em;color:#9995b0;margin:0 0 8px}.feature-card h3{font-size:18px;margin:0 0 9px}.feature-card>p:last-child{font-size:12px;color:var(--muted);margin:0}.notice{max-width:800px;margin:24px auto 0;padding:14px 18px;display:flex;align-items:center;gap:13px;border:1px solid #e4defe;border-radius:14px;background:#ffffffb8}.notice>span{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:#eeeaff;color:var(--purple);font-weight:800}.notice p{margin:0;font-size:11px;color:var(--muted)}.notice strong{color:var(--ink)}.games{background:white}.game-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{min-height:150px;padding:19px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,#fff,#faf9ff);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-4px);border-color:#cfc5ff}.game-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#f0edff;color:var(--purple);font-weight:900}.game-name{font-size:13px;font-weight:800;line-height:1.5}.game-label{font-size:9px;color:#a09eaf;font-weight:800;letter-spacing:.12em}.fine-print{margin:15px 0 0;font-size:10px;color:#8d8b9d}.howto{background:#f8f9fd}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:62px 1fr 30px;align-items:center;gap:14px;padding:22px 5px;border-bottom:1px solid var(--line)}.steps li>span{color:var(--purple);font-size:11px;font-weight:900;letter-spacing:.12em}.steps h3{font-size:15px;margin:0}.steps p{font-size:11px;color:var(--muted);margin:1px 0 0}.steps b{color:#a9a0dc}.campaign[hidden]{display:none}.campaign{background:#fff3fa}.campaign-inner{text-align:center}.campaign h2{font-size:32px;margin:5px}.campaign-inner>p:not(.eyebrow){color:var(--muted)}.news{background:white}.news-inner{max-width:980px}.news-list{border-top:1px solid var(--line)}.news-item{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:22px 5px;border-bottom:1px solid var(--line)}.news-date{font-size:11px;color:#8c8a9c;font-weight:800}.news-title{font-size:14px;font-weight:800}.news-body{font-size:12px;color:var(--muted);margin:5px 0 0}.empty-news{min-height:80px;padding:18px 5px;color:var(--muted);font-size:12px}.faq{background:#f4f5fa}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px}.faq h2{font-size:36px}.faq-intro{font-size:12px;color:var(--muted);margin:12px 0 20px}.faq-list details{border-bottom:1px solid #dedeea}.faq-list details:first-child{border-top:1px solid #dedeea}.faq-list summary{list-style:none;cursor:pointer;padding:19px 3px;display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--purple);font-size:19px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:11px;color:var(--muted);margin:0 24px 18px 3px}.cta-panel{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding:60px 25px;border-radius:30px;background:linear-gradient(115deg,#6944f2,#8b68ff 58%,#ac77ee);color:white;text-align:center}.cta-panel .eyebrow{color:#e8e0ff;margin-bottom:8px}.cta-panel h2{font-size:clamp(28px,4vw,42px);line-height:1.5;margin:0 0 9px}.cta-panel h2 em{color:#fbd3ea;font-style:normal}.cta-panel>p:not(.eyebrow){font-size:12px;color:#eee9ff;margin:0 0 24px}.orb{position:absolute;border-radius:50%;z-index:-1}.orb.one{width:230px;height:230px;left:-90px;top:-100px;border:1px solid #ffffff66;box-shadow:0 0 0 25px #ffffff10,0 0 0 55px #ffffff0d}.orb.two{width:200px;height:200px;right:-80px;bottom:-130px;background:#f6a9d266}.site-footer{background:white;padding:42px 0 18px}.footer-main{display:grid;grid-template-columns:1fr .8fr 1.5fr;gap:25px;align-items:start;padding-bottom:35px}.footer-brand .brand-logo{width:185px}.footer-company p{font-size:10px;color:#999;margin:0 0 5px}.footer-company a{font-size:12px;font-weight:800}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 18px;font-size:10px;font-weight:700}.footer-bottom{border-top:1px solid #eeeef3;padding-top:14px;display:flex;justify-content:space-between;color:#999;font-size:9px;font-weight:800;letter-spacing:.1em}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e05b9d;outline-offset:4px;border-radius:5px}::selection{background:#dcd3ff;color:var(--ink)}
/* Legal information pages */
.legal-main{max-width:960px;padding-top:40px;padding-bottom:90px}.breadcrumb{font-size:11px;color:#8d8b9b;margin-bottom:30px}.breadcrumb a{color:var(--purple);font-weight:800}.legal-heading{margin-bottom:25px}.legal-heading h1{font-size:clamp(32px,5vw,48px);line-height:1.35;letter-spacing:-.04em;margin:0;font-weight:900}.legal-document{padding:clamp(22px,5vw,48px);background:white;border:1px solid #ecebf3;border-radius:22px;box-shadow:0 12px 45px #2c23610c;overflow-wrap:anywhere}.legal-document p{font-size:13px;line-height:2;margin:0 0 13px;white-space:pre-wrap}.legal-preamble{margin-bottom:24px!important}.legal-article{margin:28px 0 0}.legal-article:first-child{margin-top:0}.legal-article h2{font-size:15px;line-height:1.7;padding:11px 14px;margin:0 0 13px;border-radius:10px;background:#f4f1ff;color:#38305f}.legal-article p{margin-bottom:11px}.legal-article .legal-list-line{padding-left:1.5em;text-indent:-1.5em;margin-bottom:7px}.commerce-fields dt{font-weight:800;font-size:14px;margin:20px 0 4px;color:#38305f}.commerce-fields dd{margin:0;padding:0 0 16px;border-bottom:1px solid #efedf5;font-size:13px;line-height:1.9;white-space:pre-wrap}.commerce-fields dt:first-child{margin-top:0}.commerce-fields .sub-label{font-size:12px;margin:14px 0 3px;color:#77748d}.commerce-fields .section-label{margin-top:24px;padding-top:18px;border-top:1px solid #efedf5}.commerce-fields>p{font-size:13px;line-height:1.9;margin:14px 0}.legal-back{margin:25px 0 0}
@media(max-width:850px){.primary-nav{gap:16px;font-size:12px}.hero{min-height:570px}.hero h1{font-size:clamp(44px,6vw,62px)}.intro-grid{gap:50px}.feature-card{padding:23px 19px}.faq-grid{gap:40px}.footer-main{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:680px){html{scroll-padding-top:72px}.section-wrap{width:calc(100% - 40px)}.site-header{height:66px}.header-inner{width:calc(100% - 34px)}.brand-logo{width:158px}.menu-toggle{display:flex;width:42px;height:42px;border:0;background:white;border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{width:17px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.primary-nav{position:absolute;top:66px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:12px 20px 22px;background:#fafaff;border-bottom:1px solid var(--line);box-shadow:0 16px 22px #22223a0f}.primary-nav.is-open{display:flex}.primary-nav>a:not(.button){padding:11px 2px;border-bottom:1px solid #e9e8f1}.primary-nav .button{margin-top:14px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:45px 0 65px}.hero h1{font-size:clamp(43px,11.5vw,58px);margin-bottom:15px}.hero-lead{font-size:14px;line-height:1.9;margin-bottom:20px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-actions .button{width:100%}.hero-note{font-size:10px;margin-top:12px}.hero-art{width:100%;margin:7px -8px -18px;align-self:center}.hero-art img{max-height:290px}.hero-foot{bottom:17px;font-size:8px}.section-pad{padding:72px 0}.intro-grid{grid-template-columns:1fr;gap:20px}.intro h2{font-size:35px}.intro-copy p{font-size:13px}.section-heading{display:block;margin-bottom:25px}.section-heading h2,.faq h2{font-size:31px}.section-heading>p{font-size:11px;margin-top:8px}.feature-grid{grid-template-columns:1fr;gap:11px}.feature-card{min-height:0;padding:23px 21px}.feature-icon{width:47px;height:47px;margin-bottom:17px}.feature-card>p:last-child{max-width:95%}.notice{padding:13px;align-items:flex-start}.notice p{font-size:10px}.game-list{grid-template-columns:repeat(2,1fr);gap:10px}.game-card{min-height:132px;padding:15px;border-radius:16px}.game-name{font-size:12px}.steps li{grid-template-columns:42px 1fr 22px;gap:9px;padding:18px 2px}.steps h3{font-size:13px}.steps p{font-size:10px;line-height:1.7}.steps li>span{font-size:9px}.news-item{grid-template-columns:90px 1fr;gap:10px}.news-title{font-size:12px}.news-body{font-size:10px}.faq-grid{grid-template-columns:1fr;gap:27px}.faq-intro{margin:7px 0 12px}.faq-list summary{font-size:11px;padding:17px 2px}.faq-list details p{font-size:10px}.cta-panel{width:calc(100% - 28px);min-height:330px;border-radius:24px;padding:55px 16px}.cta-panel h2{font-size:27px}.footer-main{grid-template-columns:1fr 1fr;gap:20px 10px}.footer-brand .brand-logo{width:150px}.footer-links{grid-column:1/-1;gap:11px 14px;justify-content:flex-start}.footer-links a{font-size:9px}.footer-company a{font-size:10px}.footer-bottom{width:calc(100% - 40px)}.legal-main{padding-top:24px;padding-bottom:62px}.breadcrumb{margin-bottom:24px}.legal-document{padding:21px 17px;border-radius:16px}.legal-document p,.commerce-fields dd,.commerce-fields>p{font-size:12px}.legal-article h2{font-size:14px;padding:10px 12px}.legal-nav{position:static;display:flex;flex-direction:row;padding:0;gap:8px;background:transparent;border:0;box-shadow:none}.legal-nav>a:not(.button){display:none}.legal-nav .button{margin:0;min-height:38px;padding:0 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
