*{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;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,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;background:radial-gradient(#00000080 0%,#0000 70%);width:70px;height:14px;position:absolute}.dice-wrapper{cursor:pointer;perspective:500px;position:absolute}.dice-cube{width:100px;height:100px;transform-style:preserve-3d;position:relative}.dice-face{background:linear-gradient(135deg,#fff 0%,#e8e8e8 100%);border-radius:12px;position:absolute;box-shadow:inset 0 0 8px #0000001a}.dice-dot{background:radial-gradient(circle at 35% 35%,#333,#111);border-radius:50%;position:absolute}.roll-history{z-index:10;gap:6px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.roll-pip{color:#fff;background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.current-result{color:#fff;opacity:.12;pointer-events:none;font-size:64px;font-weight:700;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.hint{color:#fff;opacity:.4;pointer-events:none;font-size:13px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@supports (padding:env(safe-area-inset-bottom)){.hint{bottom:calc(24px + env(safe-area-inset-bottom))}.roll-history{top:calc(20px + env(safe-area-inset-top))}}