*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#171917;font-family:Arial,'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #557731;outline-offset:6px}header,main,footer{max-width:1600px;margin:auto;padding-inline:4.2vw}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b1b1b}.brand{font-size:32px;font-weight:900;letter-spacing:-2px;display:flex;align-items:center;gap:12px}.brand-dot{width:10px;height:10px;background:#171917;border-radius:50%}nav{display:flex;gap:30px;font-size:12px;font-weight:700}nav a:hover{opacity:.5}.intro{display:flex;justify-content:space-between;padding:25px 0 62px;color:#686d67;font:10px monospace;letter-spacing:1px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-head h1,.section-head h2{font-size:46px;letter-spacing:-2px;font-weight:500;margin:0}.count{font:11px monospace;vertical-align:top;display:inline-block;margin:9px 0 0 14px;letter-spacing:0}.section-head p{font-size:12px}.games{display:grid;grid-template-columns:2fr 1fr;gap:5vw}.art{position:relative;overflow:hidden}.art svg{display:block;width:100%;transition:transform .5s}.game:hover svg{transform:scale(1.025)}.play{position:absolute;right:20px;top:18px;color:#e6eddf;font-size:11px;border:1px solid #73816c;padding:8px 12px}.caption{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #c6c9c2}.caption h2{font-size:17px;letter-spacing:-.3px;margin:0}.caption span{font:10px monospace;color:#686d67}.caption .arrow{font-size:22px;color:#171917}.space-note{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:64px;font:11px monospace;color:#767c73}.space-note p{font:14px/2.1 Arial,sans-serif;color:#42483f;margin:22px 0 40px}.small{font-size:9px;letter-spacing:1px}#music{margin-top:105px}.tracks{border-top:1px solid #1b1b1b}.track{display:grid;grid-template-columns:60px 1fr 100px 25px;align-items:center;min-height:70px;border-bottom:1px solid #d6d9d3;transition:background .2s,padding .2s}.track:hover{background:#f3f5f0;padding-inline:12px}.track .num,.track .type{font:10px monospace;color:#767c73}.track .title{font-size:22px;letter-spacing:-.5px}.track .arrow{font-size:20px;text-align:right}.annotation{font-size:10px;color:#777;line-height:1.8;margin-top:20px}.archive{margin-top:85px;padding:30px 0;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;border-top:1px solid #171917;border-bottom:1px solid #171917}.archive h2{font-size:17px;margin:0}.archive p,.archive a{font-size:12px}.archive a{border-bottom:1px solid;padding-bottom:6px}.about{padding:75px 0 90px}.about h2{font-size:25px;letter-spacing:-1px}.about p{font-size:12px;color:#676d63}.about div{display:flex;gap:24px;font-size:11px;margin-top:30px}footer{border-top:1px solid #d6d9d3;display:flex;justify-content:space-between;padding-top:22px;padding-bottom:25px;font:9px monospace;color:#666}.skip{position:absolute;top:-60px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}.detail{padding-top:45px}.back{font-size:12px}.detail h1{font-size:clamp(48px,8vw,110px);letter-spacing:-5px;line-height:.95;font-weight:500;margin:70px 0 30px}.detail p{font-size:14px;line-height:2}.modes{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:50px 0 100px}.mode{border-top:1px solid;padding:24px 0}.mode h2{font-size:30px;font-weight:500}.mode a{display:inline-block;border:1px solid;padding:15px 35px;font-size:12px}.mode a:hover{background:#171917;color:white}@media(min-width:1500px){main{padding-inline:70px}}@media(max-width:700px){header{height:auto;min-height:105px;align-items:flex-start;flex-direction:column;justify-content:center;gap:18px;padding-block:20px}.brand{font-size:27px}nav{gap:22px;font-size:10px}.intro{padding-bottom:38px;font-size:8px}.section-head h1,.section-head h2{font-size:36px}.section-head p{font-size:10px}.games{grid-template-columns:1fr}.space-note{display:none}.caption{gap:10px}.caption h2{font-size:15px}.caption span{font-size:9px}#music{margin-top:65px}.track{grid-template-columns:32px 1fr 22px;min-height:64px}.track .title{font-size:18px}.track .type{display:none}.archive{grid-template-columns:1fr auto;margin-top:55px}.archive p{grid-row:2;grid-column:1/-1;font-size:11px}.archive a{font-size:10px}.about{padding:45px 0 55px}footer{font-size:8px;gap:12px}footer>span:nth-child(2){display:none}.modes{grid-template-columns:1fr}.detail h1{letter-spacing:-2px}.play{font-size:9px;padding:6px 9px;top:12px;right:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Compact artwork beside each title. */
.games,.tracks{display:block;border-top:1px solid #171917}
.space-note,.play{display:none}
.game,.track{display:flex;align-items:center;gap:18px;width:100%;min-height:76px;padding:12px 0;border-bottom:1px solid #d6d9d3;transition:background .2s}
.game:hover,.track:hover{padding:12px 0;background:#f5f6f2}
.art,.track-image{flex:0 0 48px;width:48px;height:48px;aspect-ratio:1;overflow:hidden;background:#f2f3ef}
.art{background:#101612}.art svg,.track-image img{display:block;width:100%;height:100%;object-fit:cover}
.caption,.track-caption{flex:1;min-width:0;display:flex;align-items:center;gap:18px;padding:0;border:0}
.caption h2,.track .title{margin:0;font-size:17px;font-weight:400;letter-spacing:0;line-height:1.5;overflow-wrap:anywhere}
.caption>span:not(.arrow){font:10px monospace;color:#767c73;margin-left:auto}
.caption .arrow,.track .arrow{font-size:19px;color:#171917;flex-shrink:0}
.track .arrow{margin-left:auto}
#music{margin-top:50px}.section-head h1,.section-head h2{font-size:32px}.section-head{margin-bottom:20px}.intro{padding-bottom:35px}
@media(max-width:700px){.game,.track{gap:14px;min-height:68px;padding:11px 0}.game:hover,.track:hover{padding:11px 0}.art,.track-image{flex-basis:42px;width:42px;height:42px}.caption h2,.track .title{font-size:15px}.caption{flex-wrap:wrap;gap:0 10px}.caption h2{flex:1}.caption>span:not(.arrow){flex-basis:100%;order:3;margin:2px 0 0;font-size:9px}.section-head h1,.section-head h2{font-size:28px}#music{margin-top:35px}}
/* Artist identity and listening controls. */
header{min-height:120px;height:auto;padding-block:22px;gap:24px}.brand{gap:16px}.brand .avatar{width:68px;height:68px;object-fit:cover;flex-shrink:0}.intro .tagline{font:16px/1.5 Arial,sans-serif;letter-spacing:0;color:#171917}.intro{padding-top:22px;padding-bottom:40px}
.art,.track-image{flex-basis:120px;width:120px;height:120px}.game,.track{min-height:148px;padding:14px 0;gap:24px}.game:hover,.track:hover{padding:14px 0}.music-item{border-bottom:1px solid #d6d9d3}.music-item .track{border-bottom:0}.track-caption{justify-content:space-between;flex-wrap:wrap;gap:16px}.listen{font:12px Arial,sans-serif;border:1px solid #aeb3a9;background:#fff;color:#171917;padding:12px 16px;cursor:pointer;min-height:44px}.listen:hover,.listen[aria-expanded=true]{color:#fff;background:#171917;border-color:#171917}.inline-player{padding:0 0 20px 144px;max-width:900px}.inline-player[hidden]{display:none}.inline-player iframe{display:block;border:0;width:100%;border-radius:0}.track .title:hover{text-decoration:underline}
@media(max-width:700px){header{padding-block:18px;gap:20px}.brand{font-size:27px;letter-spacing:-1.5px;gap:12px}.brand .avatar{width:56px;height:56px}.intro .tagline{font-size:14px}.art,.track-image{flex-basis:105px;width:105px;height:105px}.game,.track{gap:16px;min-height:133px;padding:14px 0}.game:hover,.track:hover{padding:14px 0}.track-caption{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.listen{font-size:11px;padding:10px 12px}.inline-player{padding-left:0}.caption h2{font-size:15px}.caption>span:not(.arrow){font-size:9px}}
.brand .avatar{border-radius:50%}
.about{margin-top:70px;border-top:1px solid #171917;padding:30px 0 70px}.about .section-head{display:flex;margin:0 0 32px}.about .section-head h2{font-size:32px;letter-spacing:-1px;margin:0;font-weight:500}.about .profile{display:grid;grid-template-columns:120px minmax(0,700px);align-items:start;gap:28px;margin:0}.profile-avatar{width:120px;height:120px;object-fit:cover;border-radius:50%}.about .profile-copy{display:block;margin:0}.profile-copy h3{font-size:24px;letter-spacing:-.5px;margin:0 0 8px}.about .profile-copy p{font-size:14px;color:#383d35;line-height:2;margin:16px 0}.about .profile-copy .profile-tagline{font-size:15px;color:#171917;line-height:1.5;margin:0 0 22px}.profile-links{display:flex;flex-wrap:wrap;gap:15px 24px;margin-top:25px;font-size:11px;font-weight:400}.profile-links a:hover{text-decoration:underline}@media(max-width:700px){.about{margin-top:45px;padding:25px 0 45px}.about .section-head h2{font-size:28px}.about .profile{grid-template-columns:1fr;gap:20px}.profile-avatar{width:88px;height:88px}.about .profile-copy p{font-size:13px}.profile-copy h3{font-size:23px}}

/* Insets stay identical at rest, on hover and with keyboard focus. */
html{scroll-behavior:auto}header,main,footer{max-width:1450px}main{padding-bottom:20px}
.music-item{border-bottom:1px solid #d6d9d3;padding:7px 0}.music-item .track,.game{padding:14px 22px;gap:24px;min-height:148px;border:0}.music-item .track:hover,.game:hover{padding:14px 22px;background:#f1f3ec}.music-item:focus-within .track{background:#f1f3ec}.games{padding:7px 0;border-bottom:1px solid #d6d9d3}.game .art img{display:block;width:100%;height:100%;object-fit:cover}.game .caption{align-items:center}.game:hover img{transform:none}.track-info{display:flex;flex-direction:column;gap:10px}.track-meta{font:10px/1.5 monospace;color:#747a6e}.track-caption{gap:20px}.track .title{font-size:18px;line-height:1.5}.inline-player{padding:0 22px 20px 166px;max-width:950px}.detail-listen .inline-player{padding:18px 0 0}.image-fallback{display:flex;width:100%;height:100%;background:#eef0e9;align-items:center;justify-content:center;font-size:19px;color:#727b68;letter-spacing:2px}.all-link,.catalog-count{font-size:12px}.all-link{border-bottom:1px solid #171917;padding:6px 0}.view-all{display:block;text-align:right;padding:24px 22px;font-size:12px}.view-all:hover{text-decoration:underline}.catalog-heading{padding-top:38px}.catalog-heading .section-head{margin-top:36px;margin-bottom:24px}.catalog-heading h1{font-size:38px;font-weight:500;letter-spacing:-1.5px;margin:0}.catalog-tabs{display:flex;gap:26px;font-size:12px;font-weight:400;padding-bottom:22px;border-bottom:1px solid #171917}.catalog-tabs a{padding:8px 0}.catalog-tabs a[aria-current]{border-bottom:1px solid}.pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 30px;font-size:12px;font-weight:400}.page-total{white-space:nowrap;color:#626a5c;font-size:11px}.page-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.page-controls a,.page-controls .disabled{padding:10px 12px;min-width:36px;text-align:center;display:inline-block;border:1px solid transparent}.page-controls a:hover{border-color:#171917}.page-controls a[aria-current]{background:#171917;color:white}.page-controls .disabled{color:#a5aaa0;cursor:default}.detail-top{display:flex;justify-content:space-between;gap:20px;padding:35px 0 45px;font-size:10px;color:#68705e}.detail-top .back{color:#171917}.work-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:5vw;align-items:start;padding-bottom:70px}.work-art{margin:0;position:sticky;top:35px;min-width:0}.work-art>img{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;object-position:top left}.work-art .image-fallback{aspect-ratio:1;height:auto;font-size:40px}.work-copy{min-width:0}.work-copy h1{font-size:clamp(28px,3.5vw,52px);line-height:1.14;letter-spacing:-1.2px;font-weight:500;margin:0 0 24px;overflow-wrap:anywhere}.release-meta{font-size:12px;color:#727b68;margin:0 0 25px}.entry-body{font-size:14px;line-height:2;overflow-wrap:anywhere}.entry-body p{margin:0 0 20px}.entry-body h2,.entry-body h3{font-size:20px;letter-spacing:0;margin:28px 0 16px}.entry-body img{display:block;max-width:100%;height:auto}.entry-body a{border-bottom:1px solid #a4ad99}.entry-body figure{margin:24px 0}.entry-body table{max-width:100%;border-collapse:collapse;font-size:12px}.entry-body td,.entry-body th{border:1px solid #ddd;padding:8px}.entry-body pre{white-space:pre-wrap}.entry-body blockquote{margin-inline:0;border-left:2px solid #ddd;padding-left:20px}.detail-listen{margin:28px 0}.share-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding-top:25px;margin-top:30px;border-top:1px solid #d6d9d3;font-size:11px}.copy-link{background:none;border:0;padding:8px 0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}.copy-status{font-size:10px;color:#5c6b4b}.post-navigation{display:flex;justify-content:space-between;gap:35px;padding:28px 0 55px;border-top:1px solid;font-weight:400;font-size:12px}.post-navigation a{max-width:45%;line-height:1.6}.post-navigation a:last-child{text-align:right}.play-modes{display:flex;gap:14px;flex-wrap:wrap;padding-top:20px}.launch{padding:15px 20px;border:1px solid;font-size:12px}.launch:hover{background:#171917;color:white}footer nav{font:9px monospace;gap:20px;font-weight:400}#play{scroll-margin-top:20px}#music{margin-top:60px}
@media(max-width:760px){.work-detail{grid-template-columns:1fr;gap:30px;padding-bottom:45px}.work-art{position:static}.work-art>img{max-height:none;max-width:100%;width:100%}.work-copy h1{font-size:32px}.detail-top{padding:28px 0 30px}.entry-body{font-size:13px}.pagination{align-items:flex-start;flex-direction:column;gap:15px}.page-controls{gap:2px}.page-controls a,.page-controls .disabled{padding:10px 8px;min-width:32px}.catalog-heading h1{font-size:32px}.music-item .track,.game,.music-item .track:hover,.game:hover{padding:14px 16px;gap:16px;min-height:133px}.track .title{font-size:15px}.track-caption{align-items:flex-start}.inline-player{padding:0 16px 18px}.detail-listen .inline-player{padding:18px 0 0}.view-all{padding-right:16px}.track-meta{font-size:9px}.all-link{font-size:11px}.post-navigation{font-size:11px;gap:22px}.game .caption{align-items:start}footer{flex-wrap:wrap;gap:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Consistent arrow glyph and centered trailing position. */
.game .caption{display:grid;grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:3px 14px;align-items:center}.game .caption h2{grid-column:1;grid-row:1;min-width:0}.game .caption>span:not(.arrow){grid-column:1;grid-row:2;margin:0;order:initial;flex-basis:auto}.game .caption .arrow{grid-column:2;grid-row:1 / 3;justify-self:end;align-self:center;margin:0;font:14px/1 monospace;transform:none}
.about .section-head h2{font-size:26px}.about .profile-copy h3{font-size:20px}.about .profile-copy p{font-size:12px;line-height:1.9}.about .profile-copy .profile-tagline{font-size:13px}.about .profile{grid-template-columns:100px minmax(0,660px);gap:24px}.about .profile-avatar{width:100px;height:100px}
@media(max-width:760px){.game .caption{gap:4px 10px}.game .caption h2{font-size:14px}.game .caption>span:not(.arrow){font-size:9px}.about .section-head h2{font-size:24px}.about .profile{grid-template-columns:1fr;gap:18px}.about .profile-copy h3{font-size:19px}.about .profile-copy p{font-size:12px}.about .profile-avatar{width:80px;height:80px}}
.content-page{max-width:850px;padding-block:45px 80px}.content-page h1{font-size:36px;font-weight:500}.play-modes a{display:inline-block;border:1px solid;padding:14px 18px;font-size:12px}.play-modes a:hover{background:#171917;color:white}.work-art>img{width:100%;height:auto}.game{scroll-margin-top:20px}.game[id]{scroll-margin-top:20px}