.cdu,.cdu-tile,.cdu-pick,.cdu-recap{--a:#38c1ff;--b:#ff5fa2;--gold:#fbbf24;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}.cdu-a{--side:var(--a)}.cdu-b{--side:var(--b)}.cdu{isolation:isolate;color:#fff;background:#07060c;border-radius:28px;padding:clamp(12px,2.6vw,26px);position:relative;overflow:clip;box-shadow:inset 0 0 0 1px #ffffff12,0 40px 90px -50px #000000e6}.cdu-felt{z-index:-1;pointer-events:none;background:radial-gradient(60% 46% at 50% -6%, #ffe2b029, transparent 70%), radial-gradient(42% 60% at 0% 55%, color-mix(in srgb, var(--a) 16%, transparent), transparent 70%), radial-gradient(42% 60% at 100% 55%, color-mix(in srgb, var(--b) 15%, transparent), transparent 70%), radial-gradient(80% 70% at 50% 60%, #171032, #0a0716 62%, #050409);transition:filter .7s;position:absolute;inset:0}.cdu-felt:before{content:"";border:1.5px dashed #d6cdff21;border-radius:20px;position:absolute;inset:10px}.cdu-felt:after{content:"";opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cdu-hush .cdu-felt{filter:brightness(.5)saturate(.8)}.cdu-fx{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cdu-bar{z-index:2;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.cdu-title{min-width:0;font:800 .7rem/1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e;align-items:center;gap:10px;display:inline-flex}.cdu-livepill{color:#fff;font:800 .58rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;background:#e11d48;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 9px 4px 8px;display:inline-flex;box-shadow:0 0 18px -4px #e11d48}.cdu-livepill:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite cdu-blink}@keyframes cdu-blink{50%{opacity:.25}}.cdu-tools{flex:none;align-items:center;gap:6px;display:inline-flex}.cdu-watch{height:34px;font:700 .78rem/1 var(--font-sans);font-variant-numeric:tabular-nums;color:#fffc;background:#ffffff0d;border-radius:999px;align-items:center;gap:5px;padding:0 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.cdu-tool{cursor:pointer;color:#ffffffd9;min-width:34px;height:34px;font:700 .72rem/1 var(--font-sans);background:#ffffff0d;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 9px;transition:background .2s,color .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.cdu-tool:hover{color:#fff;background:#ffffff1f}.cdu-head{z-index:2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,24px);margin-top:clamp(12px,2.4vw,22px);display:grid;position:relative}.cdu-side{align-items:center;gap:clamp(8px,1.6vw,16px);min-width:0;display:flex;position:relative}.cdu-side-a{--side:var(--a)}.cdu-side-b{--side:var(--b);text-align:right;flex-direction:row-reverse}.cdu-face{aspect-ratio:1;background:color-mix(in srgb, var(--side) 22%, #111);color:#fff;width:clamp(40px,6vw,64px);font:400 clamp(1rem, 2.4vw, 1.5rem)/1 var(--font-display);box-shadow:0 0 0 2.5px #07060c, 0 0 0 4.5px var(--side), 0 0 26px -4px var(--side);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.cdu-face img{object-fit:cover;width:100%;height:100%}.cdu-who{flex-direction:column;gap:2px;min-width:0;display:flex}.cdu-side-b .cdu-who{align-items:flex-end}.cdu-name{max-width:100%;font:700 clamp(.78rem, 1.5vw, .98rem)/1.2 var(--font-sans);color:#ffffffe0;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.cdu-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.cdu-side-b .cdu-name{flex-direction:row-reverse}.cdu-name em{background:var(--side);color:#07060c;font:800 .55rem/1.2 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 6px;font-style:normal}.cdu-score{font:400 clamp(1.7rem, 5.6vw, 3.6rem)/.95 var(--font-display);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 24px color-mix(in srgb, var(--side) 70%, transparent);align-items:baseline;gap:6px;display:inline-flex}.cdu-score-idle{opacity:.22;text-shadow:none}.cdu-crown{color:var(--gold);filter:drop-shadow(0 0 10px #fbbf24cc);animation:cdu-in .6s var(--spring) both;align-self:center}.cdu-win .cdu-face{box-shadow:0 0 0 2.5px #07060c, 0 0 0 4.5px var(--gold), 0 0 34px -2px var(--gold)}.cdu-win .cdu-score{color:#fff4cf;text-shadow:0 0 26px #fbbf24bf}.cdu-lose{opacity:.55;filter:saturate(.6);transition:opacity .6s,filter .6s}.cdu-score small{font:800 clamp(.55rem, 1vw, .72rem)/1 var(--font-sans);letter-spacing:.14em;color:var(--side)}.cdu-pop{z-index:4;pointer-events:none;font:400 clamp(1rem, 2.6vw, 1.5rem)/1 var(--font-display);color:var(--side);text-shadow:0 2px 14px #000000b3;animation:cdu-pop 1.1s var(--ease) forwards;position:absolute;top:-10px;left:clamp(52px,8vw,84px)}.cdu-side-b .cdu-pop{left:auto;right:clamp(52px,8vw,84px)}@keyframes cdu-pop{0%{opacity:0;transform:translateY(10px)scale(.6)}18%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-26px)scale(1)}}.cdu-lead{background:color-mix(in srgb, var(--side) 20%, transparent);color:var(--side);font:800 .55rem/1.3 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;animation:cdu-in .4s var(--spring) both;border-radius:999px;padding:2px 7px;position:absolute;bottom:-20px;left:clamp(52px,8vw,84px)}.cdu-side-b .cdu-lead{left:auto;right:clamp(52px,8vw,84px)}@keyframes cdu-in{0%{opacity:0;transform:scale(.7)}}.cdu-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:clamp(64px,12vw,130px);display:flex}.cdu-vs{font:400 clamp(1.5rem, 4.6vw, 2.8rem)/1 var(--font-display);letter-spacing:.02em;background:linear-gradient(100deg, var(--a), #fff 45%, #fff 55%, var(--b));color:#0000;filter:drop-shadow(0 4px 18px #b07cff73);-webkit-background-clip:text;background-clip:text;font-style:italic}.cdu-vs-small{opacity:.8;font-size:clamp(1rem,2.6vw,1.5rem)}.cdu-vs-off{opacity:.4;filter:grayscale()}.cdu-starts{font:700 .66rem/1.3 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#ffffff9e;font-variant-numeric:tabular-nums;white-space:nowrap}.cdu-count{font:400 clamp(2.6rem, 9vw, 5rem)/1 var(--font-display);color:#fff;text-shadow:0 0 34px #b07cffcc;animation:cdu-count .75s var(--spring) both}.cdu-go{background:linear-gradient(100deg, var(--a), #fff, var(--b));color:#0000;text-shadow:none;filter:drop-shadow(0 0 22px #fff6);-webkit-background-clip:text;background-clip:text}@keyframes cdu-count{0%{opacity:0;transform:scale(2.1)}60%{opacity:1}}.cdu-trophy{color:var(--gold);filter:drop-shadow(0 0 16px #fbbf24b3);animation:cdu-in .6s var(--spring) both}.cdu-tug{z-index:2;background:linear-gradient(90deg, color-mix(in srgb, var(--b) 70%, #000), var(--b));max-width:820px;height:6px;box-shadow:0 0 18px -6px var(--b);border-radius:999px;margin:clamp(12px,2vw,18px) auto 0;position:relative;overflow:hidden}.cdu-tug span{border-radius:inherit;background:linear-gradient(90deg, var(--a), color-mix(in srgb, var(--a) 70%, #fff));box-shadow:0 0 18px -4px var(--a);transition:width .7s var(--spring);position:absolute;inset:0 auto 0 0}.cdu-tug span:after{content:"";background:#fff;border-radius:2px;width:3px;position:absolute;top:-2px;bottom:-2px;right:-1px;box-shadow:0 0 10px #fff}.cdu-lanes{z-index:2;flex-direction:column;gap:clamp(10px,2vw,18px);margin-top:clamp(14px,2.4vw,22px);display:flex;position:relative}.cdu-lane{background:#ffffff06;border-radius:20px;padding:clamp(9px,1.6vw,14px) clamp(9px,1.8vw,16px) clamp(14px,2.2vw,20px);transition:opacity .5s,filter .5s,box-shadow .5s,background .5s;box-shadow:inset 0 0 0 1px #ffffff0f}.cdu-lane.cdu-turn{background:color-mix(in srgb, var(--side) 6%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--side) 55%, transparent), 0 0 46px -18px var(--side)}.cdu-lane.cdu-rest{opacity:.62;filter:saturate(.75)}.cdu-hush .cdu-lane:not(:has(.cdu-charge)){opacity:.4;filter:saturate(.5)brightness(.8)}.cdu-over .cdu-lane.cdu-won{box-shadow:inset 0 0 0 1.5px #fbbf2499, 0 0 50px -16px var(--gold);background:#fbbf240f}.cdu-over .cdu-lane:not(.cdu-won){opacity:.78}.cdu-lane-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cdu-lane-name{min-width:0;font:800 .66rem/1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--side);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cdu-pips{flex:none;gap:4px;display:inline-flex}.cdu-pip{color:#ffffff61;min-width:26px;height:22px;font:800 .64rem/1 var(--font-sans);font-variant-numeric:tabular-nums;background:#ffffff0d;border-radius:999px;place-items:center;padding:0 6px;transition:background .3s,color .3s,box-shadow .3s;display:inline-grid}.cdu-pip-on{background:color-mix(in srgb, var(--side) 24%, transparent);color:#fff;box-shadow:inset 0 0 0 1px var(--side)}.cdu-pip-done{color:#ffffffc7}.cdu-row{--gap:clamp(6px, 1.4vw, 16px);gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));max-width:clamp(380px,178svh - 932.8px,820px);margin:clamp(8px,1.4vw,12px) auto 0;display:grid;position:relative}.cdu-full .cdu-row{max-width:clamp(420px,178svh - 523.4px,1080px)}.cdu-row.cdu-sealed{grid-template-columns:repeat(var(--n), calc((100% - 4 * var(--gap)) / 5));justify-content:center}.cdu-rip{z-index:4;width:calc((100% - 4 * var(--gap)) / 5);pointer-events:none;animation:cdu-rip .85s var(--ease) forwards;position:absolute;top:0;left:50%;translate:-50%}.cdu-rip .cbp{animation:none}@keyframes cdu-rip{0%{opacity:1;filter:brightness();transform:scale(.9)}35%{opacity:1;filter:brightness(1.8);transform:scale(1.12)rotate(-2deg)}to{opacity:0;filter:brightness(3)blur(6px);transform:scale(1.5)}}.cdu-slot{--rc:transparent;animation:cdu-deal .6s var(--spring) calc(.22s + var(--i) * 70ms) both;position:relative}@keyframes cdu-deal{0%{opacity:0;transform:translateY(-34px)rotate(-7deg)scale(.84)}}.cdu-slot:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--rc), transparent);opacity:0;filter:blur(10px);border-radius:22%;transition:opacity .35s;position:absolute;inset:-10%}.cdu-glow:before{opacity:.6}.cdu-turned:before{opacity:.3}.cdu-charge{z-index:3;animation:.12s linear infinite cdu-shiver}.cdu-charge:before{opacity:1;animation:.5s ease-in-out infinite alternate cdu-charge;inset:-26%}@keyframes cdu-shiver{0%{transform:translate(0)scale(1.06)}25%{transform:translate(-1px,1px)scale(1.06)rotate(-.6deg)}50%{transform:translate(1px,-1px)scale(1.07)}75%{transform:translate(1px,1px)scale(1.06)rotate(.6deg)}to{transform:translate(0)scale(1.06)}}@keyframes cdu-charge{0%{opacity:.7;scale:.9}to{opacity:1;scale:1.12}}.cdu-hit{z-index:3;animation:cdu-hit 1s var(--spring) both}.cdu-hit:before{opacity:.75;animation:2.4s ease-out forwards cdu-halo;inset:-30%}@keyframes cdu-hit{0%{filter:brightness(1.9);transform:scale(1.06)}35%{filter:brightness(1.3);transform:scale(1.2)}to{filter:none;transform:scale(1)}}@keyframes cdu-halo{to{opacity:.4}}.cdu-atk{z-index:2;color:#fff;font:400 clamp(.62rem, 1.2vw, .86rem)/1 var(--font-display);font-variant-numeric:tabular-nums;box-shadow:0 0 0 1.5px var(--rc), 0 4px 12px #0009;animation:cdu-in .45s var(--spring) .45s both;background:#0b0a12;border-radius:999px;padding:3px 8px;position:absolute;bottom:-9px;left:50%;translate:-50%}.cdu-mini .cc-card,.cdu-slot .cc-card{transition:filter .3s}.cdu-banner{z-index:6;pointer-events:none;white-space:nowrap;font:400 clamp(2rem, 8vw, 4.6rem)/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#fff1b8,#fbbf24,#fff8dc,#f59e0b,#fff1b8) 0 0/200% 100%;color:#0000;filter:drop-shadow(0 6px 30px #fbbf248c);animation:cdu-banner 2.3s var(--ease) forwards, cdu-slide 2s linear infinite;-webkit-background-clip:text;background-clip:text;padding-left:.12em;position:absolute;top:46%;left:50%;translate:-50% -50%}.cdu-banner-d{filter:drop-shadow(0 6px 30px #ff8ad899);background-image:linear-gradient(90deg,#ffd86b,#ff8ad8,#8ae1ff,#b4ff9a,#ffd86b)}.cdu-banner-gold{filter:drop-shadow(0 6px 30px #a855f7bf);background-image:linear-gradient(90deg,#f5e8ff,#c084fc,#fff,#ec4899,#f5e8ff)}@keyframes cdu-banner{0%{opacity:0;scale:.55}14%{opacity:1;scale:1.1}24%{scale:1}78%{opacity:1}to{opacity:0;scale:1.04}}@keyframes cdu-slide{to{background-position:-200% 0}}.cdu-result{z-index:4;text-align:center;max-width:680px;animation:cdu-rise .7s var(--spring) both;background:radial-gradient(80% 120% at 50% 0,#fbbf2429,#fbbf2408 70%);border-radius:22px;flex-direction:column;align-items:center;gap:8px;margin:clamp(14px,2.4vw,22px) auto 0;padding:18px 16px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fbbf2452}.cdu-result-tie{background:radial-gradient(80% 120% at 50% 0,#b07cff29,#b07cff08 70%);box-shadow:inset 0 0 0 1px #b07cff52}@keyframes cdu-rise{0%{opacity:0;transform:translateY(16px)scale(.96)}}.cdu-result-title{font:400 clamp(1.3rem, 4.4vw, 2.3rem)/1.05 var(--font-display);text-transform:uppercase;background:linear-gradient(90deg,#fff1b8,#fbbf24,#fff8dc);color:#0000;-webkit-background-clip:text;background-clip:text}.cdu-result-tie .cdu-result-title{background-image:linear-gradient(90deg, var(--a), #fff, var(--b))}.cdu-result-sub{font:700 .8rem/1.3 var(--font-sans);letter-spacing:.08em;color:#ffffffb3;font-variant-numeric:tabular-nums}.cdu-floaters{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cdu-floater{justify-items:center;gap:2px;animation:3.2s cubic-bezier(.2,.6,.3,1) forwards cdu-float;display:grid;position:absolute;bottom:70px}.cdu-floater b{filter:drop-shadow(0 4px 10px #00000080);font-size:1.9rem;line-height:1}.cdu-floater small{color:#ffffffd9;font:700 .6rem/1.3 var(--font-sans);white-space:nowrap;background:#0000008c;border-radius:999px;padding:2px 7px}@keyframes cdu-float{0%{opacity:0;transform:translateY(20px)scale(.6)}12%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-260px)scale(1)}}.cdu-foot{z-index:4;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(14px,2.4vw,20px);display:flex;position:relative}.cdu-foot:empty{display:none}.cdu-note{text-align:center;color:#ffffffad;max-width:560px;font-size:.875rem}.cdu-reacts{background:#00000073;border-radius:999px;gap:6px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.cdu-reacts button{cursor:pointer;width:40px;height:40px;transition:transform .15s var(--spring), background .2s;background:#ffffff0f;border:0;border-radius:999px;font-size:1.25rem}.cdu-reacts button:hover{background:#ffffff24;transform:translateY(-2px)scale(1.08)}.cdu-reacts button:active{transform:scale(.92)}.cdu-skip{color:#ffffff8c;font:700 .72rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0}.cdu-skip:hover{color:#fff}.cdu-full{border-radius:0;flex-direction:column;justify-content:center;padding:clamp(16px,3vw,40px);display:flex;overflow:auto}.cdu-full .cdu-felt:before{border-radius:26px;inset:14px}.cdu-recap-side{background:var(--color-panel);box-shadow:inset 0 0 0 1px var(--color-line), inset 0 2px 0 var(--side);border-radius:18px;padding:16px}.cdu-mini{transition:transform .25s var(--ease);animation:cdu-in .4s var(--spring) both}.cdu-mini:hover{transform:translateY(-4px)}.cdu-tile{flex-direction:column;gap:14px;padding:16px;display:flex}.cdu-tile.is-live{box-shadow:inset 0 0 0 1px #e11d4873,inset 0 2px #e11d48}.cdu-tile-pill{color:#c4a6ff;font:800 .6rem/1.2 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;background:#b07cff24;border-radius:999px;padding:4px 9px}.cdu-tile-vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.cdu-tile-side{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;transition:opacity .2s;display:flex}.cdu-tile-side.is-lost{opacity:.5}.cdu-tile-face{background:color-mix(in srgb, var(--side) 22%, #111);width:48px;height:48px;font:400 1.1rem/1 var(--font-display);box-shadow:0 0 0 2px var(--color-panel), 0 0 0 3.5px var(--side);border-radius:50%;place-items:center;display:grid;overflow:hidden}.cdu-tile-a{--side:var(--a)}.cdu-tile-b{--side:var(--b)}.cdu-tile-face img{object-fit:cover;width:100%;height:100%}.cdu-tile-side.is-won .cdu-tile-face{box-shadow:0 0 0 2px var(--color-panel), 0 0 0 3.5px var(--gold), 0 0 18px -4px var(--gold)}.cdu-tile-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.875rem;font-weight:600;overflow:hidden}.cdu-tile-score{font:400 1.25rem/1 var(--font-display);font-variant-numeric:tabular-nums}.cdu-tile-side.is-won .cdu-tile-score{color:var(--gold)}.cdu-tile-x{font:400 1rem/1 var(--font-display);color:var(--color-ink-3);font-style:italic}.cdu-tile-foot{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-top:12px;display:flex}.cdu-pick{cursor:pointer;height:70px;color:var(--color-ink-2);box-shadow:inset 0 0 0 1px var(--color-line);transition:background .2s, box-shadow .2s, transform .15s var(--spring), color .2s;background:#ffffff0a;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.cdu-pick b{font:400 1.05rem/1 var(--font-display)}.cdu-pick:hover:not(:disabled){color:#fff;transform:translateY(-1px)}.cdu-pick.is-on{color:#fff;background:linear-gradient(160deg,#b07cff52,#38c1ff2e);box-shadow:inset 0 0 0 1.5px #b07cff,0 8px 22px -10px #b07cff}.cdu-pick:disabled{cursor:not-allowed;opacity:.32}.cdu-pick-packs{width:44px;height:24px;position:relative}.cdu-pick-packs i{bottom:0;left:calc(50% - 7px + (var(--k) - (var(--n) - 1) / 2) * 6px);transform-origin:50% 100%;width:14px;height:20px;rotate:calc((var(--k) - (var(--n) - 1) / 2) * 9deg);background:linear-gradient(160deg,#8b5cf6,#3b1d8f 55%,#0e7490);border-radius:3px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff47,0 2px 5px #00000080}.cdu-pick.is-on .cdu-pick-packs i{background:linear-gradient(160deg,#c4a6ff,#7c3aed 55%,#0891b2)}.cdu-title-short{display:none}@media (max-width:640px){.cdu{border-radius:22px}.cdu-title-text{display:none}.cdu-title-short{display:inline}.cdu-lead{display:none}.cdu-center{min-width:52px}.cdu-starts{white-space:normal;max-width:76px;font-size:.56rem}.cdu-tool-label{display:none}.cdu-pip{min-width:20px;height:18px;padding:0 4px;font-size:.56rem}.cdu-lane{border-radius:16px}.cdu-atk{padding:2px 5px;bottom:-7px}.cdu-reacts button{width:36px;height:36px;font-size:1.1rem}}@media (max-width:480px){.cdu-face,.cdu-title-short,.cdu-crown{display:none}.cdu-pop{left:0}.cdu-side-b .cdu-pop{left:auto;right:0}}