.wild-magic{--_gap:16px;gap:var(--_gap);display:grid}.wild-magic .btn{gap:8px}.wild-magic .btn[aria-disabled=true]{opacity:var(--op-done);cursor:not-allowed}.wild-magic .btn[aria-disabled=true]:active{border-color:var(--border-card);background:0 0;translate:none}@media (hover:hover){.wild-magic .btn[aria-disabled=true]:hover{border-color:var(--border-card)}}.wild-magic .controls{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.wild-magic .controls .smallcaps{font-size:var(--size-desc)}.wild-magic .controls .switch{flex-wrap:wrap;gap:8px;display:flex}.wild-magic .controls .tip{--_tip-gap:6px;display:inline-flex;position:relative}.wild-magic .controls .bubble{bottom:calc(100% + var(--_tip-gap));z-index:1;white-space:nowrap;color:var(--parchment-light);background:var(--leather-raised);border:var(--border-w) solid var(--ink-outer);border-radius:var(--radius-button);box-shadow:var(--shadow-drop);visibility:hidden;opacity:0;pointer-events:none;padding:4px 10px;transition:opacity .15s,visibility .15s;position:absolute;left:50%;translate:-50%}.wild-magic .controls .tip[data-open=true] .bubble{visibility:visible;opacity:1}.wild-magic .controls .tip:has(.btn:focus-visible) .bubble{visibility:visible;opacity:1}.wild-magic .controls .reroll-table{margin-inline-start:auto}@media (hover:hover){.wild-magic .controls .tip:hover .bubble{visibility:visible;opacity:1}}.wild-magic .panel{--_pad:14px}.wild-magic .panel .tags{padding:var(--_pad) var(--_pad) 16px;gap:10px;display:grid}.wild-magic .panel .tags-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.wild-magic .panel .tags-head .smallcaps{font-size:var(--size-desc)}.wild-magic .panel .count{font-style:italic;font-size:var(--size-desc);font-variant-numeric:tabular-nums;color:var(--muted)}.wild-magic .panel .tag-strip{flex-wrap:wrap;gap:8px;display:flex}.wild-magic .panel .tag-strip .btn[aria-pressed=true]{color:var(--heading);border-color:var(--divider)}.wild-magic .panel .tag-strip .btn[aria-pressed=true]:active{border-color:var(--sienna)}@media (hover:hover){.wild-magic .panel .tag-strip .btn[aria-pressed=true]:hover{border-color:var(--sienna)}}.wild-magic .panel .tag-strip .btn[aria-pressed=false]{opacity:var(--op-done);border-style:dashed}.wild-magic .panel .notice{color:var(--sienna-text);font-style:italic}@media (min-width:768px){.wild-magic .panel{--_pad:18px}}.wild-magic .d20{--_col-num:44px;--_col-reroll:60px;--_cell-pad:8px 6px;--_size-num:1.125rem;--_rule:1px solid var(--border-card);table-layout:fixed;border-collapse:collapse;border-top:var(--_rule);width:100%}.wild-magic .d20 .col-num{width:var(--_col-num)}.wild-magic .d20 .col-reroll{width:var(--_col-reroll)}.wild-magic .d20 th,.wild-magic .d20 td{padding:var(--_cell-pad);vertical-align:middle;text-align:left}.wild-magic .d20 thead th{font-weight:400;font-size:var(--size-footnote)}.wild-magic .d20 thead .smallcaps:not(:nth-child(2)){text-align:center;padding-inline:0}.wild-magic .d20 tbody tr{border-top:var(--_rule)}.wild-magic .d20 .num{font-family:var(--font-display);font-weight:600;font-size:var(--_size-num);font-variant-numeric:tabular-nums;text-align:center;color:var(--heading)}.wild-magic .d20 .effect{overflow-wrap:anywhere}.wild-magic .d20 .chips{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.wild-magic .d20 .chip{font-size:var(--size-footnote);color:var(--muted);border:var(--border-w) solid var(--border-card);border-radius:var(--radius-button);align-items:center;padding:2px 8px;display:inline-flex}.wild-magic .d20 .empty{color:var(--muted);font-style:italic}.wild-magic .d20 .reroll{padding-inline:0}.wild-magic .d20 .row-reroll{width:var(--tap-target);height:var(--tap-target);color:var(--divider);cursor:pointer;background:0 0;border:0;place-items:center;margin-inline:auto;padding:0;display:grid}.wild-magic .d20 .row-reroll:disabled{opacity:var(--op-done);cursor:default}@media (hover:hover){.wild-magic .d20 .row-reroll:hover:not(:disabled){color:var(--sienna)}}@media (min-width:768px){.wild-magic .d20{--_col-num:64px;--_col-reroll:80px;--_cell-pad:12px 10px;--_size-num:1.25rem}}