:root{color:#f8fafc;font-synthesis:none;background:#101827;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.page-shell{background:radial-gradient(circle at 100% 0,#1d4ed8 0,#0000 34rem),#101827;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.coming-soon-card{max-width:42rem}.eyebrow{color:#93c5fd;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:.8rem;font-weight:700}h1{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,9vw,5.75rem);line-height:.98}.intro{color:#cbd5e1;max-width:34rem;margin:1.75rem 0;font-size:1.15rem;line-height:1.6}.roll-result{align-items:baseline;gap:.75rem;min-height:4.5rem;margin:0 0 1.75rem;display:flex}.roll-value{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:clamp(3rem,12vw,4.5rem);font-weight:800;line-height:1}.roll-caption{color:#94a3b8;font-size:1rem}.form-row{align-items:flex-end;gap:.75rem;display:flex}.sides-field{flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:700;display:flex}select{color:#101827;background:#fff;border:1px solid #0000;border-radius:.55rem;padding:.8rem .95rem;font-weight:600}button{color:#0f172a;cursor:pointer;background:#60a5fa;border:1px solid #60a5fa;border-radius:.55rem;padding:.8rem 1rem;font-weight:800}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #bfdbfe}button:disabled,select:disabled{cursor:wait;opacity:.65}.form-message{min-height:1.5em;margin:.75rem 0 0}.form-message.error{color:#fda4af}@media (width<=34rem){.page-shell{align-items:flex-start;padding-top:6rem}.form-row{flex-direction:column;align-items:stretch}}