@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";.dice-roller{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0a0a0a;padding:2rem;border-radius:10px;border:1px solid #00ff00;box-shadow:0 0 15px #0f0,0 0 25px #0f0 inset;font-family:Share Tech Mono,monospace;color:#0f0;width:100%;max-width:400px;margin:auto}.dice-container{display:flex;gap:2rem;margin-bottom:2rem}.dice{width:100px;height:100px;background-color:#111;border:2px solid #00ff00;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#0f0;text-shadow:0 0 10px #00ff00;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.dice.rolling{animation:rolling 1s ease-in-out}@keyframes rolling{0%{transform:rotate(0) scale(1) translate(0)}25%{transform:rotate(15deg) scale(.9) skew(-10deg,-5deg) translate(10px)}50%{transform:rotate(-15deg) scale(1.1) skew(10deg,5deg) translate(-10px)}75%{transform:rotate(5deg) scale(.95) translate(5px)}to{transform:rotate(0) scale(1) translate(0)}}.dice-roller button{background-color:transparent;border:2px solid #00ff00;color:#0f0;padding:.8em 1.5em;font-size:1.2rem;font-family:Share Tech Mono,monospace;cursor:pointer;border-radius:5px;text-transform:uppercase;transition:background-color .3s,box-shadow .3s,color .3s;text-shadow:0 0 5px #00ff00}.dice-roller button:hover,.dice-roller button:focus{background-color:#0f0;color:#0a0a0a;box-shadow:0 0 20px #0f0}.dice-roller button:disabled{border-color:#333;color:#333;cursor:not-allowed;box-shadow:none;text-shadow:none;background-color:#111}.App{text-align:center;background-color:#0a0a0a;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:Share Tech Mono,monospace;color:#0f0;padding:1rem}.App-header{width:100%;padding:1rem;border-bottom:1px solid #00ff00;box-shadow:0 0 10px #0f0;margin-bottom:2rem}.App-header h1{font-size:3rem;margin:0;color:#0f0;text-shadow:0 0 10px #00ff00,0 0 5px #fff;animation:flicker 1.5s infinite alternate}.tagline{font-size:1.2rem;margin:0;color:#0f0;text-shadow:0 0 5px #00ff00;animation:flicker 2s infinite alternate;animation-delay:.5s}.App-footer{width:100%;padding:1rem;border-top:1px solid #00ff00;box-shadow:0 0 10px #0f0;margin-top:2rem;font-size:.8rem;color:#555}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #00ff00,0 0 11px #00ff00,0 0 19px #00ff00,0 0 40px #00ff00,0 0 80px #00ff00,0 0 90px #00ff00,0 0 100px #00ff00,0 0 150px #00ff00}20%,24%,55%{text-shadow:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{background-color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}