.dice-cube,.dice-cube *,.dice-cube .dot,.dice-cube div{box-sizing:content-box}.dice-cube div,.dot{display:block;position:absolute}.dice-cube,.dice-cube div,.dot{position:absolute}.dice-cube .front{transform:translateZ(100px)}.dice-cube .back{transform:rotateX(-180deg) translateZ(100px)}.dice-cube .right{transform:rotateY(90deg) translateZ(100px)}.dice-cube .left{transform:rotateY(-90deg) translateZ(100px)}.dice-cube .top{transform:rotateX(90deg) translateZ(100px)}.dice-cube .bottom{transform:rotateX(-90deg) translateZ(100px)}.dice-scene{width:200px;height:200px;position:relative;margin-top:-80px}.dice-cube{width:100%;height:100%;top:100px;transform-style:preserve-3d;transition:transform 2s}.dice-cube:hover{cursor:pointer}.dice-cube div{background:rgba(236,19,19,.8);width:200px;height:100px;border:2px solid #ab1a1a;border-radius:5px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;font-size:500%;text-align:center;padding:50px 0}.dot{width:30px;height:30px;background:#fff;border-radius:15px}.front .dot1,.right .dot2,.top .dot3{top:85px;left:85px}.back .dot1,.bottom .dot1,.left .dot1,.right .dot1,.top .dot1{top:45px;left:45px}.back .dot2,.bottom .dot6,.left .dot4,.right .dot3,.top .dot5{top:125px;left:125px}.bottom .dot3,.left .dot2,.top .dot2{top:45px;left:125px}.bottom .dot4,.left .dot3,.top .dot4{top:125px;left:45px}.bottom .dot2{top:45px;left:85px}.bottom .dot5{top:125px;left:85px}.dice-area{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:110px}.dice-area[data-count="1"] .dice-scene{transform:scale(.8)}.dice-area[data-count="2"] .dice-scene{transform:scale(.65)}.dice-area[data-count="3"] .dice-scene{transform:scale(.55)}.dice-area[data-count="2"],.dice-area[data-count="3"]{margin-bottom:100px}.dice-controls{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:48px}.dice-count-selector{display:flex;align-items:center;gap:8px}.dice-count-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-right:4px}.dice-count-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all var(--transition)}.dice-count-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.dice-count-btn--active{border-color:var(--primary);background:var(--primary);color:#fff}.dice-count-btn--active:hover{background:var(--primary-dark);color:#fff}.dice-results{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.dice-result-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);font-size:15px;font-weight:600;color:var(--text)}.dice-result-chip span{font-size:1.3rem;font-weight:800;color:var(--primary)}.dice-total{padding:8px 20px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:15px;font-weight:700}@media (max-width:600px){.dice-area[data-count="2"] .dice-scene{transform:scale(.55)}.dice-area[data-count="3"] .dice-scene{transform:scale(.45)}.dice-area[data-count="2"],.dice-area[data-count="3"]{gap:8px;margin-bottom:80px}}