:root{--color-white: #ffffff;--color-black: #000000;--color-text-dark: #333;--color-text-medium: #555;--color-text-light: #666;--color-primary-blue: #007bff;--color-primary-blue-shadow: rgba(0, 123, 255, .3);--color-primary-blue-light: #d1ecff;--color-primary-blue-lighter: #f0f8ff;--color-bg-light: #fdfdfd;--color-bg-medium: #f9f9f9;--color-bg-dark: #f0f0f0;--color-bg-darker: #e0e0e0;--color-border-light: #eee;--color-border-dark: #ccc;--color-shadow-light: rgba(0, 0, 0, .05);--color-shadow-dark: rgba(0, 0, 0, .2);--color-shadow-avatar: rgba(0, 0, 0, .2);--color-gradient-1: #d891ef;--color-gradient-2: #ffb6c1;--color-gradient-3: #b4eeb4;--color-gradient-4: #afeeee;--color-gradient-5: #000080}html,body{width:100%;height:100%;min-height:100vh;background:linear-gradient(-45deg,var(--color-gradient-1),var(--color-gradient-2),var(--color-gradient-3),var(--color-gradient-4),var(--color-gradient-5));background-size:400% 400%;animation:gradient 30s ease infinite;height:100vh}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mouse-heart{position:absolute;pointer-events:none;filter:drop-shadow(0 0 8px rgba(0,0,0,.3)) blur(1px);animation:fadeInOut 1s linear infinite}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:.7}}.mouse-heart:before{content:"";position:absolute;width:100%;height:100%;background:url(/heart.png);background-size:cover;animation:moveShape 1.5s linear infinite,colorize 3s linear infinite}@keyframes moveShape{0%{transform:translate(0) rotate(0)}to{transform:translate(100px) rotate(360deg)}}@keyframes colorize{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(100deg)}}#dice-box-physics #scene-container{width:100%!important;height:100%!important;position:relative!important}#dice-box-physics canvas{width:100%!important;height:100%!important;display:block!important}