dialog { color:var(--ink); }
dialog::backdrop { background:rgba(3,9,8,.74); backdrop-filter:blur(5px); }
.result-dialog { background:transparent; border:0; height:100%; margin:0; max-height:none; max-width:none; padding:0; width:100%; }
.result-panel { background:linear-gradient(160deg,rgba(19,33,29,.98),rgba(6,15,13,.99)); border:1px solid var(--line-strong); border-radius:var(--radius-lg); box-shadow:0 30px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08); left:50%; max-height:min(780px,86vh); max-width:860px; overflow:auto; padding:52px 64px 44px; position:absolute; text-align:center; top:50%; transform:translate(-50%,-50%); width:min(860px,82vw); }
.dialog-close { background:transparent; border:0; color:var(--ink-muted); cursor:pointer; font-family:Arial,sans-serif; font-size:26px; height:44px; position:absolute; right:16px; top:14px; width:44px; }
.dialog-close:hover { color:var(--ink); }
.result-panel h1 { font-family:var(--font-display); font-size:42px; font-weight:500; letter-spacing:.02em; margin:0; }
.result-lead { color:var(--ink-muted); line-height:1.8; margin:14px auto 24px; max-width:570px; }
.result-tags { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.result-tags span { background:rgba(216,187,114,.09); border:1px solid rgba(216,187,114,.38); border-radius:999px; color:var(--gold-pale); font-family:var(--font-display); padding:7px 14px; }
.result-stat { align-items:center; border-block:1px solid var(--line); display:grid; gap:4px 12px; grid-template-columns:auto 1fr 1px auto 1fr; margin:26px 0 20px; padding:18px 12px; text-align:left; }
.result-stat strong { color:var(--gold-pale); font-family:Georgia,serif; font-size:25px; font-variant-numeric:tabular-nums; }
.result-stat span { color:var(--ink-muted); font-size:11px; }
.result-stat i { background:var(--line); height:28px; }
.result-history { display:flex; flex-direction:column; gap:1px; max-height:190px; overflow:auto; text-align:left; }
.result-item { align-items:center; background:rgba(255,255,255,.025); display:grid; gap:0 12px; grid-template-columns:30px max-content minmax(0,1fr) auto; padding:10px 14px; }
.result-item i { border:1px solid currentColor; height:8px; rotate:45deg; width:8px; }
.result-item b { font-size:13px; font-weight:500; white-space:nowrap; }
.result-item__effect { color:var(--ink-muted); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.result-item__round { color:var(--ink-faint); font-size:10px; white-space:nowrap; }
.result-actions { display:flex; gap:12px; justify-content:center; margin-top:25px; }