:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0b1020;color:#e5e7eb;overflow:auto}.app{display:grid;gap:.75rem;justify-items:center;min-width:1280px}.panel{text-align:center}.panel h1{margin:0;font-size:70px;letter-spacing:.2rem;white-space:nowrap}button:focus,button:focus-visible{outline:none}.hint{margin:.25rem 0 0;color:#94a3b8;font-size:.875rem}.control-guide{margin:5rem auto 0;width:fit-content;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;border-radius:.55rem;background:#0f172a47}.control-row{display:inline-flex;align-items:center;gap:.48rem;padding:.26rem .42rem;border-radius:.5rem;background:#0f172a33}.control-keys{display:flex;gap:.35rem;justify-content:flex-start}.keycap{min-width:2rem;height:2rem;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.42rem;background:linear-gradient(180deg,#f8fafc,#e2e8f0);color:#0f172a;font-size:1rem;font-weight:800;line-height:1;box-shadow:0 1px #0f172a38,inset 0 -1px #0f172a1a}.control-text{text-align:left;white-space:nowrap;color:#e2e8f0;font-size:.85rem;font-weight:600;letter-spacing:.01em}.sp-only-view{display:none}@media(max-width:768px){.app{min-width:unset;width:100%;padding:1rem}.pc-only-view{display:none!important}.sp-only-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:100vh;width:100%;padding:2rem;background:#0b1020;text-align:center}.sp-only-title{margin:0;font-size:2.5rem;font-weight:800;letter-spacing:.08em;color:#f8fafc}.sp-only-message{margin:0;font-size:1.25rem;font-weight:600;color:#94a3b8;line-height:1.6}}#game{display:block;width:1280px;height:460px;border:1px solid #334155;background:#dbeafe;image-rendering:pixelated}.game-wrap{position:relative;width:1280px}.title-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;background:#1f2937f0}.title-overlay.is-hidden{opacity:0;pointer-events:none}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#94a3b87a;pointer-events:none}.pause-overlay.is-hidden{opacity:0}.pause-overlay-label{color:#000;font-size:2.1rem;font-weight:700;letter-spacing:.12em;text-shadow:none;animation:pause-label-blink 1.6s steps(1,end) infinite}.pause-overlay.is-hidden .pause-overlay-label{animation:none}@keyframes pause-label-blink{0%,49.999%{opacity:1}50%,to{opacity:0}}.game-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:16rem 16rem 16rem;align-items:stretch;justify-content:center;column-gap:1.3rem;padding:2rem 1.1rem 1.2rem;background:#1f2937f0}.game-over-overlay.is-hidden{opacity:0;pointer-events:none}.settings-hint{margin:.4rem 0 .75rem;font-size:.8rem;color:#475569}.settings-hint.on-overlay{color:#cbd5e1}.title-screen{width:30rem;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:1rem}#keyConfigScreen{width:56rem}.title-screen.is-hidden{display:none}.settings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;width:100%;max-width:34rem}.settings-row-button{padding:.45rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid rgb(148 163 184 / 45%);border-radius:.4rem;background:#fff;color:#0f172a;font-weight:700;cursor:pointer}.settings-row-button:focus,.settings-row-button:focus-visible{outline:none}.settings-row-button.is-listening{border-color:#2563ebbf;background:#dbeafeeb;box-shadow:0 0 0 1px #2563eb47 inset}.settings-menu-list{display:grid;grid-template-columns:1fr;gap:.8rem;width:100%;max-width:18rem}.title-overlay-heading{margin:0;font-size:5rem;font-weight:800;letter-spacing:.08em;white-space:nowrap;color:#f8fafc;text-shadow:0 2px 10px rgb(15 23 42 / 35%)}.settings-overlay-heading{font-size:2.3rem;margin-bottom:.85rem;white-space:nowrap}.game-over-heading{margin:0;font-size:2.3rem;font-weight:800;letter-spacing:.08em;white-space:nowrap;color:#f8fafc;text-shadow:0 2px 10px rgb(15 23 42 / 35%)}.game-over-preview-wrap{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.game-over-board-preview{display:block;width:auto;height:90%;max-width:100%;max-height:100%;border-radius:0;background:#0f172abf}.game-over-main{display:flex;flex-direction:column;align-items:center;gap:.85rem;height:100%;width:100%}.game-over-spacer{display:flex;align-items:center;justify-content:center}.game-over-stats{min-width:13.2rem;padding:.72rem .9rem;border:1px solid rgb(15 23 42 / 28%);border-radius:.4rem;background:#f8fafcd6;color:#0f172a;font-size:1.03rem;font-weight:700;letter-spacing:.04em}.game-over-row{display:flex;justify-content:space-between;gap:1rem;line-height:1.35}.game-over-label{color:#334155}.overlay-actions{width:100%;margin-top:auto;padding-bottom:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.title-overlay-button{min-width:12.6rem;padding:.72rem 1.2rem;border:1px solid rgb(15 23 42 / 55%);border-radius:.46rem;background:#f8fafcf0;color:#0f172a;font-size:1.12rem;font-weight:700;letter-spacing:.06em;cursor:pointer}.title-overlay-button:hover{background:#e2e8f0f5}.title-overlay-button:active{transform:translateY(1px)}.overlay-setting-button{border:1px solid rgb(248 250 252 / 88%);background:transparent;color:#f8fafc}.overlay-setting-button:hover{background:#f8fafc1f}.action-toast{position:absolute;top:.55rem;left:50%;transform:translate(-50%) translateY(-8px);z-index:10;color:#e2e8f0;background:#0f172ae0;border:1px solid rgb(148 163 184 / 38%);border-radius:999px;padding:.32rem .9rem;font-weight:700;font-size:.8rem;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.action-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.debug-badge{position:absolute;top:.6rem;left:.7rem;z-index:3;color:#f8fafc;background:#dc2626e5;border:1px solid rgb(248 113 113 / 60%);border-radius:.3rem;padding:.18rem .42rem;font-weight:700;font-size:.68rem;letter-spacing:.04em;opacity:0;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.debug-badge.is-visible{opacity:1;transform:translateY(0)}.bgm-credit-badge{position:absolute;top:.6rem;left:.7rem;z-index:2;max-width:34rem;color:#0b1020;background:transparent;border:0;border-radius:0;padding:0;font-size:.75rem;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic UI,Meiryo,Arial Rounded MT Bold,Nunito,sans-serif;font-weight:800;letter-spacing:.01em;opacity:0;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bgm-credit-badge.is-visible{opacity:1;transform:translateY(0)}.hud{position:absolute;top:.6rem;right:.75rem;z-index:2;color:#0f172a;background:#ffffffb8;border:1px solid rgb(15 23 42 / 18%);border-radius:.375rem;padding:.35rem .55rem;font-weight:700;letter-spacing:.04em;font-size:.8rem;min-width:8.8rem}.hud-row{display:flex;justify-content:space-between;gap:.65rem;line-height:1.25}.hud-label{color:#334155}