:root{--bg:#f7f4f9;--surface:#fff;--wash:#f1eaf3;--key:#ece5ef;--key-hover:#e1d8e6;--line:#e3dae7;--ink:#1d1620;--muted:#685d6d;--faint:#b3a9b8;--exact:#bf80bf;--on-exact:#2b1430;--warn:#ffd999;--on-warn:#4a2e05;--absent:#8e8a93;--on-absent:#fff;--accent-strong:#8b468b;--accent-stronger:#763876;--on-accent-strong:#fff;--danger:#b3261e;--font-kana:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;--font-body:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121014;--surface:#1c1820;--wash:#241f29;--key:#2c2631;--key-hover:#393040;--line:#3a3241;--ink:#f4eef6;--muted:#aea3b3;--faint:#5d5463;--absent:#4a464d;--on-absent:#ebe5ee;--accent-strong:#c98fcf;--accent-stronger:#d6a3db;--on-accent-strong:#2b1430;--danger:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0}a{color:inherit;-webkit-text-decoration-color:var(--exact);text-decoration-color:var(--exact);text-underline-offset:3px;text-decoration-thickness:2px}h1,h2,h3{font-family:var(--font-kana);text-wrap:balance;margin:0;font-weight:700;line-height:1.2}.wrap{max-width:1080px;margin:0 auto}.top{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{font:700 1.4rem var(--font-kana);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:9px;width:36px;height:36px}.brand small{font:500 .85rem var(--font-body);color:var(--muted)}.top nav{align-items:center;gap:18px;font-size:.95rem;display:flex}.top nav a:not(.store){color:var(--muted);text-decoration:none}.top nav a:not(.store):hover{color:var(--ink)}.store{background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.store svg{fill:currentColor;width:16px;height:16px}.store:hover{opacity:.88}.hero{grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:start;gap:56px;padding-block:24px 72px;display:grid}.pitch{flex-direction:column;gap:20px;padding-top:40px;display:flex}.eyebrow{font:500 .95rem var(--font-kana);color:var(--accent-strong);letter-spacing:.04em;margin:0}.hero h1{letter-spacing:-.01em;font-size:clamp(2.3rem,5vw,3.6rem)}.hero h1 em{background:linear-gradient(transparent 62%, color-mix(in srgb, var(--exact) 55%, transparent) 62%);font-style:normal}.lede{color:var(--muted);max-width:32em;margin:0;font-size:1.15rem}.hint{color:var(--muted);margin:0;font-size:.9rem}.hint kbd{font:600 .8rem var(--font-body);background:var(--key);border-radius:5px;padding:1px 6px}.play{background:var(--surface);border-radius:24px;min-height:600px;padding:20px;box-shadow:0 1px 2px #2814320f,0 12px 40px -12px #2814322e}.play noscript p{text-align:center;color:var(--muted)}section.band{border-top:1px solid var(--line);padding-block:64px}.band>h2{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.1rem)}.band>.sub{color:var(--muted);max-width:40em;margin:0 0 32px}.hints{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.hints li{flex-direction:column;gap:12px;display:flex}.hints p{margin:0;font-size:.95rem}.hints strong{margin-bottom:2px;font-size:1rem;display:block}.hints .tile{--tile:64px}.rows{background:var(--wash);border-radius:18px;flex-wrap:wrap;align-items:center;gap:24px;margin-top:40px;padding:20px 24px;display:flex}.rows p{flex:18em;min-width:0;margin:0}.gojuon{font:500 1.05rem/1.3 var(--font-kana);grid-template-columns:repeat(6,auto);gap:4px 10px;display:grid}.gojuon b{font:600 .75rem/1.75 var(--font-body);color:var(--muted)}.gojuon .hit{color:var(--accent-strong)}.levels-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.level{background:var(--surface);border-radius:18px;flex-direction:column;gap:8px;padding:24px;display:flex}.level h3{align-items:baseline;gap:10px;font-size:1.3rem;display:flex}.level h3 span{font:500 .9rem var(--font-body);color:var(--muted)}.level p{color:var(--muted);margin:0}.level .words{font:500 1.15rem var(--font-kana);color:var(--ink);letter-spacing:.04em}.app{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:32px;display:grid}.app img{border-radius:28px;width:120px;height:120px}.app ul{color:var(--muted);margin:12px 0 20px;padding-left:1.2em}.faq{gap:8px;max-width:46em;display:grid}.faq details{background:var(--surface);border-radius:14px;padding:0 20px}.faq summary{cursor:pointer;padding:16px 0;font-weight:600;list-style-position:outside}.faq details p{color:var(--muted);margin:0 0 16px}.prose{max-width:42em;padding-block:32px 72px}.prose h1{margin-bottom:24px;font-size:2.2rem}.prose h2{margin:32px 0 8px;font-size:1.2rem}.prose p{color:var(--muted);margin:0 0 12px}.foot{border-top:1px solid var(--line);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.foot nav{gap:18px;display:flex}button{font:inherit;color:var(--ink);background:var(--key);cursor:pointer;border:0;border-radius:10px;padding:8px 14px}button:hover:not(:disabled){background:var(--key-hover)}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--accent-strong);color:var(--on-accent-strong);font-weight:600}button.primary:hover{background:var(--accent-stronger)}button.small{padding:6px 10px;font-size:.8rem}.exact{background:var(--exact);color:var(--on-exact)}.misplaced,.sameGyou{background:var(--warn);color:var(--on-warn)}.absent{background:var(--absent);color:var(--on-absent)}.tile{--tile:clamp(48px, 13vw, 60px);width:var(--tile);height:var(--tile);border:2px solid var(--line);font:700 calc(var(--tile) * .46) / 1 var(--font-kana);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex}.tile:is(.exact,.misplaced,.sameGyou,.absent){border-color:#0000}.tile i{font:600 .62rem/1 var(--font-kana);opacity:.85;height:.7rem;font-style:normal}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (width<=860px){.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:8px 48px}.pitch{gap:12px;padding-top:0}.hero .hint,.pitch .store,.eyebrow{display:none}.hero h1{font-size:1.75rem}.lede{font-size:.95rem}.hints{grid-template-columns:repeat(2,minmax(0,1fr))}.levels-list{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.top nav a:not(.store){display:none}.play{border-radius:20px;margin-inline:-6px;padding:14px 10px}.app{grid-template-columns:minmax(0,1fr)}.app img{border-radius:20px;width:88px;height:88px}}