:root{--paper:#fbf8f2;--surface:#fff;--ink:#283d3b;--muted:#5b6b66;--line:#d8ded4;--accent:#bd4e39;--accent-light:#fceee5;--teal:#285b52;--teal-light:#e9f1e9;--radius:12px;--space:clamp(20px,4vw,56px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:.01em;line-height:1.45}h1{margin-bottom:20px;font-size:clamp(30px,4.7vw,56px)}h2{font-size:clamp(23px,3vw,32px)}h3{font-size:20px}p{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #a2402c}.skip{z-index:10;background:#fff;padding:12px;position:absolute;top:-80px;left:12px}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.header-inner,.footer-inner,.main-wrap{max-width:1180px;padding-inline:var(--space);margin-inline:auto}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.brand{letter-spacing:.09em;white-space:nowrap;align-items:center;gap:10px;font-family:system-ui,sans-serif;font-size:23px;font-weight:850;text-decoration:none;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:13px;height:13px}.brand-jp{letter-spacing:.1em;margin-left:4px;font:500 11px system-ui,sans-serif}.site-header nav{gap:30px;display:flex}.site-header nav a{align-items:center;min-height:44px;font-weight:650;text-decoration:none;display:flex}.site-header nav a[aria-current]{color:var(--accent);text-decoration:underline 2px}.main-wrap{min-height:62vh;padding-block:52px 80px}.hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:60px;padding-block:28px 66px;display:grid}.hero h1{letter-spacing:.04em;font-size:clamp(34px,4.5vw,56px);font-weight:750}.hero .accent{color:var(--accent)}.hero p{max-width:540px;color:var(--muted)}.hero-aside{background:var(--teal-light);border-radius:var(--radius);padding:32px}.hero-aside p{margin-bottom:16px}.hero-aside .aside-title{color:var(--teal);font-size:26px;font-weight:700;line-height:1.6}.hero-aside small{color:var(--muted);font-size:13px}.button{background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:10px 22px;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:var(--teal);background:0 0}.button.coral{background:var(--accent);border-color:var(--accent)}.section{border-top:1px solid var(--line);margin-top:28px;padding-top:34px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}.section-heading h2{margin:0}.section-heading a{font-size:14px}.tool-list{margin:0;padding:0;list-style:none}.tool-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr auto;align-items:center;gap:22px;padding:26px 0;text-decoration:none;display:grid}.tool-number{color:var(--accent);font-family:system-ui,sans-serif;font-size:24px}.tool-row h3{margin:0 0 4px}.tool-row p{color:var(--muted);margin:0;font-size:14px}.tool-arrow{font-size:25px}.tool-row:hover h3{text-underline-offset:5px;text-decoration:underline}.split-section{grid-template-columns:1fr 1fr;gap:48px;display:grid}.game-feature{background:var(--teal-light);border-radius:var(--radius);padding:30px}.game-feature p{color:var(--muted)}.empty-state{border-top:1px solid var(--line);color:var(--muted);padding:24px 0}.page-heading{max-width:780px;margin-bottom:32px}.page-heading p{color:var(--muted)}.back-link{margin-bottom:24px;font-size:14px;display:inline-block}.workspace{grid-template-columns:1fr 1fr;align-items:start;gap:28px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:26px}.panel h2{font-size:22px}.field{margin-bottom:20px;display:block}.field>span,.field-label{margin-bottom:8px;font-weight:650;display:block}.field input:not([type=range]),.field select{background:#fff;border:1px solid #a6b3aa;border-radius:6px;width:100%;min-height:48px;padding:9px 12px}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.help{color:var(--muted);font-size:13px}.actions{flex-wrap:wrap;gap:12px;display:flex}.status{min-height:28px;color:var(--teal);margin-top:16px}.status.error{color:#9f302a}.prose{max-width:780px;margin-inline:auto}.prose h2{margin-top:40px}.prose li{margin-bottom:8px}.prose pre{background:var(--teal-light);border-radius:7px;padding:18px;overflow:auto}.prose a{overflow-wrap:anywhere}.dialogue{gap:12px;margin:28px 0;display:grid}.speech{border:1px solid var(--line);border-radius:12px;padding:17px 20px;position:relative}.speech.question{background:var(--accent-light);margin-right:36px}.speech.answer{background:var(--teal-light);margin-left:36px}.speech .role{color:var(--accent);margin-bottom:5px;font-size:13px;font-weight:750;display:block}.speech.answer .role{color:var(--teal)}.speech p{margin:0}.article-meta{color:var(--muted);font-size:13px}.post-list{padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--line);padding:24px 0}.post-list h2{margin-bottom:8px;font-size:23px}.site-footer{border-top:1px solid var(--line);background:#f1eee7;padding-block:32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer-inner .brand{font-size:18px}.footer-inner p{color:var(--muted);margin:0;font-size:13px}.footer-inner nav{gap:20px;font-size:13px;display:flex}.footer-inner small{color:var(--muted);font-size:12px}[hidden]{display:none!important}@media (width<=760px){.header-inner{flex-wrap:wrap;gap:12px;min-height:80px;padding-block:14px}.brand{font-size:20px}.brand-jp{display:none}.site-header nav{gap:20px}.site-header nav a{font-size:14px}.main-wrap{padding-block:30px 52px}.hero{grid-template-columns:1fr;gap:28px;padding-block:12px 36px}.hero-aside{padding:24px}.hero h1{font-size:clamp(30px,7vw,44px)}.split-section,.workspace{grid-template-columns:1fr;gap:24px}.tool-row{grid-template-columns:36px 1fr 18px;gap:12px;padding:22px 0}.tool-number{font-size:19px}.tool-row h3{font-size:18px}.section-heading{align-items:center}.section-heading a{white-space:nowrap}.panel{padding:20px}.speech.question{margin-right:14px}.speech.answer{margin-left:14px}.footer-inner{display:block}.footer-inner>*{margin-bottom:14px!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3{overflow-wrap:anywhere}.prose,.hero>*,.split-section>*{min-width:0}.analytics-consent{border:1px solid var(--line,#d9d3c8);background:var(--paper,#fbf8f2);border-radius:12px;max-width:760px;margin:24px auto;padding:20px}.analytics-consent h2{margin:0 0 12px;font-size:20px}.analytics-consent p{margin:12px 0;font-size:14px;line-height:1.7}.analytics-consent .actions{flex-wrap:wrap}.analytics-settings{cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:6px;margin:20px auto;padding:10px;display:block}.analytics-settings[hidden],.analytics-consent[hidden]{display:none}@media (width<=800px){.analytics-consent{margin:20px;padding:16px}}.advertising-settings[data-astro-cid-wdmoi3mi]{text-align:center;margin:20px}.advertising-settings[data-astro-cid-wdmoi3mi] [data-astro-cid-wdmoi3mi][hidden]{display:none}.advertising-settings[data-astro-cid-wdmoi3mi] p[data-astro-cid-wdmoi3mi]{font-size:14px}