:root{--ink:#0b0b0d;--paper:#faf9f6;--sub:rgba(250,249,246,0.62);--line:rgba(250,249,246,0.14);--mesh:6px;--sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box}html{overflow-x:clip;background:var(--ink)}body,html{margin:0;padding:0}body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:400;line-height:1.9;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.scene{position:relative;min-width:0}.scene-rail{position:absolute;inset:0;pointer-events:none}.scene-sticky{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100vh;height:100dvh;overflow:clip;background:var(--ink)}.scene-sticky img,.scene-sticky video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.scene-effects{position:absolute;inset:0;overflow:clip}.scene-content{position:relative;z-index:1;min-width:0}.bg-mesh{background-image:linear-gradient(rgba(11,11,13,.34) 1px,transparent 0),linear-gradient(90deg,rgba(11,11,13,.34) 1px,transparent 0);background-size:var(--mesh) var(--mesh);background-position:-1px -1px}.bg-mesh,.bg-plain{position:absolute;inset:0}.bg-plain{background:radial-gradient(70% 55% at 18% 8%,rgba(250,249,246,.07),transparent 70%),radial-gradient(60% 50% at 88% 96%,rgba(250,249,246,.04),transparent 70%),linear-gradient(160deg,#15151b 0,var(--ink) 58%,#101014 100%)}.bg-mesh-paper{background-image:linear-gradient(rgba(250,249,246,.045) 1px,transparent 0),linear-gradient(90deg,rgba(250,249,246,.045) 1px,transparent 0)}.bg-vignette{background:radial-gradient(120% 86% at 50% 50%,rgba(11,11,13,.34) 0,rgba(11,11,13,.1) 54%,rgba(11,11,13,0) 86%)}.bg-scrim,.bg-vignette{position:absolute;inset:0}.bg-scrim{background:rgba(11,11,13,.64)}.scene-sticky img.drift{animation:drift 36s linear infinite alternate;transform-origin:50% 44%}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.scene-sticky img.drift{animation:none}}.doc{max-width:544px}.doc h2{font-size:clamp(15px,1.9vw,18px);font-weight:700;margin:52px 0 14px;letter-spacing:.02em}.doc li,.doc p{font-size:14.5px;line-height:1.95;color:rgba(250,249,246,.82)}.doc p{margin:0 0 14px}.doc ol,.doc ul{margin:0 0 14px;padding-left:1.4em;display:flex;flex-direction:column;gap:10px}.doc a,.doc strong{color:var(--paper)}.hero-in{opacity:0;animation:heroIn .9s cubic-bezier(.22,.61,.36,1) forwards}.hero-in.d1{animation-delay:.12s}.hero-in.d2{animation-delay:.22s}.hero-in.d3{animation-delay:.32s}@keyframes heroIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.scroll-sign{position:absolute;left:0;right:0;margin:0 auto;width:max-content;bottom:clamp(22px,4vh,44px);display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--paper);opacity:0;animation:heroIn .9s cubic-bezier(.22,.61,.36,1) .5s forwards}.scroll-sign .dot{font-family:var(--mono);font-size:10px;letter-spacing:.34em;color:rgba(250,249,246,.62);padding-left:.34em}.scroll-sign .rail{position:relative;display:block;width:1px;height:46px;background:rgba(250,249,246,.18);overflow:hidden}.scroll-sign .note{position:absolute;left:-2px;width:5px;height:12px;background:var(--paper);animation:noteFall 1.9s cubic-bezier(.5,0,.75,0) infinite}.scroll-sign .judge{width:22px;height:2px;background:var(--paper)}@keyframes noteFall{0%{top:-14px;opacity:0}18%{opacity:1}82%{opacity:1}to{top:46px;opacity:0}}.scroll-sign:hover .judge{box-shadow:0 0 12px rgba(250,249,246,.8)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.hero-in,.scroll-sign{opacity:1;animation:none}.scroll-sign .note{animation:none;top:16px}}@media (max-width:719px),(pointer:coarse) and (max-width:1024px){.sp-hide{display:none!important}}.hdr-burger{display:none}@media (max-width:719px){.hdr-nav{display:none!important}.hdr-burger{display:inline-flex}}.hdr-menu{position:fixed;inset:0;z-index:70;background:rgba(11,11,13,.97);display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:72px clamp(24px,8vw,48px) 48px;gap:4px}.hdr-menu a{display:block;padding:18px 0;border-bottom:1px solid var(--line);color:var(--paper);text-decoration:none;font-size:17px;letter-spacing:.06em}.hdr-menu a.strong{margin-top:28px;border:0;background:var(--paper);color:var(--ink);text-align:center;font-weight:700;padding:16px}.song-row{display:grid;grid-template-columns:clamp(96px,14vw,160px) minmax(0,1fr) auto;grid-gap:clamp(12px,2.4vw,28px);gap:clamp(12px,2.4vw,28px);align-items:center}.song-row.has-rank{grid-template-columns:clamp(34px,5vw,56px) clamp(96px,14vw,160px) minmax(0,1fr) auto}@media (max-width:719px){.song-row,.song-row.has-rank{grid-template-columns:minmax(0,1fr);gap:10px}.song-row .rank{font-size:13px!important}.song-row .text b{white-space:normal!important}.song-row .meta{justify-self:start}.mine-thumb{width:100%!important}.steps{grid-template-columns:minmax(0,1fr)!important}.ftr-nav{flex-direction:column;gap:14px!important}}.entry-lead{word-break:keep-all}@media (max-width:719px){.entry-lead{word-break:normal}.chip-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.chip-row button{padding-left:4px!important;padding-right:4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}