:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.app{display:flex;flex-direction:column;align-items:center;gap:.75rem;max-width:20rem;width:100%}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem}h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.roll-btn{background:none;border:none;cursor:pointer;padding:0;margin:1rem 0;outline:none;-webkit-tap-highlight-color:transparent}.roll-btn:disabled{cursor:default}.roll-btn:focus-visible .dice{outline:2px solid #6ea8fe;outline-offset:4px}.dice{width:140px;height:140px;background:#1a1a2e;border:2px solid rgba(255,255,255,.15);border-radius:20px;display:grid;place-items:center;transition:transform .1s ease;box-shadow:0 8px 30px #0006,inset 0 1px #ffffff0f}.roll-btn:active .dice{transform:scale(.95)}.rolling{animation:shake .08s ease-in-out infinite alternate}@keyframes shake{0%{transform:rotate(-6deg) scale(1.02)}to{transform:rotate(6deg) scale(1.02)}}.dice-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:100px;height:100px;padding:6px}.dot-slot{display:flex;align-items:center;justify-content:center}.dot-slot:after{content:"";display:block}.dot:after{width:22px;height:22px;border-radius:50%;background:#e8e8e8;box-shadow:0 2px 4px #0000004d}.result{font-size:3rem;font-weight:700;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.15)}.hint{margin:0;color:#ffffff59;font-size:.85rem}