.counting-boxes-canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.counting-boxes-canvas-container canvas{max-width:100%;max-height:100%;border-radius:8px}.game-input:focus{transform:scale(1.02);transition:all .2s ease}.game-button:hover{transform:translateY(-1px);transition:all .2s ease}.game-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.responsive-game-container{width:100%;max-width:min(90vw,500px);aspect-ratio:1;min-width:300px}.scene{transform-style:preserve-3d;transform:rotateX(60deg) rotate(-45deg);width:100%;height:100%;position:relative}.cb-cell{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box}.cube{transform-style:preserve-3d;transform:translateZ(30px)}.cube,.face{position:absolute;width:60px;height:60px}.face{border:1.5px solid #9ca3af;opacity:.98;box-sizing:border-box}.face,.face-front{background:#D1D5DB}.face-front{transform:rotateY(0deg) translateZ(30px)}.face-back{transform:rotateY(180deg) translateZ(30px);background:#E5E7EB}.face-left{transform:rotateY(-90deg) translateZ(30px);background:#D1D5DB}.face-right{transform:rotateY(90deg) translateZ(30px);background:#E5E7EB}.face-top{transform:rotateX(90deg) translateZ(30px);background:#F3F4F6}.face-bottom{transform:rotateX(-90deg) translateZ(30px);background:#9CA3AF}