: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: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{letter-spacing:.18em;font-size:1.3rem;font-weight:700}#intro h1 small{letter-spacing:.12em;color:var(--text-muted);margin-top:6px;font-size:.66em;font-weight:600;display:block}#stage{aspect-ratio:480/424;width:min(100%,81.5094dvh);margin-inline:auto}#stage canvas{width:100%;height:100%;display:block}#description{color:var(--text-muted);text-align:center;font-size:.95rem;line-height:1.8}#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 p{margin-top:8px;font-size:.92rem;line-height:1.7}#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)}#controls{display:flex}#controls button{letter-spacing:.14em;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;flex:1;padding:17px 0;font-family:inherit;font-size:1.3rem;font-weight:700;transition:transform 60ms,opacity .2s,box-shadow .2s,background-color .2s}#controls button:active:not(:disabled){transform:scale(.96)}#btn-action{background:var(--accent);box-shadow:0 2px 10px #3579a847}#btn-action:hover:not(:disabled){background:#2f6d99}#btn-action.armed{background:var(--accent-dark);animation:.9s ease-in-out infinite stop-pulse;box-shadow:0 2px 10px #23577d47}#btn-action.armed:hover{background:#1f4e70}@keyframes stop-pulse{0%,to{box-shadow:0 2px 10px #23577d40}50%{box-shadow:0 2px 20px #3579a88c}}#controls button:disabled{opacity:.4;box-shadow:none;cursor:default}@media (width>=720px){#app{padding-top:28px}}