:root{--color-background:#f7f4ef;--color-surface:#ede7dc;--color-text:#211c15;--color-text-muted:#5a5148;--color-accent:#a34a08;--color-inverse-bg:#211c15;--color-inverse-text:#f7f4ef;--font-heading:"Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", sans-serif;--line-heading:1.2;--line-body:1.6;--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);--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(--fs-display);--rank-size-2-3:var(--fs-3xl);--rank-size-4-10:var(--fs-2xl);--rank-size-11-47:var(--fs-lg)}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--line-body);margin:0}h1,h2,h3{font-family:var(--font-heading);line-height:var(--line-heading);margin:0}a{color:inherit}.site-header{justify-content:space-between;align-items:center;gap:var(--spacing-1) var(--spacing-3);width:var(--container-max);padding:var(--spacing-2) 0;flex-wrap:wrap;margin:0 auto;display:flex}.site-name{font-family:"Monomaniac One", var(--font-heading);font-size:var(--fs-lg);margin:0;line-height:1}.site-name a{align-items:center;gap:.4em;text-decoration:none;display:inline-flex}.site-name svg{width:1.2em;height:1.2em;fill:var(--color-accent);flex-shrink:0}.site-name span>span{font-family:"Zen Maru Gothic", var(--font-heading);font-size:.714em;font-weight:900;position:relative;top:-.096em}.site-header>nav{gap:var(--spacing-1) var(--spacing-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.site-header>nav a{color:var(--color-text-muted);text-decoration:none}.site-header>nav a[aria-current=page]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.3em}.main{width:var(--container-max);padding:var(--spacing-2) 0 var(--spacing-8);margin:0 auto;animation:.6s ease-out both fade-in}.home>h1{font-size:var(--fs-2xl);margin-bottom:var(--spacing-1)}.lead{max-width:var(--container-text);margin:0 0 var(--spacing-3);color:var(--color-text-muted);font-size:var(--fs-sm)}.switch-bar{z-index:5;background:var(--color-background);padding:var(--spacing-1) 0;margin-bottom:var(--spacing-3);position:sticky;top:0}.tabs{gap:var(--spacing-half);display:flex}.tabs button{min-height:44px;padding:0 var(--spacing-2);font-family:var(--font-heading);font-size:var(--fs-base);color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-full);cursor:pointer;border:0;flex:1;font-weight:700}.tabs button[aria-selected=true]{color:var(--color-inverse-text);background:var(--color-inverse-bg)}.chips{scrollbar-width:none;overflow-x:auto}.chips button{min-height:40px;font-size:var(--fs-sm);white-space:nowrap;flex:none}.js .panel:not(.is-active){display:none}.panel>h2{font-size:var(--fs-xl)}.stamp,.what,.source{margin:var(--spacing-half) 0 0;color:var(--color-text-muted);font-size:var(--fs-xs)}.what{font-size:var(--fs-sm)}.panel>.what,.panel>.national,.panel>.stamp+.national,.panel>.stamp:last-of-type{margin-bottom:var(--spacing-2)}.source{margin-top:var(--spacing-2)}.national{gap:var(--spacing-2);margin:var(--spacing-2) 0;align-items:baseline;font-weight:700;display:flex}.national>span{font-variant-numeric:tabular-nums}.ranking{grid-template-columns:calc(var(--rank-size-1) * 1.5) auto auto minmax(0, 1fr) auto;margin:0;padding:0;list-style:none;display:grid}.ranking>li{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;column-gap:var(--spacing-2);padding-right:var(--spacing-2);display:grid}.ranking>li:nth-child(2n){background:var(--color-surface)}.ranking>li>span:first-child{padding:var(--spacing-1) 0;background:var(--color-inverse-bg);color:var(--color-inverse-text);font-family:var(--font-heading);font-variant-numeric:tabular-nums;justify-content:center;align-self:stretch;align-items:center;font-weight:700;line-height:1;display:flex}.ranking>li[data-tier="1"]>span:first-child{font-size:var(--rank-size-1)}.ranking>li[data-tier="2-3"]>span:first-child{font-size:var(--rank-size-2-3)}.ranking>li[data-tier="4-10"]>span:first-child{font-size:var(--rank-size-4-10)}.ranking>li[data-tier="11-"]>span:first-child{font-size:var(--rank-size-11-47)}.ranking>li>span:nth-child(2){padding:var(--spacing-2) 0;font-weight:700}.ranking>li>span:nth-child(3){text-align:right;font-size:var(--fs-lg);font-variant-numeric:tabular-nums;white-space:nowrap}.ranking svg{width:100%;height:var(--spacing-2);fill:var(--color-text-muted);display:block}.ranking>li>span:nth-child(5){color:var(--color-text-muted);font-size:var(--fs-xs);white-space:nowrap}.ranking b,.ranking i{margin-left:var(--spacing-half);font-style:normal;font-weight:400}.ranking b{color:var(--color-accent)}.record+.record{margin-top:var(--spacing-8)}.record>h2{font-size:var(--fs-xl)}.record>h3{margin:var(--spacing-4) 0 var(--spacing-2);font-size:var(--fs-lg)}.record>dl{gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.record>dl>div{padding:var(--spacing-2) var(--spacing-3);background:var(--color-surface);border-radius:var(--radius-sm)}.record dt{color:var(--color-text-muted);font-size:var(--fs-xs)}.record dd{font-family:var(--font-heading);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.record dd>span{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:400;display:block}.record>ol{column-gap:var(--spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.record>ol>li{justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);font-weight:700;display:flex}.record>ol>li:nth-child(4n+1),.record>ol>li:nth-child(4n+2){background:var(--color-surface)}.record>ol>li>span{color:var(--color-text-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:right;font-weight:400}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.main{animation:none}}@media screen and (width<=640.98px){.ranking{display:block}.ranking>li{grid-template-columns:calc(var(--rank-size-2-3) * 1.5) minmax(0, 1fr) auto;row-gap:var(--spacing-half);padding:var(--spacing-1) var(--spacing-2) var(--spacing-1) 0;grid-template-areas:"rank name value""rank bar move"}.ranking>li>span:first-child{grid-area:rank}.ranking>li>span:nth-child(2){grid-area:name;padding:0}.ranking>li>span:nth-child(3){grid-area:value}.ranking>li>svg{grid-area:bar}.ranking>li>span:nth-child(5){grid-area:move}.ranking>li[data-tier="1"]>span:first-child{font-size:var(--rank-size-2-3)}.record>dl,.record>ol{grid-template-columns:minmax(0,1fr)}.record>ol>li:nth-child(4n+1),.record>ol>li:nth-child(4n+2){background:0 0}.record>ol>li:nth-child(odd){background:var(--color-surface)}}@media screen and (width<=390px) and (height<=680px){.tabs button{font-size:var(--fs-sm);padding:0 var(--spacing-1)}}