.dice{--rp:clamp(20px, 3.4cqw, 36px);justify-content:space-between;gap:12px}.dice>*{width:min(100%,980px)}.dice-readout{text-align:center}.dice-big{font-family:var(--display);color:var(--text);font-size:clamp(60px,min(24cqh,16cqw),176px);font-weight:600;line-height:1;transition:color .25s}.dice-big.rolling{color:var(--gold-3)}.dice-big.won{color:var(--win)}.dice-big.lost{color:var(--loss)}@keyframes dice-in{0%{opacity:0;transform:translateY(6px)}}.dice-flare{background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;width:0;height:1px;margin:clamp(6px,1.4cqh,12px) auto 0}.dice-flare.on{animation:.7s cubic-bezier(.2,.7,.2,1) both dice-flare}.dice-flare.on.w1{width:min(200px,40%)}.dice-flare.on.w2{width:min(340px,64%);height:1.5px}.dice-flare.on.w3{background:linear-gradient(90deg, transparent, var(--gold-3), transparent);width:min(520px,90%);height:2px}@keyframes dice-flare{0%{opacity:0;transform:scaleX(0)}50%{opacity:1}to{opacity:.55;transform:scaleX(1)}}.dice-sub{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;min-height:1.4em;margin-top:clamp(8px,2cqh,16px);font-size:11px;font-weight:500}.dice-rail-wrap{margin-top:28px;padding:0}.dice-scale{height:18px;margin:10px var(--rp) 0;position:relative}.dice-scale span{letter-spacing:.08em;color:var(--dim);font-variant-numeric:tabular-nums lining-nums;font-size:11px;font-weight:500;position:absolute;transform:translate(-50%)}.dice-rail{padding:clamp(20px, 5cqh, 34px) var(--rp);border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--line-2)}.dice-track{cursor:pointer;touch-action:none;border-radius:1px;height:clamp(8px,1.6cqh,12px);position:relative}.dice-track.locked{cursor:default}.dice-zone{border-radius:1px;position:absolute;top:0;bottom:0}.dice-zone.lose{background:var(--ruby);left:0;right:0}.dice-zone.win{background:var(--emerald);transition:left 80ms linear,width 80ms linear;box-shadow:inset 0 1px #7fc79a59}.dice-thumb{background:var(--gold);border:1px solid var(--gold-3);z-index:2;border-radius:3px;outline:none;justify-content:center;align-items:center;gap:3px;width:22px;height:34px;margin-top:-17px;margin-left:-11px;transition:background .15s;display:flex;position:absolute;top:50%;box-shadow:0 4px 12px #00000080}.dice-thumb:hover,.dice-track:active .dice-thumb{background:var(--gold-3)}.dice-thumb:focus-visible{box-shadow:0 0 0 3px #ffc53d4d}.dice-thumb i{background:#1410098c;width:1px;height:14px}.dice-marker{z-index:3;pointer-events:none;transition:left .35s;position:absolute;bottom:26px;transform:translate(-50%)}.dice-marker span{background:var(--bg);font-family:var(--display);font-variant-numeric:tabular-nums lining-nums;border:1px solid;border-radius:3px;padding:6px 10px;font-size:18px;font-weight:600;line-height:1;animation:.3s both dice-in;display:block}.dice-marker:after{content:"";border:5px solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:-5px;position:absolute;bottom:-6px;left:50%}.dice-marker.rolling{color:var(--gold-3)}.dice-marker.won{color:var(--win)}.dice-marker.lost{color:var(--loss)}.dice-fields{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;display:grid}.dice-swap{border:0;border-left:1px solid var(--line-2);width:40px;height:36px;color:var(--gold);background:0 0;align-self:stretch;place-items:center;margin-right:-12px;padding:0;transition:color .15s,background .15s;display:grid}.dice-swap svg{width:16px;height:16px}.dice-swap:hover:not(:disabled){color:var(--gold-3);background:var(--gold-soft)}.dice-swap:active:not(:disabled) svg{transition:transform .2s;transform:rotate(180deg)}.dice-swap:focus-visible{outline:1px solid var(--gold-3);outline-offset:-3px}.dice-swap:disabled{opacity:.5}.dice-ctl{display:contents}.dice-ctl .o-seg button,.dice-ctl .ux-mode button,.dice-ctl .ux-counts button{white-space:nowrap;transition:background .15s,color .15s}.dice-ctl .ux-mode button:hover:not(:disabled):not(.on),.dice-ctl .ux-counts button:hover:not(:disabled):not(.on){color:var(--text);background:var(--panel-2)}.dice-ctl .o-seg button:focus-visible,.dice-ctl .ux-mode button:focus-visible,.dice-ctl .ux-counts button:focus-visible,.dice-ctl .amount-input button:focus-visible{outline:1px solid var(--gold-3);outline-offset:-3px}.dice-ctl .o-seg button:disabled:not(.on),.dice-ctl .ux-mode button:disabled:not(.on),.dice-ctl .ux-counts button:disabled:not(.on){opacity:.5}.dice-ctl .amount-input button{min-width:40px}.dice-go.busy:disabled{opacity:.72;cursor:progress}.dice-thumb[aria-disabled=true]{cursor:default;filter:saturate(.6)}@container (width<=520px){.dice-fields{grid-template-columns:1fr 1fr;gap:10px;padding:12px}.dice-fields>:first-child{grid-column:1/-1}}@media (width<=900px){.dice{--o-mh:452px}.dice-swap{height:38px}}@media (prefers-reduced-motion:reduce){.dice-flare.on,.dice-marker span{animation:none}.dice-marker,.dice-zone.win{transition:none}.dice-flare.on{opacity:.55}}@media (width<=900px){.dice-scale span,.dice-sub{font-size:12px}.dice-swap{width:44px;height:40px}}