@property --bg-raised{syntax:"<color>";inherits:true;initial-value:#1b0f16}@property --bg-card{syntax:"<color>";inherits:true;initial-value:#22121b}@property --border{syntax:"<color>";inherits:true;initial-value:#4a2337}@property --accent{syntax:"<color>";inherits:true;initial-value:#e43b97}@property --accent-strong{syntax:"<color>";inherits:true;initial-value:#f56cb8}@property --accent-text{syntax:"<color>";inherits:true;initial-value:#14060d}@property --focus{syntax:"<color>";inherits:true;initial-value:#f56cb8}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121014;--bg-raised:#1b0f16;--bg-card:#22121b;--border:#4a2337;--text:#ece7ec;--text-dim:#9b93a0;--accent:#e43b97;--accent-strong:#f56cb8;--accent-text:#14060d;--focus:#f56cb8;--game-dr1:#e43b97;--game-dr2:#fde638;--game-v3:#d4232f;--game-udg:#d63ad0;--game-none:var(--border);--font-body:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--font-title:"Tomorrow", "Segoe UI", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--control-border:#ffffff29;--control-hover:#ffffff14;--input-border:#ffffff5c;--radius:6px;--edge-inset:6px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:56px;--glass-bg:#121014cc;--glass-filter:blur(16px);--fade:.5s;--page-width:1200px;--page-gutter:40px;--bar-h:64px;--footer-h:44px;--ui-scale:1}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.4}button{font-family:inherit;font-size:inherit;cursor:pointer}input{font-family:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.site{min-height:calc(100dvh / var(--ui-scale));zoom:var(--ui-scale);isolation:isolate;transition:--bg-raised var(--fade) ease, --bg-card var(--fade) ease, --border var(--fade) ease, --accent var(--fade) ease, --accent-strong var(--fade) ease, --accent-text var(--fade) ease, --focus var(--fade) ease;flex-direction:column;display:flex;position:relative}.site.theme-dr1{--bg-raised:#1b0f16;--bg-card:#22121b;--border:#4a2337;--accent:#e43b97;--accent-strong:#f56cb8;--accent-text:#14060d;--focus:#f56cb8}.site.theme-dr2{--bg-raised:#191409;--bg-card:#221c0c;--border:#52431a;--accent:#f4cf30;--accent-strong:#ffe45c;--accent-text:#1c1500;--focus:#ffe45c}.site.theme-v3{--bg-raised:#1a0e11;--bg-card:#24121a;--border:#532330;--accent:#d4232f;--accent-strong:#f0525c;--accent-text:#14060d;--focus:#f0525c}.site-backgrounds{z-index:-1;background:var(--bg);position:fixed;inset:0}.site-background{background-color:var(--bg);opacity:0;background-position:50%;background-size:cover;position:absolute;inset:0}.site-background.under{z-index:1}.site-background.leaving{transition:opacity var(--fade) ease}.site-background.active{opacity:1;z-index:2;transition:opacity var(--fade) ease}.site-background:after{content:"";background:#121014b8;position:absolute;inset:0}.site-background.bg-dr1:after{background:#16080fb8}.site-background.bg-dr2:after{background:#161104b8}.site-background.bg-v3:after{background:#15070ab8}.site-bar{z-index:3;align-items:center;gap:var(--space-5);height:var(--bar-h);padding:0 var(--space-4);display:flex;position:relative}.site-bar:before{content:"";z-index:-1;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-bottom:1px solid var(--border);position:absolute;inset:0}.bar-games{z-index:1;margin-left:auto;position:relative}.background-switcher{gap:var(--space-2);display:flex}.background-button{filter:drop-shadow(0 2px 3px #000000b3);opacity:.75;background:0 0;border:0;width:38px;height:38px;padding:0;transition:opacity .15s,filter .2s}.background-button img{width:100%;height:100%;image-rendering:pixelated;display:block}.background-button:hover{opacity:1;filter:drop-shadow(0 5px 4px #0009)}.background-button.pressed{opacity:1;filter:drop-shadow(0 1px 2px #000000b3)}.background-button[aria-pressed=true]{opacity:1}.wordmark{z-index:1;font-family:var(--font-title);font-style:italic;font-weight:900;font-size:min(1.75rem, (100vw / var(--ui-scale) - 222px) / 7.8);letter-spacing:-.02em;color:#000;-webkit-text-fill-color:#000;-webkit-text-stroke:.035em #fff;filter:drop-shadow(.05em .05em #000);flex:none;margin:0;padding:0 calc(.1em + 1px) .05em 0;line-height:1.15;text-decoration:none;display:block;position:relative}.nav-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius);height:40px;color:var(--text);font-size:var(--text-md);white-space:nowrap;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:flex;position:relative}a.nav-link:hover{background:var(--control-hover)}a.nav-link[aria-current]:after{content:"";left:12px;right:12px;bottom:calc((40px - var(--bar-h)) / 2);background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute}.nav-link-disabled{color:var(--text-dim);cursor:default}.main{flex-direction:column;flex:1;min-width:0;display:flex}.page{width:min(var(--page-width), 100% - 2 * var(--page-gutter));padding:var(--space-4) 0;flex:1;margin-inline:auto}.site-footer{min-height:var(--footer-h);padding:0 var(--space-4);color:var(--text);font-size:var(--text-sm);text-align:center;text-shadow:0 1px 3px #000,0 0 8px #000000e6;justify-content:center;align-items:center;gap:0 var(--space-2);flex-wrap:wrap;display:flex}.menu-button,.bar-nav-glass{display:none}@media (width<=1079px){.site-bar{gap:var(--space-2);padding:0 var(--space-3)}.site-bar:before{display:none}.menu-button{z-index:1;width:36px;height:36px;color:var(--text);border-radius:var(--radius);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.menu-button:hover,.menu-button[aria-expanded=true]{background:var(--control-hover)}.menu-button svg{display:block}.bar-nav{z-index:0;pointer-events:none;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden}.bar-nav-glass,.bar-nav-clip{grid-area:1/1}.bar-nav-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-bottom:1px solid var(--border);transform:translateY(calc(var(--bar-h) - 100%));display:block}.bar-nav-clip{margin-top:var(--bar-h);overflow:hidden}.bar-nav.open .bar-nav-clip{pointer-events:auto}.bar-nav .nav-list{width:max-content;padding:var(--space-2);visibility:hidden;gap:2px;display:grid;transform:translateY(-100%)}.bar-nav a.nav-link[aria-current]:after{border-radius:0 3px 3px 0;width:3px;height:auto;inset:8px auto 8px 0}.bar-nav-glass,.bar-nav .nav-list{will-change:transform;transition:transform .13s cubic-bezier(.5,0,.75,0),visibility 0s .13s}.bar-nav.open .bar-nav-glass,.bar-nav.open .nav-list{visibility:visible;transition:transform .2s cubic-bezier(.16,1,.3,1),visibility;transform:none}}@media (width<=960px){:root{--footer-h:76px}.site-footer{padding:0 var(--space-3)}.page{width:calc(100% - 2 * var(--space-3));padding:var(--space-3) 0}}.site[data-layout-switch] .bar-nav-glass,.site[data-layout-switch] .bar-nav .nav-list{transition:none}.page-header{margin-bottom:var(--space-3)}.page-header-center{text-align:center;margin:var(--space-3) 0 0}.page-header-center .page-title{margin:0}.page-title{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:700;line-height:1.2}.meta-line{margin:0 0 var(--space-2);color:var(--text-dim);font-size:var(--text-sm)}.field-label{margin-bottom:var(--space-2);font-weight:600;font-size:var(--text-sm);display:block}.estimate{margin:var(--space-4) 0 var(--space-3);padding-left:var(--edge-inset);font-size:var(--text-md);font-weight:600}.estimate strong{font-weight:700}.start-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.item-count{margin:var(--space-4) 0 var(--space-3);color:var(--text-dim);font-size:var(--text-md)}.item-count strong{color:var(--text);font-weight:700}.btn,.btn-secondary,.btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);min-height:40px;font-size:var(--text-md);white-space:nowrap;border:1px solid #0000;padding:0 18px;font-weight:600;line-height:1.2;display:inline-flex}.btn{background:var(--accent);color:var(--accent-text)}.btn:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-color:var(--control-border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb, #fff 8%, var(--glass-bg));border-color:var(--input-border)}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--control-hover)}.btn:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-small{min-height:32px;font-size:var(--text-sm);padding:0 12px}.btn-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.text-input{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--input-border);border-radius:var(--radius);color:var(--text);min-height:40px;font-size:var(--text-md);width:100%;margin-bottom:var(--space-3);padding:0 12px}.text-input::placeholder{color:var(--text-dim)}.text-input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.naming .progress-meta{min-height:32px}.naming-summary{font-size:var(--text-md);margin:0}.naming-summary strong{font-weight:700}.naming-form{height:var(--frame-h);place-items:center;display:grid}.naming-card{width:min(352px,100%);padding:var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--control-border);border-radius:var(--radius);flex-direction:column;display:flex}.naming-card .field-label{padding-left:var(--edge-inset)}.naming-card .text-input{margin-bottom:0}.naming-card .btn{margin-top:var(--space-4);align-self:center}.preview-grid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(7,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width<=700px){.preview-grid{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(4,1fr)}}.preview-portrait{aspect-ratio:1;border-width:2px}.preview-name{margin-top:var(--space-1);font-size:var(--text-md);text-align:center;line-height:1.25;display:block}.name-line{display:block}@media (width>=1160px){.preview-name{white-space:nowrap}.preview-name .name-line{display:inline}}.sorting-screen{--frame-h:clamp(320px, calc(100dvh / var(--ui-scale) - var(--bar-h) - 430px), 640px);--head-top:calc(var(--space-3) + 30px);height:calc(100dvh / var(--ui-scale) - var(--bar-h) - 2 * var(--space-4) - var(--footer-h));grid-template-rows:1fr auto 1fr;display:grid;transform:translateY(-30px)}.sorting-head{margin:var(--head-top) 0 var(--space-3);text-align:center}.sorting-head .comparison-counter{margin:0}.sorting-sub{margin:var(--space-2) 0 0;min-height:calc(var(--text-md) * 1.4);font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.sorting-top{padding-bottom:var(--space-4);flex-direction:column;display:flex}.sorting-top .progress-meta{margin-top:auto}.sorting-bottom{padding-top:calc(var(--space-2) + var(--frame-h) * .05 * 1.2 + var(--space-2));align-self:start}.progress-meta{margin-top:var(--space-2);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.progress-meta .btn-secondary{justify-self:start}.loading-note{color:var(--text-dim);font-size:var(--text-sm);font-weight:600}.undo-row{margin-top:var(--space-4);justify-content:center;display:flex}.hint{color:var(--text-dim);font-size:var(--text-sm);margin-top:var(--space-3);text-align:center;text-shadow:0 1px 3px #000}@media (hover:none){.hint{display:none}}.comparison-counter{text-align:center;margin:0 0 var(--space-1)}.percent-label{font-size:var(--text-sm);color:var(--text-dim);justify-self:end;font-weight:600}.progress-track{background:var(--bg-card);height:6px;margin:var(--space-1) 0 var(--space-4);border-radius:3px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .15s}.comparison-grid{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}@media (width<=520px){.comparison-grid{gap:var(--space-2)}.sorting-screen{--head-top:var(--space-3);--frame-h:calc((100vw / var(--ui-scale) - 2 * var(--space-3)) * .72);grid-template-rows:auto;height:auto;transform:none}.sorting-screen .sorting-bottom{padding-top:0}.choice .choice-name{font-size:var(--text-md);position:static}}.choice{color:var(--text);text-align:center;min-width:0;position:relative}.choice-button{width:100%;color:inherit;background:0 0;border:none;padding:0;display:block}.choice-portrait{height:var(--frame-h);border-width:4px;transition:filter .12s}.choice-button:hover .choice-portrait,.choice-button:focus-visible .choice-portrait{filter:brightness(1.15)}.choice-name{margin-top:var(--space-2);font-size:calc(var(--frame-h) * .05);font-weight:700;line-height:1.2;position:absolute;top:100%;left:0;right:0}.choice-vs{color:var(--text);font-weight:700;font-size:var(--text-lg);line-height:1.2}.results-header{align-items:center;gap:var(--space-4);margin:var(--space-2) 0 var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.results-info{padding-inline:var(--edge-inset)}.results-info .meta-line{font-size:var(--text-md)}.results-info .meta-line:last-child{margin-bottom:0}.results-name{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:700;line-height:1.2}.results-info-other{text-align:right;grid-column:3;justify-self:end}.results-center{align-self:start;align-items:center;gap:var(--space-3);flex-direction:column;grid-column:2;display:flex}.results-actions{gap:var(--space-2);display:flex}@media (width<=960px){.results-header{gap:var(--space-3);grid-template-columns:1fr}.results-center{order:1;grid-column:1;align-items:flex-start}.results-actions{flex-wrap:wrap}.results-info-other{text-align:left;grid-column:1;justify-self:start}}.results-grid{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.results-hero{gap:var(--space-3);grid-template-columns:1fr 1fr;align-items:start;display:grid}.tier{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.tier-first{grid-template-columns:1fr}.tier-side{grid-template-columns:repeat(2,1fr)}.tier-top{grid-template-columns:repeat(5,1fr)}.tier-rest{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(10,1fr)}@media (width<=960px){.results-hero{grid-template-columns:1fr}.tier-top{grid-template-columns:repeat(3,1fr)}.tier-rest{grid-template-columns:repeat(5,1fr)}}.result-item{min-width:0}.result-frame{display:block;position:relative;container-type:inline-size}.tier-side .result-portrait{aspect-ratio:4/3}.tier-top .result-portrait{aspect-ratio:3/2}.results-hero{align-items:stretch}.tier-first .result-item{flex-direction:column;height:100%;display:flex}.tier-first .result-frame{flex:1;min-height:0;display:flex}.tier-first .result-portrait{align-self:stretch}@media (width<=960px){.tier-first .result-frame{flex:none;display:block}.tier-first .result-portrait{aspect-ratio:4/3}}.tier-first .result-portrait,.tier-side .result-portrait{border-width:4px}.tier-rest .result-portrait{aspect-ratio:1;border-width:2px}.result-frame{--plate:var(--game-none)}.result-frame:has(.game-dr1){--plate:var(--game-dr1)}.result-frame:has(.game-dr2){--plate:var(--game-dr2)}.result-frame:has(.game-v3){--plate:var(--game-v3)}.result-frame:has(.game-udg){--plate:var(--game-udg)}.tile-rank{background:var(--plate);color:#000;font-family:var(--font-title);pointer-events:none;border-radius:6px 0;padding:.2em .45em .2em .35em;font-style:italic;font-weight:900;line-height:1;position:absolute;top:0;left:0}.tile-rank.rank-1,.tile-rank.rank-2,.tile-rank.rank-3{-webkit-text-stroke:.1em #000;paint-order:stroke fill}.tile-rank.rank-1{color:#ffc107}.tile-rank.rank-2{color:#9fb4d0}.tile-rank.rank-3{color:#e57a2e}.tier-first .tile-rank{font-size:min(calc(var(--text-xl) * 2), 9.46cqw)}.tier-side .tile-rank{font-size:min(calc(var(--text-lg) * 2), 13.9cqw)}.tier-top .tile-rank{font-size:min(calc(var(--text-md) * 2), 14.1cqw)}.tier-rest .tile-rank{font-size:min(calc(var(--text-xs) * 2), 21.2cqw)}.results-list{width:fit-content;max-width:100%;margin:0 auto var(--space-6);grid-auto-flow:column;grid-template-rows:repeat(var(--rows), auto);gap:var(--space-1) var(--space-5);grid-auto-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.list-row{align-items:center;gap:var(--space-2);min-width:0;padding:2px var(--edge-inset);font-size:var(--text-md);text-shadow:0 1px 3px #000;font-weight:600;line-height:1.2;display:flex}.list-rank-number{position:relative}.list-rank .tile-delta{margin-right:var(--space-2);white-space:nowrap;font-family:var(--font-body);font-size:var(--text-md);-webkit-text-stroke:0;font-style:normal;font-weight:700;line-height:1.2;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.list-rank{text-align:right;min-width:2.5em;font-family:var(--font-title);font-style:italic;font-weight:900;font-size:var(--text-lg);flex:none;line-height:1}.list-rank.rank-1,.list-rank.rank-2,.list-rank.rank-3{-webkit-text-stroke:.1em #000;paint-order:stroke fill}.list-rank.rank-1{color:#ffc107}.list-rank.rank-2{color:#9fb4d0}.list-rank.rank-3{color:#e57a2e}.list-row .portrait.list-picture{border-width:2px;flex:none;width:40px;height:40px}.list-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tile-delta{flex:none;align-items:center;gap:.3em;font-weight:700;display:inline-flex}.tile-delta svg{fill:currentColor;width:.7em;height:.56em}.delta-up{color:#4ade80}.delta-down{color:#f87171}.delta-same{color:var(--text-dim)}.result-name{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-top:var(--space-1);padding-inline:var(--edge-inset);font-weight:700;line-height:1.2;display:flex}.tier-first .result-name{font-size:var(--text-xl)}.tier-first .result-name,.tier-side .result-name{white-space:nowrap;height:2.125rem}.result-title{text-overflow:ellipsis;min-width:0;overflow:hidden}.tier-side .result-name{font-size:var(--text-lg)}.tier-top .result-name{font-size:var(--text-md)}.tier-rest .result-name{font-size:var(--text-sm);font-weight:600}.tier-rest .name-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compare-panel{margin:0 0 var(--space-3)}.compare-panel .results-grid,.compare-panel .results-list{margin-top:var(--space-3)}.compare-panel .btn-row{flex-wrap:nowrap;align-items:center}.compare-panel .text-input{margin-bottom:0}.error-text{color:var(--accent-strong);font-size:var(--text-sm);margin:var(--space-2) 0 0}.filter-panel{margin-bottom:var(--space-2);position:relative}.filter-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-left:var(--edge-inset);display:flex}.filter-head .field-label{margin:0}.filter-presets{gap:var(--space-1);margin-left:auto;display:flex}.filter-across{margin-top:var(--space-2);pointer-events:none;justify-content:center;display:flex;position:absolute;top:100%;left:0;right:0}@media (width<=779px){.filter-across{position:static}}.filter-card.across{padding:var(--space-2);pointer-events:auto;flex-direction:row;align-items:center;position:relative}.filter-card.across .filter-game{padding:2px 8px 2px 2px}.across-label{font-size:var(--text-sm);align-items:baseline;gap:6px;font-weight:600;line-height:1.2;display:inline-flex}.filter-card.across.off .across-label{color:var(--text-dim)}.filter-card.across img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #000000b3)}.filter-card.across.off img{opacity:.45;filter:grayscale()drop-shadow(0 1px 2px #000000b3)}.filter-card.across:before{content:"";border-radius:inherit;background:var(--edge);opacity:0;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.filter-card.across.on{border-color:#0000}.filter-card.across.on:before{opacity:1}.filter-presets .btn-ghost{padding:0 var(--edge-inset)}.filter-cards{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1299px){.filter-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=659px){.filter-cards{grid-template-columns:1fr}}.filter-card{--game:var(--game-none);gap:var(--space-2);padding:var(--space-2) var(--space-2) 10px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--control-border);border-radius:var(--radius);flex-direction:column;display:flex}.filter-card.game-dr1{--game:var(--game-dr1)}.filter-card.game-dr2{--game:var(--game-dr2)}.filter-card.game-v3{--game:var(--game-v3)}.filter-card.game-udg{--game:var(--game-udg)}.filter-game{align-items:center;gap:var(--space-2);border-radius:var(--radius);color:var(--text);text-align:left;background:0 0;border:0;padding:2px 8px 2px 4px;display:flex}.filter-game:hover{background:var(--control-hover)}.filter-game img{width:30px;height:30px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px #000000b3)}.filter-card.off .filter-game img{opacity:.45;filter:grayscale()drop-shadow(0 1px 2px #000000b3)}.filter-game-name{font-family:var(--font-title);font-style:italic;font-weight:900;font-size:var(--text-lg)}.filter-card.off .filter-game-name{color:var(--text-dim)}.filter-game:hover .filter-game-name{color:var(--game)}.filter-chips{grid-template-columns:repeat(2,minmax(max-content,1fr));gap:6px;display:grid}.chip{border:1px solid var(--control-border);color:var(--text-dim);font-size:var(--text-sm);white-space:nowrap;background:#00000040;border-radius:999px;align-items:baseline;gap:6px;padding:4px 10px;font-weight:600;line-height:1.2;display:inline-flex}.chip:hover{border-color:var(--game);color:var(--text)}.chip.on{background:color-mix(in srgb, var(--game) 26%, transparent);border-color:var(--game);color:var(--text)}.chip.spoiler{border-style:dashed}.chip-count{font-size:var(--text-xs);opacity:.75;margin-left:auto;font-weight:400}.swap-label{display:inline-grid}.swap-label>*{grid-area:1/1}.swap-label>.hidden{visibility:hidden}.link-error{margin:0 0 var(--space-3);text-align:center}.empty-text{color:var(--text-dim);text-align:center;margin:var(--space-4) 0}.tile-button{width:100%;color:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.tile-button:has(.spoiler-cover) .portrait img{filter:blur(14px)brightness(.55)}.spoiler-cover{text-shadow:0 1px 3px #000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.spoiler-tag{font-size:var(--text-md);font-weight:700}.spoiler-hint{font-size:var(--text-xs);color:var(--text-dim)}.tile-button:hover .spoiler-hint{color:var(--text)}.grid-toolbar{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-3);flex-wrap:wrap;display:flex}.grid-toolbar .item-count{padding-right:var(--edge-inset);margin:0 0 0 auto}.grid-toolbar .search-input{flex:1;max-width:18rem;margin:0}@media (width<=560px){.grid-toolbar .search-input{flex-basis:100%;max-width:none}}.select-tile{position:relative}.select-tile.off .portrait{opacity:.35;filter:grayscale(.8)}.select-tile.off .preview-name{color:var(--text-dim)}.select-tile .tile-button:hover .portrait,.select-tile .tile-button:focus-visible .portrait{filter:brightness(1.12)}.tile-count{font-size:var(--text-xs);pointer-events:none;background:#000000b8;border-radius:3px;padding:1px 6px;font-weight:700;position:absolute;bottom:6px;right:6px}.tile-check{border:1.5px solid var(--text-dim);width:22px;height:22px;color:var(--text);background:#000000b8;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:6px;left:6px}.tile-check[aria-checked=true],.tile-check[aria-checked=mixed],.sprite-choice.on .tile-check,button.tile-check:hover{border-color:var(--text)}.panel-backdrop{z-index:20;padding:var(--space-4);background:#08060a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sprite-panel{background:var(--glass-bg);width:min(1240px,100%);max-height:100%;-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--control-border);border-radius:8px;flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) panel-in;display:flex;box-shadow:0 12px 40px #0009}@keyframes panel-in{0%{transform:translateY(12px)scale(.98)}}.sprite-panel:focus-visible{outline:none}.sprite-panel-head{padding:12px var(--space-3);align-items:center;gap:12px;display:flex}.sprite-panel-head .panel-portrait{aspect-ratio:1;border-width:2px;flex:none;width:64px}:is(.sprite-panel-head:has(.panel-portrait)>.panel-actions,.sprite-panel-head:has(.panel-portrait)>.panel-close){margin-top:calc(3px + (34px - var(--h)) / 2);align-self:flex-start}.sprite-panel-head:has(.panel-portrait)>.panel-actions{--h:32px}.sprite-panel-head:has(.panel-portrait)>.panel-close{--h:36px}@media (width<=599px){.sprite-panel-head:has(.panel-portrait){flex-wrap:wrap}.sprite-panel-head:has(.panel-portrait)>.panel-actions{order:1;width:100%;margin-top:0}}.panel-heading{flex:1;min-width:0}.panel-title{font-size:var(--text-xl);margin:0;line-height:1.2}.panel-count{color:var(--text-dim);font-size:var(--text-md);margin:2px 0 0}.panel-count strong{color:var(--text);font-weight:600}.panel-actions{gap:var(--space-1);display:flex}.panel-close{border-radius:var(--radius);width:36px;height:36px;color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.panel-close:hover{background:var(--control-hover)}.sprite-panel-body{padding:var(--space-3);overflow-y:auto}.panel-subtitle{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);padding-left:var(--edge-inset);font-size:var(--text-md);font-weight:600;display:flex}.panel-subtitle span{color:var(--text-dim);font-weight:400}.sprite-panel-body section+section{margin-top:var(--space-4)}.credits-panel{width:fit-content;max-width:100%}.credits-body{padding-top:0}.credits-body p{margin:0 0 var(--space-3);padding:0 var(--edge-inset);line-height:1.4}.credits-body dl{gap:var(--space-2) var(--space-4);padding:0 var(--edge-inset);grid-template-columns:max-content 1fr;margin:0;display:grid}.credits-body dt{font-weight:600}.credits-body dd{margin:0}.text-link{color:var(--text);text-underline-offset:2px;text-decoration:underline}.text-link:hover{text-decoration-thickness:2px}.sprite-choices{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.sprite-choice{background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.choice-thumb{aspect-ratio:3/4;border-width:2px}.sprite-choice:not(.on) .choice-thumb{opacity:.35;filter:grayscale(.8)}.sprite-choice:hover .choice-thumb{filter:brightness(1.12)}.show-more{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.show-more .meta-line{margin:0}.portrait.song-art,.portrait.song-frame{background-position:50%;background-size:cover}.portrait.song-art.album-dr1,.portrait.song-frame.album-dr1{background-image:url(/assets/dr1-ost-video-BCgLIktF.jpg)}.portrait.song-art.album-dr2,.portrait.song-frame.album-dr2{background-image:url(/assets/dr2-ost-video-D8wgh44G.jpg)}.portrait.song-art.album-v3w,.portrait.song-frame.album-v3w{background-image:url(/assets/v3w-ost-video-DcJL34qx.jpg)}.portrait.song-art.album-v3b,.portrait.song-frame.album-v3b{background-image:url(/assets/v3b-ost-video-kaEUnypt.jpg)}.portrait.song-art.album-udg,.portrait.song-art.album-udgcd,.portrait.song-frame.album-udg,.portrait.song-frame.album-udgcd{background-image:url(/assets/udg-ost-video-I9AKCJGB.jpg)}.song-play{border-radius:var(--radius);color:#fff;background:0 0;border:0;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;display:grid;position:absolute;top:50%;left:50%}.song-play svg{fill:currentColor;stroke:#000;stroke-width:4px;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 1px 3px #000)drop-shadow(0 0 8px #000000b3);width:26px;height:24px;overflow:visible}.song-play:hover{color:var(--accent)}.song-player.starting{opacity:0;pointer-events:none}.song-player,.song-player iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.song-failed{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2);text-align:center;background:#0009;flex-direction:column;display:flex;position:absolute;inset:0}.song-message{font-size:var(--text-sm);text-shadow:0 1px 3px #000;font-weight:600}.song-names{flex-direction:column;gap:2px;min-width:0;max-width:100%;display:flex}.song-title{overflow-wrap:anywhere;font-weight:700;line-height:1.2}.song-jp,.song-length{color:var(--text-dim);font-size:var(--text-sm);line-height:1.2}.song-grid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=700px){.song-grid{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}}.song-include{height:100%;position:absolute;inset:0}.song-tile-name{white-space:normal;flex-direction:column;gap:2px;display:flex}.song-tile-name .song-title{font-weight:600}.song-tile .song-art:has(.song-include:hover,.song-include:focus-visible){filter:brightness(1.12)}.select-tile.song-tile.off .preview-name{color:var(--text-dim)}.grid-toolbar.song-toolbar{gap:var(--space-4);grid-template-columns:1fr auto 1fr;display:grid}.song-toolbar-tools{align-items:center;gap:var(--space-2);min-width:0;display:flex}.song-toolbar .item-count{justify-self:end}@media (width<=960px){.grid-toolbar.song-toolbar{gap:var(--space-2) var(--space-4);display:flex}.song-toolbar-tools{flex:100%}.song-toolbar .item-count{margin-left:auto}}.sorting-screen.songs{--song-block-h:calc(var(--frame-h) + var(--space-2) + var(--frame-h) * .05 * 1.2 + var(--space-2));--song-names-h:calc(var(--text-lg) * 1.2 + 2px + var(--text-sm) * 1.2);--song-side:calc(var(--song-block-h) - var(--song-names-h) - 3 * var(--space-2) - 40px);--name-clear:6.25rem}.song-comparison{align-content:start;column-gap:var(--space-3);row-gap:var(--space-2);min-height:var(--song-block-h);margin-bottom:calc(var(--frame-h) - var(--song-block-h));grid-template-columns:1fr auto 1fr;grid-template-areas:"frame-left vs frame-right""left.right";display:grid}.song-frame-left{grid-area:frame-left;justify-self:end}.song-frame-right{grid-area:frame-right;justify-self:start}.song-comparison .choice-vs{grid-area:vs;align-self:center}.portrait.choice-song{aspect-ratio:1;width:min(100%, var(--song-side));border-width:4px}.song-choice{align-items:center;gap:var(--space-2);width:min(100%, var(--song-side));flex-direction:column;min-width:0;display:flex}.song-choice-left{grid-area:left;justify-self:end}.song-choice-right{grid-area:right;justify-self:start}.choice-song-names{width:100%;height:var(--song-names-h);text-align:center;align-items:center}.choice-song-names .song-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--text-lg);line-height:calc(var(--text-lg) * 1.2);overflow:hidden}.choice-song-names .song-title[data-fit=md]{font-size:var(--text-md)}.choice-song-names .song-title[data-fit=sm]{font-size:var(--text-sm)}.choice-song-names .song-jp{max-width:calc(100% - 2 * var(--name-clear));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-volume{height:calc(var(--text-sm) * 1.2);margin-top:calc(var(--text-lg) * 1.2 + 2px);grid-area:2/1/auto/-1;place-self:start center;align-items:center;display:flex}.choice-song .song-play{width:72px;height:72px;margin:-36px 0 0 -36px}.choice-song .song-play svg{stroke-width:3px;width:44px;height:40px}@media (width<=960px){.sorting-screen.songs{--name-clear:0px;--song-side:calc(var(--song-block-h) - var(--song-names-h) - 4 * var(--space-2) - 40px - var(--text-sm) * 1.2)}.song-comparison{grid-template-areas:"frame-left vs frame-right""left.right""volume volume volume"}.song-volume{grid-area:volume;margin-top:0}}@media (width<=520px){.song-comparison{column-gap:var(--space-2);min-height:0;margin-bottom:0}.choice-song .song-play{width:48px;height:48px;margin:-24px 0 0 -24px}.choice-song .song-play svg{stroke-width:4px;width:26px;height:24px}}.volume-control{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;display:inline-flex}.volume-control input{width:8rem;accent-color:var(--accent)}.volume-value{min-width:4ch;color:var(--text-dim);font-variant-numeric:tabular-nums}.results-grid.songs .tier-first .result-portrait,.results-grid.songs .tier-side .result-portrait,.results-grid.songs .tier-top .result-portrait,.results-grid.songs .tier-rest .result-portrait{aspect-ratio:1}.results-grid.songs .results-hero{grid-template-columns:calc((100% - var(--space-3) + 2.125rem + var(--space-1)) / 2) 1fr}.results-grid.songs .tier-first .result-frame{flex:none;display:block}@media (width<=960px){.results-grid.songs .results-hero{grid-template-columns:1fr}}.results-grid.songs .tier-rest .song-play{width:32px;height:32px;margin:-16px 0 0 -16px}.results-grid.songs .tier-rest .song-play svg{stroke-width:5px;width:17px;height:16px}.feedback-panel{width:min(480px,100%)}.feedback-body{padding-top:0}.feedback-body form{flex-direction:column;display:flex}.feedback-body .field-label{padding-left:var(--edge-inset);margin-bottom:var(--space-1);font-weight:600}.feedback-kind{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);border:0;flex-wrap:wrap;padding:0;display:flex}.feedback-kind legend{width:100%;padding-left:var(--edge-inset)}.feedback-kind label{align-items:center;gap:var(--space-2);min-height:24px;padding-left:var(--edge-inset);display:flex}.feedback-kind input{accent-color:var(--text);margin:0}.feedback-message{min-height:140px;padding:var(--space-2) 12px;resize:vertical;font-family:inherit;line-height:1.4}.feedback-check{justify-content:center;display:flex}.feedback-body .error-text{margin:0 0 var(--space-3);padding-left:var(--edge-inset)}.feedback-body .btn{align-self:center}.feedback-done{padding:0 var(--edge-inset);margin:0}.link-button{font:inherit;background:0 0;border:0;padding:0}.bar-games{align-items:center;gap:var(--space-4);display:flex}.nav-feedback{display:none}.nav-feedback .nav-link{background:0 0;border:0;width:100%}.nav-feedback .nav-link:hover{background:var(--control-hover)}@media (width<=1079px){.bar-feedback{display:none}.nav-feedback{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--border);display:block}}.portrait{border:3px solid var(--game-none,var(--border));background:var(--bg-card);border-radius:6px;width:100%;display:block;position:relative;overflow:hidden;container-type:size}.portrait.game-dr1,.portrait.game-dr2,.portrait.game-v3,.portrait.game-udg{background-image:var(--scene);background-position:50%;background-size:cover}.portrait.game-dr1{border-color:var(--game-dr1);--scene:url(/assets/hopes-peak-classroom-DWaEoPgQ.jpg)}.portrait.game-dr2{border-color:var(--game-dr2);--scene:url(/assets/island-beach-shaded-C4LdQ1J2.jpg)}.portrait.game-v3{border-color:var(--game-v3);--scene:url(/assets/academy-entrance-hall-C1L2Lfku.jpg)}.portrait.game-udg{border-color:var(--game-udg);--scene:url(/assets/towa-city-monorail-sSn50YOq.jpg)}.portrait.blend{background-image:var(--scene), var(--edge);background-size:cover,100% 100%;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-color:#0000}.portrait img{opacity:0;max-width:none;height:auto;position:absolute}.portrait img.ready,.portrait.hover-sprites img.alt.shown{opacity:1}.portrait.hover-sprites.swapped img.base{opacity:0}.portrait-crop img{--w:calc(.59 * min(100cqw, 100cqh) / (var(--hh,.3) * var(--r,1.5)));width:var(--w);left:calc(50cqw - var(--hcx,.5) * var(--w));top:calc((11 + 100 * var(--hdy,0)) * 1cqh - var(--ht,0) * var(--w) * var(--r,1.5))}.portrait-contain img{--w:calc(.355 * 100cqh / (var(--hh,.3) * var(--r,1.5)));--h:calc(var(--w) * var(--r,1.5));width:var(--w);left:calc(50cqw - var(--hcx,.5) * var(--w));top:max(calc(42.5cqh - (var(--ht,0) + var(--hh,.3)) * var(--h)), calc(100cqh - var(--bb,1) * var(--h)))}