:root{color-scheme:dark;--ink:#f4f1df;--muted:#bec9c0;--bg:#101d1b;--panel:#142623;--line:#385048;--accent:#e6c67f;--serif:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{color:var(--accent)}h1,h2,h3,p{margin:0}img{max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--accent);color:#10201b;padding:8px 16px}.skip-link:focus{top:10px}.draft-bar{padding:6px 5vw;background:#e3c682;color:#18221e;font-size:12px;font-weight:700;letter-spacing:.1em;display:flex;gap:24px}.draft-bar span{font-weight:400;letter-spacing:0}.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 5vw;background:#0d1716;position:relative;z-index:5;border-bottom:1px solid #ffffff14}.wordmark{display:flex;align-items:center;gap:12px;font:700 23px/1.3 var(--serif);letter-spacing:.07em;flex-shrink:0}.wordmark small{display:block;font:10px/1.4 var(--sans);letter-spacing:.24em;margin-top:7px;color:var(--muted)}.brand-mark{color:var(--accent);font-size:34px;font-weight:400}.site-header nav{display:flex;gap:32px;font-size:13px}.header-play{border:1px solid var(--accent);padding:10px 22px;letter-spacing:.06em;font-size:13px;flex-shrink:0}.hero{position:relative;min-height:740px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-art{object-position:64% center}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,20,18,.90),rgba(7,20,18,.72) 30%,rgba(7,20,18,.15) 66%,rgba(7,20,18,.04)),linear-gradient(0deg,var(--bg),transparent 25%)}.hero-copy{width:min(760px,63%);padding:90px 0 100px;margin-left:8vw}.eyebrow{font:11px/1.6 var(--sans);letter-spacing:.24em;color:var(--accent);font-weight:700}.hero-genre{margin-top:27px;color:#d6ded4;font-size:13px;letter-spacing:.12em}.hero h1{font:500 clamp(38px,4.4vw,74px)/1.55 var(--serif);letter-spacing:.01em;margin:16px 0 24px}.hero h1 span{display:block}.hero-lead{max-width:500px;line-height:2.1;color:#d5ddd4;font-size:15px;letter-spacing:.035em}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:54px;padding:14px 28px;transition:background .18s,transform .18s;font-size:14px;font-weight:700;letter-spacing:.07em}.button.primary{background:var(--accent);color:#17241e}.button:hover{transform:translateY(-2px);background:#f2dcab}.text-link{font-size:13px;display:inline-flex;gap:20px;align-items:center}.platform-note{font-size:11px;color:#bbc7c0;margin-top:18px;letter-spacing:.05em}.hero-caption{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;color:#c9d2cc}.section-wrap{max-width:1320px;margin:0 auto;padding-left:5vw;padding-right:5vw}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;padding-top:102px;padding-bottom:68px;align-items:center}.intro h2{font:500 clamp(30px,3vw,46px)/1.7 var(--serif);margin-top:22px}.intro-body{color:var(--muted);line-height:2.3}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding-bottom:100px}.feature{border-top:1px solid var(--line);padding-top:28px}.feature-top{display:flex;align-items:center;gap:25px}.feature-number{font:36px/1 Georgia,serif;color:var(--accent)}.feature-top .eyebrow{font-size:10px;letter-spacing:.16em}.feature h3{font:500 23px/1.6 var(--serif);margin:27px 0 15px}.feature p{color:var(--muted);font-size:14px;line-height:2}.news-section{background:var(--panel);padding:75px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading h2,.faq h2{font:500 clamp(28px,3vw,40px)/1.5 var(--serif);margin-top:15px}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:100px 85px 1fr 24px;gap:20px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.news-row time{font:12px/2 var(--sans);color:var(--muted)}.news-category{font:9px/2.5 var(--sans);letter-spacing:.12em;color:var(--accent)}.news-row h3{font-size:16px;font-weight:500;line-height:1.8}.news-row p{font-size:12px;color:var(--muted);margin-top:5px}.news-arrow{color:var(--accent);font-size:22px}.section-caption{color:var(--muted);font-size:12px;margin-top:24px}.news-empty{padding:35px 0;border-bottom:1px solid var(--line)}.news-empty p{margin:12px 0 15px;font-size:17px}.howto{padding-top:100px;padding-bottom:95px}.small-label{font-size:10px;letter-spacing:.18em;color:var(--muted)}.start-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0}.start-steps li{position:relative;padding:0 0 0 44px}.step-index{position:absolute;left:0;top:0;color:var(--accent);font:19px/1.8 Georgia,serif}.start-steps h3{font-size:17px;font-weight:500;margin-bottom:13px}.start-steps p{font-size:13px;line-height:2;color:var(--muted)}.controls-panel{border:1px solid var(--line);padding:28px 34px;background:var(--panel)}.controls-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.controls-heading h3{font-size:18px;font-weight:500}.control-tabs{display:flex;gap:6px;flex-wrap:wrap}.control-tabs button{border:1px solid var(--line);padding:6px 15px;min-height:40px;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.control-tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:#17241e}.key-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin:0}.key-grid>div{padding:12px 0;border-top:1px solid var(--line);min-height:60px;display:flex;align-items:center;gap:13px}.key-grid dt{flex-shrink:0}.key-grid dd{margin:0;font-size:12px;color:var(--muted)}kbd{display:inline-block;min-width:28px;padding:3px 7px;line-height:1.5;border:1px solid #718579;border-radius:3px;background:#ffffff07;font:11px/1.7 var(--sans);color:var(--ink)}.control-note{font-size:12px;margin-top:22px;color:var(--muted);line-height:1.9}.touch-note{padding:25px 0 30px;max-width:720px;color:var(--muted);line-height:2.1}.guide-links{margin-top:35px}.guide-links h3{font-size:15px;margin-bottom:13px}.guide-links a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.faq{display:grid;grid-template-columns:.8fr 1.4fr;gap:65px;padding-bottom:100px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:21px 0;cursor:pointer;font-size:14px;list-style:none;display:flex;gap:24px;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{color:var(--accent)}details[open] summary span{transform:rotate(45deg)}details p{padding:0 22px 24px 0;font-size:13px;color:var(--muted);line-height:2}.closing{background:linear-gradient(135deg,#223d32,#13251f);text-align:center;padding:70px 0 80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing h2{font:500 clamp(28px,3vw,42px)/1.8 var(--serif);margin:18px 0 28px}.closing p:last-child{color:var(--muted);font-size:12px;margin-top:20px}.site-footer{padding:42px 5vw 28px;display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1500px;margin:auto}.footer-brand{font:20px/1.5 var(--serif)}.site-footer span{font-size:10px;color:var(--muted)}.site-footer p{font-size:11px;color:var(--muted);margin-top:8px}.site-footer nav{display:flex;justify-content:flex-end;align-items:center;gap:22px;flex-wrap:wrap;font-size:12px}.site-footer .legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:10px}.archive{padding-top:55px;padding-bottom:100px;min-height:65vh}.archive>.eyebrow{margin-top:48px}.archive h1{font:500 clamp(30px,4vw,55px)/1.7 var(--serif);margin-top:14px}.archive-lead{color:var(--muted);margin:20px 0 45px;font-size:14px}.pagination{display:flex;gap:28px;justify-content:center;margin-top:40px;font-size:14px}
.theme-mecha{--bg:#101113;--panel:#181b1f;--line:#3c4146;--muted:#b9bec4;--accent:#f29a68;--serif:var(--sans)}.theme-mecha .site-header{background:#0d0e10}.theme-mecha .wordmark{font:800 24px/1.2 Arial,var(--sans);letter-spacing:.05em}.theme-mecha .hero{min-height:740px}.theme-mecha .hero-shade{background:linear-gradient(90deg,#090b0ff2,#090b0fcc 27%,#090b0f18 72%),linear-gradient(0deg,var(--bg),transparent 35%)}.theme-mecha .hero h1{font-weight:800;line-height:1.42;letter-spacing:-.04em;font-size:clamp(40px,4.5vw,78px)}.theme-mecha .hero-art{object-position:67% center}.theme-mecha .hero-genre{color:#d4d6da}.theme-mecha .hero-lead{color:#c8cdd2}.theme-mecha .intro h2,.theme-mecha .section-heading h2,.theme-mecha .closing h2{font-weight:700;letter-spacing:-.03em}.theme-mecha .feature-number{font-family:Arial,sans-serif;font-weight:800}.theme-mecha .feature h3{font-weight:700;font-size:22px}.theme-mecha .closing{background:linear-gradient(135deg,#2b211e,#131518)}.theme-mecha .button.primary,.theme-mecha .control-tabs button[aria-selected=true]{color:#1b1410}.theme-mecha .draft-bar{background:#f1ae85}
@media(min-width:1600px){.hero{min-height:850px}.hero-copy{margin-left:10vw}.hero h1{font-size:76px}.theme-mecha .hero{min-height:850px}.theme-mecha .hero h1{font-size:80px}}
@media(max-width:1050px){.site-header nav{gap:18px;font-size:12px}.wordmark{font-size:20px}.header-play{padding:8px 14px}.hero-copy{width:75%;margin-left:6vw}.hero h1{font-size:49px}.theme-mecha .hero h1{font-size:52px}.intro{gap:5%}.key-grid{grid-template-columns:repeat(2,1fr)}.features{gap:24px}.feature h3{font-size:20px}.theme-mecha .feature h3{font-size:19px}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}
@media(max-width:700px){html{scroll-padding-top:20px}.draft-bar{font-size:10px;padding:7px 5vw;gap:12px;letter-spacing:.01em}.draft-bar span{font-size:9px}.site-header{padding:14px 5vw;gap:10px;min-height:80px;flex-wrap:wrap}.wordmark{font-size:20px}.wordmark small{font-size:8px}.brand-mark{font-size:27px}.theme-mecha .wordmark{font-size:22px}.site-header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #ffffff1a;padding-top:10px;margin-top:3px;font-size:11px}.header-play{font-size:11px;padding:8px 12px}.hero,.theme-mecha .hero{min-height:730px;align-items:flex-end}.hero-art{object-position:72% center}.theme-mecha .hero-art{object-position:70% center}.hero-shade,.theme-mecha .hero-shade{background:linear-gradient(0deg,var(--bg) 1%,#101a17ed 17%,#101a1780 63%,#101a170a 90%)}.theme-mecha .hero-shade{background:linear-gradient(0deg,var(--bg),#0d1014ee 20%,#0d101480 64%,#0d101415 92%)}.hero-copy{width:100%;margin:0;padding:160px 6vw 75px}.hero .eyebrow{font-size:9px;letter-spacing:.18em}.hero-genre{font-size:10px;margin-top:18px;letter-spacing:.06em}.hero h1{font-size:clamp(28px,7.65vw,43px);line-height:1.6;margin-top:13px;margin-bottom:20px}.theme-mecha .hero h1{font-size:clamp(32px,8.6vw,48px);line-height:1.45}.hero-lead{font-size:13px;line-height:2;max-width:500px}.hero-actions{gap:23px;margin-top:25px;flex-wrap:wrap}.button{padding:13px 20px;min-height:50px;font-size:13px;gap:25px}.hero-actions .text-link{font-size:11px;gap:10px}.platform-note{font-size:9px;margin-top:15px}.hero-caption{bottom:21px;font-size:8px;letter-spacing:.06em}.section-wrap{padding-left:6vw;padding-right:6vw}.intro{display:block;padding-top:60px;padding-bottom:34px}.intro h2{font-size:30px;margin-top:16px}.intro-body{margin-top:25px;font-size:14px;line-height:2.1}.features{display:block;padding-bottom:52px}.feature{padding:25px 0 28px}.feature h3,.theme-mecha .feature h3{font-size:22px;margin-top:20px;margin-bottom:10px}.feature-top{gap:18px}.feature-number{font-size:30px}.feature p{font-size:13px}.news-section{padding:47px 0}.section-heading{display:block}.section-heading>.text-link,.section-heading>.small-label{margin-top:20px;display:inline-flex}.section-heading h2,.faq h2{font-size:28px}.news-row{grid-template-columns:90px 1fr 20px;gap:9px 16px;padding:22px 0}.news-row>a{grid-row:2;grid-column:1/3}.news-arrow{grid-row:2;grid-column:3}.news-row h3{font-size:15px}.news-row p{font-size:11px}.news-empty p{font-size:15px}.section-caption{font-size:11px}.howto{padding-top:58px;padding-bottom:56px}.start-steps{display:block;margin:30px 0}.start-steps li{margin:0 0 27px;padding-left:42px}.start-steps h3{margin-bottom:6px}.controls-panel{padding:20px 17px}.controls-heading{display:block}.control-tabs{margin-top:15px}.key-grid{grid-template-columns:1fr}.key-grid>div{min-height:52px;justify-content:space-between;gap:16px}.key-grid dd{text-align:right}.control-note{font-size:11px}.faq{display:block;padding-bottom:55px}.faq-list{margin-top:28px}summary{font-size:13px}.closing{padding:48px 0 55px}.closing h2{font-size:26px}.site-footer{padding:32px 6vw 24px;gap:20px}.site-footer nav{gap:15px;font-size:11px}.archive{padding-top:32px;padding-bottom:60px}.archive h1{font-size:31px}.archive-lead{font-size:13px}.eyebrow{font-size:10px}}
.theme-mecha .hero-art{object-position:67% top}
@media(max-width:700px){.theme-mecha .hero-art{object-position:90% top}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}