.odc{--u:calc(100cqw / 640);--rc:#c3cad6;--ac:#5fe1ff;--edge:linear-gradient(135deg, #eef1f6 0%, #8e97a6 36%, #dfe4ec 58%, #7d8696 100%);--foil:0;aspect-ratio:640/848;isolation:isolate;perspective:900px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;width:100%;display:block;position:relative;container-type:inline-size}.odc--R{--edge:linear-gradient(135deg, #cfe8ff 0%, #4aa8ff 34%, #2b6fb8 60%, #9fd0ff 100%);--foil:.35}.odc--SR{--edge:linear-gradient(115deg, #e0c9ff, #b36bff 22%, #ff9be6 42%, #7b4ad8 62%, #c9a6ff 82%, #e0c9ff);--foil:.6}.odc--SSR{--edge:linear-gradient(115deg, #fff4c4, #f3cd6a 24%, #b8832a 46%, #ffe28a 66%, #c99532 84%, #fff4c4);--foil:.8}.odc--UR{--edge:linear-gradient(115deg, #ff4d2e, #ff9a80 18%, #fff 34%, #8cf3ff 52%, #3ce8ff 68%, #fff 84%, #ff4d2e);--foil:1}.odc--SR .odc__face:before,.odc--SSR .odc__face:before,.odc--UR .odc__face:before{background-size:300% 100%;animation:7s linear infinite odc-edge}@keyframes odc-edge{to{background-position:300% 0}}.odc__tilt{transform-style:preserve-3d;border-radius:calc(var(--u) * 40);transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) + var(--flip,0deg)));transition:transform .28s var(--ease,cubic-bezier(.2,.7,.1,1));will-change:transform;position:absolute;inset:0}.odc.is-tilting .odc__tilt{transition:transform 60ms linear}.odc.is-back{--flip:180deg}.odc__face,.odc__back{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.odc__face{background:radial-gradient(120% 70% at 85% 6%, color-mix(in srgb, var(--rc) 14%, transparent), transparent 60%), linear-gradient(168deg, #13214a 0%, #0b1530 50%, #070d1b 100%);box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 40) calc(var(--u) * -14) #000000d9, 0 0 0 1px #ffffff0a}.odc__face:before,.odc__back:before{content:"";border-radius:inherit;padding:calc(var(--u) * 8);background:var(--edge);z-index:6;pointer-events:none;-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.odc__face:after{content:"";inset:calc(var(--u) * 14);border-radius:calc(var(--u) * 28);z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rc) 45%, transparent);position:absolute}.odc__win{z-index:2;left:calc(var(--u) * 30);top:calc(var(--u) * 62);width:calc(var(--u) * 580);height:calc(var(--u) * 518);border-radius:calc(var(--u) * 20);box-shadow:0 0 0 calc(var(--u) * 3.5) var(--rc), 0 0 0 calc(var(--u) * 9) #3d5687e6, 0 calc(var(--u) * 10) calc(var(--u) * 24) #0009;background:#03060d;position:absolute;overflow:hidden}.odc__art{object-fit:cover;width:116%;max-width:none;height:116%;transform:translate(calc(var(--mx,0) * var(--u) * -14), calc(var(--my,0) * var(--u) * -14));transition:transform .28s var(--ease,cubic-bezier(.2,.7,.1,1));display:block;position:absolute;inset:-8%}.odc--series .odc__art{object-position:50% 34%}.odc__foil,.odc__glare{pointer-events:none;position:absolute;inset:0}.odc__foil{opacity:calc(var(--foil) * .55);mix-blend-mode:color-dodge;background:linear-gradient(115deg, transparent 18%, #ff78c8b3 34%, #78d2ffb3 46%, #ffec82b3 58%, transparent 74%) var(--px,50%) 0 / 260% 100%;transition:background-position .28s var(--ease,cubic-bezier(.2,.7,.1,1)), opacity .28s}.odc--UR .odc__foil{opacity:.42;background-image:linear-gradient(115deg,#0000 28%,#ff4d2ecc 38%,#ffffffbf 47%,#3ce8ffcc 56%,#0000 66%)}.odc--N .odc__foil{display:none}.odc__glare{mix-blend-mode:overlay;opacity:0;background:radial-gradient(farthest-corner circle at var(--px,50%) var(--py,30%), #ffffffb3, transparent 58%);transition:opacity .28s}.odc.is-tilting .odc__glare,.odc:hover .odc__glare{opacity:.8}.odc__win:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#03060d8c);position:absolute;inset:0}.odc__gem{z-index:4;left:calc(var(--u) * 31);top:calc(var(--u) * 29);width:calc(var(--u) * 62);height:calc(var(--u) * 62);color:#fff;font:700 calc(var(--u) * 33)/1 var(--font-mono,ui-monospace, monospace);letter-spacing:-.02em;background:radial-gradient(circle at 34% 30%, #fff 0%, color-mix(in srgb, var(--kind,#ff7a5c) 70%, #fff) 14%, color-mix(in srgb, var(--kind,#ff7a5c) 80%, #03060d) 60%, color-mix(in srgb, var(--kind,#ff7a5c) 30%, #03060d) 100%);box-shadow:0 0 0 calc(var(--u) * 3.5) var(--rc), 0 calc(var(--u) * 4) calc(var(--u) * 10) #0009;text-shadow:0 1px 6px #03060db3;border-radius:50%;place-items:center;display:grid;position:absolute}.odc--series{--kind:#ff7a5c}.odc--game{--kind:#3ce8ff}.odc--platform{--kind:#d9ccff}.odc__rar{z-index:4;right:calc(var(--u) * 30);top:calc(var(--u) * 16);width:calc(var(--u) * 110);height:calc(var(--u) * 40);color:#070d1b;font:italic 700 calc(var(--u) * 30)/1 var(--font-mono,ui-monospace, monospace);clip-path:polygon(11% 0,100% 0,89% 100%,0 100%);background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 70%, #fff), var(--rc) 55%, color-mix(in srgb, var(--rc) 80%, #000));place-items:center;display:grid;position:absolute}.odc--UR .odc__rar{background:var(--edge);background-size:100% 100%}.odc__crest{z-index:3;left:50%;top:calc(var(--u) * 22);width:calc(var(--u) * 32);height:calc(var(--u) * 28);background:linear-gradient(135deg, #fff, var(--rc) 40%, #3a4258);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #03060d99}.odc__plate{z-index:3;left:calc(var(--u) * 68);width:calc(var(--u) * 504);top:calc(var(--u) * 597);height:calc(var(--u) * 48);padding-inline:calc(var(--u) * 24);clip-path:polygon(0 50%,5% 0,95% 0,100% 50%,95% 100%,5% 100%);background:linear-gradient(#1a2b55,#091127);place-items:center;display:grid;position:absolute}.odc__plate:before{content:"";clip-path:inherit;background:var(--edge);opacity:.55;z-index:-1;position:absolute;inset:0}.odc__plate:after{content:"";inset:calc(var(--u) * 2.4);clip-path:inherit;z-index:-1;background:linear-gradient(#1a2b55,#091127);position:absolute}.odc__plate b{font-family:var(--font-display,"Inter Tight", system-ui);white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:100%;text-shadow:0 0 calc(var(--u) * 10) color-mix(in srgb, var(--rc) 70%, transparent), 0 1px 0 #03060de6;letter-spacing:-.01em;font-weight:900;line-height:1;overflow:hidden}:lang(zh) .odc__plate b{letter-spacing:0}.odc__tag{z-index:3;left:calc(var(--u) * 36);top:calc(var(--u) * 652);height:calc(var(--u) * 36);padding:0 calc(var(--u) * 14) 0 calc(var(--u) * 12);align-items:center;gap:calc(var(--u) * 8);border-radius:calc(var(--u) * 8);color:#e9f1ff;font:800 calc(var(--u) * 21)/1 var(--font-display,system-ui);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;background:color-mix(in srgb, var(--kind,#ff7a5c) 26%, #070d1b);box-shadow:inset 0 0 0 calc(var(--u) * 1.6) color-mix(in srgb, var(--kind,#ff7a5c) 75%, #070d1b);display:inline-flex;position:absolute}.odc__tag i{width:calc(var(--u) * 11);height:calc(var(--u) * 11);background:var(--kind,#ff7a5c);box-shadow:0 0 calc(var(--u) * 8) var(--kind,#ff7a5c);border-radius:50%}.odc__stars{z-index:3;right:calc(var(--u) * 38);top:calc(var(--u) * 652);height:calc(var(--u) * 36);align-items:center;gap:calc(var(--u) * 6);color:var(--rc);flex-direction:row-reverse;display:flex;position:absolute}.odc__stars i{width:calc(var(--u) * 30);height:calc(var(--u) * 30);filter:drop-shadow(0 0 calc(var(--u) * 4) color-mix(in srgb, var(--rc) 60%, transparent));display:block}.odc__stars svg{width:100%;height:100%;display:block}.odc--UR .odc__stars i:nth-child(5n+1){color:#ff4d2e}.odc--UR .odc__stars i:nth-child(5n+2){color:#ff9a80}.odc--UR .odc__stars i:nth-child(5n+3){color:#fff}.odc--UR .odc__stars i:nth-child(5n+4){color:#8cf3ff}.odc--UR .odc__stars i:nth-child(5n+5){color:#3ce8ff}.odc__flav{z-index:3;left:calc(var(--u) * 36);width:calc(var(--u) * 568);top:calc(var(--u) * 696);height:calc(var(--u) * 92);padding:0 calc(var(--u) * 20);text-align:center;border-radius:calc(var(--u) * 10);box-shadow:inset 0 0 0 calc(var(--u) * 1.2) #3d5687f2;color:#e9f1ff;font-family:var(--font-body,system-ui);text-wrap:balance;background:#03060d8c;place-items:center;margin:0;font-style:italic;font-weight:600;line-height:1.22;display:grid;position:absolute}.odc__flav span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:lang(zh) .odc__flav{font-style:normal;font-weight:700}.odc__foot{z-index:3;left:50%;top:calc(var(--u) * 796);height:calc(var(--u) * 34);max-width:calc(var(--u) * 560);padding:0 calc(var(--u) * 14);align-items:center;gap:calc(var(--u) * 10);border-radius:calc(var(--u) * 10);white-space:nowrap;box-shadow:inset 0 0 0 calc(var(--u) * 1.6) color-mix(in srgb, var(--rc) 55%, #3d5687);font:800 calc(var(--u) * 20)/1 var(--font-display,system-ui);color:#e9f1ff;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(#16254b,#091127);display:flex;position:absolute;transform:translate(-50%)}.odc__foot i{width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:var(--kind,#ff7a5c);border-radius:50%;flex:none}.odc__foot span{text-overflow:ellipsis;min-width:0;overflow:hidden}.odc__foot em{font:700 calc(var(--u) * 24)/1 var(--font-mono,ui-monospace, monospace);color:color-mix(in srgb, var(--rc) 60%, #fff);flex:none;font-style:normal}.odc__new{z-index:7;left:calc(var(--u) * 104);top:calc(var(--u) * 20);height:calc(var(--u) * 36);padding:0 calc(var(--u) * 14);border-radius:calc(var(--u) * 8);background:var(--drama,#ff4d2e);color:#fff;font:800 calc(var(--u) * 22)/1 var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;box-shadow:0 0 calc(var(--u) * 20) #ff4d2ecc;align-items:center;animation:1.6s ease-in-out infinite odc-new;display:inline-flex;position:absolute}@keyframes odc-new{50%{box-shadow:0 0 calc(var(--u) * 30) #ff4d2e;transform:scale(1.08)}}.odc__qty{z-index:7;right:calc(var(--u) * 22);bottom:calc(var(--u) * 12);min-width:calc(var(--u) * 54);height:calc(var(--u) * 34);padding:0 calc(var(--u) * 10);border-radius:calc(var(--u) * 17);color:#fff;font:700 calc(var(--u) * 22)/1 var(--font-mono,ui-monospace, monospace);box-shadow:inset 0 0 0 1.5px var(--rc);background:#070d1be6;justify-content:center;align-items:center;display:inline-flex;position:absolute}.odc--locked .odc__art{filter:grayscale(.6)brightness(.66)contrast(1.05)blur(1.3px);transform:scale(1.04)}.odc--locked .odc__win:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(75% 65% at 50% 42%,#0000 35%,#03060d6b),linear-gradient(#03060d00 40%,#03060d80);position:absolute;inset:0}.odc--locked .odc__face:before{opacity:1}.odc--locked.odc--SR .odc__face,.odc--locked.odc--SSR .odc__face,.odc--locked.odc--R .odc__face{box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 40) calc(var(--u) * -14) #000000d9, 0 0 calc(var(--u) * 34) calc(var(--u) * -6) color-mix(in srgb, var(--rc) 70%, transparent)}.odc--locked .odc__win{box-shadow:0 0 0 calc(var(--u) * 3.5) color-mix(in srgb, var(--rc) 80%, #0a1020), 0 0 0 calc(var(--u) * 9) #3d5687b3, 0 0 calc(var(--u) * 26) calc(var(--u) * 2) color-mix(in srgb, var(--rc) 38%, transparent)}.odc--locked .odc__plate b{color:#c5ccdc;text-shadow:0 1px #03060de6}.odc--locked .odc__flav{opacity:.55}.odc--locked .odc__gem{filter:saturate(.55)brightness(.8)}.odc--locked .odc__stars{opacity:.75}.odc__lock{z-index:3;width:calc(var(--u) * 104);height:calc(var(--u) * 104);color:#ffffffeb;box-shadow:inset 0 0 0 calc(var(--u) * 2.4) color-mix(in srgb, var(--rc) 75%, #fff 0%), 0 0 calc(var(--u) * 30) color-mix(in srgb, var(--rc) 55%, transparent);-webkit-backdrop-filter:blur(3px);background:radial-gradient(circle at 35% 30%,#ffffff24,#0508129e 70%);border-radius:50%;place-items:center;display:grid;position:absolute;top:78%;left:50%;translate:-50% -50%}.odc__lock svg{filter:drop-shadow(0 1px 2px #0009);width:46%;height:46%;display:block}.odc--chase .odc__art{filter:grayscale()brightness(.4)contrast(1.4)blur(2.5px);opacity:1;transform:scale(1.08)}.odc--chase .odc__lock{width:calc(var(--u) * 132);height:calc(var(--u) * 132);top:50%}.odc--chase .odc__win{background:radial-gradient(70% 60% at 50% 42%,#1a1f3a,#03060d 78%)}.odc__prism{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.72;background:linear-gradient(115deg, transparent 12%, #ff4d2e8c 30%, #ffffffa6 42%, #3ce8ff99 54%, transparent 72%) 0 0 / 280% 100%, repeating-linear-gradient(115deg, transparent 0 calc(var(--u) * 26), #ffffff0f calc(var(--u) * 26) calc(var(--u) * 28));animation:3.4s linear infinite odc-prism;position:absolute;inset:0}@keyframes odc-prism{0%{background-position:160% 0,0 0}to{background-position:-90% 0,0 0}}.odc--chase .odc__plate b{letter-spacing:.2em;font-size:calc(var(--u) * 28);text-indent:.2em;background:linear-gradient(90deg,#ff9a80,#fff,#8cf3ff);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}.odc--chase .odc__flav{opacity:1;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, #fff 80%, var(--rc));box-shadow:inset 0 0 0 calc(var(--u) * 1.4) #ffffff47;background:linear-gradient(90deg,#ff4d2e2e,#3ce8ff2e);font-style:normal;font-weight:800}.odc--chase .odc__flav:empty,.odc--chase .odc__flav:has(span:empty){display:none}.odc--chase .odc__face:before{background-size:300% 100%;animation:3s linear infinite odc-edge}.odc--chase .odc__face{box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 40) calc(var(--u) * -14) #000000d9, calc(var(--u) * -12) 0 calc(var(--u) * 40) calc(var(--u) * -10) #ff4d2e8c, calc(var(--u) * 12) 0 calc(var(--u) * 40) calc(var(--u) * -10) #3ce8ff8c}.odc__back{align-content:center;place-items:center;gap:calc(var(--u) * 26);background:radial-gradient(60% 40% at 50% 46%, color-mix(in srgb, var(--rc) 22%, transparent), transparent 70%), repeating-radial-gradient(ellipse 100% 118% at 50% 48%, #7cc8ff00 0 calc(var(--u) * 21), #7cc8ff29 calc(var(--u) * 21) calc(var(--u) * 22)), linear-gradient(168deg, #13214a 0%, #0b1530 50%, #070d1b 100%);display:grid;transform:rotateY(180deg)}.odc__mark{width:40%;height:auto;filter:drop-shadow(0 0 calc(var(--u) * 16) #ff4d2e8c) drop-shadow(0 0 calc(var(--u) * 16) #3ce8ff80)}.odc__wm{font:800 calc(var(--u) * 50)/1 var(--font-display,system-ui);letter-spacing:.04em;color:#e9eaf2}.odc__backfoil{mix-blend-mode:color-dodge;opacity:calc(var(--foil) * .35);pointer-events:none;background:linear-gradient(115deg, transparent 20%, #ff78c899 36%, #78d2ff99 48%, #ffec8299 60%, transparent 76%) var(--px,50%) 0 / 260% 100%;position:absolute;inset:0}.odc--SR .odc__face,.odc--SSR .odc__face,.odc--UR .odc__face{box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 40) calc(var(--u) * -14) #000000d9, 0 0 calc(var(--u) * 46) calc(var(--u) * -4) color-mix(in srgb, var(--rc) 55%, transparent)}.odc--UR .odc__face{box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 40) calc(var(--u) * -14) #000000d9, calc(var(--u) * -12) 0 calc(var(--u) * 40) calc(var(--u) * -10) #ff4d2e8c, calc(var(--u) * 12) 0 calc(var(--u) * 40) calc(var(--u) * -10) #3ce8ff8c}@media (prefers-reduced-motion:reduce){.odc__tilt,.odc__art,.odc__foil{transition:none}.odc--SR .odc__face:before,.odc--SSR .odc__face:before,.odc--UR .odc__face:before,.odc__new,.odc__prism,.odc--chase .odc__face:before{animation:none}}.cd-rar{--rc:#c3cad6;height:22px;font:700 .68rem/1 var(--font-mono);letter-spacing:.1em;color:#070d1b;background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 70%, #fff), var(--rc));border-radius:5px;align-items:center;padding:0 9px;display:inline-flex}.cd-rar[data-r=R]{--rc:#4aa8ff}.cd-rar[data-r=SR]{--rc:#b36bff}.cd-rar[data-r=SSR]{--rc:#ffcf5a}.cd-rar[data-r=UR]{background:linear-gradient(90deg,#ff4d2e,#fff 50%,#3ce8ff)}.cd-ring{--p:0;--rc:var(--star);width:var(--ring,56px);aspect-ratio:1;background:conic-gradient(var(--rc) calc(var(--p) * 1%), #f4efe61a 0);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.cd-ring:before{content:"";background:var(--bg-1);border-radius:50%;position:absolute;inset:5px}.cd-ring>span{font:700 calc(var(--ring,56px) * .26)/1 var(--font-mono);font-variant-numeric:tabular-nums;position:relative}.cd-ring[data-done="1"]{--rc:var(--ok)}.odc.is-auto .odc__tilt{animation:6.5s ease-in-out infinite odc-sway}.odc.is-auto.is-tilting .odc__tilt{animation:none}.odc.is-auto .odc__foil{animation:4s linear infinite odc-foil}@keyframes odc-sway{0%,to{transform:rotateY(-12deg)rotateX(3deg)}50%{transform:rotateY(12deg)rotateX(-3deg)}}@keyframes odc-foil{0%{background-position-x:-60%}to{background-position-x:160%}}@media (prefers-reduced-motion:reduce){.odc.is-auto .odc__tilt,.odc.is-auto .odc__foil{animation:none}}.cd-frame{--fr:#c98a52;border-radius:50%;position:relative}.cd-frame[data-frame="2"]{--fr:#c3cad6}.cd-frame[data-frame="3"]{--fr:#ffcf5a}.cd-frame[data-frame="4"]{--fr:#8cf3ff}.cd-frame[data-frame]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--fr), 0 0 16px -1px var(--fr)}.cd-frame[data-frame="5"]{box-shadow:0 0 0 2px var(--bg), -2px 0 0 4px #ff4d2e, 2px 0 0 4px #3ce8ff, 0 0 18px -1px #b36bff}.cd-medal{--mr:#c98a52;--sz:64px;width:var(--sz);height:var(--sz);background:conic-gradient(from 210deg, var(--mr), #fff 25%, var(--mr) 50%, color-mix(in srgb, var(--mr) 50%, #000) 75%, var(--mr));box-shadow:0 6px 18px -6px #000c, 0 0 22px -4px var(--mr);border-radius:50%;flex:none;padding:4px;position:relative}.cd-medal[data-tier="2"]{--mr:#c3cad6}.cd-medal[data-tier="3"]{--mr:#ffcf5a}.cd-medal[data-tier="4"]{--mr:#8cf3ff}.cd-medal[data-tier="5"]{background:conic-gradient(from 210deg,#ff4d2e,#fff,#3ce8ff,#b36bff,#ff4d2e);box-shadow:0 6px 18px -6px #000c,-6px 0 18px -6px #ff4d2e,6px 0 18px -6px #3ce8ff}.cd-medal__img{object-fit:cover;background:var(--bg-3);border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 2px #07070aa6}.cd-medal__mk{width:calc(var(--sz) * .38);height:calc(var(--sz) * .38);color:#1a0f00;background:var(--grad-pass);box-shadow:0 0 0 2px var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.cd-medal__mk svg{width:62%;height:62%}.cd-medal[data-on="0"]{--mr:#5b6270;box-shadow:none;background:conic-gradient(#3a4050,#5b6270,#3a4050)}.cd-medal[data-on="0"] .cd-medal__img{filter:grayscale()brightness(.5)blur(1px)}.cd-medal[data-on="0"] .cd-medal__mk{color:var(--text-2);background:var(--bg-3)}.cs{grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;max-width:100%;display:grid}.cs__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 14px;display:flex}.cs__h{font:600 .72rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--star)}.cs__rates{min-height:32px;font:600 .72rem/1 var(--font-mono);letter-spacing:.06em;color:var(--text-2);align-items:center;gap:5px;display:inline-flex}.cs__rates:hover{color:var(--text)}.cs__wrap{margin-inline:-16px;position:relative}.cs__track{scroll-snap-type:x mandatory;padding:14px calc(50% - var(--cs-w) / 2) 22px;scrollbar-width:none;overscroll-behavior-x:contain;--cs-w:clamp(190px, 52vw, 240px);gap:14px;display:flex;overflow-x:auto}.cs__track::-webkit-scrollbar{display:none}.cs__track:focus-visible{outline:2px solid var(--play);outline-offset:-4px;border-radius:var(--r-lg)}.cs__slide{width:var(--cs-w);scroll-snap-align:center;transition:transform .45s var(--ease), opacity .45s;opacity:.55;flex:none;justify-items:center;gap:12px;display:grid;transform:scale(.84)}.cs__slide.is-active{opacity:1;transform:scale(1)}.cs__slide .cd-card{width:100%}.cs__slide .odc{filter:drop-shadow(0 22px 30px #0000008c)}.cs__slide.is-active .odc__tilt{animation:6.5s ease-in-out infinite cs-sway}.cs__slide.is-active .odc.is-tilting .odc__tilt{animation:none}.cs__slide.is-active .odc__foil{animation:4.2s linear infinite cs-foil}.cs__slide[data-r=UR].is-active .odc{filter:drop-shadow(-14px 8px 30px #ff4d2e59)drop-shadow(14px 8px 30px #3ce8ff59)}@keyframes cs-sway{0%,to{transform:rotateY(-13deg)rotateX(3deg)}50%{transform:rotateY(13deg)rotateX(-3deg)}}@keyframes cs-foil{0%{background-position-x:-60%}to{background-position-x:160%}}.cs__cap{justify-content:center;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.cs__cap b{font:700 .86rem/1.2 var(--font-display);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cs__own{font:700 .66rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#0b1a10;background:var(--ok,#5ee0a0);border-radius:4px;padding:4px 7px}.cs__arrow{z-index:3;border:1px solid var(--line-2);width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background var(--t), transform var(--t-fast);background:#14141bd1;border-radius:50%;place-items:center;display:none;position:absolute;top:calc(50% - 22px)}.cs__arrow:hover{background:var(--bg-3)}.cs__arrow:active{transform:scale(.94)}.cs__arrow--l{left:8px;transform:scaleX(-1)}.cs__arrow--l:active{transform:scaleX(-1)scale(.94)}.cs__arrow--r{right:8px}.cs__arrow[hidden]{display:none}@media (hover:hover) and (width>=700px){.cs__arrow{display:grid}.cs__arrow[hidden]{display:none}}.cs__dots{justify-content:center;gap:8px;margin-top:-10px;display:flex}.cs__dots i{width:7px;height:7px;transition:width .3s var(--ease), background .3s;background:#f4efe638;border-radius:4px}.cs__dots i.on{background:var(--star);width:22px}@media (width>=1000px){.cs__wrap{margin-inline:0}.cs__track{--cs-w:230px;justify-content:safe center;padding-inline:24px}.cs__slide{opacity:.8;transform:scale(.92)}.cs__slide.is-active{opacity:1;transform:scale(1)}}