@charset "UTF-8";
:root{--paper:#f6f3eb;--ink:#23392e;--muted:#62685f;--orange:#ce4728;--lime:#dfebac;--line:#d7d9ca;--white:#fffef9;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.85;overflow-wrap:anywhere}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:hover{color:var(--orange)}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.5;letter-spacing:.015em}h1{font-size:clamp(30px,3.7vw,48px)}h2{font-size:clamp(24px,2.5vw,32px)}h3{font-size:21px}p{margin:14px 0}ul,ol{padding-left:1.6em}li{margin:8px 0}strong{font-weight:800}.wrap{max-width:1200px;padding:0 36px;margin:auto}header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.header-inner{max-width:1440px;margin:auto;min-height:94px;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;white-space:nowrap;font-weight:800;line-height:1.4}.brand small{font-size:8px;letter-spacing:.13em;display:block;margin-top:5px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--orange);color:white;font-size:30px;position:relative;line-height:1}.brand-mark span{position:absolute;font-size:18px;right:3px;bottom:0}.brand:hover{color:var(--ink)}nav{display:flex;gap:23px}nav a{font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none}nav a[aria-current]{color:var(--orange);text-decoration:underline;text-decoration-thickness:2px}.menu-button{display:none}.skip{position:absolute;top:-100px;left:12px;background:white;padding:10px;z-index:99}.skip:focus{top:8px}.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:30px;min-height:530px;padding:65px 0 60px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--orange);margin:0 0 17px}.hero h1{font-size:clamp(33px,3.6vw,48px);letter-spacing:-.025em;line-height:1.55;white-space:nowrap}.hero h1 em{font-style:normal;color:var(--orange);position:relative}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:4px;border-radius:50%;background:var(--orange);transform:rotate(-3deg)}.hero-lead{font-size:17px;line-height:1.95;margin:25px 0}.buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 24px;border:1px solid var(--ink);background:var(--ink);color:var(--white);border-radius:7px;font-weight:700;font-size:14px;text-decoration:none;min-height:52px}.button:hover{background:var(--orange);border-color:var(--orange);color:white}.button.outline{background:transparent;color:var(--ink)}.button.light{background:var(--white);border-color:var(--line);color:var(--ink)}.button.light:hover,.button.outline:hover{border-color:var(--orange);color:var(--orange)}.hero-note{font-size:12px;color:var(--muted)}.hero-art{position:relative;height:390px;min-width:0}.hero-art:before{content:"";position:absolute;width:340px;height:340px;max-width:100%;border:1px solid #bbc5b7;border-radius:50%;left:10%;top:20px}.orbit-label{position:absolute;top:0;right:12px;font:10px Arial,sans-serif;letter-spacing:.18em;transform:rotate(8deg)}.graphic-card{width:218px;height:298px;position:absolute;border:2px solid var(--ink);border-radius:18px;padding:26px 24px;box-shadow:7px 9px 0 rgba(35,57,46,.12);display:flex;flex-direction:column;justify-content:space-between}.graphic-card>span{font-size:11px;font-weight:700}.graphic-card>strong{font-size:39px;line-height:1.4;letter-spacing:-.02em}.graphic-card>small{font-size:11px}.graphic-card.back{background:var(--lime);transform:rotate(-13deg);left:10px;top:25px}.graphic-card.back strong{font-family:Arial,sans-serif;font-size:46px;position:relative}.graphic-card.back strong span{display:block;position:absolute;right:0;bottom:-25px;font-size:90px;color:#9aad67}.graphic-card.front{background:var(--orange);color:var(--white);transform:rotate(10deg);right:8px;top:74px}.answer-dots{display:flex;gap:9px}.answer-dots b{display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;width:32px;height:32px;font-family:Arial,sans-serif;font-size:13px}.spark{position:absolute;font-size:52px;line-height:1;color:var(--orange)}.spark-one{top:0;right:35px}.spark-two{bottom:1px;left:38px;color:var(--ink)}.category-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;flex-wrap:wrap;margin:0 0 72px}.category-strip>span{font-size:12px;color:var(--muted)}.category-strip a{font-size:13px;text-decoration:none;font-weight:700}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px}.section-heading p:last-child{color:var(--muted);font-size:14px;margin-bottom:0}.text-link{font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.section-heading>.text-link{white-space:nowrap;margin-bottom:4px}main>section{margin-top:70px;margin-bottom:70px}main>section.hero{margin-top:0;margin-bottom:0}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-card{background:var(--white);border:1px solid var(--line);padding:24px;border-radius:var(--radius);display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s}.app-card:hover,.game-card:hover{transform:translateY(-3px);border-color:var(--orange);color:var(--ink)}.app-symbol{height:118px;background:var(--lime);border-radius:11px;display:flex;align-items:center;justify-content:space-between;font:bold 76px/1 Arial,sans-serif;letter-spacing:-.1em;padding:17px 26px;margin-bottom:20px}.app-symbol span{font-size:40px;font-weight:400;letter-spacing:0}.app-card:nth-child(2) .app-symbol{background:#edc3aa;color:#983821}.app-card:nth-child(3) .app-symbol{background:#d8dfdc;color:#345d4d}.tag{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--muted)}.app-card h3{font-size:19px;margin:10px 0 0}.app-card p{font-size:14px;color:var(--muted);margin:13px 0 22px;line-height:1.9}.app-card .text-link{margin-top:auto}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-card{border:1px solid var(--line);padding:25px 28px;border-radius:var(--radius);background:var(--white);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.card-top{display:flex;justify-content:space-between;align-items:center}.arrow{color:var(--orange);font-size:22px}.game-card h3{margin:12px 0 0}.game-card p{font-size:14px;color:var(--muted);margin:13px 0 19px}.card-foot{font-size:11px;font-weight:700;border-top:1px solid var(--line);padding-top:12px;margin-top:auto;color:var(--orange)}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding:56px 0 0}.editorial>div>p:not(.eyebrow){margin-top:0}.criteria p{border-bottom:1px solid var(--line);padding:12px 0;margin:0;font-weight:700}.criteria b{font:11px Arial,sans-serif;color:var(--orange);margin-right:20px}.editorial .text-link{margin-top:20px}.prompt-box{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:42px;border-radius:var(--radius);align-items:center}.prompt-box .eyebrow{color:var(--lime)}.prompt-box h2{font-size:27px}.prompt-box>div>p:not(.eyebrow){font-size:14px;color:#d7ded7}.prompt-card{background:var(--lime);color:var(--ink);border-radius:10px;text-align:center;padding:27px 20px}.prompt-card>p{font-size:22px;font-weight:800;line-height:1.65;min-height:74px;margin:0 0 20px}.prompt-card .button{background:transparent;border-color:var(--ink);font-size:12px;min-height:44px;padding:8px 20px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.flow-grid>div{border-top:1px solid var(--line);padding-top:20px}.flow-grid span{font:32px Georgia,serif;color:var(--orange)}.flow-grid h3{font-size:18px;margin-top:12px}.flow-grid p{font-size:14px;color:var(--muted)}.faq{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:700;cursor:pointer;padding-right:10px}.faq p{max-width:850px}.legacy{border-top:1px solid var(--line);padding:25px 0;margin-top:65px!important;font-size:13px}.legacy summary{cursor:pointer;color:var(--muted)}.legacy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 25px}.small{font-size:12px;color:var(--muted)}footer{background:#e9ece1;border-top:1px solid var(--line);margin-top:65px;padding:42px 0 28px}.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-brand{font-size:21px;font-weight:800}.footer-brand p{font-size:13px;font-weight:400}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;font-size:12px}.footer-links a{text-decoration:none}.footer-inner>small{grid-column:1/-1;font-size:10px;color:var(--muted);border-top:1px solid #cad0c0;padding-top:20px;margin-top:20px}.breadcrumbs{font-size:11px;color:var(--muted);padding:23px 0 0}.breadcrumbs span{margin:0 12px}.breadcrumbs a{text-decoration:none}.page-heading{padding:42px 0 35px;max-width:920px}.page-heading .lead{max-width:760px;font-size:16px;color:var(--muted);margin:20px 0 0}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:0 0 40px}.facts>div{border-right:1px solid var(--line);padding:0 20px}.facts>div:first-child{padding-left:0}.facts>div:last-child{border:0}.facts small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.facts strong{font-size:15px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:55px}.article-layout article{min-width:0}.article-layout article>section,.reading>section{margin-bottom:40px}.article-layout article h2,.reading h2{font-size:25px;margin:34px 0 14px}.article-layout .why h2,.reading .why h2{margin:0 0 12px}.why{background:#e9edda;padding:28px 30px;border-left:4px solid #8c9f59;border-radius:0 12px 12px 0}.why p:last-child{margin-bottom:0}.why .eyebrow{color:#576b36;margin-bottom:10px}.side{align-self:start;background:#ebece3;padding:25px;border-radius:12px}.side h2{font-size:20px}.side>a{display:block;font-size:13px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700}.side>p:not(.eyebrow){font-size:13px;color:var(--muted)}.steps{list-style:none;counter-reset:step;padding:0}.steps li{counter-increment:step;position:relative;padding:17px 0 17px 49px;border-bottom:1px solid var(--line);margin:0}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:20px;color:var(--orange);font:bold 17px Georgia,serif}.example{background:var(--white);border:1px dashed #a6af99;padding:25px 30px;border-radius:12px}.example h2{margin-top:0!important}.reading{max-width:820px;margin:0 auto 70px}.reading h2:first-child{margin-top:0}.specs{margin:20px 0 40px}.specs>div{display:grid;grid-template-columns:120px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:15px 0}.specs dt{font-weight:700;font-size:14px}.specs dd{margin:0;font-size:14px}.note{padding:22px 26px;background:#e9edda;border-radius:12px;margin:0 0 30px;font-size:15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin-top:20px}td,th{text-align:left;padding:19px 18px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--ink);color:white}tbody th{min-width:150px}td{min-width:135px}.split-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;border-top:1px solid var(--line);padding-top:45px;align-items:center}.drawing-demo{background:#e8cfbd;border:1px solid #bf9b85;border-radius:18px;padding:35px;text-align:center;display:flex;flex-direction:column;gap:15px;transform:rotate(2deg)}.drawing-demo strong{font-size:23px}.drawing-demo span{font-size:12px}.drawing-demo small{font-size:12px}.bottom-cta{text-align:center;background:#e9edda;padding:32px;border-radius:12px}.bottom-cta .button{margin-top:18px}.question-list{list-style:none;counter-reset:question;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-list li{counter-increment:question;border:1px solid var(--line);background:var(--white);border-radius:10px;padding:17px 20px;margin:0;font-size:14px;display:flex;gap:15px}.question-list li:before{content:counter(question,decimal-leading-zero);font:12px Arial,sans-serif;color:var(--orange);padding-top:6px}.link-directory{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 60px}.link-directory a{border-bottom:1px solid var(--line);padding:17px 4px;text-decoration:none;font-size:14px;display:flex;justify-content:space-between;gap:20px}.link-directory span{color:var(--orange)}
@media(min-width:1400px){.hero h1{font-size:49px}}@media(max-width:1100px){.header-inner{padding:20px 24px;flex-wrap:wrap;gap:14px}.header-inner nav{gap:21px}.brand{font-size:19px}nav a{font-size:13px}.hero{gap:18px}.graphic-card{width:190px;height:280px}.graphic-card>strong{font-size:34px}.graphic-card.back strong{font-size:41px}.graphic-card.front{right:0}.hero-art:before{width:300px;height:300px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:850px){.wrap{padding:0 24px}.header-inner{min-height:84px}.hero{padding:43px 0;min-height:480px}.hero h1{font-size:34px}.hero-lead{font-size:15px}.hero-art{height:340px}.graphic-card{width:156px;height:242px;padding:20px}.graphic-card>strong{font-size:29px}.graphic-card.back strong{font-size:34px}.graphic-card.front{top:65px}.hero-art:before{width:240px;height:240px;top:35px}.spark{font-size:40px}.orbit-label{font-size:8px}.button{padding:12px 18px}.app-grid{gap:14px}.app-card{padding:18px}.app-card h3{font-size:17px}.app-symbol{height:94px;font-size:58px}.editorial{gap:30px}.prompt-box{gap:24px;padding:28px}.prompt-box h2{font-size:23px}.prompt-card>p{font-size:20px}.article-layout{grid-template-columns:minmax(0,1fr)}.side{display:none}.facts{grid-template-columns:repeat(2,1fr);gap:20px}.facts>div{padding:0 15px!important}.facts>div:nth-child(even){border:0}.flow-grid{gap:20px}.flow-grid h3{font-size:16px}}
@media(max-width:650px){body{font-size:15px}.wrap{padding:0 20px}.header-inner{padding:15px 20px;gap:12px}.brand{font-size:17px;gap:9px}.brand small{font-size:6px;letter-spacing:.1em}.brand-mark{width:36px;height:36px;border-radius:10px;font-size:25px}.brand-mark span{font-size:14px}.menu-button{display:block;border:1px solid var(--line);background:none;border-radius:5px;padding:8px 10px;font-size:11px;font-weight:700;min-height:40px}nav{width:100%;display:flex;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--line);padding-top:13px}.js-ready nav{display:none}.js-ready nav.is-open{display:flex}nav a{padding:5px 0;font-size:13px}.hero{grid-template-columns:1fr;gap:5px;padding:36px 0 30px}.hero-copy{z-index:1}.hero h1{font-size:clamp(27px,7.5vw,41px);white-space:normal;line-height:1.55}.hero .eyebrow{font-size:10px;margin-bottom:16px}.hero-lead{font-size:14px;margin:19px 0}.hero .buttons{margin:20px 0 10px;gap:9px}.hero .button{font-size:12px;padding:12px 15px;min-height:47px}.hero-note{font-size:10px}.hero-art{height:270px;width:300px;max-width:100%;margin:12px auto 0}.hero-art:before{height:235px;width:235px;top:10px;left:30px}.graphic-card{height:216px;width:152px;padding:18px}.graphic-card.back{top:10px;left:17px}.graphic-card.front{top:39px;right:9px}.graphic-card>strong{font-size:27px}.graphic-card>span,.graphic-card>small{font-size:9px}.graphic-card.back strong{font-size:32px}.graphic-card.back strong span{font-size:67px}.orbit-label{right:2px;top:0;font-size:7px}.spark-one{right:12px;top:-8px;font-size:35px}.spark-two{left:6px;bottom:2px;font-size:34px}.answer-dots b{height:24px;width:24px;font-size:10px}.category-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px 0;margin:0 0 43px}.category-strip>span{grid-column:1/-1;padding:12px 0 6px}.category-strip a{padding:11px 0;font-size:12px}.section-heading{display:block;margin-bottom:21px}.section-heading h2{font-size:25px}.section-heading>.text-link{margin-top:15px}.app-grid{grid-template-columns:1fr}.app-card{padding:23px;display:grid;grid-template-columns:75px 1fr;gap:0 18px;align-items:start}.app-symbol{height:75px;width:75px;padding:14px;font-size:45px;border-radius:13px;grid-row:1/3;margin:0}.app-symbol span{font-size:18px}.app-card>.tag{margin-top:0;font-size:10px}.app-card h3{font-size:18px;margin:4px 0 0;line-height:1.55}.app-card p,.app-card .text-link{grid-column:1/-1}.app-card p{font-size:13px;margin:17px 0}.app-card .text-link{font-size:12px}.game-grid{grid-template-columns:1fr;gap:14px}.game-card{padding:22px}.game-card h3{font-size:20px}.game-card p{font-size:13px}.editorial{grid-template-columns:1fr;gap:22px;padding-top:34px}.editorial h2{font-size:27px}.editorial p{font-size:14px}.criteria p{font-size:14px}.prompt-box{grid-template-columns:1fr;gap:20px;padding:26px 22px}.prompt-box h2{font-size:23px}.prompt-box .eyebrow{margin-bottom:10px}.prompt-box>div>p:not(.eyebrow){font-size:13px;margin-bottom:0}.prompt-card{padding:23px 18px}.prompt-card>p{font-size:20px;min-height:65px}.flow-grid{grid-template-columns:1fr;gap:16px}.flow-grid>div{display:grid;grid-template-columns:40px 1fr;gap:0 15px;padding-top:17px}.flow-grid span{grid-row:1/3;font-size:29px}.flow-grid h3{font-size:18px;margin:0}.flow-grid p{font-size:13px;margin:8px 0}.faq{padding:18px 0}.faq summary{font-size:14px}.faq p{font-size:14px}.legacy ul{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:22px}.footer-brand{font-size:19px}.footer-brand p{margin:8px 0}.footer-links{gap:12px;font-size:11px}.footer-inner>small{margin-top:0}.breadcrumbs{font-size:10px;padding-top:16px}.page-heading{padding:28px 0 27px}.page-heading h1{font-size:29px}.page-heading .lead{font-size:14px;margin-top:15px}.eyebrow{font-size:10px}.facts{gap:15px;padding:17px 0;margin-bottom:26px}.facts strong{font-size:13px}.facts small{font-size:10px}.facts>div{padding-left:10px!important}.article-layout article h2,.reading h2{font-size:22px}.why{padding:22px}.why p,.example p{font-size:14px}.steps li{padding-left:39px}.example{padding:20px}.note{font-size:14px;padding:19px}.specs>div{grid-template-columns:86px 1fr;gap:12px}.specs dt,.specs dd{font-size:13px}.split-feature{grid-template-columns:1fr;gap:27px;padding-top:30px}.drawing-demo{transform:none;padding:24px}.question-list{grid-template-columns:1fr}.link-directory{grid-template-columns:1fr;gap:5px}main>section{margin-top:44px;margin-bottom:44px}.table-scroll{margin-right:-5px}.bottom-cta h2{font-size:23px}.reading{margin-bottom:44px}.small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{header,footer,.side,.legacy,.menu-button,.prompt-card button{display:none}.wrap{max-width:none;padding:0}.article-layout{display:block}.hero-art{display:none}.hero{display:block;min-height:0}.game-grid,.app-grid{display:block}a{text-decoration:none}.game-card,.app-card{break-inside:avoid;margin:12px 0}.page-heading{padding:15px 0}.why,.example{break-inside:avoid}}