@font-face{font-family:ZZZ Latin;src:url(/assets/fonts/TT-HovesPro-Compact-Bold.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:ZZZ Chinese;src:url(/assets/fonts/REEJI-CloudChaoCuHeiGBT.otf)format("opentype");font-weight:100 900;font-display:swap}:root{color:#ededeb;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#ffe100;--muted:#a7a9a7;--line:#363936;--panel:#1d1f1e;--inset:#0a0a0a;--radius:12px;--small-radius:6px;background:#000;font-family:ZZZ Latin,ZZZ Chinese,sans-serif}*{box-sizing:border-box}body{isolation:isolate;background:#080908;margin:0}body:before{content:"";z-index:-1;pointer-events:none;will-change:transform;background:repeating-linear-gradient(45deg,#111311 0 1px,#0000 1px 8.48528px),#080908;animation:12s linear infinite stripe-drift;position:fixed;inset:-64px}@keyframes stripe-drift{0%{transform:translate(0,0)}to{transform:translate(60px,-60px)}}@media (prefers-reduced-motion:reduce){body:before{will-change:auto;animation:none}}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:active{transform:scale(.96)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip{background:var(--accent);color:#0a0a0a;z-index:3;padding:12px;position:absolute;top:-80px;left:20px}.skip:focus{top:12px}header,main{max-width:1440px;margin:auto}header{justify-content:space-between;align-items:flex-end;gap:24px;padding:38px 32px 30px;display:flex}.hero{-webkit-user-select:none;user-select:none;min-width:0}.eyebrow{letter-spacing:.08em;color:var(--muted);font-size:11px}h1{letter-spacing:-.035em;color:#ededeb;margin:20px 0 18px;font-size:clamp(48px,6vw,86px);line-height:1}.subtitle{color:var(--accent);align-items:center;gap:12px;margin:0;font-size:18px;display:flex}.subtitle:before{content:"";background:repeating-linear-gradient(110deg,var(--accent) 0 5px,transparent 5px 8px);width:28px;height:8px}button,select{min-height:44px}main{grid-template-columns:minmax(340px,.95fr) minmax(0,1.05fr);gap:20px;padding:0 32px;display:grid}.collection,.preview{border-radius:var(--radius);background:var(--panel);border:1px solid #000;min-width:0;padding:28px}.collection-head,.detail-head{justify-content:space-between;align-items:center;gap:16px;display:flex}h2{margin:0;font-size:22px}.collection-head h2{align-items:center;gap:10px;display:flex}.collection-head h2:before{content:"";background:repeating-linear-gradient(110deg,#707470 0 4px,#0000 4px 7px);width:17px;height:22px}.collection-head span,#item-id{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.collection-head span{background:var(--inset);white-space:nowrap;border-radius:999px;padding:7px 10px}.items{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;gap:20px 12px;display:grid}.item{text-align:left;color:#bfc2bf;border-radius:var(--small-radius);background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;padding:0;display:flex;position:relative}.item img,.item-placeholder{aspect-ratio:1;object-fit:contain;background:var(--inset);border-radius:var(--small-radius);outline-offset:-1px;outline:1px solid #343834;width:100%;height:auto;padding:20px;display:block}.item[aria-pressed=true] img,.item[aria-pressed=true] .item-placeholder{outline:3px solid var(--accent);outline-offset:-3px;background:#262821}.item[aria-pressed=true] .item-name{color:var(--accent)}.item-placeholder{color:#9b9f9b;place-items:center;font-size:32px;display:grid}.item-name{overflow-wrap:anywhere;flex:1;margin-top:10px;font-size:12px;line-height:1.7;display:block}.preview{color:#ededeb}.detail-head{align-items:flex-start}.detail-head .eyebrow{color:var(--accent)}.detail-head h2{overflow-wrap:anywhere;margin-top:12px;font-size:28px}#item-id{padding-top:2px}.stage{border-radius:var(--radius);background:var(--inset);justify-content:center;align-items:center;height:430px;margin-top:24px;display:flex;position:relative;overflow:hidden}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.stage canvas.sprite-canvas{object-fit:contain;image-rendering:auto;width:min(76%,420px);height:90%}.stage img,.stage video{object-fit:contain;max-width:90%;max-height:90%}.empty{text-align:center;max-width:380px;padding:28px}.empty-symbol{color:#727772;font-size:72px}.empty h3{margin:18px 0 10px;font-size:20px}.empty p,.hint,#catalog-status,#preview-status{color:var(--muted);font-size:12px;line-height:1.8}#catalog-status:empty,#preview-status:empty{display:none}#preview-status{font-variant-numeric:tabular-nums;margin:14px 0 0}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.controls button,.controls select{background:var(--inset);color:#ededeb;border:1px solid #555a55;border-radius:999px;padding:10px 16px;font-size:13px}.controls button:first-child{background:var(--accent);color:#080908;border-color:#000}.controls label{color:#bfc2bf;align-items:center;gap:8px;font-size:12px;display:flex}.controls select{max-width:220px}.controls option{color:#ededeb;background:var(--inset)}.hint{max-width:64ch;margin:20px 0 0}.items{scrollbar-width:thin;scrollbar-color:#666b66 var(--inset)}@media (hover:hover){.controls button:first-child:hover{background:#ffed64}.item:hover img,.item:hover .item-placeholder{background:#30332e}.item:hover .item-name{color:#ededeb}.item[aria-pressed=true]:hover .item-name{color:var(--accent)}.controls button:hover,.controls select:hover{border-color:var(--accent)}}@media (width>=761px){main{height:calc(100dvh - 300px);min-height:620px}.collection{flex-direction:column;display:flex;overflow:hidden}.collection-head{flex-shrink:0}.items{flex:1;align-content:start;min-height:0;padding:5px;overflow-y:auto}.preview{overflow-y:auto}.stage{height:clamp(260px,32dvh,420px)}}@media (width>=761px) and (width<=1150px){header{padding-inline:24px}main{gap:16px;padding-inline:24px}.collection,.preview{padding:24px}.items{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=761px) and (width<=900px){main{grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr)}.collection,.preview{padding:20px}.items{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{gap:8px}.controls button,.controls select{padding-inline:12px}.detail-head{gap:8px}.detail-head h2{font-size:24px}#item-id{font-size:10px}}@media (width<=760px){header{padding:28px 16px 24px;display:block}h1{letter-spacing:-.035em;margin:18px 0 16px;font-size:clamp(36px,10.5vw,70px)}.subtitle{font-size:16px}main{flex-direction:column-reverse;gap:16px;padding:0 16px;display:flex}.collection,.preview{padding:22px 18px}.detail-head h2{font-size:24px}.detail-head{gap:8px}#item-id{font-size:10px}.stage{height:clamp(250px,43dvh,390px);margin-top:20px}.stage canvas.sprite-canvas{width:min(76%,320px)}.controls{gap:10px;margin-top:18px}.controls button,.controls select{padding:10px 13px;font-size:12px}.hint{margin-top:18px}.items{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;max-height:68dvh;padding:4px;overflow-y:auto}.item-name{font-size:13px}}@media (prefers-reduced-motion:reduce){button:active{transform:none}}.speed-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.speed-label{color:#bfc2bf;font-size:12px}.speed-chips{background:var(--inset);border:1px solid #555a55;border-radius:12px;gap:0;margin-inline:6px;padding:3px;display:flex;transform:skew(-12deg)}.controls .speed-chip{background:var(--inset);color:#ededeb;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;border-radius:9px;place-items:center;min-width:58px;min-height:44px;padding:10px 16px;display:grid;position:relative}.speed-chip span{pointer-events:none;transform:skew(12deg)}.speed-chip input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.controls .speed-chip:has(input:checked){background:var(--accent);color:#080908;border-color:#000}.speed-chip:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}@media (hover:hover){.controls .speed-chip:not(:has(input:checked)):hover{background:#30332e}}.collection-head{margin-bottom:24px}[data-rarity=red]{--rarity-color:#9e2730;--rarity-light:#f58188}[data-rarity=gold]{--rarity-color:#91661c;--rarity-light:#f3cf7e}[data-rarity=purple]{--rarity-color:#633d91;--rarity-light:#c4a0f0}.item[data-rarity] img,.item[data-rarity] .item-placeholder{background-color:var(--rarity-color);outline-color:color-mix(in srgb,var(--rarity-light) 50%,#000);background-image:radial-gradient(#00000020 1px,#0000 1px),linear-gradient(145deg,#ffffff0a,#00000048);background-size:4px 4px,100% 100%}.item[data-rarity][aria-pressed=true] img,.item[data-rarity][aria-pressed=true] .item-placeholder{outline-color:var(--accent)}.rarity-tag{z-index:1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:22px;height:22px;font-size:0;display:block;position:absolute;top:2px;left:2px}.stage[data-rarity]:not([data-rarity=""]):before{content:"";background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--rarity-color) 70%,transparent),transparent 75%);opacity:.5;pointer-events:none;animation:6s ease-in-out infinite alternate rarity-glow;position:absolute;inset:0}.stage canvas,.stage img,.stage video,.stage .empty{z-index:1;position:relative}@keyframes rarity-glow{0%{opacity:.3}to{opacity:.7}}@media (prefers-reduced-motion:reduce){.stage[data-rarity]:not([data-rarity=""]):before{opacity:.5;animation:none}}.item-price{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:11px;line-height:1.6;display:block}.item-value{color:var(--accent);margin:22px 0 8px;font-size:14px;line-height:1.7}.description{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.9}.hint:empty{display:none}.items{padding-block:18px;-webkit-mask-image:linear-gradient(#0000,#000 18px calc(100% - 18px),#0000);mask-image:linear-gradient(#0000,#000 18px calc(100% - 18px),#0000)}.loading-view{min-height:140px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex}.loading-mark{background:url(/assets/ui/Loading.png) 50%/contain no-repeat;width:36px;height:36px;animation:1.2s steps(12,end) infinite loading-spin;display:block}.stage>.loading-view{z-index:2;pointer-events:none;position:absolute;inset:0}.item:has(img.is-loading):before{content:"";aspect-ratio:1;background:var(--rarity-color,var(--inset)) url(/assets/ui/Loading.png) center/24px no-repeat;border-radius:var(--small-radius);position:absolute;inset:0 0 auto}.item img.is-loading{opacity:0}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-mark{animation:none}}.stage[aria-busy=true]+#preview-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}