@layer reset,base,components,themes,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--page-bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}svg{flex:0 0 auto}}@layer base{:root{color-scheme:light;font-family:Avenir Next,Microsoft YaHei UI,PingFang SC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--page-bg: #f3efe5;--page-bg-deep: #e6dfd0;--surface: rgb(255 253 247 / 84%);--surface-solid: #fffdf7;--surface-soft: #ece6d9;--surface-hover: #f7f2e7;--ink: #17313e;--ink-soft: #5e6a6d;--line: #c9bdab;--line-strong: #8f8372;--accent: #c5483e;--accent-deep: #96352f;--accent-soft: #f2d9d2;--secondary: #1b6970;--gold: #bb8a36;--shadow: 0 18px 48px rgb(75 55 34 / 10%);--shadow-small: 0 8px 24px rgb(75 55 34 / 8%);--radius: 5px;--radius-small: 3px;--display: "Iowan Old Style", "Songti SC", "Noto Serif CJK SC", serif;--mono: "Cascadia Mono", "SFMono-Regular", monospace;--radar-start: rgb(197 72 62 / 60%);--radar-end: rgb(27 105 112 / 18%);--radar-ring-a: rgb(197 72 62 / 5%);--radar-ring-b: rgb(27 105 112 / 4%)}body{color:var(--ink);background:radial-gradient(circle at 14% 4%,rgb(255 255 255 / 80%) 0 9rem,transparent 28rem),radial-gradient(circle at 88% 12%,rgb(197 72 62 / 8%) 0 5rem,transparent 24rem),repeating-linear-gradient(90deg,transparent 0 79px,rgb(102 78 49 / 3%) 80px),var(--page-bg);transition:background-color .22s ease,color .22s ease}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");content:"";opacity:.16;pointer-events:none}button,a,input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:#fff;background:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent);font:700 .69rem/1 var(--mono);letter-spacing:.15em;text-transform:uppercase}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@layer components{.app{min-height:100vh}.page-shell{width:min(1220px,calc(100% - 40px));margin-inline:auto}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-small);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgb(112 91 68 / 22%);background:#f3efe5db;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.site-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;width:min(1320px,calc(100% - 40px));min-height:74px;margin-inline:auto}.brand{display:flex;align-items:center;gap:.72rem;min-width:max-content}.brand__seal{display:grid;width:42px;height:42px;place-items:center;color:#fff;background:var(--accent);border:1px solid var(--accent-deep);border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff3d;transform:rotate(-6deg)}.brand__seal svg{width:23px}.brand>span:last-child{display:grid}.brand b{font:800 .86rem/1 var(--mono);letter-spacing:.12em}.brand em{color:var(--accent);font:700 1rem/1.25 var(--display);letter-spacing:.34em}.main-nav{display:flex;align-items:center;justify-content:center;gap:.25rem}.main-nav a,.main-nav button{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1rem;color:var(--ink-soft);background:transparent;border:0;border-radius:var(--radius-small);font-weight:650;transition:color .14s ease,background .14s ease}.main-nav a:hover,.main-nav button:hover,.main-nav a.active{color:var(--accent);background:var(--accent-soft)}.nav-count{display:grid;min-width:1.25rem;height:1.25rem;padding-inline:.3rem;place-items:center;color:#fff;background:var(--accent);border-radius:50px;font:700 .68rem var(--mono)}.header-controls{display:flex;gap:.5rem}.compact-select{display:flex;align-items:center;gap:.35rem;height:38px;padding-inline:.65rem .35rem;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-small)}.compact-select select{max-width:10rem;color:var(--ink);background:transparent;border:0;font-size:.78rem;font-weight:700}.compact-select select option{color:#242424;background:#fff}.mobile-menu-button{display:none;padding:.5rem;color:var(--ink);background:transparent;border:0}.hero{position:relative;display:grid;grid-template-columns:1fr 310px;gap:6rem;align-items:center;min-height:400px;padding:5.2rem 3rem 4rem;border-bottom:1px solid var(--line)}.hero:before{position:absolute;top:2rem;left:0;width:46px;height:2px;background:var(--accent);box-shadow:55px 0 var(--line-strong);content:""}.hero__copy h1{margin-top:1.2rem;font:700 clamp(2.65rem,6vw,5rem)/1.08 var(--display);letter-spacing:-.045em}.hero__copy h1 i{color:var(--accent);font-style:normal}.hero__copy p{max-width:650px;margin-top:1.5rem;color:var(--ink-soft);font-size:1rem;line-height:1.85}.hero__stat{position:relative;display:flex;min-height:210px;padding:2.1rem 2rem;flex-direction:column;justify-content:center;background:var(--ink);color:var(--page-bg);box-shadow:16px 16px 0 var(--accent-soft)}.hero__stat:before,.hero__stat:after{position:absolute;width:11px;height:11px;border-color:var(--gold);content:""}.hero__stat:before{top:10px;left:10px;border-top:1px solid;border-left:1px solid}.hero__stat:after{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}.hero__stat>span{color:#f3efe5a8;font-size:.8rem;letter-spacing:.16em}.hero__stat strong{margin-block:.25rem;color:#fff;font:800 4.8rem/.95 var(--mono);letter-spacing:-.08em}.hero__stat small{color:var(--gold);font:700 .75rem var(--mono);letter-spacing:.22em}.hero__stamp{position:absolute;top:-24px;right:-20px;display:grid;width:58px;height:84px;padding-block:.35rem;place-items:center;color:#fff;background:var(--accent);border:2px solid #f6dcd4;outline:2px solid var(--accent);font:700 .82rem/1.1 var(--display)}.catalog-toolbar{position:relative;z-index:2;margin-top:-1px;padding:1.2rem}.search-box{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;background:var(--surface-solid);border:1px solid var(--line)}.search-box svg{color:var(--accent)}.search-box input{width:100%;color:var(--ink);background:transparent;border:0;font-size:1rem}.search-box input::placeholder{color:color-mix(in srgb,var(--ink-soft) 70%,transparent)}.search-box button{padding:.35rem .55rem;color:var(--ink-soft);background:transparent;border:0;font-size:.75rem}.toolbar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;margin-top:1rem}.category-scroll{display:flex;gap:.45rem;overflow-x:auto;padding:.15rem 0 .35rem;scrollbar-width:thin}.category-scroll button{flex:none;padding:.48rem .72rem;color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:2px;font-size:.78rem}.category-scroll button:hover{border-color:var(--line)}.category-scroll button.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.category-scroll button span{margin-left:.25rem;opacity:.62;font:.68rem var(--mono)}.sort-select{display:flex;align-items:center;gap:.4rem;padding-left:.75rem;color:var(--ink-soft);border-left:1px solid var(--line);font-size:.76rem;font-weight:700}.sort-select select{padding:.45rem 1.8rem .45rem .5rem;color:var(--ink);background:var(--surface-solid);border:1px solid var(--line)}.catalog-meta{display:flex;align-items:center;justify-content:space-between;padding:1.5rem .1rem 1rem;color:var(--ink-soft);font-size:.79rem}.catalog-meta span{display:inline-flex;align-items:center;gap:.4rem}.catalog-meta b{color:var(--ink)}.song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.song-card{position:relative;min-height:260px;overflow:hidden;background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-small);animation:card-in .42s both;animation-delay:calc(var(--card-index, 0) * 32ms);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}}.song-card:after{position:absolute;right:-23px;bottom:-24px;width:92px;height:92px;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 0 14px var(--surface-soft),inset 0 0 0 15px var(--line);content:"";opacity:.58;pointer-events:none}.song-card:hover{z-index:2;border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-4px)}.song-card__link{display:flex;min-height:260px;padding:1.25rem;flex-direction:column}.song-card__index{position:absolute;top:.5rem;right:.7rem;color:var(--line-strong);font:700 .64rem var(--mono);letter-spacing:.08em}.song-card__heading{display:flex;align-items:center;justify-content:space-between;margin-top:.35rem}.category-tag{display:inline-flex;width:fit-content;padding:.28rem .52rem;color:var(--accent-deep);background:var(--accent-soft);border-left:2px solid var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.06em}.song-card__arrow{color:var(--accent);opacity:0;transform:translate(-4px,4px);transition:opacity .16s,transform .16s}.song-card:hover .song-card__arrow{opacity:1;transform:none}.song-card h2{display:-webkit-box;overflow:hidden;margin-top:1.25rem;font:700 1.35rem/1.4 var(--display);-webkit-box-orient:vertical;-webkit-line-clamp:2}.song-card h2:after{display:block;width:22px;height:2px;margin-top:.65rem;background:var(--accent);content:""}.song-card h2+p{overflow:hidden;margin-top:.5rem;color:var(--ink-soft);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.song-card__levels{display:flex;gap:.32rem;margin-top:auto;padding-top:1.1rem}.difficulty-badge{display:grid;grid-template-columns:18px 1fr;width:52px;height:34px;padding:0;overflow:hidden;color:#fff;background:var(--difficulty, #777);border:1px solid rgb(0 0 0 / 12%);border-radius:2px;box-shadow:inset 0 1px #ffffff57}button.difficulty-badge{width:min(150px,18vw);height:54px;grid-template-columns:25px 1fr;transition:filter .14s,transform .14s,box-shadow .14s}button.difficulty-badge:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}button.difficulty-badge.is-active{box-shadow:0 0 0 3px var(--surface-solid),0 0 0 5px var(--accent);transform:translateY(-2px)}.difficulty-badge__mark{display:grid;place-items:center;background:#00000026;font:700 .65rem var(--display)}.difficulty-badge__value{display:grid;place-items:center;font:800 .88rem var(--mono)}button.difficulty-badge .difficulty-badge__mark{font-size:.8rem}button.difficulty-badge .difficulty-badge__value{font-size:1.15rem}.difficulty-easy{--difficulty: #d95d55}.difficulty-normal{--difficulty: #78a34a}.difficulty-hard{--difficulty: #397ab3}.difficulty-oni{--difficulty: #bd4a72}.difficulty-ura{--difficulty: #7554a5}.difficulty-badge.is-empty{filter:grayscale(1);opacity:.28}.song-card footer{display:flex;min-height:23px;align-items:end;justify-content:space-between;gap:.5rem;margin-top:.85rem;padding-top:.75rem;color:var(--ink-soft);border-top:1px dashed var(--line);font-size:.69rem}.song-card footer span{display:inline-flex;align-items:center;gap:.3rem}.song-card footer .personal-best{color:var(--gold);font-family:var(--mono);font-weight:700}.song-card.skeleton{min-height:260px;background:linear-gradient(100deg,var(--surface-soft) 25%,var(--surface-solid) 42%,var(--surface-soft) 60%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-block:2.5rem 4rem}.pagination button{display:grid;width:42px;height:42px;place-items:center;color:var(--ink);background:var(--surface-solid);border:1px solid var(--line);border-radius:50%}.pagination button:hover:not(:disabled){color:#fff;background:var(--accent);border-color:var(--accent)}.pagination button:disabled{opacity:.3}.pagination span{color:var(--ink-soft);font:.8rem var(--mono)}.pagination b{color:var(--accent);font-size:1rem}.state-card{display:grid;min-height:300px;margin-bottom:4rem;padding:3rem;place-items:center;align-content:center;text-align:center}.state-card__mark{display:grid;min-width:60px;height:60px;padding-inline:.7rem;place-items:center;color:#fff;background:var(--accent);border-radius:50%;font:800 1.25rem var(--mono)}.state-card h1,.state-card h2{margin-top:1rem;font:700 1.8rem var(--display)}.state-card p{margin:.6rem 0 1.2rem;color:var(--ink-soft)}.primary-button{display:inline-flex;min-height:42px;padding:.65rem 1.1rem;align-items:center;justify-content:center;gap:.45rem;color:#fff;background:var(--accent);border:1px solid var(--accent-deep);border-radius:var(--radius-small);font-weight:750;box-shadow:4px 4px 0 var(--accent-soft);transition:filter .14s,transform .1s}.primary-button:hover:not(:disabled){filter:brightness(1.08)}.primary-button:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.primary-button:disabled{opacity:.55}.breadcrumbs{display:flex;align-items:center;gap:.3rem;padding:1.4rem 0 1rem;color:var(--ink-soft);font-size:.76rem}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs svg{width:14px}.breadcrumbs span{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.song-identity{position:relative;display:grid;grid-template-columns:240px 1fr;gap:2.5rem;min-height:320px;padding:2.5rem;overflow:hidden}.song-identity:after{position:absolute;top:-120px;right:-80px;width:300px;height:300px;border:1px solid var(--line);border-radius:50%;content:"";opacity:.4}.record-art{position:relative;min-height:220px;background:var(--accent-soft);border:1px solid var(--line);overflow:hidden}.record-art:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgb(255 255 255 / 72%);content:""}.record-art__disc{position:absolute;top:50%;left:50%;display:grid;width:180px;height:180px;place-items:center;background:repeating-radial-gradient(circle,#17252c 0,#17252c 3px,#263740 4px,#263740 7px);border-radius:50%;box-shadow:0 14px 24px #16222840;transform:translate(-50%,-50%)}.record-art__disc:before{position:absolute;width:64px;height:64px;background:var(--accent);border:2px solid #f9dad2;border-radius:50%;content:""}.record-art__disc:after{position:absolute;width:9px;height:9px;background:var(--surface-solid);border-radius:50%;content:""}.record-art__disc span{z-index:1;margin-top:95px;color:var(--page-bg);font:700 .66rem var(--mono);letter-spacing:.12em}.record-art>i{position:absolute;top:28px;right:25px;width:5px;height:145px;background:var(--gold);border-radius:4px;box-shadow:7px 125px 0 6px var(--gold);transform:rotate(18deg);transform-origin:top}.record-art__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.song-identity__copy{z-index:1;align-self:center}.song-identity__copy h1{max-width:720px;margin-top:1.1rem;font:700 clamp(2rem,4vw,3.8rem)/1.12 var(--display);letter-spacing:-.04em}.song-jp{margin-top:.65rem;color:var(--accent);font-family:var(--display);font-size:1rem}.song-subtitle{margin-top:.55rem;color:var(--ink-soft)}.song-facts{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;margin-top:1.8rem;color:var(--ink-soft);font-size:.76rem}.song-facts span{display:inline-flex;align-items:center;gap:.35rem}.song-facts svg{width:15px;color:var(--accent)}.back-link{position:absolute;top:1.2rem;right:1.2rem;z-index:2;display:inline-flex;align-items:center;gap:.3rem;color:var(--ink-soft);font-size:.72rem}.back-link:hover{color:var(--accent)}.back-link svg{width:14px}.detail-section{padding-block:2.6rem}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:1.2rem}.section-heading h2,.constants-header h2{margin-top:.5rem;font:700 1.55rem var(--display)}.section-heading>p{color:var(--ink-soft);font-size:.75rem}.difficulty-selector{display:flex;gap:.8rem}.personal-score{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:center;margin-bottom:1.2rem;padding:1.1rem 1.4rem}.personal-score__title{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;align-items:center}.personal-score__title svg{grid-row:span 2;color:var(--gold)}.personal-score__title span{color:var(--ink-soft);font-size:.72rem}.personal-score__title strong{font:800 1.45rem var(--mono)}.personal-score>div:last-child{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:end}.personal-score>div:last-child span{padding:.45rem .65rem;background:var(--surface-soft);font-size:.72rem}.personal-score b{font-family:var(--mono)}.song-rating-section{padding:1.4rem 0 2.6rem}.single-rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.single-rating-card{--model-accent: var(--accent);position:relative;min-width:0;padding:1.25rem;overflow:hidden;animation:rating-in .42s ease both}.single-rating-card.is-v2{--model-accent: var(--secondary);animation-delay:70ms}.single-rating-card:after{position:absolute;top:-75px;right:-70px;width:180px;height:180px;border:20px solid color-mix(in srgb,var(--model-accent) 8%,transparent);border-radius:50%;content:"";pointer-events:none}.single-rating-card>header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid var(--line)}.single-rating-card>header>div{display:flex;gap:.75rem;align-items:center}.single-rating-card>header>div>span{display:grid;width:48px;height:48px;place-items:center;color:#fff;background:var(--model-accent);font:800 .95rem var(--mono);box-shadow:4px 4px color-mix(in srgb,var(--model-accent) 20%,transparent)}.single-rating-card>header small{color:var(--ink-soft);font:650 .56rem var(--mono);letter-spacing:.13em}.single-rating-card>header h3{margin-top:.15rem;font:700 1.15rem var(--display)}.single-rating-card>header>svg{color:var(--model-accent)}.single-rating-card__score{display:grid;grid-template-columns:1.05fr .95fr;min-height:145px;margin-top:1rem;color:#fff;background:var(--ink)}.single-rating-card__score>div{display:flex;min-width:0;padding:1rem 1.15rem;flex-direction:column;justify-content:center}.single-rating-card__score>div+div{border-left:1px solid rgb(255 255 255 / 14%)}.single-rating-card__score span{color:#ffffff85;font-size:.62rem;letter-spacing:.1em}.single-rating-card__score strong{margin-top:.15rem;color:var(--model-accent);font:800 clamp(2.7rem,5vw,4rem)/1 var(--mono);letter-spacing:-.08em}.single-rating-card__score b{margin-top:.35rem;color:#fff;font:800 1.35rem var(--mono)}.single-rating-card__score small{margin-top:.35rem;overflow:hidden;color:#ffffff7a;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.single-rating-card__dimensions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1rem;border-top:1px solid var(--line);border-left:1px solid var(--line)}.single-rating-card__dimensions>div{display:flex;min-height:72px;padding:.65rem;flex-direction:column;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.single-rating-card__dimensions span{color:var(--ink-soft);font-size:.65rem}.single-rating-card__dimensions strong{margin-top:.2rem;color:var(--ink);font:800 1.12rem var(--mono)}.single-rating-card>footer{margin-top:.85rem;color:var(--ink-soft);font-size:.62rem;line-height:1.6}.single-rating-card__empty{display:grid;min-height:245px;padding:2rem;place-items:center;align-content:center;text-align:center}.single-rating-card__empty strong{font:700 1.15rem var(--display)}.single-rating-card__empty p{max-width:280px;margin-top:.35rem;color:var(--ink-soft);font-size:.72rem;line-height:1.6}.song-rating-loading{display:flex;min-height:150px;gap:.7rem;align-items:center;justify-content:center;color:var(--ink-soft)}.song-rating-loading svg{color:var(--accent)}.constants-section{margin-bottom:4rem;padding:1.8rem}.constants-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.version-tabs{display:flex;padding:3px;background:var(--surface-soft);border:1px solid var(--line)}.version-tabs button{display:flex;min-width:130px;padding:.6rem .8rem;align-items:center;gap:.5rem;color:var(--ink-soft);background:transparent;border:0;font-size:.76rem}.version-tabs button span{font:800 .78rem var(--mono)}.version-tabs button.is-active{color:#fff;background:var(--accent)}.constant-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:2.4rem;padding-top:2rem}.constant-copy{display:flex;min-width:0;flex-direction:column}.constant-hero{position:relative;display:grid;min-height:170px;padding:1.5rem;align-content:center;overflow:hidden;color:#fff;background:var(--ink)}.constant-hero:after{position:absolute;right:-50px;width:230px;height:230px;border:28px solid rgb(255 255 255 / 6%);border-radius:50%;content:""}.constant-hero span{color:#fff9;font-size:.75rem;letter-spacing:.15em}.constant-hero strong{z-index:1;color:var(--gold);font:800 4rem/1 var(--mono)}.constant-hero small{color:#ffffff7a;font:.65rem var(--mono);letter-spacing:.18em}.v2-constants{display:grid;grid-template-columns:1fr 1.3fr 1fr;min-height:170px;color:#fff;background:var(--ink)}.v2-constants>div{display:flex;padding:1rem;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid rgb(255 255 255 / 12%)}.v2-constants>div:last-child{border:0}.v2-constants span{color:#ffffff94;font-size:.65rem;letter-spacing:.08em}.v2-constants strong{margin-top:.4rem;font:800 1.55rem var(--mono)}.v2-constants .is-main{position:relative;background:var(--accent);transform:scaleY(1.06);box-shadow:0 5px 18px #0000002e}.v2-constants .is-main span{color:#ffffffbf}.v2-constants .is-main strong{font-size:2.5rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:1rem;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric-cell{display:flex;min-height:90px;padding:.8rem;flex-direction:column;justify-content:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-cell span{color:var(--ink-soft);font-size:.69rem}.metric-cell strong{margin-top:.2rem;font:750 1.25rem var(--mono)}.metric-cell small{color:var(--accent);font:.58rem var(--mono);letter-spacing:.1em}.radar-card{display:flex;min-height:480px;padding:1.2rem;flex-direction:column;background:var(--surface-soft);border:1px solid var(--line)}.radar-card figcaption{display:flex;align-items:end;justify-content:space-between}.radar-card figcaption strong{font-family:var(--display)}.radar{width:min(100%,350px);margin:.4rem auto 0;overflow:visible}.radar__ring-a{fill:var(--radar-ring-a)}.radar__ring-b{fill:var(--radar-ring-b)}.radar__grid{fill:none;stroke:var(--line);stroke-width:1}.radar__axis{stroke:var(--line);stroke-width:1}.radar__label{fill:var(--ink-soft);font:700 11px Microsoft YaHei UI,sans-serif}.radar__data{stroke:var(--accent);stroke-width:2}.radar__point{fill:var(--surface-solid);stroke:var(--accent);stroke-width:3}.radar__value-label{fill:var(--ink);font:700 10px var(--mono)}.radar-values{display:flex;flex-wrap:wrap;gap:.35rem .8rem;justify-content:center;margin-top:auto}.radar-values span{display:inline-flex;align-items:center;gap:.25rem;color:var(--ink-soft);font-size:.62rem}.radar-values i{width:5px;height:5px;background:var(--accent);border-radius:50%}.radar-values b{color:var(--ink);font-family:var(--mono)}.constant-loader,.empty-constant{display:grid;min-height:430px;place-items:center;align-content:center;color:var(--ink-soft);text-align:center}.constant-loader svg,.empty-constant>svg{width:38px;height:38px;margin-bottom:.8rem;color:var(--accent)}.empty-constant h3{color:var(--ink);font:700 1.35rem var(--display)}.empty-constant p{margin-top:.4rem;font-size:.78rem}.detail-loading{display:grid;min-height:70vh;place-items:center;align-content:center;color:var(--ink-soft)}.detail-loading svg{width:40px;height:40px;margin-bottom:1rem;color:var(--accent)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;padding:1rem;place-items:center;background:#0f1619a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .16s ease}@keyframes fade-in{0%{opacity:0}}.import-dialog{width:min(610px,100%);max-height:min(760px,calc(100vh - 2rem));overflow:auto;background:var(--surface-solid);box-shadow:0 30px 90px #00000047;animation:dialog-in .22s ease}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.dialog-header{display:flex;padding:1.3rem 1.4rem 1rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-header h2{margin-top:.4rem;font:700 1.55rem var(--display)}.icon-button{display:grid;width:38px;height:38px;place-items:center;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:50%}.icon-button:hover{color:var(--accent);border-color:var(--accent)}.tab-list{display:grid;grid-template-columns:repeat(3,1fr);padding:.8rem 1.4rem 0}.tab-list button{display:flex;padding:.75rem;align-items:center;justify-content:center;gap:.4rem;color:var(--ink-soft);background:transparent;border:0;border-bottom:2px solid var(--line)}.tab-list button.is-active{color:var(--accent);border-color:var(--accent);font-weight:750}.import-form{display:grid;gap:1rem;padding:1.4rem}.form-intro{color:var(--ink-soft);font-size:.82rem;line-height:1.7}.import-form label{color:var(--ink);font-size:.76rem;font-weight:750}.import-form label small{margin-left:.3rem;color:var(--ink-soft);font-weight:400}.import-form input,.import-form textarea{display:block;width:100%;margin-top:.45rem;padding:.8rem .9rem;color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-small);resize:vertical}.import-form input:focus,.import-form textarea:focus{background:var(--surface-solid);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.privacy-note{display:flex;gap:.5rem;padding:.7rem .8rem;color:var(--secondary);background:color-mix(in srgb,var(--secondary) 9%,transparent);border-left:2px solid var(--secondary);font-size:.7rem;line-height:1.5}.form-message{display:flex;gap:.4rem;padding:.7rem .8rem;align-items:center;font-size:.75rem}.form-message.is-success{color:#276b4e;background:#dcefe5}.form-message.is-error{color:#8f2e2e;background:#f4dada}.import-submit{width:100%}.rating-page{padding-bottom:4rem}.rating-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:4rem;align-items:center;min-height:390px;padding:4.6rem 2rem 3.5rem;border-bottom:1px solid var(--line)}.rating-hero:before{position:absolute;top:2rem;left:0;width:46px;height:2px;background:var(--accent);box-shadow:55px 0 var(--line-strong);content:""}.rating-hero__copy h1{margin-top:1.15rem;font:700 clamp(2.6rem,5.5vw,4.8rem)/1.08 var(--display);letter-spacing:-.045em}.rating-hero__copy h1 i{color:var(--accent);font-style:normal}.rating-hero__copy>p{max-width:670px;margin-top:1.35rem;color:var(--ink-soft);line-height:1.85}.rating-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;margin-top:1.6rem}.rating-hero__actions>span{display:inline-flex;gap:.4rem;align-items:center;color:var(--ink-soft);font-size:.72rem}.rating-hero__actions>span svg{color:var(--secondary)}.rating-version-switch{position:relative;display:flex;flex-direction:column;min-height:220px;padding:3.7rem 1.1rem 0;overflow:hidden;background:var(--ink);border-color:var(--ink);box-shadow:14px 14px 0 var(--accent-soft)}.rating-version-switch:after{position:absolute;right:-55px;bottom:-90px;width:210px;height:210px;border:24px solid rgb(255 255 255 / 5%);border-radius:50%;content:"";pointer-events:none}.rating-version-switch__label{position:absolute;top:1.25rem;left:1.25rem;color:#ffffff8a;font:700 .68rem var(--mono);letter-spacing:.18em}.rating-algorithm-note{display:grid;grid-template-columns:1fr minmax(320px,.8fr);gap:2rem;align-items:center;margin:1.4rem 0 1.2rem;padding:1.4rem 1.6rem}.rating-algorithm-note h2{margin-top:.45rem;font:700 1.45rem var(--display)}.rating-algorithm-note p{margin-top:.35rem;color:var(--ink-soft);font-size:.78rem;line-height:1.65}.rating-formula{display:grid;grid-template-columns:auto 1fr;gap:.2rem .7rem;padding:.8rem 1rem;color:var(--secondary);background:color-mix(in srgb,var(--secondary) 8%,transparent);border-left:2px solid var(--secondary)}.rating-formula svg{grid-row:span 2;align-self:center}.rating-formula span{color:var(--ink-soft);font-size:.65rem}.rating-formula strong{color:var(--ink);font-size:.78rem}.rating-state{display:grid;min-height:360px;margin-top:1.2rem;padding:3rem;place-items:center;align-content:center;text-align:center}.rating-state>svg{width:40px;height:40px;margin-bottom:.8rem;color:var(--accent)}.rating-state__mark{display:grid;width:60px;height:60px;place-items:center;color:#fff;background:var(--accent);border-radius:50%;font:700 1.1rem var(--display)}.rating-state h2{margin-top:.9rem;font:700 1.75rem var(--display)}.rating-state p{max-width:550px;margin:.6rem 0 1.2rem;color:var(--ink-soft);line-height:1.7}.rating-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);gap:1.2rem;align-items:stretch;margin-top:1.2rem;animation:rating-in .42s ease both}@keyframes rating-in{0%{opacity:0;transform:translateY(12px)}}.rating-overview__main{padding:1.5rem}.rating-overview__main>header{display:flex;align-items:end;justify-content:space-between;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.rating-overview__main>header h2{margin-top:.45rem;font:700 1.6rem var(--display)}.rating-overview__main>header>span{color:var(--ink-soft);font:.7rem var(--mono)}.rating-scoreboard{display:grid;grid-template-columns:215px 1fr;gap:1rem;margin-top:1rem}.rating-total{position:relative;display:flex;min-height:250px;padding:1.25rem;overflow:hidden;flex-direction:column;justify-content:center;color:#fff;background:var(--ink)}.rating-total:after{position:absolute;right:-53px;bottom:-48px;width:150px;height:150px;border:18px solid rgb(255 255 255 / 5%);border-radius:50%;content:""}.rating-total span{color:#ffffff8f;font:700 .7rem var(--mono);letter-spacing:.18em}.rating-total strong{z-index:1;margin:.4rem 0;color:var(--gold);font:800 clamp(3rem,5vw,4.6rem)/1 var(--mono);letter-spacing:-.08em}.rating-total small{color:#ffffff73;font:.58rem var(--mono);letter-spacing:.11em}.rating-dimensions{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.rating-dimensions button{display:flex;min-height:83px;padding:.8rem 1rem;align-items:center;justify-content:space-between;color:var(--ink);background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .14s,color .14s}.rating-dimensions button:hover,.rating-dimensions button.is-active{color:var(--accent);background:var(--accent-soft)}.rating-dimensions button span{color:var(--ink-soft);font-size:.72rem}.rating-dimensions button span i{display:inline-grid;width:15px;height:15px;margin-left:.3rem;place-items:center;color:#fff;background:var(--secondary);border-radius:50%;font:700 .64rem var(--mono)}.rating-dimensions button strong{font:800 1.45rem var(--mono)}.rating-overview>.radar-card{min-height:100%}.rating-dimension-nav{display:grid;grid-template-columns:repeat(7,1fr);margin-top:1.2rem;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-small)}.rating-dimension-nav button{display:flex;min-width:0;min-height:72px;padding:.7rem;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-soft);background:transparent;border:0;border-right:1px solid var(--line)}.rating-dimension-nav button:last-child{border-right:0}.rating-dimension-nav button:hover{color:var(--accent);background:var(--surface-hover)}.rating-dimension-nav button.is-active{color:#fff;background:var(--accent)}.rating-dimension-nav span{font-size:.68rem}.rating-dimension-nav b{margin-top:.2rem;font:800 1rem var(--mono)}.rating-compensation-note{display:flex;gap:.4rem;align-items:center;margin:.8rem 0 -.35rem;color:var(--secondary);font-size:.7rem}.rating-ranking{margin-top:1.2rem;overflow:hidden}.rating-ranking__header{display:flex;padding:1.35rem 1.5rem 1.1rem;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.rating-ranking__header h2{margin-top:.4rem;font:700 1.5rem var(--display)}.rating-ranking__header p{color:var(--ink-soft);font-size:.7rem}.rating-table-wrap{overflow-x:auto}.rating-table{width:100%;min-width:920px;border-collapse:collapse;font-size:.75rem}.rating-table th{padding:.75rem 1rem;color:var(--ink-soft);background:var(--surface-soft);font-size:.65rem;text-align:left;letter-spacing:.06em;white-space:nowrap}.rating-table th:nth-child(4),.rating-table th:nth-child(5),.rating-table td:nth-child(4),.rating-table td:nth-child(5){text-align:right}.rating-table td{height:66px;padding:.65rem 1rem;border-bottom:1px solid var(--line)}.rating-table tbody tr:last-child td{border-bottom:0}.rating-table tbody tr{transition:background .12s}.rating-table tbody tr:hover{background:var(--surface-hover)}.rating-table td:nth-child(2) a{display:grid;max-width:280px}.rating-table td:nth-child(2) strong{overflow:hidden;color:var(--ink);font-family:var(--display);font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.rating-table td:nth-child(2) small{margin-top:.12rem;color:var(--ink-soft);font:.6rem var(--mono)}.rank-number{color:var(--ink-soft);font:700 .72rem var(--mono)}.rank-number.rank-1,.rank-number.rank-2,.rank-number.rank-3{display:grid;width:30px;height:30px;place-items:center;color:#fff;background:var(--gold);border-radius:50%}.rank-number.rank-2{background:var(--line-strong)}.rank-number.rank-3{background:var(--accent)}.rating-difficulty{display:inline-flex;padding:.28rem .48rem;color:#fff;background:var(--difficulty, #777);border-radius:2px;font-size:.65rem;font-weight:750;white-space:nowrap}.rating-mono{color:var(--ink-soft);font-family:var(--mono);white-space:nowrap}.rating-value{color:var(--accent);font:800 1.05rem var(--mono);white-space:nowrap}.rating-judgements{white-space:nowrap}.rating-judgements span{margin-right:.5rem;color:var(--ink-soft);font-size:.64rem}.rating-row-link{display:grid;width:30px;height:30px;place-items:center;color:var(--accent);border:1px solid var(--line);border-radius:50%}.rating-row-link:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.rating-row-link svg{width:14px}.site-footer{display:flex;width:min(1220px,calc(100% - 40px));min-height:96px;margin-inline:auto;align-items:center;justify-content:space-between;color:var(--ink-soft);border-top:1px solid var(--line);font-size:.72rem}.site-footer span{color:var(--ink);font:800 .7rem var(--mono);letter-spacing:.16em}.constants-algo-badge{display:inline-flex;padding:.48rem .75rem;color:var(--accent-deep);background:var(--accent-soft);border-left:2px solid var(--accent);font:700 .72rem var(--mono);letter-spacing:.06em}.rating-current-algo{position:relative;z-index:1;display:flex;flex:1;padding:1rem;flex-direction:column;align-items:center;justify-content:center;color:#fff}.rating-current-algo b{font:800 3.5rem/1 var(--mono);letter-spacing:-.08em}.rating-current-algo span{margin-top:.5rem;font-size:.78rem;letter-spacing:.12em;color:#ffffff9e}.rating-algo-link{position:relative;z-index:1;display:flex;padding:.65rem;align-items:center;justify-content:center;color:var(--gold);border-top:1px solid rgb(255 255 255 / 16%);font-size:.7rem;letter-spacing:.08em;transition:background .14s}.rating-algo-link:hover{background:#ffffff0f}.settings-page{padding-bottom:4rem}.settings-hero{padding:3.8rem 0 2.2rem;border-bottom:1px solid var(--line)}.settings-hero h1{margin-top:.8rem;font:700 clamp(2.4rem,5vw,3.6rem)/1.1 var(--display);letter-spacing:-.04em}.settings-hero p{margin-top:.6rem;color:var(--ink-soft)}.settings-section{margin-top:1.4rem;padding:1.6rem}.settings-section__header{display:flex;gap:.9rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.settings-section__header svg{margin-top:2px;color:var(--accent)}.settings-section__header h2{font:700 1.25rem var(--display)}.settings-section__header p{margin-top:.2rem;color:var(--ink-soft);font-size:.74rem}.settings-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.2rem}.settings-option-card{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.15rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-small);cursor:pointer;transition:border-color .14s,box-shadow .14s}.settings-option-card:hover{border-color:var(--accent)}.settings-option-card.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.settings-option-card input{position:absolute;opacity:0;pointer-events:none}.settings-option-card strong{font:700 .95rem var(--display)}.settings-option-card span{color:var(--ink-soft);font-size:.72rem;line-height:1.5}}@layer themes{body[data-theme=ffxiv]{color-scheme:dark;--page-bg: #1b1b1a;--page-bg-deep: #111110;--surface: rgb(48 48 48 / 96%);--surface-solid: #303030;--surface-soft: #3d3b3a;--surface-hover: #4a4746;--ink: #dedbd1;--ink-soft: #aea596;--line: #716650;--line-strong: #9a886c;--accent: #d5bd72;--accent-deep: #8e7d62;--accent-soft: rgb(213 189 114 / 12%);--secondary: #82a4b0;--gold: #f4e5b2;--shadow: 0 18px 48px rgb(0 0 0 / 32%);--shadow-small: 0 5px 16px rgb(0 0 0 / 26%);--radius: 4px;--radius-small: 999px;--radar-start: rgb(244 229 178 / 42%);--radar-end: rgb(142 125 98 / 10%);--radar-ring-a: rgb(244 229 178 / 6%);--radar-ring-b: rgb(130 164 176 / 4%);background:radial-gradient(circle at 13% 2%,rgb(108 103 101 / 20%),transparent 28rem),linear-gradient(120deg,transparent 0 72%,rgb(213 189 114 / 3%) 72% 72.15%,transparent 72.15%),#1b1b1a}body[data-theme=ffxiv]:before{opacity:.08}body[data-theme=ffxiv] .ffxiv-ui .panel,body[data-theme=ffxiv] .ffxiv-ui .song-card,body[data-theme=ffxiv] .ffxiv-ui .import-dialog{background:linear-gradient(to bottom,#676161f0 0,#676161f0 3px,#4f4f4ff0 7px,#303030f7 18px,#303030f7);border:2px solid var(--accent-deep);border-image:repeating-linear-gradient(45deg,#b8a88a 0,#b8a88a 10%,#8e7d62 10%,#8e7d62 20%,#d4c4a6 20%,#d4c4a6 30%,#6b5d48 30%,#6b5d48 40%) 30% / 2px / 0 stretch;box-shadow:inset 0 1px 2px #ffffff2e,var(--shadow-small)}body[data-theme=ffxiv] .site-header{background:#1f1f1eed;border-color:#4d473c}body[data-theme=ffxiv] .brand__seal{color:#35322e;background:var(--accent);border-color:#f4e5b2}body[data-theme=ffxiv] .brand em{color:var(--accent)}body[data-theme=ffxiv] .compact-select,body[data-theme=ffxiv] .search-box,body[data-theme=ffxiv] .sort-select select,body[data-theme=ffxiv] .pagination button,body[data-theme=ffxiv] .icon-button,body[data-theme=ffxiv] .import-form input,body[data-theme=ffxiv] .import-form textarea{background:linear-gradient(to bottom,#545454 0,#545454 45%,#3b3b3b 55%,#3b3b3b);border-color:#777;box-shadow:inset 0 1px #ffffff21}body[data-theme=ffxiv] .compact-select select{color:var(--ink)}body[data-theme=ffxiv] .main-nav a:hover,body[data-theme=ffxiv] .main-nav button:hover,body[data-theme=ffxiv] .main-nav a.active{color:var(--gold);background:#f4e5b214}body[data-theme=ffxiv] .hero__stat,body[data-theme=ffxiv] .constant-hero,body[data-theme=ffxiv] .v2-constants,body[data-theme=ffxiv] .rating-version-switch,body[data-theme=ffxiv] .rating-total{background:#292827;border:1px solid var(--line)}body[data-theme=ffxiv] .hero__stat{box-shadow:8px 8px #d5bd7221}body[data-theme=ffxiv] .hero__stamp{color:#2d2b28;background:var(--accent);border-color:#514b40;outline-color:var(--accent)}body[data-theme=ffxiv] .category-scroll button.is-active,body[data-theme=ffxiv] .version-tabs button.is-active,body[data-theme=ffxiv] .v2-constants .is-main{color:#302e29;background:var(--accent)}body[data-theme=ffxiv] .category-tag{color:var(--gold);background:#f4e5b214}body[data-theme=ffxiv] .song-card:after{box-shadow:inset 0 0 0 14px #393735,inset 0 0 0 15px var(--line)}body[data-theme=ffxiv] .primary-button,body[data-theme=ffxiv] .ffxiv-ui button.difficulty-badge{border-color:#777;box-shadow:inset 0 1px #ffffff24,0 2px 5px #0000003d}body[data-theme=ffxiv] .primary-button{color:var(--ink);background:linear-gradient(to bottom,#595959 0,#595959 45%,#3b3b3b 55%,#3b3b3b);border-radius:999px}body[data-theme=ffxiv] .primary-button:hover:not(:disabled){color:var(--gold);border-color:var(--gold);filter:brightness(1.2)}body[data-theme=ffxiv] .ffxiv-ui button:focus-visible,body[data-theme=ffxiv] .ffxiv-ui a:focus-visible,body[data-theme=ffxiv] .ffxiv-ui input:focus-visible,body[data-theme=ffxiv] .ffxiv-ui select:focus-visible,body[data-theme=ffxiv] .ffxiv-ui textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}body[data-theme=ffxiv] .record-art{background:#413f3d}body[data-theme=ffxiv] .record-art__disc:before{background:var(--accent-deep);border-color:var(--gold)}body[data-theme=ffxiv] .personal-score>div:last-child span,body[data-theme=ffxiv] .radar-card{background:#383735}body[data-theme=ffxiv] .form-message.is-success{color:#d4e6d4;background:#395443}body[data-theme=ffxiv] .form-message.is-error{color:#f0c2c2;background:#5e3939}}@layer responsive{@media(max-width:980px){.site-header__inner{grid-template-columns:auto 1fr auto;gap:.8rem}.main-nav{justify-content:flex-start}.main-nav a,.main-nav button{padding-inline:.65rem;font-size:.8rem}.theme-select{display:none}.hero{grid-template-columns:1fr 240px;gap:3rem;padding-inline:1.5rem}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.song-identity{grid-template-columns:200px 1fr}.constant-layout{grid-template-columns:1fr}.radar-card{min-height:450px}.rating-hero{grid-template-columns:minmax(0,1fr) 300px;gap:2rem;padding-inline:1rem}.rating-overview{grid-template-columns:1fr}.rating-overview>.radar-card{min-height:460px}}@media(max-width:720px){.page-shell,.site-header__inner,.site-footer{width:min(100% - 24px,1220px)}.site-header__inner{position:relative;grid-template-columns:1fr auto;min-height:66px}.brand__seal{width:38px;height:38px}.header-controls{display:none}.main-nav .nav-settings{border-top:1px solid var(--line);margin-top:.25rem;padding-top:.85rem}.mobile-menu-button{position:absolute;top:50%;right:0;z-index:10;display:grid;width:44px;height:44px;place-items:center;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:50%;transform:translateY(-50%)}.main-nav{position:absolute;top:66px;left:12px;right:12px;display:none;padding:.5rem;align-items:stretch;flex-direction:column;background:var(--surface-solid);border:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a,.main-nav button{justify-content:flex-start}body[data-theme=ffxiv] .main-nav{background:#303030;border-color:var(--line)}.hero{grid-template-columns:minmax(0,1fr);gap:2rem;min-height:auto;padding:4.2rem 0 3rem}.hero__copy{width:calc(100vw - 24px);min-width:0;overflow:hidden}.hero__copy h1{max-width:100%;font-size:clamp(2.2rem,11.5vw,3.2rem);line-height:1.13;overflow-wrap:anywhere}.hero__stat{min-height:150px;margin-right:12px;padding:1.5rem}.hero__stat strong{font-size:3.8rem}.catalog-toolbar{padding:.8rem}.toolbar-row{grid-template-columns:minmax(0,1fr);min-width:0}.category-scroll{min-width:0}.sort-select{width:fit-content;padding-left:0;border-left:0}.catalog-meta{padding-top:1rem}.song-grid{grid-template-columns:1fr}.song-card,.song-card__link{min-height:244px}.song-identity{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.record-art{min-height:190px}.song-identity__copy{padding:.5rem}.back-link{top:.65rem;right:.65rem;padding:.35rem;color:#fff;background:#00000073;border-radius:50px}.section-heading{align-items:start;flex-direction:column;gap:.35rem}.difficulty-selector{gap:.45rem}button.difficulty-badge{width:calc((100vw - 48px)/5);height:50px;grid-template-columns:20px 1fr}.personal-score{grid-template-columns:1fr}.personal-score>div:last-child{justify-content:start}.single-rating-grid{grid-template-columns:1fr}.constants-section{padding:1rem}.constants-header{align-items:stretch;flex-direction:column}.version-tabs button{min-width:0;flex:1;justify-content:center}.constant-layout{gap:1.2rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.radar-card{min-height:400px;padding:.75rem}.site-footer{padding-block:1.5rem;align-items:flex-start;flex-direction:column;justify-content:center;gap:.5rem}.rating-page{padding-bottom:2.5rem}.rating-hero{grid-template-columns:1fr;gap:2rem;min-height:auto;padding:4.2rem 0 3rem}.rating-hero__copy h1{font-size:clamp(2.2rem,11vw,3.2rem);overflow-wrap:anywhere}.rating-version-switch{min-height:190px;margin-right:10px}.rating-algorithm-note{grid-template-columns:1fr;padding:1rem}.rating-scoreboard{grid-template-columns:1fr}.rating-total{min-height:175px}.rating-dimension-nav{grid-template-columns:repeat(4,1fr)}.rating-dimension-nav button{border-bottom:1px solid var(--line)}.rating-dimension-nav button:nth-child(4){border-right:0}.rating-dimension-nav button:nth-child(n+5){border-bottom:0}.rating-ranking__header{align-items:start;flex-direction:column;gap:.35rem}.settings-hero{padding:3rem 0 1.6rem}.settings-section{padding:1rem}.settings-options{grid-template-columns:1fr}}@media(max-width:420px){.brand b{font-size:.72rem}.brand em{font-size:.85rem}.hero__copy p{width:min(20rem,calc(100vw - 24px));max-width:100%;font-size:.9rem;overflow-wrap:anywhere;word-break:break-all}.search-box{padding-inline:.7rem}.song-card__levels{gap:.2rem}.difficulty-badge{width:48px}.v2-constants{grid-template-columns:1fr}.v2-constants>div{min-height:88px;border-right:0;border-bottom:1px solid rgb(255 255 255 / 12%)}.v2-constants .is-main{transform:none}.radar-card figcaption{align-items:start;flex-direction:column;gap:.35rem}.single-rating-card{padding:.85rem}.single-rating-card__score{grid-template-columns:1fr}.single-rating-card__score>div+div{border-top:1px solid rgb(255 255 255 / 14%);border-left:0}.single-rating-card__dimensions{grid-template-columns:repeat(2,1fr)}.rating-hero__actions{align-items:flex-start;flex-direction:column}.rating-dimensions{grid-template-columns:1fr}.rating-dimensions button{min-height:64px}.rating-dimension-nav{grid-template-columns:repeat(2,1fr)}.rating-dimension-nav button:nth-child(2n){border-right:0}.rating-dimension-nav button:nth-child(n){border-bottom:1px solid var(--line)}.rating-dimension-nav button:last-child{border-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}