@font-face{font-family:Zen Maru Gothic;font-weight:500;font-display:swap;src:url(/fonts/zen-maru-gothic-500.woff2)format("woff2")}@font-face{font-family:Zen Maru Gothic;font-weight:700;font-display:swap;src:url(/fonts/zen-maru-gothic-700.woff2)format("woff2")}: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;transition:color .16s,text-decoration-color .16s,text-underline-offset .16s,transform .16s,box-shadow .16s}a:hover{-webkit-text-decoration-color:var(--accent-strong);text-decoration-color:var(--accent-strong);text-underline-offset:5px}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.6rem var(--font-kana);align-items:center;gap:.08em;text-decoration:none;display:flex}.brand img{width:1.2em;height:1.2em;transition:transform .22s}.brand span{border:2px solid var(--line);border-radius:22%;place-items:center;width:1.6em;height:1.6em;font-size:.75em;line-height:1;transition:transform .22s,border-color .22s;display:grid}.brand:hover img{transform:rotate(-8deg)}.brand:hover span{border-color:var(--exact);transform:translateY(-3px)}.brand:hover span:last-of-type{transition-delay:60ms}.brand small{font:500 .85rem var(--font-body);color:var(--muted);margin-left:10px}.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{transform:translateY(-2px);box-shadow:0 6px 16px #1d162038}.store:active{box-shadow:none;transform:translateY(0)}.hero{grid-template:"pitch game""side game"1fr/minmax(0,1fr) minmax(0,520px);align-items:start;gap:28px 56px;padding-block:24px 72px;display:grid}.pitch{flex-direction:column;grid-area:pitch;gap:20px;padding-top:8px;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)}:lang(ja) :is(h1,h2,h3){word-break:auto-phrase}.hero h1:lang(ja){word-break:keep-all}.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}.play{display:contents}.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 .icon{width:120px;height:120px}.art{scroll-snap-align:start;flex:none;display:block}.art img{display:block}.art:hover{transform:translateY(-3px)}.app:has(.shot){grid-template-columns:auto minmax(0,1fr) auto}.app .shot{border-radius:20px;width:220px;height:auto;box-shadow:0 1px 2px #2814320f,0 12px 32px -12px #28143233}.shots{scroll-snap-type:x mandatory;gap:20px;margin-top:32px;padding-bottom:8px;display:flex;overflow-x:auto}.shots img{background:var(--surface);border-radius:20px;width:min(240px,62vw);height:auto;box-shadow:0 1px 2px #2814320f,0 12px 32px -12px #28143233}.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;transition:color .16s}.faq summary:hover{color:var(--accent-strong)}.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}.foot nav a{text-decoration-color:#0000}.foot nav a:hover{color:var(--ink);-webkit-text-decoration-color:var(--exact);text-decoration-color:var(--exact)}.panel{background:var(--surface);border-radius:18px;min-width:0;padding:16px 18px}.muted{color:var(--muted)}.small{font-size:.8rem}button{font:inherit;color:var(--ink);background:var(--key);cursor:pointer;border:0;border-radius:10px;padding:8px 14px;transition:background-color .14s,transform .14s}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--accent-strong);color:var(--on-accent-strong);font-weight:600}@media (hover:hover){button:not(.exact,.misplaced,.sameGyou,.absent,.primary):hover:not(:disabled){background:var(--key-hover)}button.primary:hover:not(:disabled){background:var(--accent-stronger);transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){a,button,.brand img,.brand span{transition:none}.brand:hover img,.brand:hover span,.store:hover,.art:hover,button.primary:hover{transform:none}}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;position:relative}.tile:is(.exact,.misplaced,.sameGyou,.absent){border-color:#0000}.tile i{font:600 .62rem/1 var(--font-kana);opacity:.85;font-style:normal;position:absolute;bottom:6%}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (width<=1023px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"pitch""game";gap:24px;padding-block:8px 48px}.pitch{gap:12px;padding-top:0}.pitch .get,.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,.lang),.brand small{display:none}.app{grid-template-columns:minmax(0,1fr)}.app .icon{width:88px;height:88px}.app:has(.shot){grid-template-columns:minmax(0,1fr)}.app .shot{width:min(240px,62vw)}}