.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;-webkit-user-select:none;user-select:none}.previous-roll{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.previous-label{font-size:.9rem;color:#ffffffb3;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-weight:500}.previous-dice-container{display:flex;gap:1rem}.previous-dice{width:60px;height:60px;background:#fff9;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#333c}.previous-dice-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dice-container{display:flex;gap:2rem;margin-bottom:2rem}.dice{width:120px;height:120px;background:#fff;border-radius:16px;box-shadow:0 8px 16px #0000004d;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#333;transition:transform .1s ease}.dice.rolling{animation:roll 1s ease-in-out}@keyframes roll{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.dice-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sum{font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:1rem}.instructions{font-size:1rem;color:#fffc;text-shadow:1px 1px 2px rgba(0,0,0,.3);margin-bottom:2rem}.statistics{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:default}.statistics-title{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.frequency-table{background:#fffffff2;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0003;border-collapse:collapse;width:100%;max-width:800px}.frequency-table thead{background:#667eeae6;color:#fff}.frequency-table th{padding:.75rem .5rem;font-weight:700;text-align:center;font-size:.9rem;border-right:1px solid rgba(255,255,255,.2)}.frequency-table th:first-child{padding-left:1rem;padding-right:1rem}.frequency-table th:last-child{border-right:none}.frequency-table tbody tr{border-bottom:1px solid rgba(0,0,0,.1)}.frequency-table tbody tr:last-child{border-bottom:none}.frequency-table tbody tr:hover{background:#667eea1a}.frequency-table td{padding:.75rem .5rem;text-align:center;font-size:.9rem;color:#333;font-weight:500;border-right:1px solid rgba(0,0,0,.05)}.frequency-table td:first-child{padding-left:1rem;padding-right:1rem;font-weight:700;background:#667eea0d}.frequency-table td:last-child{border-right:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}