*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Arial,sans-serif;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}canvas{display:block;width:100vw!important;height:100vh!important;position:fixed;top:0;left:0}.dice-info{position:fixed;top:10px;left:10px;color:#fff;font-size:clamp(14px,4vw,18px);font-weight:700;background:#000000b3;padding:10px 15px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;max-width:calc(100vw - 20px);word-wrap:break-word;line-height:1.4}button{font-family:Arial,sans-serif;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0006}button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}@media screen and (max-width: 768px){.dice-info{font-size:16px;padding:8px 12px;top:5px;left:5px;right:5px;max-width:none}button{font-size:14px!important;padding:8px 16px!important}}@media screen and (max-height: 500px) and (orientation: landscape){.dice-info{font-size:14px;padding:6px 10px;top:5px;left:5px}button{font-size:12px!important;padding:6px 12px!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media screen and (-webkit-min-device-pixel-ratio: 0){select:focus,textarea:focus,input:focus{font-size:16px}}