.cd{--cd-ink:#14162d;--cd-muted:#6b7084;--cd-line:#dde2ed;--cd-red:#cf2f56;--cd-red-dark:#b82749;--cd-yellow:#fff4bb;--cd-shadow:0 2px 6px #14162d14;color:var(--cd-ink)}.cd-confetti{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}.cd-picker{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;display:flex}.cd-chip{font:inherit;color:var(--cd-ink);border:1.5px solid var(--cd-line);cursor:pointer;box-shadow:var(--cd-shadow);background:#fff;border-radius:12px;padding:10px 20px;font-size:16px;font-weight:700;transition:border-color .15s,background .15s,transform .1s}.cd-chip:hover{border-color:var(--cd-ink)}.cd-chip:active{transform:scale(.97)}.cd-chip.on{background:var(--cd-yellow);border-color:var(--cd-ink)}.cd-arena{border:1.5px dashed var(--cd-line);cursor:pointer;background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,4.5vw,40px);min-height:280px;margin:18px auto 0;padding:38px 20px;display:flex;position:relative}.cd-arena:after{content:"אפשר ללחוץ גם על הקוביות 👆";color:#aab0c0;font-size:13px;font-weight:500;position:absolute;bottom:10px;left:16px}.cd-box{--sz:clamp(84px,17vw,112px);perspective:900px;width:var(--sz);height:var(--sz);filter:drop-shadow(0 6px 10px #14162d24)}.cd-die{width:100%;height:100%;transform-style:preserve-3d;position:relative}.cd-face{border:2px solid var(--cd-ink);background:#fff;border-radius:14px;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:14%;display:grid;position:absolute;inset:0}.cd-pip{background:var(--cd-ink);opacity:0;border-radius:50%;place-self:center;width:70%;height:70%;transform:scale(.4)}.cd-face .cd-pip.show{opacity:1;transition:transform .18s ease-out;transform:scale(1)}.cd-f1{transform:rotateY(0deg) translateZ(calc(var(--sz)/2))}.cd-f2{transform:rotateY(90deg) translateZ(calc(var(--sz)/2))}.cd-f3{transform:rotateX(90deg) translateZ(calc(var(--sz)/2))}.cd-f4{transform:rotateX(-90deg) translateZ(calc(var(--sz)/2))}.cd-f5{transform:rotateY(-90deg) translateZ(calc(var(--sz)/2))}.cd-f6{transform:rotateY(180deg) translateZ(calc(var(--sz)/2))}.cd-die.settled .cd-face{opacity:0;transition:opacity .22s}.cd-die.settled .cd-face.is-up{opacity:1}.cd-box.landing-0{animation:.5s ease-out cd-land-a}.cd-box.landing-1{animation:.5s ease-out cd-land-b}@keyframes cd-land-a{0%{transform:translateY(-24px)scale(1.03)}55%{transform:translateY(4px)scale(.98)}80%{transform:translateY(-3px)scale(1.01)}to{transform:none}}@keyframes cd-land-b{0%{transform:translateY(-24px)scale(1.03)}55%{transform:translateY(4px)scale(.98)}80%{transform:translateY(-3px)scale(1.01)}to{transform:none}}.cd-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px;display:flex}.cd-roll{font:inherit;color:#fff;background:var(--cd-red);cursor:pointer;border:none;border-radius:12px;padding:14px 52px;font-size:24px;font-weight:800;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 3px 10px #cf2f5659}.cd-roll:hover{background:var(--cd-red-dark);box-shadow:0 5px 14px #cf2f5666}.cd-roll:active{transform:scale(.97)}.cd-roll:disabled{opacity:.6;cursor:wait;transform:none}.cd-sound{border:1.5px solid var(--cd-line);cursor:pointer;width:50px;height:50px;box-shadow:var(--cd-shadow);background:#fff;border-radius:12px;font-size:20px}.cd-sound:hover{border-color:var(--cd-ink)}.cd-result{text-align:center;border:1.5px solid var(--cd-line);max-width:420px;box-shadow:var(--cd-shadow);background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:64px;margin:24px auto 0;padding:14px 26px;font-size:21px;font-weight:700;display:flex}.cd-big{color:var(--cd-red);font-size:36px;font-weight:900}.cd-result.pop{animation:.45s ease-out cd-pop}@keyframes cd-pop{0%{transform:scale(.88)}60%{transform:scale(1.06)}to{transform:scale(1)}}.cd-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.cd-stat{border:1.5px solid var(--cd-line);box-shadow:var(--cd-shadow);text-align:center;background:#fff;border-radius:12px;min-width:104px;padding:10px 24px}.cd-stat .n{font-size:24px;font-weight:900}.cd-stat .l{color:var(--cd-muted);font-size:13px;font-weight:600}.cd-hist{border-top:1.5px dashed var(--cd-line);margin-top:34px;padding-top:20px}.cd-hist h2{margin-bottom:14px;font-size:20px;font-weight:800}.cd-hist-list{flex-direction:column;gap:8px;display:flex}.cd-hist-row{border:1.5px solid var(--cd-line);box-shadow:var(--cd-shadow);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;font-weight:600;animation:.3s ease-out cd-slide;display:flex}@keyframes cd-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cd-mini{border:1.5px solid var(--cd-ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:inline-flex}.cd-hist-sum{color:var(--cd-red);margin-inline-start:auto;font-weight:800}.cd-hist-time{color:#aab0c0;font-size:12px;font-weight:500}.cd-empty{color:var(--cd-muted);padding:4px 2px;font-weight:500}@media (width<=480px){.cd-arena{min-height:220px;padding:28px 12px}.cd-roll{padding:12px 40px;font-size:21px}}@media (prefers-reduced-motion:reduce){.cd-box.landing-0,.cd-box.landing-1,.cd-result.pop,.cd-hist-row{animation:none}}