@font-face{font-family:Noto Sans JP;src:url(/fonts/NotoSansJP-subset.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Noto Serif JP;src:url(/fonts/NotoSerifJP-subset.woff2)format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Regular-subset.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Bold-subset.woff2)format("woff2");font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f9fb;--text:#3b4552;--text-muted:#808b9a;--accent:#3579a8;--accent-dark:#23577d;--accent-pale:#e7eef4;--border:#dee4eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-height:100dvh;color:var(--text);-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#edf1f6,#edf1f600 320px);background-repeat:no-repeat;justify-content:center;font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif;display:flex}#app{width:min(100%,480px);padding:10px 14px calc(18px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}#intro{text-align:center;padding-top:8px}#intro h1{color:#153455;letter-spacing:.16em;font-family:Noto Serif JP,Hiragino Mincho ProN,Hiragino Mincho Pro,Yu Mincho,YuMincho,serif;font-size:1.4rem;font-weight:1000}#intro h1 small{letter-spacing:.12em;color:#62a8b5;margin-top:3px;font-family:Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif;font-size:.7em;font-weight:400;display:block}#stage{aspect-ratio:480/550;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:min(100%,62.8364dvh);margin-inline:auto}#stage canvas{width:100%;height:100%;display:block}#result{border:1px solid var(--border);text-align:center;background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 4px 16px #23577d14}#result h2{color:var(--accent-dark);font-size:1.28rem;line-height:1.4}#result .result-type{font-family:Atkinson Hyperlegible,Noto Sans JP,sans-serif;font-weight:400}#result p{margin-top:8px;font-size:.92rem;line-height:1.7}#result .result-description{font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif}#result .result-detail-link{color:var(--accent);text-underline-offset:.2em;margin-top:12px;font-size:.9rem;font-weight:700;display:inline-block}#result .result-detail-link:hover{color:var(--accent-dark)}#result a:focus-visible{outline-offset:4px;border-radius:3px;outline:3px solid #3579a840}#result .share-heading{color:var(--text-muted);letter-spacing:.08em;margin-top:18px;font-size:.82rem;font-weight:700}.share-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}#result .share-button{border:1px solid var(--border);background:var(--accent-pale);min-height:42px;color:var(--accent-dark);touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;padding:9px 10px;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform 60ms,border-color .2s,background-color .2s;display:flex}#result .share-button:hover{background:#dae6ef;border-color:#b7c7d5}#result .share-button:active{transform:scale(.97)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=720px){#app{padding-top:28px}}