:root{--color-paper: oklch(98.5% .004 250);--color-paper-2: oklch(96.5% .006 250);--color-paper-3: oklch(93.5% .008 250);--color-graphite: oklch(22% .016 260);--color-ink: oklch(24% .02 258);--color-ink-2: oklch(34% .018 257);--color-muted: oklch(43% .014 255);--color-rule: oklch(84% .012 252);--color-rule-2: oklch(70% .014 252);--color-accent: oklch(58% .2 256);--color-accent-ink: oklch(99% .004 250);--color-focus: oklch(50% .19 256);--color-warning: oklch(44% .16 46);--color-warning-bg: oklch(94% .035 80);--color-success: oklch(46% .11 155);--color-error: oklch(44% .18 28);--color-emphasis: oklch(48% .18 20);--color-grid: oklch(84% .012 252);--color-scrim: oklch(20% .02 258 / .42);--color-shadow: oklch(24% .02 258 / .08);--color-series-another: oklch(58% .2 256);--color-series-leggendaria: oklch(62% .16 68);--color-series-iidx-other: oklch(49% .018 258);--color-series-genocide: oklch(55% .17 305);--color-series-satellite: oklch(56% .14 215);--color-series-stella: oklch(48% .12 150);--color-series-other: oklch(53% .16 350);--font-display: "Space Grotesk", ui-sans-serif, sans-serif;--font-body: "Inter", ui-sans-serif, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--text-xs: .7rem;--text-sm: .78rem;--text-md: .92rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--radius-control: 6px;--radius-panel: 10px;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400}html{overflow-x:clip;background:var(--color-paper)}body{margin:0;min-width:320px;overflow-x:clip;background:var(--color-paper);color:var(--color-ink-2);font-family:var(--font-body);font-size:var(--text-md);line-height:1.5;font-synthesis:none}html,body,#root{min-height:100%;width:100%}*{box-sizing:border-box}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-ink);font-family:var(--font-display);font-style:normal}h2{margin-bottom:var(--space-xs);font-size:var(--text-lg);letter-spacing:-.02em}h3{margin:var(--space-lg) 0 var(--space-xs);font-size:var(--text-sm);letter-spacing:.01em}button,input,select{font:inherit}button,select,input{border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink)}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}button,input,select{outline:2px solid transparent;outline-offset:1px}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.2em}code{background:var(--color-paper-3);padding:var(--space-3xs) var(--space-xs);border-radius:4px;font-family:var(--font-mono);font-size:.9em}.atlas-shell{width:100%;min-height:100dvh;background:var(--color-paper)}.state-card{min-height:100dvh;display:grid;place-content:center;gap:var(--space-xs);padding:var(--space-xl);margin:0 auto;max-width:44rem;text-align:left}.state-card h2{margin-bottom:0;font-size:clamp(1.4rem,3vw,2rem)}.state-card p{color:var(--color-muted)}.state-card button{justify-self:start;min-height:44px;padding:0 var(--space-md);background:var(--color-accent);color:var(--color-accent-ink)}.state-card.error h2,.warning{color:var(--color-warning)}.filter-pane{position:fixed;inset:0 auto 0 0;z-index:var(--z-modal);display:flex;visibility:hidden;width:min(88vw,22rem);height:100dvh;min-height:0;overflow:hidden;flex-direction:column;background:var(--color-paper-2);border-inline-end:1px solid var(--color-rule-2);transform:translate(-102%);transition:transform var(--dur-long) var(--ease-out),visibility 0s linear var(--dur-long)}.filter-pane.is-open{visibility:visible;transform:translate(0);transition-delay:0s}.filter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-rule)}.filter-header h1{min-width:0;margin:0;font-size:clamp(1.4rem,3vw,1.75rem);letter-spacing:-.04em;overflow-wrap:anywhere}.rail-label{margin:0 0 var(--space-2xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;line-height:1.3}.filter-close,.detail-close{min-width:44px;min-height:44px;padding:var(--space-xs);background:transparent;color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}.filter-summary{display:flex;align-items:baseline;gap:var(--space-2xs);padding:var(--space-md) var(--space-lg);color:var(--color-muted);border-bottom:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-xs)}.filter-summary strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.summary-points{margin-inline-start:auto;color:var(--color-accent)}.filter-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding:0 var(--space-lg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.filter-section{display:grid;gap:var(--space-sm);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-rule)}.filter-section h2{margin:0;font-size:var(--text-sm);font-weight:600}.filter-section>label{display:grid;gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.filter-section input,.filter-section select{width:100%;min-width:0;min-height:44px;padding:0 var(--space-sm)}.filter-section input::placeholder{color:var(--color-muted);opacity:.8}fieldset{min-width:0;border:0;padding:0;margin:0}legend{margin-bottom:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs)}.filter-section fieldset:not(.bms-ranges){display:flex;flex-wrap:wrap;gap:var(--space-xs)}.check{display:inline-flex;align-items:center;gap:var(--space-2xs);min-height:36px;color:var(--color-ink-2)!important;font-size:var(--text-sm)!important;white-space:nowrap}.check input{width:17px;height:17px;min-height:17px;padding:0;accent-color:var(--color-accent)}.field-help{margin:calc(-1 * var(--space-2xs)) 0 0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.45}.score-controls{gap:var(--space-xs)}.score-error{color:var(--color-warning)}.score-import-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xs);align-items:stretch}.score-import-button{min-width:0;overflow:hidden;text-overflow:ellipsis}.score-clear-button{min-width:0}.score-import-status{overflow-wrap:anywhere}.score-legend{display:grid;gap:var(--space-2xs);margin-top:var(--space-2xs);padding:var(--space-sm);border:1px solid var(--color-rule);background:var(--color-paper)}.score-legend-title{color:var(--color-ink);font-size:var(--text-xs);font-weight:600}.score-gradient{min-height:.8rem;border:1px solid var(--color-rule-2);border-radius:3px}.score-gradient-labels{display:flex;justify-content:space-between;gap:var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:.65rem}.score-legend small{color:var(--color-muted);font-size:.68rem}.score-advanced{margin-top:var(--space-2xs);border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.score-advanced summary{cursor:pointer;padding:var(--space-xs) 0;color:var(--color-ink-2);font-size:var(--text-xs);font-weight:600}.score-advanced-body{display:grid;gap:var(--space-xs);padding:0 0 var(--space-sm)}.score-advanced-body>label{display:grid;gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs)}.score-advanced-body>label select{width:100%;min-height:40px;padding-inline:var(--space-sm)}.score-palette-preview{display:flex;min-height:1.45rem;align-items:center;justify-content:space-between;border:1px solid var(--color-rule-2);border-radius:3px;padding:0 var(--space-xs);color:#fff;font-family:var(--font-mono);font-size:.65rem;text-shadow:0 1px 2px rgb(0 0 0 / 45%)}.score-scale-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs)}.score-scale-grid>label{display:grid;min-width:0;gap:var(--space-2xs);color:var(--color-muted);font-size:.68rem}.score-percent-input{display:flex;min-width:0;align-items:center;gap:var(--space-2xs)}.score-percent-input input{min-width:0;width:100%;min-height:40px;padding-inline:var(--space-xs)}.score-percent-input span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.score-reset-button{justify-self:start;min-height:38px}.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.bms-ranges{display:grid;gap:var(--space-xs)}.bms-ranges legend{margin-bottom:0}.bms-ranges legend small{display:block;margin-top:var(--space-2xs);color:var(--color-muted);font-weight:400;line-height:1.4}.range-control{display:grid;grid-template-columns:4.25rem minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-2xs);align-items:center;color:var(--color-muted);font-size:var(--text-xs)}.range-control input{min-width:0;width:100%}.flag-controls{display:grid;gap:var(--space-xs)}.flag-controls h2{margin-bottom:calc(-1 * var(--space-3xs))}.flag-help{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.flag-controls select{width:100%;min-height:44px;padding-inline:var(--space-sm)}.filter-footer{flex:0 0 auto;padding:var(--space-md) var(--space-lg) max(var(--space-md),env(safe-area-inset-bottom));border-top:1px solid var(--color-rule-2);background:var(--color-paper-2)}.filter-source,.filter-warning{margin:0 0 var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45}.filter-warning{color:var(--color-warning)}.filter-actions{display:grid;grid-template-columns:1fr auto;gap:var(--space-xs)}.quiet-button,.import-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 var(--space-sm);font-size:var(--text-xs);white-space:nowrap}.quiet-button{background:transparent;color:var(--color-ink-2)}.import-button{border:1px solid var(--color-rule-2);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink-2);cursor:pointer}.import-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.filter-backdrop{position:fixed;inset:0;z-index:calc(var(--z-modal) - 1);border:0;border-radius:0;background:var(--color-scrim)}.map-pane{position:relative;width:100%;height:100dvh;min-height:31rem;overflow:hidden;background:var(--color-paper)}.chart{position:absolute;inset:0;width:100%;height:100%}.map-toolbar{position:absolute;inset:0 0 auto;z-index:var(--z-raised);display:flex;min-height:58px;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-rule);background:var(--color-paper);pointer-events:none}.map-toolbar>*{pointer-events:auto}.filter-toggle{display:inline-flex;min-height:44px;align-items:center;padding:0 var(--space-sm);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-xs);white-space:nowrap}.map-readout{display:flex;align-items:baseline;gap:var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.map-readout strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.map-context{display:flex;align-items:center;gap:var(--space-sm);margin-inline-start:auto;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.score-context{color:var(--color-ink-2)}.metric-version{border:1px solid var(--color-rule-2);border-radius:var(--radius-control);padding:var(--space-2xs) var(--space-xs);color:var(--color-ink-2);font-size:var(--text-xs)}.map-empty{position:absolute;top:50%;left:50%;z-index:var(--z-raised);display:grid;gap:var(--space-2xs);width:min(90%,24rem);padding:var(--space-lg);border:1px solid var(--color-rule-2);background:var(--color-paper);transform:translate(-50%,-50%);text-align:center}.map-empty strong{color:var(--color-ink);font-family:var(--font-display);font-weight:600}.map-empty span{color:var(--color-muted);font-size:var(--text-sm)}.map-empty button{justify-self:center;min-height:44px;padding:0 var(--space-md);background:var(--color-ink);color:var(--color-paper);font-size:var(--text-xs)}.map-footer{position:absolute;inset:auto 0 0;z-index:var(--z-raised);display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-xs) var(--space-lg);border-top:1px solid var(--color-rule);background:var(--color-paper);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);pointer-events:none}.detail-overlay{position:absolute;top:70px;right:var(--space-md);bottom:50px;z-index:var(--z-dropdown);width:min(25rem,calc(100% - 2rem));pointer-events:auto}.detail-card{height:100%;overflow:auto;padding:var(--space-lg);border:1px solid var(--color-rule-2);border-radius:var(--radius-panel);background:var(--color-paper);color:var(--color-ink-2);box-shadow:0 1px 2px var(--color-shadow);animation:detail-in var(--dur-short) var(--ease-out) both}@keyframes detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-rule)}.detail-header>div:first-child{min-width:0}.detail-header h2{min-width:0;max-width:26ch;margin:0 0 var(--space-xs);font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15;overflow-wrap:anywhere}.detail-header p:last-child{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.detail-header-actions{display:flex;flex:0 0 auto;align-items:flex-start;gap:var(--space-xs)}.status-tag{border:1px solid var(--color-rule-2);border-radius:var(--radius-control);padding:var(--space-2xs) var(--space-xs);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.status-tag.ready{color:var(--color-success);border-color:var(--color-success)}.status-tag.partial{color:var(--color-warning);border-color:var(--color-warning)}.detail-close{font-size:var(--text-lg);line-height:1}.detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-lg)}.detail-metrics div{min-width:0;padding:var(--space-sm);border:1px solid var(--color-rule);background:var(--color-paper-2)}.detail-metrics span,dt{color:var(--color-muted);font-size:var(--text-xs)}.detail-metrics strong{display:block;margin-top:var(--space-2xs);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;font-variant-numeric:tabular-nums}.score-detail{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.score-detail h3{margin:0 0 var(--space-xs)}.score-detail-rate{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-paper-2);border:1px solid var(--color-rule)}.score-detail-rate span{color:var(--color-muted);font-size:var(--text-xs)}.score-detail-rate strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600}.score-detail dl{margin-top:var(--space-sm)}.x-warning{margin:var(--space-md) 0 0;padding:var(--space-sm);border:1px solid var(--color-warning);border-radius:var(--radius-control);background:var(--color-warning-bg);color:var(--color-warning);font-size:var(--text-sm)}.independent,.notice,.evidence,.empty-detail p{color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.independent{margin:var(--space-md) 0 0}.independent a{color:var(--color-accent)}.same-position{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.same-position h3{margin:0 0 var(--space-xs)}.same-position ul{list-style:none;max-height:12rem;overflow:auto;margin:0;padding:0}.same-position li+li{border-top:1px solid var(--color-rule)}.overlap-link{width:100%;min-height:44px;overflow:hidden;border:0;border-radius:0;padding:var(--space-xs) 0;background:transparent;color:var(--color-ink);text-align:left;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis}.overlap-link small{display:block;overflow:hidden;margin-top:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis}.density-composition{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.density-composition h3{margin:0 0 var(--space-xs)}.composition-line{display:grid;gap:var(--space-2xs);padding:var(--space-sm);border:1px solid var(--color-rule);background:var(--color-paper-2)}.composition-line span,.density-composition p,.density-composition small{color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.composition-line strong{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500}.density-composition p{margin:var(--space-sm) 0 0}.density-composition small{display:block;margin-top:var(--space-xs)}.bpm-distribution{margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--color-rule)}.bpm-distribution h3{margin:0 0 var(--space-xs)}.bpm-distribution>p{margin:0 0 var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.bpm-distribution ul{list-style:none;max-height:17rem;overflow:auto;margin:0;padding:0;border-top:1px solid var(--color-rule)}.bpm-profile-row{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-rule)}.bpm-profile-head,.bpm-profile-values{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);font-size:var(--text-xs)}.bpm-profile-head strong{color:var(--color-ink);font-family:var(--font-mono);font-weight:600;white-space:nowrap}.bpm-profile-head span,.bpm-profile-values{color:var(--color-muted)}.bpm-profile-values{margin-top:var(--space-2xs)}.bpm-profile-values span:last-child{text-align:right}.bpm-profile-bar{height:5px;margin-top:var(--space-xs);overflow:hidden;background:var(--color-paper-3)}.bpm-profile-bar span{display:block;height:100%;min-width:2px;background:var(--color-accent)}.badges{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.detail-badges{margin-top:var(--space-sm)}.badge{display:inline-block;border:1px solid var(--color-rule-2);border-radius:4px;padding:var(--space-2xs) var(--space-xs);color:var(--color-ink-2);font-family:var(--font-mono);font-size:var(--text-xs)}.badge.unknown{color:var(--color-muted)}.flag-evidence{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.flag-evidence summary{cursor:pointer;color:var(--color-ink-2)}.flag-evidence ul{margin:var(--space-sm) 0 0;padding-inline-start:var(--space-lg)}.flag-evidence li{margin:var(--space-xs) 0}.flag-evidence small{display:block;overflow-wrap:anywhere;color:var(--color-muted)}dl{display:grid;grid-template-columns:1fr auto;gap:var(--space-xs) var(--space-md);margin:0}dd{margin:0;color:var(--color-ink);font-variant-numeric:tabular-nums}.timeline{display:flex;min-height:58px;align-items:end;gap:var(--space-3xs);overflow:hidden;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-rule-2)}.timeline span{flex:1 0 3px;max-width:8px;background:var(--color-accent);border-radius:2px 2px 0 0}@media(hover:hover)and (pointer:fine){button:not(:disabled):hover,input:hover,select:hover{background-color:var(--color-paper-2)}.state-card button:hover,.filter-toggle:hover{background-color:var(--color-accent);color:var(--color-accent-ink)}.overlap-link:hover{background:transparent;color:var(--color-accent)}.detail-close:hover,.filter-close:hover{background:var(--color-paper-3);color:var(--color-ink)}}button,.filter-toggle,.quiet-button,.import-button,.overlap-link{transition:background-color var(--dur-short) var(--ease-out),color var(--dur-short) var(--ease-out),transform var(--dur-micro) var(--ease-out)}button:active{transform:translateY(1px)}@media(min-width:60rem){.atlas-shell{display:grid;grid-template-columns:minmax(17rem,22rem) minmax(0,1fr);height:100dvh;overflow:hidden}.filter-pane{position:relative;inset:auto;z-index:auto;visibility:visible;width:auto;transform:none;transition:none}.filter-close,.filter-backdrop,.filter-toggle{display:none}}@media(max-width:59.99rem){.map-context span:nth-child(2){display:none}.map-footer{padding-inline:var(--space-md)}.detail-overlay{top:68px;right:var(--space-xs);bottom:46px;width:calc(100% - var(--space-md))}}@media(max-width:40rem){.filter-header,.filter-summary,.filter-scroll,.filter-footer,.map-toolbar{padding-inline:var(--space-md)}.map-context .metric-version{display:none}.map-footer{justify-content:flex-start;gap:var(--space-sm);overflow:hidden;white-space:nowrap}.map-footer span:nth-child(3){display:none}.detail-card{padding:var(--space-md)}.detail-metrics{grid-template-columns:1fr}}@media(pointer:coarse){.filter-section input,.filter-section select,.filter-toggle,.quiet-button,.import-button,.detail-close{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.filter-pane{transition:none}.detail-card{animation:none}}