@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_8abcef22-module__EcGfDW__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_8abcef22-module__EcGfDW__variable{--font-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
*{box-sizing:border-box;margin:0}:root{--gutter:clamp(1rem, 6vw, 7rem);--section:clamp(2.5rem, 7vw, 7rem);--paper:#f3f0e9;--surface:#e8e4da;--text:#1b1a18;--text-muted:#57534c;--text-faint:#8c867b;--border:#c4bdaf;--rule:#1b1a18;--accent:#e8380d;--accent-soft:#f7d9cc;--success:#1e7a4c;--success-soft:#d8eadb;--error:#b3121b;--error-soft:#f4d4d1;--bg:var(--paper);--font-mono:var(--font-plex-mono), ui-monospace, "SFMono-Regular", monospace;background:var(--bg);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-behavior:smooth;font-size:clamp(16px,.52vw + 14px,24px)}body{font-family:var(--font-body), "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.7;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:transform .12s,box-shadow .12s,background-color .2s,border-color .2s,color .2s}button:hover:not(:disabled){box-shadow:2px 2px 0 var(--rule);transform:translate(-2px,-2px)}button:active:not(:disabled){box-shadow:none;transform:translate(0)}button:disabled{cursor:not-allowed}a{color:inherit;transition:color .2s,background-color .2s}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--paper)}.mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.page{width:100%;padding:var(--section) var(--gutter) calc(var(--section) * 1.5)}.page[style*=flex]{gap:clamp(2rem,4vw,4rem)!important}main :has(>h1){text-align:left!important}main h1:not(.hero-title){letter-spacing:-.02em;color:var(--text)!important;margin-bottom:1.25rem!important;font-size:clamp(2.25rem,7vw,5.5rem)!important;font-weight:900!important;line-height:1.05!important}main h1~p{margin-left:0!important}main p:has(+h1:not(.hero-title)){font-family:var(--font-mono);border-top:1px solid var(--rule);padding-top:.75rem;letter-spacing:.16em!important;color:var(--accent)!important;margin-bottom:1.5rem!important;font-size:.75rem!important;font-weight:500!important}.page h2{letter-spacing:-.01em}.site-header{z-index:10;background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0}.nav-link{text-decoration:none}.nav-link:hover,.nav-link[aria-current=page]{color:var(--accent)!important}.tracklist{scrollbar-width:none}.tracklist::-webkit-scrollbar{display:none}.catalog-row{text-decoration:none;transition:background-color .2s}.catalog-row:hover{background-color:var(--text);color:var(--paper)}.catalog-row:hover .catalog-meta{color:var(--paper)!important}@keyframes pulse-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.hero-grid{align-items:end;gap:clamp(2.5rem,6vw,6rem);display:grid}@media (min-width:900px){.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}@media (max-width:420px){.logo-sub{display:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.option:has(:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.option:hover{box-shadow:inset 0 -3px 0 var(--accent)}kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-muted);padding:0 .3em}.game-grid{gap:clamp(2rem,5vw,4rem);display:grid}@media (min-width:900px){.game-grid{grid-template-columns:minmax(15rem,1fr) minmax(0,2.2fr);align-items:start}.game-settings{grid-area:1/1;position:sticky;top:7rem}}.piano button:hover:not(:disabled){box-shadow:inset 0 -6px 0 var(--accent);transform:none}.piano button:active:not(:disabled){box-shadow:inset 0 -2px 0 var(--accent)}.catalog-featured{gap:clamp(2rem,4vw,4rem);display:grid}@media (min-width:760px){.catalog-featured{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end}}.jacket svg{transition:transform .25s}.jacket:hover svg{transform:rotate(-1.5deg)scale(1.01)}.jacket:hover h3{color:var(--accent)}.catalog-row{grid-template-columns:2rem 3.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.5rem;padding:1rem .5rem;display:grid}.catalog-desc,.catalog-cat{display:none}@media (min-width:900px){.catalog-row{grid-template-columns:2.5rem 4rem minmax(0,1fr) minmax(0,1.4fr) 5rem auto;gap:1.5rem}.catalog-desc,.catalog-cat{display:block}}.about-grid{gap:2.5rem;display:grid}@media (min-width:900px){.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}section[id]{scroll-margin-top:5.5rem}.catalog-featured svg{aspect-ratio:16/10}.catalog-featured>:last-child svg{aspect-ratio:4/3}