:root{--bg:#222126;--band:#1e2026;--surface:#2b2f36;--surface-sunken:#262a31;--text:#eaecef;--text-muted:#b7bdc6;--text-faint:#9aa3af;--border:#35383f;--border-strong:#474d57;--accent:#f0b90b;--accent-hover:#ffd000;--accent-active:#d0980b;--accent-weak:#f0b90b1f;--link:#58a6ff;--link-hover:#8cc2ff;--rank-s:#f0b90b;--rank-a:#eaecef;--rank-b:#b7bdc6;--rank-c:#9aa3af;--rarity-mur:#f0b90b;--rarity-ur:#ff8a4c;--rarity-sar:#ff8ac4;--rarity-ma:#d69bff;--rarity-sr:#9db4ff;--rarity-ar:#3fd8e8;--rarity-rr:#4ade80;--rarity-r:#d9e05a;--rarity-normal:#b7bdc6;--price-up:#0ecb81;--price-down:#ff6b7d;--price-stay:var(--text-muted);--font-sans:"Geist", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", sans-serif;--font-num:var(--font-sans);--fs-hero:clamp(1.75rem, 5vw, 3.75rem);--fs-h2:clamp(1.25rem, 3vw, 2.125rem);--fs-h3:1.25rem;--fs-body:1rem;--fs-sm:.875rem;--fs-xs:.75rem;--fw-black:700;--fw-bold:600;--fw-normal:500;--lh-tight:1.1;--lh-body:1.5;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:24px;--r-pill:50px;--shadow-sm:0 3px 5px 0 #2020250d;--shadow-md:0 3px 5px 5px #0808080d;--shadow-pill:0 2px 10px -3px #00000073;--container:1200px;--container-narrow:800px}@font-face{font-family:Geist;src:url(/fonts/geist-variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-normal);line-height:var(--lh-body);margin:0}h1,h2,h3{line-height:var(--lh-tight);letter-spacing:-.02em;margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1{font-size:var(--fs-h2);font-weight:var(--fw-black);line-height:var(--lh-tight)}h2{font-size:var(--fs-h2);font-weight:var(--fw-black)}h3{font-size:var(--fs-h3);font-weight:var(--fw-bold)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:0}.band{background:var(--band);border-block:1px solid var(--border);padding-block:var(--sp-12)}.band+.band{border-block-start:none}.container{width:100%;max-width:var(--container);padding-inline:var(--sp-4);margin-inline:auto}@media (width>=768px){.container{padding-inline:var(--sp-8)}}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.site-header,.site-footer{background:var(--surface-sunken);border-block:1px solid var(--border)}.site-header{z-index:10;border-block-start:none;position:sticky;top:0}.site-header>.container,.site-footer .container{align-items:center;gap:var(--sp-4);min-height:56px;display:flex}.site-header a.brand,.site-header nav a{align-items:center;min-height:44px;display:inline-flex}.site-header a.brand img{width:auto;height:32px;display:block}.site-header nav{gap:var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex}.site-header nav a{color:var(--text-muted)}.site-header nav a:hover{color:var(--text);text-decoration:none}.site-header nav.wide{display:none}.site-header nav a.icon{justify-content:center;width:44px}@media (width>=768px){.site-header nav.wide{margin-inline-start:auto;display:flex}.site-header .menu{display:none}}.site-header .menu{margin-inline-start:auto}.site-header .menu summary{cursor:pointer;place-items:center;width:44px;height:44px;list-style:none;display:grid}.site-header .menu summary::-webkit-details-marker{display:none}.site-header .bars,.site-header .bars:before,.site-header .bars:after{background:var(--text);border-radius:1px;width:20px;height:2px;display:block}.site-header .bars{position:relative}.site-header .bars:before,.site-header .bars:after{content:"";position:absolute;inset-inline-start:0}.site-header .bars:before{top:-6px}.site-header .bars:after{top:6px}.site-header .menu[open] .bars,.site-header .menu[open] .bars:before,.site-header .menu[open] .bars:after{background:var(--accent)}.site-header .panel{inset-inline:0;z-index:20;padding-block:var(--sp-4);background:var(--surface);border-block-end:1px solid var(--border-strong);box-shadow:var(--shadow-md);position:absolute;top:100%}.site-header .panel nav{gap:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-block-start:var(--sp-2);display:grid}.site-header .panel nav a{min-height:44px;margin-inline:calc(var(--sp-2) * -1);padding-inline:var(--sp-2);color:var(--text);border-radius:var(--r-sm)}.site-header .panel nav a:hover{color:var(--accent);background:var(--band);text-decoration:none}.site-header .search input{width:100%;min-height:40px;padding:var(--sp-1) var(--sp-3);color:var(--text);font:inherit;font-size:var(--fs-sm);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-pill)}.site-header .search input::placeholder{color:var(--text-faint)}.site-header .search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.site-footer{color:var(--text-muted);font-size:var(--fs-sm);border-block-end:none;margin-block-start:var(--sp-16)}main{padding-block:var(--sp-8)}
