:root{color:#f8eee8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#17121a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}.app{background:radial-gradient(at 50% 45%,#6f2c4a3d,#0000 55%),#17121a;flex-direction:column;min-height:100vh;display:flex}.header{justify-content:center;padding:32px 24px;display:flex}.logo{color:inherit;flex-direction:column;align-items:center;gap:5px;text-decoration:none;display:flex}.logo-name{letter-spacing:.5px;font-family:Georgia,Times New Roman,serif;font-size:29px}.logo-name span{color:#e7a5b7}.tagline{color:#b9a8b4;letter-spacing:2px;text-transform:uppercase;font-size:10px}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 24px 100px;display:flex}.eyebrow{color:#e7a5b7;letter-spacing:3px;margin:0 0 24px;font-size:11px;font-weight:600}h1{letter-spacing:-1.5px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,76px);font-weight:400;line-height:1.08}h1 span{color:#e7a5b7;font-style:italic}.description{color:#c4b5c0;max-width:390px;margin:26px 0 34px;font-size:16px;line-height:1.8}.roll-button{color:#271821;opacity:.65;cursor:not-allowed;background:#e7a5b7;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-width:210px;padding:16px 28px;font-weight:650;display:inline-flex}.roll-button span{font-size:23px}.coming-soon{color:#998795;letter-spacing:.5px;margin:18px 0 0;font-size:12px}.footer{color:#998795;letter-spacing:1px;text-align:center;padding:22px 16px;font-size:11px}@media (width<=480px){.header{padding-top:24px}.hero{padding-top:35px;padding-bottom:65px}.description{font-size:15px}}.roll-button{opacity:1;cursor:pointer;transition:background-color .18s,transform .18s,opacity .18s}.roll-button:hover:not(:disabled){background:#f0bac8;transform:translateY(-2px)}.roll-button:disabled{opacity:.65;cursor:wait}.error-message{color:#ffb3b3;max-width:390px;margin:20px 0 0;font-size:14px;line-height:1.6}.dice-result{background:#ffffff0a;border:1px solid #e7a5b74d;border-radius:18px;width:min(100%,440px);margin-top:36px;padding:26px 30px;animation:.3s ease-out result-appear}.result-label{color:#e7a5b7;letter-spacing:3px;margin:0 0 12px;font-size:10px;font-weight:600}.dice-result h2{color:#f8eee8;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,5vw,32px);font-weight:400;line-height:1.35}@keyframes result-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.roll-button{transition:none}.dice-result{animation:none}}