.dl-arena{--you:#ff8ab4;--foe:#34d399;border:1px solid #ffffff21;border-radius:16px}.dl-split,.dl-foil{display:none}.dl-vs{background:#1d1d26;border:1px solid #3a3a46;border-radius:12px;place-items:center;width:48px;height:48px;display:grid;position:relative}.dl-vs>span{font-family:var(--font-display);color:#ececf1;font-size:1rem;font-weight:600}@media (min-width:768px){.dl-vs{width:64px;height:64px}.dl-vs>span{font-size:1.4rem}}.dl-card{--r:#7f7f8a;background:#3a3a46;border-radius:16px;padding:1px;transition:opacity .2s,background-color .2s;position:relative}.dl-inner{isolation:isolate;background:#14141b;border-radius:15px;padding:10px;position:relative;overflow:hidden}@media (min-width:768px){.dl-inner{padding:14px}}.dl-card[data-state=win]{outline-offset:2px;background:#34d399;outline:2px solid #34d399}.dl-card[data-state=lose]{opacity:.65}.dl-back{pointer-events:none;background:#16161d;border:1px solid #33333e;border-radius:16px;position:absolute;inset:0}.dl-photo{isolation:isolate;background:#f0f0f4;border-radius:10px;position:relative;overflow:hidden}.dl-photo img{mix-blend-mode:multiply}.dl-row{text-align:start;color:#f5f5f7;background:#1d1d26;border:1px solid #262630;border-radius:8px;align-items:center;gap:6px;width:100%;min-height:44px;padding:0 8px;transition:background-color .15s,border-color .15s;display:flex;position:relative}@media (min-width:768px){.dl-row{gap:9px;padding:0 10px}}button.dl-row:not(:disabled):hover{background:#262630;border-color:#ff8ab4}button.dl-row:disabled{cursor:default}.dl-row[data-chosen=true]{border-color:var(--side);background:#262630}.dl-row[data-dim=true]{opacity:.5}.dl-key{color:#c4c4ce;background:#ffffff14;border-radius:4px;flex:none;place-items:center;width:20px;height:20px;font-size:.6875rem;font-weight:600}.dl-bar{inset-inline:8px;background:#ffffff1a;border-radius:3px;height:3px;position:absolute;bottom:4px;overflow:hidden}.dl-bar>i{width:calc(var(--w) * 100%);border-radius:inherit;background:var(--side);position:absolute;inset-block:0;inset-inline-start:0}.dl-hidden{letter-spacing:.2em;color:#b4b4bf}.dl-race{background:#ffffff1a;border-radius:99px;height:10px;position:relative;overflow:hidden}.dl-race>i{border-radius:inherit;transform-origin:0;width:100%;transform:scaleX(var(--w,0));position:absolute;inset-block:0;inset-inline-start:0}[dir=rtl] .dl-race>i{transform-origin:100%}.dl-race-you>i,.dl-vrace.dl-race-you>i{background:#ff8ab4}.dl-race-foe>i,.dl-vrace.dl-race-foe>i{background:#34d399}.dl-dots>i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-inline:2px;display:inline-block}.dl-pip{background:#ffffff24;border-radius:3px;width:8px;height:8px;transition:background-color .2s}.dl-pip[data-o="1"]{background:#ff8ab4}.dl-pip[data-o="-1"]{background:#34d399}.dl-pip[data-o="0"]{background:#e4e4ea}.dl-pip[data-now=true]{outline-offset:2px;outline:1px solid #d4d4dc}.dl-rival{--c:#f01565;text-align:start;color:#f5f5f7;background:#33333e;border-radius:16px;padding:1px;transition:background-color .15s;position:relative}.dl-rival>div{background:#14141b;border-radius:15px;height:100%}.dl-rival:hover{background:#ff8ab4}.dl-bot{background:#262630;border:1px solid #4a4a56;border-radius:12px;place-items:center;font-size:1.75rem;display:grid;position:relative}.dl-fly{z-index:90;pointer-events:none;border:2px solid var(--c);background:#f0f0f4;border-radius:12px;position:fixed;top:0;left:0;overflow:hidden}.dl-fly img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.dl-vrace{background:#ffffff1a;border-radius:8px;flex:1;width:32px;position:relative;overflow:hidden}.dl-vrace>i{border-radius:inherit;transform-origin:bottom;transform:scaleY(var(--w,0));position:absolute;inset:0}@media (min-width:640px){.dl-pip{width:10px;height:10px}}@media (prefers-reduced-motion:no-preference){.dl-deal,.dl-flip{animation:.2s ease-out both dl-in}.dl-race>i,.dl-vrace>i{transition:transform .5s ease-out .1s}.dl-dots>i{animation:1s ease-in-out infinite dl-dot}.dl-dots>i:nth-child(2){animation-delay:.15s}.dl-dots>i:nth-child(3){animation-delay:.3s}}@keyframes dl-in{0%{opacity:0}to{opacity:1}}@keyframes dl-dot{0%,to{opacity:.3}50%{opacity:1}}