:root{--bg:#0f1115;--panel:#1a1d24;--line:#2a2f3a;--fg:#e8eaf0;--dim:#8b92a3;--accent:#14b8a6;--bad:#f43f5e}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0;font-family:system-ui,Hiragino Sans,Yu Gothic,sans-serif}.page{flex-direction:column;min-height:100vh;display:flex}main{text-align:center;flex:1;width:100%;max-width:720px;margin:0 auto;padding:6vh 16px 48px}h1{margin:0 0 4px;font-size:2.2rem}.sub{color:var(--dim);margin:0 0 32px}.levels{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}@media (width>=560px){.levels{grid-template-columns:repeat(4,1fr)}}.level{background:var(--panel);border:2px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;border-radius:12px;padding:16px 8px}.level:hover{border-color:var(--dim)}.level[aria-pressed=true]{border-color:var(--accent);background:#12302d}.level b{font-size:1.2rem;display:block}.level span{color:var(--dim);font-size:.9rem}.custom{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.number-field{width:4.5rem;font:inherit;text-align:center;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}.btn{font:inherit;color:#04201d;background:var(--accent);cursor:pointer;border:0;border-radius:10px;padding:12px 40px;font-size:1.1rem}.btn:hover{filter:brightness(1.1)}.btn.secondary{background:var(--panel);color:var(--fg)}.actions{justify-content:center;gap:8px;display:flex}.hint{color:var(--dim);margin-top:16px;font-size:.9rem}.word{letter-spacing:.15em;font-variant-numeric:tabular-nums;word-break:break-all;margin:0 0 24px;font-family:ui-monospace,Consolas,monospace;font-size:clamp(2rem,9vw,4rem)}.word.shake{animation:.15s shake}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.done{color:var(--accent)}.site-header,.site-footer{border-color:var(--line);color:var(--dim);border-style:solid;border-width:0}.site-header{border-bottom-width:1px}.site-footer{border-top-width:1px;font-size:.85rem}.site-inner{justify-content:space-between;align-items:center;gap:12px;max-width:960px;margin:0 auto;padding:14px 16px;display:flex}.brand{color:var(--fg);font-size:1.1rem;font-weight:700;text-decoration:none}.tagline{font-size:.85rem}.site-footer a{color:var(--dim)}.site-footer a:hover{color:var(--fg)}.site-inner .tagline{margin-left:8px;margin-right:auto}.icon-btn{width:36px;height:36px;color:var(--dim);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.icon-btn:hover{color:var(--fg);background:var(--panel)}.settings{width:min(92vw,380px);color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:0 20px 60px #0009}.settings::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0008}.settings form{gap:20px;padding:20px;display:grid}.settings header{justify-content:space-between;align-items:center;display:flex}.settings h2{margin:0;font-size:1.1rem}.toggle,.slider{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.toggle input{opacity:0;position:absolute}.toggle i{background:var(--line);border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}.toggle i:after{content:"";background:var(--fg);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translate(18px)}.toggle input:focus-visible+i,.slider input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.slider input{max-width:200px;accent-color:var(--accent);cursor:pointer;flex:1}.slider.off{opacity:.4}@media (prefers-reduced-motion:reduce){.toggle i,.toggle i:after{transition:none}}.bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.bar>i{background:var(--accent);border-radius:4px;height:100%;transition:width .1s linear,background .2s;display:block}.bar.danger>i{background:var(--bad)}.word-timer{color:var(--dim);align-items:center;gap:10px;margin:16px 0 0;display:flex}.word-timer .bar{flex:1;height:5px}.word-timer small{text-align:right;font-variant-numeric:tabular-nums;width:3.2em}.hud{margin:14px 0 28px}.hud-title{color:var(--dim);margin-bottom:10px;font-size:.85rem}.hud-cells{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hud-cell{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 6px}.hud-cell span{color:var(--dim);letter-spacing:.08em;font-size:.7rem;display:block}.hud-cell b{font-variant-numeric:tabular-nums;font-size:1.4rem}.hud-cell small{color:var(--dim);margin-left:2px;font-size:.7rem}.hud-cell.score{border-color:var(--accent);background:#12302d}.hud-cell.score b{color:var(--accent)}.hud .miss{color:var(--bad)}.word-timer+.word{margin-top:28px}.game-settings{gap:12px;max-width:460px;margin:0 auto 24px;display:grid}.seg-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.seg-label{color:var(--dim);white-space:nowrap;font-size:.9rem}.seg{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:.85rem;transition:background .15s,color .15s}.seg button:hover{color:var(--fg)}.seg button[aria-pressed=true]{color:#04201d;background:var(--accent);font-weight:600}.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.score-card{background:linear-gradient(135deg, var(--panel), #12302d);border:1px solid var(--line);text-align:left;border-radius:20px;justify-content:center;align-items:center;gap:24px;margin:20px 0;padding:24px;display:flex}.rank{color:#04201d;background:var(--dim);border-radius:20px;place-items:center;width:84px;height:84px;font-size:3rem;font-weight:800;display:grid}.rank[data-rank=S]{background:linear-gradient(135deg,#fde047,#f59e0b)}.rank[data-rank=A]{background:var(--accent)}.rank[data-rank=B]{background:#60a5fa}.score-label{color:var(--dim);letter-spacing:.12em;font-size:.75rem}.score-value{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:800;line-height:1.1}.score-best{color:var(--dim);font-size:.9rem}.badge{color:#04201d;background:#fde047;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0 24px;display:grid}@media (width>=560px){.stats{grid-template-columns:repeat(3,1fr)}}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 8px}.stat b{font-variant-numeric:tabular-nums;font-size:1.5rem;display:block}.stat span{color:var(--dim);font-size:.8rem}@media (prefers-reduced-motion:reduce){.bar>i,.seg button{transition:none}}.number-field{appearance:textfield;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.number-field::-webkit-inner-spin-button{appearance:none;margin:0}.number-field::-webkit-outer-spin-button{appearance:none;margin:0}.battle{margin:16px 0}.battle input{text-align:center;background:var(--panel);width:8ch;color:inherit;border:1px solid var(--line);border-radius:8px;padding:6px;font-size:1.1rem}