body{color:#f0f8ff;background-color:#0b2434;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.card{background-color:#f5f5f5;border-radius:12px;flex-direction:column;align-items:center;gap:35px;width:90%;min-width:800px;height:auto;min-height:350px;padding:30px;display:flex}.card>h1{color:#2b283a;font-size:25px;font-weight:700}.card>p{color:#4a4e74;margin-top:-12px;font-size:12px;font-weight:400}.roll-btn{color:#f0f8ff;background-color:#5035ff;border-style:none;border-radius:4px;min-width:100px;padding:10px;box-shadow:1px 2px 4px #00000026}.dice-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.dice-grid>button{color:#2b283a;background-color:#fff;border-style:none;border-radius:4px;width:40px;height:40px;font-size:20px;font-weight:700;transition:background-color .2s;box-shadow:1px 2px 4px #00000026}.popup{background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{text-align:center;background:#000;border-radius:12px;padding:2rem;animation:.25s pop;box-shadow:0 10px 30px #0003}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.popup-card>button{color:#f0f8ff;background-color:#ff3553;border-style:none;border-radius:4px;min-width:100px;padding:10px;box-shadow:1px 2px 4px #00000026}