:root{--dusk:#2b2a5c;--dusk-2:#3d3a74;--sunset:#f27a54;--glow:#ffd38a;--paper:#fff8ec;--paper-2:#f3e6cf;--ink:#1b1530;--ink-dim:#6b6080;--red:#e23b2e;--yellow:#ffe14d;--green:#4b7a3e;--font-display:"Mochiy Pop One", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-body:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[hidden]{display:none!important}html,body{background:var(--dusk);height:100%;color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}#field{touch-action:none;display:block;position:absolute;inset:0}button{cursor:pointer;touch-action:manipulation;font-family:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.screen{-webkit-overflow-scrolling:touch;padding-top:max(18px, env(safe-area-inset-top,0px));padding-bottom:max(24px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:linear-gradient(#2b2a5cdb,#2b2a5c8c 55%,#2b2a5c33);position:absolute;inset:0;overflow-y:auto}.inner{flex-direction:column;gap:14px;max-width:440px;margin:0 auto;display:flex}.brand{color:#fff;padding-top:6px}.logo{font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 4px 0 var(--ink);transform-origin:0 100%;margin:0;font-size:clamp(46px,15vw,66px);font-weight:400;line-height:1.02;transform:rotate(-3deg)}.logo small{color:#fff;font-size:.46em;line-height:1.2;display:block}.logo span{white-space:nowrap;color:var(--yellow);display:inline-block;transform:translate(6px,-6px)rotate(-6deg)}.tagline{color:var(--glow);text-wrap:balance;margin:8px 0 0;font-size:14px;font-weight:800}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.label{letter-spacing:.12em;color:var(--ink-dim);font-size:12px;font-weight:800}#word{box-sizing:border-box;border:3px solid var(--ink);width:100%;color:var(--ink);font-family:var(--font-display);-webkit-user-select:text;user-select:text;background:#fff;border-radius:12px;padding:10px 12px;font-size:24px}#word::placeholder{color:#c3b8cf}.foot{color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:12px;display:flex}#count{font-variant-numeric:tabular-nums;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--ink);color:var(--ink);font-family:var(--font-display);background:#fff;border-radius:999px;padding:6px 12px;font-size:14px}.chip:active{background:var(--paper-2)}.btn-go,.btn-sub{border-radius:16px;width:100%;min-height:58px;font-size:19px;font-weight:800}.btn-go{border:3px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:0 6px 0 var(--ink);font-family:var(--font-display);font-weight:400}.btn-go:active{box-shadow:0 1px 0 var(--ink);transform:translateY(5px)}.btn-go:disabled{opacity:.5;box-shadow:0 6px 0 var(--ink);transform:none}.btn-sub{border:3px solid var(--ink);background:var(--paper);color:var(--ink)}.reset-top{color:#1b15308c;font:inherit;cursor:pointer;background:0 0;border:0;margin:2px 0 0 auto;padding:4px 0;font-size:11px;text-decoration:underline;display:block}.reset-top.is-armed{color:#d9412b;font-weight:700}.records h2{letter-spacing:.2em;margin:0;font-size:15px}.top{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.top li{border-bottom:1px dashed #d8cbb3;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 0;font-size:14px;display:grid}.top li.empty{color:var(--ink-dim);border:0;display:block}.top .rank{color:var(--ink-dim);font-weight:800}.top li:first-child .rank{color:var(--red)}.top .w{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top b{font-variant-numeric:tabular-nums}.landmarks{flex-wrap:wrap;gap:6px;display:flex}.lm{color:#b3a78f;border:1.5px dashed #c7b9a0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.lm.is-on{border:1.5px solid var(--ink);background:var(--yellow);color:var(--ink)}.howto summary{cursor:pointer;font-weight:800}.howto dl{flex-direction:column;gap:6px;margin:4px 0 0;display:flex}.howto dl div{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;display:grid}.howto dt{font-weight:800}.howto dd{color:var(--ink-dim);margin:0}.k{border:2px solid var(--ink);width:26px;height:26px;font-family:var(--font-display);color:#fff;border-radius:7px;place-items:center;margin-right:6px;font-size:15px;font-weight:400;display:inline-grid}.k.wing{color:var(--dusk);background:#fffaf0}.k.boost{color:#ffe14d;background:#e8332b}.k.mystery{background:#7a4fd1}.k.small{color:#3a2400;background:#ffb84d}.k.roll{background:#4f8ff7}.k.kanji{background:#2c2f6e}.k.katakana{background:#14a39a}.k.hiragana{background:#ff6f61}.note{color:var(--ink-dim);margin:4px 0 0;font-size:12px;line-height:1.6}.hud{padding-top:max(10px, env(safe-area-inset-top,0px));padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));pointer-events:none;color:#fff;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back right""dist dist";align-items:start;gap:4px 8px;display:grid;position:absolute;top:0;left:0;right:0}.hud .btn-chip{grid-area:back}.hud .dist{grid-area:dist}.hud .hud-right{grid-area:right}.btn-chip{pointer-events:auto;color:#fff;background:#1b15308c;border:2px solid #ffffffb3;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.dist{text-shadow:0 3px 0 var(--ink);flex-direction:column;align-items:center;display:flex}.dist b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(34px,11vw,48px);font-weight:400;line-height:1}.dist span{min-height:1em;font-size:12px;font-weight:800}.hud-right{flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;font-weight:800;display:flex}.best{font-variant-numeric:tabular-nums;background:#1b15308c;border-radius:6px;padding:3px 7px}.wind{background:#1b15308c;border-radius:6px;padding:3px 7px}.wind[data-dir=tail]{color:#9ff0b5}.wind[data-dir=head]{color:#ffb3a3}.spec{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:max(12px, env(safe-area-inset-bottom,0px));border:3px solid var(--ink);pointer-events:none;box-shadow:0 5px 0 var(--ink);background:#fff8ecf0;border-radius:16px;flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:absolute}.spec-word{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;display:grid}.bar{justify-content:space-between;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.meter{gap:3px;display:flex}.meter i{background:#e2d6c1;border-radius:2px;width:14px;height:8px}.meter i.on{background:var(--sunset)}.feats{flex-wrap:wrap;gap:5px;max-height:4.6em;display:flex;overflow:hidden}.feat{background:var(--paper-2);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.feat em{background:var(--red);color:#fff;border-radius:4px;margin-right:4px;padding:0 4px;font-style:normal}.spec-hint{text-align:center;color:var(--ink);margin:0;font-size:13px}.spec-hint b{color:var(--red)}.spec-hint-sub{opacity:.85;margin-top:2px;font-size:11.5px}.boost{right:max(16px, env(safe-area-inset-right,0px));bottom:max(18px, env(safe-area-inset-bottom,0px));border:3px solid var(--ink);width:104px;height:104px;color:var(--yellow);box-shadow:0 6px 0 var(--ink);touch-action:none;background:#e8332b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.boost b{font-family:var(--font-display);font-size:26px;font-weight:400}.boost span{color:#fff;font-size:11px;font-weight:800}.boost.is-shout{color:#fff;background:#2bb3d9}.boost.is-empty{color:#ddd;background:#8d8597}.result{padding-bottom:max(16px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.result-card{pointer-events:auto;background:var(--paper);border:3px solid var(--ink);width:100%;max-width:440px;box-shadow:0 6px 0 var(--ink);border-radius:20px;flex-direction:column;gap:6px;padding:14px 16px 16px;animation:.4s cubic-bezier(.2,.9,.3,1.3) both pop-up;display:flex}@keyframes pop-up{0%{opacity:0;transform:translateY(60px)}}.result-word{font-family:var(--font-display);color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;overflow:hidden}.result-dist{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(48px,16vw,68px);line-height:1}.result-badge{background:var(--red);color:#fff;border-radius:8px;align-self:flex-start;margin:0;padding:4px 10px;font-size:15px;font-weight:800;animation:.5s cubic-bezier(.3,1.6,.5,1) .25s both badge}@keyframes badge{0%{opacity:0;transform:scale(2)rotate(-6deg)}}.result-notes{color:var(--ink);margin:0;padding-left:1.1em;font-size:13px;line-height:1.6}.result-actions{gap:10px;margin-top:6px;display:grid}@media (prefers-reduced-motion:reduce){.result-card,.result-badge{animation:none}}.rank-row{align-items:baseline;gap:10px;display:flex}.rank-label{letter-spacing:.15em;color:var(--ink-dim);font-size:12px;font-weight:800}.rank-row b{font-family:var(--font-display);font-size:22px;font-weight:400}.streak{color:#fff;background:var(--red);border-radius:999px;margin-left:auto;padding:2px 9px;font-size:12px;font-weight:800}.rank-bar{border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;height:10px;overflow:hidden}.rank-bar i{background:linear-gradient(90deg, var(--sunset), var(--yellow));width:0;height:100%;display:block}.rank-next{color:var(--ink-dim);margin:0;font-size:12px;line-height:1.5}.sub{letter-spacing:.15em;margin:4px 0 0;font-size:14px}.challenges{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.challenges li{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.challenges.small li{font-size:13px}.challenges .check{border:2px solid var(--ink);color:#fff;background:#fff;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.challenges li.is-done .check{background:var(--green)}.challenges li.is-done>span:nth-child(2){color:var(--ink-dim);text-decoration:line-through;text-decoration-thickness:2px}.challenges em{color:#fff;background:var(--red);border-radius:4px;padding:1px 6px;font-size:12px;font-style:normal}.challenges li.is-fresh{animation:.5s cubic-bezier(.3,1.6,.5,1) .4s both badge}.result-news{flex-direction:column;gap:4px;display:flex}.result-news p{border-radius:8px;margin:0;padding:5px 10px;font-size:14px;font-weight:800}.news-ok{background:var(--green);color:#fff}.news-rank{background:var(--yellow);color:var(--ink);border:2px solid var(--ink)}.chase{color:var(--glow);margin-top:2px;font-weight:800;font-size:13px!important}.chase[data-over]{color:#ff9b6b}.zukan h2{letter-spacing:.1em;margin:0;font-size:15px}.zukan h2 b{font-family:var(--font-display);color:var(--red);font-size:20px;font-weight:400}.zukan-lead{color:var(--ink-dim);margin:0;font-size:12px;line-height:1.5}.zukan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.zk{color:var(--ink-dim);border:1.5px dashed #d2c3a8;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:6px;padding:5px 6px;font-size:11px;line-height:1.35;display:grid}.zk b{background:var(--paper-2);width:32px;height:32px;font-family:var(--font-display);color:#b3a78f;border-radius:7px;place-items:center;font-size:18px;font-weight:400;display:grid}.zk.is-got{border:1.5px solid var(--ink);color:var(--ink);background:#fff}.zk.is-got b{background:var(--yellow);color:var(--ink);border:2px solid var(--ink)}.feat.k-secret{background:#ffe0f0}.feat.k-tease{background:var(--ink);color:var(--yellow)}.news-secret{color:var(--ink);border:2px solid var(--ink);background:#ff9bd2}.btn-share{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px;font-size:13px;font-weight:700;text-decoration:underline}.target{border:2px solid var(--ink);background:#fff1b8;border-radius:10px;margin:0;padding:8px 10px;font-size:14px;font-weight:800;line-height:1.45}.target.is-done{background:#d8f5c8}.launcher-line{color:var(--ink-dim);margin:0;font-size:12px;font-weight:700}.note-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.nt{opacity:.65;border:2px dashed #0000002e;border-radius:10px;grid-template-columns:34px 1fr;align-items:center;column-gap:8px;padding:6px 8px;display:grid}.nt b{text-align:center;filter:grayscale();grid-row:span 2;font-size:24px}.nt-name{font-size:12px;font-weight:800}.nt-text{color:var(--ink-dim);font-size:12px;line-height:1.4}.nt.is-got{opacity:1;border:2px solid var(--ink);background:#fff8e6}.nt.is-got b{filter:none}.nt.is-got .nt-text{color:var(--ink);font-weight:700}.news-landing{font-weight:800;line-height:1.5}html,body,#app,:where(#app *){touch-action:manipulation}.btn-x{color:#fff;min-height:50px;font:inherit;background:#000;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:17px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 3px #00000059}.btn-x:active{transform:translateY(2px);box-shadow:0 1px #00000059}