.dd{justify-content:space-between;gap:clamp(12px,2.4cqh,20px)}.dd-arena{flex:1 1 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,3cqw,32px);width:min(100%,940px);min-height:0;display:grid}.dd-side{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,4cqh,34px);height:min(100%,460px);padding:clamp(16px,4cqh,36px) 12px;transition:border-color .35s,opacity .35s;display:flex;position:relative}.dd-side:before{content:"";pointer-events:none;border:1px solid #0000;border-radius:2px;transition:border-color .35s;position:absolute;inset:5px}.dd-side.house{background:var(--bg-2)}.dd-side.win{border-color:var(--gold)}.dd-side.win:before{border-color:#ffc53d40}.dd-side.tie{border-color:#ffc53d73}.dd-side.lose{opacity:.6}.dd-label{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:7px;min-height:40px;font-size:11px;font-weight:500;display:flex}.dd-side.win .dd-label>span{color:var(--gold-3)}.dd-label em,.dd-vs.backed:after{letter-spacing:.18em;border:1px solid var(--gold-2);color:var(--gold);border-radius:2px;padding:2px 7px;font-size:9px;font-style:normal}.dd-dice{gap:clamp(10px,2.4cqw,22px);display:flex}.dd-die{aspect-ratio:1;filter:drop-shadow(0 6px 10px #00000073);width:clamp(48px,min(12cqw,22cqh),124px);display:block}.dd-die svg{width:100%;height:100%;display:block}.dd-dice.roll .dd-die{animation:.7s cubic-bezier(.2,.7,.2,1) both dd-tumble}@keyframes dd-tumble{0%{opacity:.2;transform:translateY(-16%)rotate(-160deg)scale(.84)}55%{opacity:1;transform:translateY(2%)rotate(10deg)scale(1)}to{transform:none}}.dd-total{font-family:var(--display);color:var(--text);min-height:1em;font-size:clamp(40px,12cqh,100px);font-weight:600;line-height:1;transition:color .35s}.dd-total.blank{color:var(--line-2)}.dd-side.win .dd-total{color:var(--gold-3)}.dd-side.lose .dd-total{color:var(--muted)}.dd-vs{aspect-ratio:1;background:var(--bg);border:1px solid #ffc53d80;border-radius:50%;place-items:center;width:clamp(40px,7cqw,64px);transition:border-color .35s,background .35s;display:grid;position:relative}.dd-vs span{font-family:var(--display);color:var(--gold);font-size:clamp(16px,2.4cqw,22px);font-style:italic;font-weight:600;line-height:1}.dd-vs.tie{border-color:var(--gold);background:var(--gold-soft)}.dd-vs.tie span{color:var(--gold-3)}.dd-vs.backed:after{content:"Your bet";white-space:nowrap;text-transform:uppercase;font-weight:500;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.dd-verdict{text-align:center;flex:none;min-height:58px}.dd-verdict span{font-family:var(--display);color:var(--text);font-variant-numeric:lining-nums;font-size:clamp(22px,4.6cqh,32px);font-weight:600;line-height:1.1;display:block}.dd-verdict small{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:10.5px;font-weight:500;display:block}.dd-verdict small b{color:var(--gold-3);font-weight:500}.dd-verdict.win small{color:var(--win)}.dd-verdict.loss small{color:var(--loss)}.dd-pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dd-pick-btn{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--bg-2);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;height:66px;padding:0 4px;transition:border-color .2s,background .2s,transform 80ms;display:flex;position:relative}.dd-pick-btn:hover:not(:disabled):not(.on){border-color:var(--gold-2);background:var(--panel-2)}.dd-pick-btn:disabled{opacity:.6}.dd-pick-btn.on{border-color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 -1px 0 var(--gold)}.dd-pick-name{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:500}.dd-pick-btn b{font-family:var(--display);color:var(--text);font-size:19px;font-weight:600;line-height:1.1}.dd-pick-btn.on b,.dd-pick-btn.on .dd-pick-name{color:var(--gold-3)}.dd-pick-btn small{color:var(--dim);font-size:10.5px}.dd-pick-btn:focus-visible{outline:1px solid var(--gold-3);outline-offset:2px}.dd-pick-btn:active:not(:disabled){transform:translateY(1px)}.dd-side{overflow:hidden}.dd.won .dd-side.win:after{content:"";pointer-events:none;background:linear-gradient(110deg, transparent 40%, color-mix(in srgb, var(--gold-3) 9%, transparent) 50%, transparent 60%);width:300%;animation:1.1s ease-in-out 50ms both dd-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-66.67%)}.dd.won.w2 .dd-side.win:after{background-image:linear-gradient(110deg, transparent 40%, color-mix(in srgb, var(--gold-3) 14%, transparent) 50%, transparent 60%);animation-iteration-count:2}.dd.won.w3 .dd-side.win:after{background-image:linear-gradient(110deg, transparent 40%, color-mix(in srgb, var(--gold-3) 18%, transparent) 50%, transparent 60%);animation-iteration-count:3}.dd.won .dd-side.win .dd-total{animation:.5s both ux-win}.dd.won.w2 .dd-side.win .dd-total,.dd.won.w3 .dd-side.win .dd-total,.dd.won .dd-vs.tie{animation:.7s both ux-win2}@keyframes dd-sweep{0%{transform:translate(-66.67%)}to{transform:translate(0)}}@container (width<=520px){.dd-arena{gap:8px}.dd-side{gap:14px;padding:14px 6px}.dd-label{letter-spacing:.16em;font-size:10px}.dd-die{width:clamp(38px,14cqw,64px)}.dd-dice{gap:8px}.dd-vs{width:34px}.dd-vs span{font-size:15px}.dd-vs.backed:after{letter-spacing:.1em;padding:2px 4px;font-size:8px}}@media (width<=900px){.dd{--o-mh:400px}}@media (prefers-reduced-motion:reduce){.dd-dice.roll .dd-die,.dd.won .dd-side.win:after,.dd.won .dd-side.win .dd-total,.dd.won .dd-vs.tie{animation:none!important}}@media (width<=900px){.dd-label,.dd-pick-name,.dd-pick-btn small,.dd-verdict small{font-size:12px}.dd-label em,.dd-vs.backed:after{letter-spacing:.1em;font-size:12px}}