:root{--paper:#f3efe6;--card:#fbfaf6;--ink:#26231f;--ink-soft:#6e6a60;--line:#ddd8cb;--shu:#c3402b;--shu-soft:#f3ded8;--shadow:0 1px 0 #26231f0a, 0 8px 24px -12px #26231f2e;--font-kana:"Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;--font-ui:"Avenir Next", "Hiragino Sans", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#1c1a17;--card:#25221e;--ink:#ede8dd;--ink-soft:#a39d90;--line:#3a362f;--shu:#e0614b;--shu-soft:#3a231e;--shadow:0 1px 0 #0003, 0 10px 28px -14px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;line-height:1.5}.page{max-width:1040px;margin:0 auto;padding:clamp(2rem,7vw,5rem) 16px 3rem}.masthead{margin-bottom:clamp(2rem,5vw,3.5rem)}.eyebrow{font-family:var(--font-kana);color:var(--shu);letter-spacing:.08em;margin:0 0 .6rem;font-size:1rem}.eyebrow span{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-size:.8rem}.logo{font-family:var(--font-kana);letter-spacing:-.02em;margin:0;font-size:clamp(2.6rem,9vw,4.6rem);font-weight:600;line-height:1}.logo .dot{color:var(--shu)}.lede{max-width:34rem;color:var(--ink-soft);margin:1rem 0 0;font-size:1.05rem}.games{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.game{background:var(--card);border:1px solid var(--line);height:100%;color:inherit;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.game:hover{border-color:var(--shu);transform:translateY(-3px)}.game:focus-visible{outline:3px solid var(--shu);outline-offset:3px}.shot{aspect-ratio:16/10;border-bottom:1px solid var(--line);margin:0;overflow:hidden}.shot-ninja{background:#1a1c2c}.shot-trainer{background:#efece3}.shot img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.shot-ninja img{image-rendering:pixelated}.game:hover .shot img{transform:scale(1.03)}.game-text{flex:1;padding:1.25rem 1.4rem .5rem}.game-jp{font-family:var(--font-kana);color:var(--shu);margin:0;font-size:.95rem}.game h2{letter-spacing:-.01em;margin:.1rem 0 .5rem;font-size:1.5rem;font-weight:600}.game-text>p:not(.game-jp){color:var(--ink-soft);margin:0}.tags{flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.15rem .6rem;font-size:.75rem}.play{color:var(--shu);align-self:flex-end;align-items:center;gap:.5rem;margin:.75rem 1.4rem 1.2rem;font-weight:600;display:inline-flex}.play kbd{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-soft);border-radius:4px;padding:.05rem .4rem;font-size:.75rem;font-weight:400}.game:hover .play{text-underline-offset:3px;text-decoration:underline}.foot{color:var(--ink-soft);margin-top:3rem;font-size:.85rem}@media (hover:none){.play kbd{display:none}}@media (prefers-reduced-motion:reduce){.game,.shot img{transition:none}.game:hover,.game:hover .shot img{transform:none}}