*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.app{-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 50%,#0f0f1a 100%);width:100%;height:100%;position:relative;overflow:hidden}.dice-shadow{pointer-events:none;z-index:5;background:radial-gradient(#0006 0%,#0000 70%);width:80px;height:80px;position:absolute}.dice-container{transform-style:preserve-3d;cursor:pointer;z-index:10;position:absolute}.dice-cube{transform-style:preserve-3d;will-change:transform;position:relative}.dice-face{backface-visibility:visible;background:linear-gradient(145deg,#fff 0%,#f0f0f0 100%);border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a,0 0 0 1px #0000000d}.dice-dot{background:radial-gradient(circle at 30% 30%,#4a4a4a,#1a1a1a);border-radius:50%;position:absolute;box-shadow:inset 0 2px 4px #0006,0 1px 2px #ffffff4d}.roll-history{z-index:5;gap:8px;display:flex;position:absolute;top:24px;left:50%;transform:translate(-50%)}.roll-pip{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:600;display:flex}.current-result{color:#fff;opacity:.15;font-variant-numeric:tabular-nums;pointer-events:none;z-index:1;font-size:72px;font-weight:700;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.hint{color:#fff;opacity:.4;letter-spacing:.5px;pointer-events:none;z-index:5;font-size:14px;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@media (width<=480px){.roll-history{gap:6px;top:16px}.roll-pip{width:32px;height:32px;font-size:14px}.current-result{font-size:56px;bottom:60px}.hint{font-size:12px;bottom:24px}}.dice-container,.dice-cube,.dice-face{-webkit-user-select:none;user-select:none}.dice-cube,.dice-face{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@supports (padding-bottom:env(safe-area-inset-bottom)){.hint{bottom:calc(32px + env(safe-area-inset-bottom))}.roll-history{top:calc(24px + env(safe-area-inset-top))}}