Add rules-aware lookup dice rolling

src/RolemasterDb.App/wwwroot/app.css

@@ -115,6 +115,16 @@ textarea {
     gap: 0.35rem;
 }
 
+.roll-input-row {
+    display: flex;
+    gap: 0.55rem;
+    align-items: stretch;
+}
+
+.roll-input-row .input-shell {
+    flex: 1 1 auto;
+}
+
 .field-shell label {
     font-size: 0.85rem;
     letter-spacing: 0.08em;
@@ -158,6 +168,29 @@ textarea {
     background: linear-gradient(135deg, #c38a4d, #8f5a2f);
 }
 
+.roll-button {
+    flex: 0 0 auto;
+    min-width: 4.5rem;
+    border-radius: 14px;
+    border: 1px solid rgba(127, 96, 55, 0.18);
+    background: rgba(255, 248, 236, 0.9);
+    color: #6a4b28;
+    padding: 0.8rem 0.95rem;
+}
+
+.roll-button:hover {
+    background: rgba(250, 236, 210, 0.95);
+}
+
+.lookup-roll-note {
+    margin: 0;
+    font-size: 0.88rem;
+}
+
+.lookup-roll-note.is-warning {
+    color: #8d2b1e;
+}
+
 .tag-row {
     display: flex;
     gap: 0.6rem;