*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#0d0f1a;font-family:Segoe UI,Hiragino Sans,sans-serif;color:#f4f4f8}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;pointer-events:auto;background:#0a0c18bf}.screen.is-active{display:flex}.screen-transparent{background:transparent}.title-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px 56px;border-radius:20px;background:#080e14a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);max-width:90vw}.screen h1{font-size:2.4rem;margin:0;letter-spacing:.05em;text-shadow:0 0 12px rgba(255,90,90,.6)}.title-lockup{display:flex;flex-direction:column;align-items:center;margin-top:96px}.title-panel h1{font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;font-weight:900;font-size:2.6rem;letter-spacing:.02em;color:#fdf6ec;text-shadow:0 6px 18px rgba(0,0,0,.45)}.title-burst{position:absolute;top:24px;left:24px;transform:rotate(-10deg);display:flex;align-items:center;justify-content:center;width:88px;height:88px;font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;font-size:1rem;font-weight:900;color:#3d2400;background:#ffb703;clip-path:polygon(50% 0%,61% 18%,82% 6%,78% 28%,100% 34%,84% 50%,100% 66%,78% 72%,82% 94%,61% 82%,50% 100%,39% 82%,18% 94%,22% 72%,0% 66%,16% 50%,0% 34%,22% 28%,18% 6%,39% 18%)}.screen p{max-width:480px;line-height:1.7;font-size:1rem;color:#cfd2e8}.btn{padding:14px 36px;font-size:1.1rem;border:none;border-radius:8px;background:linear-gradient(180deg,#ff5a5a,#d92b2b);color:#fff;cursor:pointer;box-shadow:0 4px #8f1c1c;transition:transform .1s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(2px);box-shadow:0 1px #8f1c1c}.btn-secondary{background:linear-gradient(180deg,#4a5568,#2d3341);box-shadow:0 4px #1a1e26}.btn-primary{background:linear-gradient(180deg,#4b8bff,#1d4ed8);box-shadow:0 4px #123a8f;font-weight:700}.btn-primary:hover{box-shadow:0 4px #123a8f,0 0 20px 4px #4b8bffbf}.btn-primary:active{box-shadow:0 1px #123a8f}#btn-start{animation:btn-start-blink 1.8s ease-in-out infinite}#btn-start:hover{animation:none}@keyframes btn-start-blink{0%,to{opacity:1}50%{opacity:.8}}.settings-widget{position:fixed;right:16px;bottom:16px;z-index:10;pointer-events:auto}.settings-toggle{width:48px;height:48px;min-width:44px;min-height:44px;padding:0;border:none;border-radius:50%;font-size:1.4rem;line-height:48px;background:linear-gradient(180deg,#4a5568,#2d3341);color:#fff;cursor:pointer;box-shadow:0 4px #1a1e26;transition:transform .1s ease}.settings-toggle:hover{transform:translateY(-2px)}.settings-toggle:active{transform:translateY(2px);box-shadow:0 1px #1a1e26}.settings-panel{position:absolute;right:0;bottom:60px;width:220px;display:none;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:#1a1e26f2;box-shadow:0 8px 24px #0006}.settings-panel.is-open{display:flex}.settings-row{display:flex;align-items:center;gap:10px}.settings-mute-btn{width:100%;padding:10px 12px;border:none;border-radius:8px;font-size:.95rem;background:linear-gradient(180deg,#4a5568,#2d3341);color:#fff;cursor:pointer;box-shadow:0 3px #1a1e26;transition:transform .1s ease}.settings-mute-btn:active{transform:translateY(2px);box-shadow:0 1px #1a1e26}.settings-mute-btn.is-muted{background:linear-gradient(180deg,#ff5a5a,#d92b2b);box-shadow:0 3px #8f1c1c}.settings-mute-btn.is-muted:active{box-shadow:0 1px #8f1c1c}.settings-volume-label{flex-shrink:0;font-size:.9rem;color:#fff8e7}.settings-volume-slider{flex:1;accent-color:#4b8bff}.settings-back-btn{width:100%;padding:10px 12px;border:none;border-radius:8px;font-size:.9rem;font-weight:700;background:linear-gradient(180deg,#4b8bff,#1d4ed8);color:#fff;cursor:pointer;box-shadow:0 3px #123a8f;transition:transform .1s ease}.settings-back-btn:active{transform:translateY(2px);box-shadow:0 1px #123a8f}.settings-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none;align-items:center;justify-content:center;background:#0009}.settings-confirm-overlay.is-open{display:flex}.settings-confirm-dialog{width:min(85vw,320px);padding:24px;border-radius:12px;background:#1a1e26;box-shadow:0 8px 24px #00000080;text-align:center}.settings-confirm-message{margin:0 0 20px;font-size:1rem;color:#fff8e7}.settings-confirm-actions{display:flex;gap:12px}.settings-confirm-yes,.settings-confirm-no{flex:1;padding:10px 12px;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .1s ease}.settings-confirm-yes{background:linear-gradient(180deg,#ff5a5a,#d92b2b);color:#fff;box-shadow:0 3px #8f1c1c}.settings-confirm-yes:active{transform:translateY(2px);box-shadow:0 1px #8f1c1c}.settings-confirm-no{background:linear-gradient(180deg,#4a5568,#2d3341);color:#fff;box-shadow:0 3px #1a1e26}.settings-confirm-no:active{transform:translateY(2px);box-shadow:0 1px #1a1e26}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}#hud.is-active{display:block}.hud-top{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;font-size:1.3rem;font-weight:700;text-shadow:0 0 6px rgba(0,0,0,.8)}.hud-power-gauge{position:absolute;bottom:32px;left:50%;transform:translate(-50%);width:240px;height:20px;border:2px solid #fff;border-radius:10px;overflow:hidden;background:#0006}.hud-power-gauge-fill{height:100%;width:0%;background:linear-gradient(90deg,#ffd23f,#ff5a5a);transition:width .02s linear}.mail-input-panel{width:min(90vw,560px)}.mail-input-heading{font-size:1.8rem;margin:0;color:#fff8e7;text-shadow:0 0 10px rgba(255,184,64,.5)}.mail-input-textarea{width:100%;min-height:140px;padding:12px 14px;font-size:1rem;line-height:1.6;font-family:inherit;color:#1a1a1a;background:#fffffff2;border:none;border-radius:8px;resize:vertical}.mail-input-error{margin:0;color:#ff8a8a;font-size:.9rem}.mail-input-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}#btn-start-game:disabled{opacity:.5;cursor:not-allowed;animation:none;transform:none}.howto-screen{background:linear-gradient(180deg,#6fb8ea,#8ecbf0 56%,#bfe3f7 60%,#5fae4a 60%,#4c8f3d)}.howto-panel{position:relative;width:min(90vw,560px);padding:72px 40px 40px;border-radius:6px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,rgba(253,246,236,.1) 34px,rgba(253,246,236,.1) 35px),#080e14c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.howto-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:72px;background:#fdf6ec24;clip-path:polygon(0 0,100% 0,50% 68%)}.howto-panel h1{font-family:Zen Kaku Gothic New,Hiragino Sans,sans-serif;font-weight:900;font-size:2rem;color:#fdf6ec;text-shadow:0 6px 18px rgba(0,0,0,.45)}.result-screen{background-color:#0a0c1859;background-size:cover;background-position:center;background-repeat:no-repeat}.result-panel{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(92vw,480px);max-height:90vh;padding:28px 24px;border-radius:20px;background:#080e14c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.result-panel h1{font-size:1.8rem;margin:0}.result-summary{margin:0;max-width:none;font-size:1rem;color:#cfd2e8}.result-mail{width:100%;max-height:42vh;overflow-y:auto;padding:14px 16px;border-radius:12px;background:#00000047;font-size:1.05rem;line-height:2.1;text-align:left;word-break:break-all}.result-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.result-char{display:inline-block}.result-char.is-space{width:.6em}.result-char.is-intact{color:#8a7c6c;text-decoration:line-through;text-decoration-color:#d92b2b8c;text-decoration-thickness:2px;animation:result-char-haze .5s ease-in var(--haze-delay, 0s) both}.result-char.is-crushed{color:#fdf6ec;background:#8ea8c747;border-radius:4px;padding:0 1px}@keyframes result-char-haze{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}55%{transform:translateY(5px) rotate(10deg) scale(.85);opacity:.55}to{transform:translateY(1px) rotate(-6deg) scale(.8);opacity:.4}}.result-screen.is-complete .result-panel{animation:result-complete-pulse 1.6s ease-in-out infinite}.result-screen.is-complete #result-heading{color:#ffb703}@keyframes result-complete-pulse{0%,to{box-shadow:0 0 #ffb70300}50%{box-shadow:0 0 28px 4px #ffb70373}}@media (max-width: 600px){.screen{padding:16px;overflow-y:auto;justify-content:safe center}.title-panel{width:100%;max-width:400px;padding:20px 20px 28px;gap:20px;border-radius:16px}.title-burst{top:10px;left:10px;width:56px;height:56px;font-size:.72rem}.title-lockup{margin-top:48px}.title-panel h1{font-size:min(calc((100vw - 76px) / 12),1.8rem);letter-spacing:0;text-shadow:0 4px 12px rgba(0,0,0,.45)}.title-panel p{max-width:100%;font-size:.9rem;line-height:1.6}.title-panel .btn{width:100%;max-width:280px;padding:13px 24px;font-size:1rem}}@media (max-height: 520px){.title-panel{padding:16px 20px 20px;gap:12px}.title-burst{top:8px;left:8px;width:48px;height:48px;font-size:.65rem}.title-lockup{margin-top:40px}.title-panel h1{font-size:clamp(1.4rem,5vh,2.6rem)}.title-panel p{font-size:.85rem;line-height:1.5}.title-panel .btn{padding:10px 24px;font-size:.95rem}}