.dx-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-5);flex-wrap:wrap;display:flex}.dx-head .t-eyebrow{margin-bottom:6px;display:block}.dx-progress{align-items:center;gap:var(--s-3);color:var(--text-2);display:flex}.dx-progress b{color:var(--text);font-family:var(--font-display);font-variant-numeric:tabular-nums}.dx-layout{gap:var(--s-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.dx-main{min-width:0}.dx-rail{display:none}.dx-bar{top:var(--header-h);z-index:20;gap:var(--s-2);margin-inline:calc(var(--gutter) * -1);padding:10px var(--gutter);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex;position:sticky}.dx-search{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);min-width:0;height:44px;color:var(--text-2);transition:border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);flex:100%;align-items:center;gap:8px;padding:0 14px;display:flex;position:relative}.dx-search:focus-within{border-color:var(--accent);color:var(--accent)}.dx-search input{min-width:0;height:100%;color:var(--text);font:inherit;font-size:var(--t-body);appearance:none;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1}.dx-search input::-webkit-search-cancel-button{display:none}.dx-search input::placeholder{color:var(--text-3)}.dx-clear{background:var(--surface-3);width:28px;height:28px;color:var(--text-2);border:0;border-radius:50%;place-items:center;display:grid}.dx-sort{flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.dx-select{flex:auto;min-width:0;display:block;position:relative}.dx-select select{appearance:none;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);height:40px;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:var(--t-small);cursor:pointer;width:100%;min-width:0;padding:0 34px 0 14px}.dx-select select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dx-select svg{pointer-events:none;color:var(--text-2);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.dx-sort .ui-iconbtn{flex:none;width:40px;height:40px}.dx-filterbtn{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-strong);width:40px;height:40px;color:var(--text);font-family:var(--font-display);transition:border-color var(--dur-1) var(--ease-out), transform var(--dur-press) var(--ease-out);flex:none;justify-content:center;align-items:center;gap:8px;padding:0;font-size:0;font-weight:600;display:inline-flex;position:relative}.dx-filterbtn:active{transform:scale(.97)}.dx-filterbtn .dx-count{position:absolute;top:-6px;right:-6px}.dx-count{border-radius:var(--r-pill);background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);font-size:var(--t-micro);place-items:center;padding:0 5px;font-weight:700;display:grid}@media (hover:hover) and (pointer:fine){.dx-filterbtn:hover{border-color:var(--accent)}}@media (width>=600px){.dx-search{flex:1 1 0}.dx-sort,.dx-select{flex:none}.dx-select select{width:150px}.dx-bar{flex-wrap:nowrap}.dx-filterbtn{width:auto;min-width:40px;font-size:var(--t-small);padding:0 14px}.dx-filterbtn .dx-count{position:static}}.dx-meta{align-items:center;gap:var(--s-3);padding:var(--s-3) 0;height:56px;display:flex;overflow:hidden}.dx-result{color:var(--text-2);font-size:var(--t-small);white-space:nowrap;flex:none;margin:0}.dx-result b{color:var(--text);font-family:var(--font-display);font-size:var(--t-h3);font-variant-numeric:tabular-nums}.dx-chips{scrollbar-width:none;flex-wrap:nowrap;flex:auto;gap:6px;min-width:0;margin:-4px 0;padding:4px 2px;display:flex;overflow-x:auto}.dx-chips::-webkit-scrollbar{display:none}.dx-achip{border-radius:var(--r-pill);border:1px solid var(--line-soft);background:color-mix(in srgb, var(--accent) 12%, var(--surface));min-height:32px;color:var(--text);font-size:var(--t-small);text-transform:capitalize;white-space:nowrap;transition:border-color var(--dur-1) var(--ease-out), transform var(--dur-press) var(--ease-out);flex:none;align-items:center;gap:6px;padding:4px 8px 4px 12px;font-weight:600;display:inline-flex}.dx-achip--clear{border-color:var(--border-strong);color:var(--text-2);text-transform:none;background:0 0;padding-right:12px}@media (hover:hover) and (pointer:fine){.dx-achip:hover{border-color:var(--accent)}}.dx-grid{contain:layout;overflow-anchor:none;position:relative}.dx-block{will-change:transform;overflow-anchor:none;display:grid;position:absolute;top:0;left:0;right:0}.dx-cell{content-visibility:auto;contain-intrinsic-size:auto 0 var(--rowh,258px);min-width:0;min-height:0;position:relative;container-type:inline-size}.dx-cell>.dx-card{width:100%;height:100%}.dx-block.is-fresh .dx-cell{animation:dx-in var(--dur-2) var(--ease-out) both;animation-delay:calc(var(--i) * 20ms)}@keyframes dx-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dx-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .dx-block.is-fresh .dx-cell{animation-name:dx-fade}}:root[data-motion=reduce] .dx-block.is-fresh .dx-cell{animation-name:dx-fade}.dx-card{--c:var(--accent);border-radius:var(--r-lg);border:1px solid var(--border);color:var(--text);cursor:pointer;background:var(--surface);contain:layout paint style;transition:border-color var(--dur-2) var(--ease-out), transform var(--dur-press) var(--ease-out);flex-direction:column;align-items:stretch;gap:4px;padding:10px 10px 12px;text-decoration:none;display:flex;position:relative;overflow:hidden}.dx-card:hover{text-decoration:none}.dx-card.is-caught{border-top-color:var(--ball-red)}.dx-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dx-card__top{min-height:16px;font-size:var(--t-micro);white-space:nowrap;align-items:center;gap:6px;line-height:16px;display:flex}.dx-card__no{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--text-2);font-weight:700}.dx-card__badge{text-overflow:ellipsis;min-width:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:600;overflow:hidden}.dx-card__badge:before{content:"·";color:var(--text-3);margin-right:6px}.dx-card__mark{color:var(--text-3);flex:none;margin-left:auto}.is-caught .dx-card__mark{color:var(--ball-red)}.dx-card__meter{border-radius:1px;height:2px;display:block;overflow:hidden}.dx-card__meter i{transform-origin:0;height:100%;display:block}.dx-card__art{aspect-ratio:1;width:100%;max-width:160px;margin-inline:auto;display:block;position:relative}.dx-card__art:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--c) 50%, transparent), transparent);opacity:.5;height:22%;transition:opacity var(--dur-1) var(--ease-out);border-radius:50%;position:absolute;bottom:6%;left:12%;right:12%}.dx-card__art img{object-fit:contain;width:100%;height:100%;transition:filter var(--dur-1) var(--ease-out);display:block;position:relative}.dx-card__name{font-family:var(--font-display);font-weight:700;font-size:clamp(1rem, 11cqi, var(--t-h3));line-height:var(--lh-h3);text-align:center;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dx-card__types{flex-wrap:nowrap;justify-content:center;gap:4px;min-height:22px;display:flex}.dx-card .ui-chip--sm{font-size:var(--t-micro)}@container (width<=199px){.dx-card .ui-chip{padding:3px}.dx-card .ui-chip>span{display:none}}.dx-card__corners{pointer-events:none;opacity:0;transition:opacity .12s var(--ease-out);--k:color-mix(in srgb, var(--c) 80%, var(--text));background:linear-gradient(var(--k), var(--k)) top left / var(--corner) 1px no-repeat, linear-gradient(var(--k), var(--k)) top left / 1px var(--corner) no-repeat, linear-gradient(var(--k), var(--k)) top right / var(--corner) 1px no-repeat, linear-gradient(var(--k), var(--k)) top right / 1px var(--corner) no-repeat, linear-gradient(var(--k), var(--k)) bottom left / var(--corner) 1px no-repeat, linear-gradient(var(--k), var(--k)) bottom left / 1px var(--corner) no-repeat, linear-gradient(var(--k), var(--k)) bottom right / var(--corner) 1px no-repeat, linear-gradient(var(--k), var(--k)) bottom right / 1px var(--corner) no-repeat;position:absolute;inset:5px}.dx-card:focus-visible{border-color:color-mix(in srgb, var(--c) 60%, var(--border))}.dx-card:focus-visible .dx-card__corners{opacity:1}.dx-card:focus-visible .dx-card__art:before{opacity:.9}.dx-card:focus-visible .dx-card__art img{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--c) 55%, transparent))}@media (hover:hover) and (pointer:fine){.dx-card:hover{border-color:color-mix(in srgb, var(--c) 60%, var(--border))}.dx-card.is-caught:hover{border-top-color:var(--ball-red)}.dx-card:hover .dx-card__corners{opacity:1}.dx-card:hover .dx-card__art:before{opacity:.9}.dx-card:hover .dx-card__art img{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--c) 55%, transparent))}}.dx-skel{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:14px;min-height:100dvh;display:grid}.dx-skel__card{border-radius:var(--r-lg);height:258px}.dx-empty__art{object-fit:contain;width:96px;height:96px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--text) 30%, transparent))}.dx-mean{justify-content:center;gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,520px);display:grid}.dx-mean .dx-cell{content-visibility:visible;height:230px}.dx-jump{display:none}.dx-panel{gap:var(--s-5);flex-direction:column;display:flex}.dx-group header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.dx-group h2{font-size:var(--t-small);color:var(--text-2);font-weight:600}.dx-hint{font-size:var(--t-micro);color:var(--text-3)}.dx-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dx-type{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:var(--t-micro);text-align:left;white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), transform var(--dur-press) var(--ease-out);align-items:center;gap:4px;padding:4px 5px;display:flex;position:relative;overflow:hidden}.dx-type img{opacity:.9;border-radius:50%;flex:none;width:16px;height:16px}.dx-type>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.dx-type:after{content:"";background:var(--line);opacity:0;height:2px;transition:opacity var(--dur-1) var(--ease-out);position:absolute;bottom:0;left:0;right:0}.dx-type:active{transform:scale(.97)}.dx-type.is-on{background:var(--tb);color:var(--tf);border-color:var(--te)}.dx-type.is-on:after{opacity:1}.dx-pills{flex-wrap:wrap;gap:6px;display:flex}.dx-pill{border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text-2);font-size:var(--t-small);transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), transform var(--dur-press) var(--ease-out);padding:0 14px;font-weight:600}.dx-pill:active{transform:scale(.97)}.dx-pill b{font-family:var(--font-display);color:var(--text-2);margin-right:2px}.dx-pill[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.dx-pill[aria-pressed=true] b{color:inherit}.dx-colours{flex-wrap:wrap;gap:8px;display:flex}.dx-swatch{border:2px solid var(--border-strong);background:var(--sw);width:34px;height:34px;transition:transform var(--dur-press) var(--ease-out);border-radius:50%}.dx-swatch:active{transform:scale(.94)}.dx-swatch[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--accent)}.dx-reset{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:6px 0;font-weight:600;text-decoration:underline}@media (hover:hover) and (pointer:fine){.dx-type:hover{border-color:var(--te);color:var(--text)}.dx-type.is-on:hover{color:var(--tf)}.dx-pill:hover{color:var(--text);border-color:var(--accent)}.dx-pill[aria-pressed=true]:hover{color:var(--on-accent)}.dx-swatch:hover{transform:scale(1.06)}}@media (pointer:coarse){.dx-pill,.dx-type{min-height:44px}}@media (width>=1024px){.dx-layout{grid-template-columns:320px minmax(0,1fr)}.dx-rail{top:calc(var(--header-h) + 14px);max-height:calc(100dvh - var(--header-h) - 28px);overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:6px;display:block;position:sticky;overflow-y:auto}.dx-rail__in{padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}.dx-filterbtn{display:none}.dx-bar{top:var(--header-h);-webkit-backdrop-filter:none;background:0 0;border-bottom:0;margin-inline:0;padding:10px 0}.dx-bar:before{content:"";z-index:-1;background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--border);border-radius:0 0 var(--r-md) var(--r-md);position:absolute;inset:0 -12px}.dx-select select{width:170px}.dx-jump{z-index:15;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:fixed;top:50%;right:4px;transform:translateY(-50%)}.dx-jump__tick{width:24px;height:28px;color:var(--text-3);background:0 0;border:0;justify-content:flex-end;align-items:center;padding:0;display:flex;position:relative}.dx-jump__tick i{font-style:normal;font-size:var(--t-micro);text-align:center;border-right:2px solid var(--border-strong);width:18px;transition:color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);padding:6px 0;font-weight:700;line-height:1}.dx-jump__tick.is-here{color:var(--text)}.dx-jump__tick.is-here i{border-right-color:var(--accent)}.dx-jump__label{border-radius:var(--r-xs);background:var(--surface-3);border:1px solid var(--border);color:var(--text);font-size:var(--t-micro);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out);padding:3px 8px;font-weight:600;position:absolute;top:50%;right:30px;transform:translateY(-50%)scale(.96)}.dx-jump__tick:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}.dx-jump__tick:focus-visible .dx-jump__label{opacity:1;transform:translateY(-50%)}}@media (width>=1024px) and (hover:hover) and (pointer:fine){.dx-jump__tick:hover{color:var(--text)}.dx-jump__tick:hover .dx-jump__label{opacity:1;transform:translateY(-50%)}}.dx-cell>.dx-say{z-index:2;position:absolute;top:34px;right:2px}.dx-about{font-size:var(--t-small);color:var(--text-2);margin-top:10px}.dx-about summary{cursor:pointer;min-height:36px;color:var(--text-2);align-items:center;font-weight:600;display:flex}.dx-about dl{gap:8px;margin:6px 0 0;display:grid}.dx-about dt{color:var(--text);font-weight:700}.dx-about dd{color:var(--text-3);margin:2px 0 0;line-height:1.45}