:root{--color-background:#f7f4ef;--color-surface:#ede7dc;--color-text:#211c15;--color-text-muted:#5a5148;--color-line:#cfc6b8;--color-accent:#a34a08;--color-inverse-bg:#211c15;--color-inverse-text:#f7f4ef;--color-inverse-muted:#cfc6b8;--color-inverse-accent:#e8a071;--typography-font-heading:"Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--typography-font-body:"Noto Sans JP", sans-serif;--typography-line-body:1.6;--typography-line-heading:1.2;--typography-fs-display:clamp(2.5rem, 1.5rem + 5vw, 4.5rem);--spacing-1:clamp(7px, .8vw, 10px);--spacing-2:clamp(13px, 1.5vw, 20px);--spacing-3:clamp(18px, 2.2vw, 28px);--spacing-4:clamp(24px, 3vw, 40px);--spacing-6:clamp(36px, 4.5vw, 56px);--spacing-8:clamp(48px, 6vw, 72px);--spacing-half:4px;--spacing-section:clamp(72px, 9.5vw, 128px);--radius-sm:4px;--radius-full:9999px;--container-max:min(96vw, 1160px);--container-text:min(92vw, 38rem);--rank-size-1:var(--typography-fs-display);--rank-size-2-3:var(--fs-3xl);--rank-size-4-10:var(--fs-2xl);--rank-size-11-50:var(--fs-lg);--fs-2xs:clamp(.625rem, .6rem + .13vw, .6875rem);--fs-xs:clamp(.75rem, .73rem + .1vw, .8rem);--fs-sm:clamp(.875rem, .85rem + .13vw, .95rem);--fs-base:clamp(1rem, .95rem + .25vw, 1.125rem);--fs-lg:clamp(1.125rem, 1rem + .6vw, 1.25rem);--fs-xl:clamp(1.25rem, 1.05rem + 1vw, 1.5rem);--fs-2xl:clamp(1.5rem, 1.15rem + 1.75vw, 2rem);--fs-3xl:clamp(1.875rem, 1.2rem + 3.4vw, 3rem)}*{box-sizing:border-box}body{background:var(--color-background);min-height:100svh;color:var(--color-text);font-family:var(--typography-font-body);font-size:var(--fs-base);line-height:var(--typography-line-body);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}@keyframes fade-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}main,footer{animation:.6s ease-out both fade-in}@media (prefers-reduced-motion:reduce){main,footer{animation:none}}a{color:var(--color-accent)}main a{cursor:default}header{background:var(--color-inverse-bg);color:var(--color-inverse-text)}header>div{width:var(--container-max);padding:var(--spacing-2) 0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}header p{margin:0}header p>a{color:inherit;font-family:"Monomaniac One", var(--typography-font-heading);font-size:var(--fs-lg);align-items:center;gap:.4em;line-height:1;text-decoration:none;display:inline-flex}header p>a>svg{width:1.2em;height:1.2em;fill:var(--color-inverse-accent);flex-shrink:0}main{width:100%;padding:var(--spacing-6) 0 var(--spacing-8);flex:1}main>h1{width:var(--container-max);font-family:var(--typography-font-heading);font-size:var(--fs-2xl);font-weight:700;line-height:var(--typography-line-heading);letter-spacing:.04em;margin:0 auto}main>.lead{width:var(--container-max);margin:var(--spacing-3) auto 0;padding:var(--spacing-3);border-radius:var(--radius-sm);background:#fff}.lead p{margin:0 0 var(--spacing-2);font-size:var(--fs-sm);color:var(--color-text-muted)}.lead p:last-child{margin-bottom:0}.stamp{width:var(--container-max);margin:var(--spacing-2) auto 0;font-size:var(--fs-sm);color:var(--color-text-muted)}.tabs{gap:var(--spacing-1);width:var(--container-max);margin:var(--spacing-4) auto 0;flex-wrap:wrap;display:flex}.tabs>button{border:1px solid var(--color-line);background:var(--color-background);color:var(--color-text);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-3);font:inherit;font-size:var(--fs-sm);cursor:pointer}.tabs>button.is-active{background:var(--color-inverse-bg);border-color:var(--color-inverse-bg);color:var(--color-inverse-text)}#boards>section{margin-top:var(--spacing-4)}#boards>section[hidden]{display:none}#boards.is-slider{width:auto;margin-left:calc((100% - var(--container-max)) / 2);padding-right:calc((100% - var(--container-max)) / 2);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;align-items:flex-start;gap:5vw;margin-right:0;display:flex;overflow-x:auto}#boards.is-slider>section{scroll-snap-align:start;flex:0 0 570px;min-width:0}#boards>section>h2{margin:0 0 var(--spacing-2);font-family:var(--typography-font-heading);font-size:var(--fs-xl);font-weight:700;line-height:var(--typography-line-heading)}#boards>section>h2>span{margin-left:var(--spacing-2);font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:400}.chart{border-collapse:collapse;table-layout:fixed;width:100%}.chart th{padding:var(--spacing-1);font-size:var(--fs-xs);color:var(--color-text-muted);text-align:left;border-bottom:1px solid var(--color-line);font-weight:400}.chart th:first-child{width:15%}.chart th:nth-child(2){width:25.5%}.chart tbody tr:nth-child(2n){background:var(--color-surface)}.chart td{padding:var(--spacing-2) var(--spacing-1);vertical-align:middle;border-bottom:1px solid var(--color-line)}.chart td:first-child{background:var(--color-inverse-bg);color:var(--color-inverse-text);text-align:center;font-family:var(--typography-font-heading);padding:var(--spacing-2) var(--spacing-1);font-weight:700;line-height:1}.chart td:first-child>b{font-size:var(--rank-size-11-50);display:block}.chart tbody tr:nth-child(-n+10) td:first-child>b{font-size:var(--rank-size-4-10)}.chart tbody tr:nth-child(-n+3) td:first-child>b{font-size:var(--rank-size-2-3)}.chart tbody tr:first-child td:first-child>b{font-size:var(--rank-size-1)}.chart td:first-child>small{margin-top:var(--spacing-1);font-family:var(--typography-font-body);font-size:var(--fs-2xs);color:var(--color-inverse-muted);font-weight:400;display:block}.chart td:nth-child(2) img{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-line);width:100%;max-width:100%;height:auto;display:block}.chart td:nth-child(3)>a{color:inherit;overflow-wrap:anywhere;font-weight:700;text-decoration:none}.chart td:nth-child(3)>p{margin:var(--spacing-half) 0 0;font-size:var(--fs-sm);color:var(--color-text-muted)}.chart td:nth-child(3)>p+p{font-size:var(--fs-xs);margin-top:0}.chart tr.is-expandable{cursor:pointer}.chart tr.is-expandable td:nth-child(3)>a:after{content:"";margin-left:var(--spacing-1);border-left:.32em solid #0000;border-right:.32em solid #0000;border-top:.36em solid var(--color-text-muted);vertical-align:middle;display:inline-block}.chart tr.is-expandable[aria-expanded=true] td:nth-child(3)>a:after{border-top:none;border-bottom:.36em solid var(--color-text-muted)}.chart tr.is-expandable:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.src-ranks{gap:var(--spacing-half) var(--spacing-2);margin-top:var(--spacing-1);padding-top:var(--spacing-1);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.src-ranks[hidden]{display:none}.src-ranks>span{align-items:baseline;gap:var(--spacing-half);display:inline-flex}.src-ranks small{font-size:var(--fs-2xs);color:var(--color-text-muted)}.src-ranks b{font-size:var(--fs-xs);font-weight:700}.chart td:first-child>span{margin-top:var(--spacing-half);font-size:var(--fs-sm);color:var(--color-inverse-muted);white-space:nowrap;display:block}.chart td:first-child>span[data-delta=up],.chart td:first-child>span[data-delta=new]{color:var(--color-inverse-accent)}.tracklist{margin:0;padding:0;list-style:none}.tracklist:before{content:" ";padding:var(--spacing-1);font-size:var(--fs-xs);border-bottom:1px solid var(--color-line);display:block}.tracklist>li{border-bottom:1px solid var(--color-line);grid-template-columns:25.5% 1fr;align-items:center;display:grid}.tracklist>li>img{width:calc(100% - 2 * var(--spacing-1));margin:var(--spacing-2) var(--spacing-1)}.tracklist>li>div{padding:var(--spacing-2) var(--spacing-1)}.tracklist img{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-line);max-width:100%;height:auto;display:block}.tracklist>li>div>a{color:inherit;overflow-wrap:anywhere;font-weight:700;text-decoration:none}.tracklist>li>div>p{margin:var(--spacing-half) 0 0;font-size:var(--fs-sm);color:var(--color-text-muted)}.tracklist>li>div>p+p{font-size:var(--fs-xs);margin-top:0}@media screen and (width>=640.99px) and (width<=1024.98px){#boards.is-slider{gap:var(--spacing-4)}}@media screen and (width<=640.98px){header>div{padding:var(--spacing-2) var(--spacing-2)}main{padding-top:var(--spacing-4)}.chart,.chart tbody,.chart tr,.chart td{display:block}.chart thead{display:none}.chart tr{column-gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-2);border-bottom:1px solid var(--color-line);grid-template-columns:16vw 22vw 1fr;display:grid}.chart td{border:none;padding:0}.chart td:first-child{padding:var(--spacing-1) var(--spacing-half);border-radius:var(--radius-sm);flex-direction:column;grid-area:1/1;justify-content:center;display:flex}.chart tbody tr:nth-child(-n+10) td:first-child>b{font-size:var(--rank-size-4-10)}.chart tbody tr:nth-child(-n+3) td:first-child>b,.chart tbody tr:first-child td:first-child>b{font-size:var(--rank-size-2-3)}.chart td:nth-child(2){grid-area:1/2;width:100%}.chart td:last-child{grid-area:1/3}#boards.is-slider{width:var(--container-max);gap:var(--spacing-2);margin:0 auto;padding-right:0}#boards.is-slider>section{scroll-snap-stop:always;flex-basis:100%}.tracklist>li{column-gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-2);grid-template-columns:22vw 1fr}.tracklist:before{display:none}.tracklist>li>img{width:100%;margin:0}.tracklist>li>div{padding:0}}@media (width<=390px) and (height<=680px){.chart tbody tr:nth-child(-n+3) td:first-child>b{font-size:var(--rank-size-4-10)}}