.rulebook-breach-backdrop{z-index:1000;box-sizing:border-box;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07111f9e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.rulebook-breach-backdrop .rulebook-breach-modal{box-sizing:border-box;overflow-wrap:anywhere;border:1px solid color-mix(in srgb, var(--loss) 30%, var(--border));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--loss) 13%, transparent), transparent 38%), var(--surface);border-radius:24px;flex-direction:column;width:min(520px,100%);min-height:0;max-height:min(760px,100%);padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #050a1452}.rulebook-breach-header,.rulebook-breach-footer{flex:none;padding:clamp(16px,3vw,26px)}.rulebook-breach-header{border-bottom:1px solid var(--border);padding-right:60px;position:relative}.rulebook-breach-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 clamp(16px,3vw,26px) 20px;overflow-y:auto}.rulebook-breach-footer{border-top:1px solid var(--border);background:var(--surface)}.rulebook-breach-modal :where(button,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.rulebook-breach-close{width:44px;height:44px;color:var(--text-3);border-radius:10px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.rulebook-breach-close:hover,.rulebook-breach-close:focus-visible{background:var(--hover);color:var(--text-1);outline:none}.rulebook-breach-mark{background:color-mix(in srgb, var(--loss) 12%, var(--surface));width:54px;height:54px;color:var(--loss);box-shadow:0 10px 30px color-mix(in srgb, var(--loss) 15%, transparent);border-radius:17px;place-items:center;margin-bottom:20px;display:grid}.rulebook-breach-kicker{color:var(--loss);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:820}.rulebook-breach-modal h2{color:var(--text-1);font-family:var(--font-display);letter-spacing:-.04em;margin-top:9px;font-size:clamp(25px,5vw,36px);line-height:1.08}.rulebook-breach-body>p{color:var(--text-3);margin-top:10px;font-size:13px;line-height:1.65}.rulebook-breach-evidence{border:1px solid var(--border);background:var(--base);border-radius:14px;gap:5px;margin-top:20px;padding:14px;display:grid}.rulebook-breach-evidence span{color:var(--text-3);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:750}.rulebook-breach-evidence strong{color:var(--text-1);font-size:12px;line-height:1.55}.rulebook-breach-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:0;display:flex}.rulebook-breach-actions button,.rulebook-breach-actions a{border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-size:11px;font-weight:750;display:inline-flex}.rulebook-breach-actions button{border:1px solid var(--border);color:var(--text-2)}.rulebook-breach-actions a{background:var(--accent);color:#fff;box-shadow:0 9px 22px color-mix(in srgb, var(--accent) 22%, transparent)}.rulebook-breach-footer>small{color:var(--text-3);margin-top:14px;font-size:11px;line-height:1.5;display:block}@media (max-width:640px){.rulebook-breach-modal{border-radius:19px}.rulebook-breach-actions{flex-direction:column-reverse}.rulebook-breach-actions button,.rulebook-breach-actions a{width:100%}}@media (max-height:500px){.rulebook-breach-header,.rulebook-breach-footer{padding-block:12px}.rulebook-breach-mark{display:none}.rulebook-breach-modal h2{font-size:22px}.rulebook-breach-actions{flex-direction:row}.rulebook-breach-actions>*{flex:1;width:auto}.rulebook-breach-footer>small{margin-top:8px}}@media (prefers-reduced-motion:reduce){.rulebook-breach-backdrop,.rulebook-breach-modal{animation:none}}
