/* Giveaway rules generator */
.bg-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}
.bg-out{position:sticky;top:84px}
.bg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;flex-wrap:wrap}
.bg-head h2{margin:0}
.bg-status{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:720;background:color-mix(in srgb,#d98a00 16%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,#d98a00 40%,transparent)}
.bg-status.ok{background:color-mix(in srgb,#1f9d63 16%,transparent);border-color:color-mix(in srgb,#1f9d63 45%,transparent)}
.bg-group{border:1px solid var(--border);border-radius:16px;margin:0 0 10px;background:var(--bg);overflow:hidden}
.bg-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;cursor:pointer;font-weight:740;font-size:15px;list-style:none;min-height:48px}
.bg-group>summary::-webkit-details-marker{display:none}
.bg-group>summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform .25s var(--t-ease);margin-left:4px;flex:none}
.bg-group[open]>summary::after{transform:rotate(-135deg)}
.bg-group>summary em{margin-left:auto;font-style:normal;font-size:12px;font-weight:760;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center}
.bg-group>summary em.warn{background:color-mix(in srgb,#d98a00 22%,transparent)}
.bg-group>summary em.ok{background:color-mix(in srgb,#1f9d63 22%,transparent);color:#1f9d63}
.bg-body{padding:4px 16px 8px;animation:bgOpen .3s var(--t-ease)}
@keyframes bgOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.bg-field[hidden]{display:none}
.bg-field.flash{animation:bgFlash 1.3s ease}
@keyframes bgFlash{0%,100%{background:transparent}30%{background:color-mix(in srgb,var(--accent) 22%,transparent)}}
.bg-field{border-radius:12px}
.bg-field--sw .t-switch{background:var(--surface)}
.bg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.bg-label{display:block;margin:0 0 8px;font-size:13px;font-weight:720;color:var(--text-secondary)}
.bg-chip{min-height:40px;padding:8px 14px;border:1.5px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:all .18s}
.bg-chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.bg-mem{margin-top:6px}
.bg-paper,.bases-paper{background:#fff;color:#1a1a1f;border:1px solid #e4e0da;border-radius:6px;padding:clamp(20px,3.5vw,38px);box-shadow:0 1px 2px rgba(0,0,0,.06),0 14px 34px -18px rgba(0,0,0,.35);font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.62;max-height:68vh;overflow:auto}
#bg-paper{animation:none}
.bases-paper h2{font-size:21px;line-height:1.25;margin:0 0 14px;color:#6a1a38;font-family:inherit}
.bases-paper h3{font-size:15.5px;margin:20px 0 6px;font-family:inherit;color:#1a1a1f}
.bases-paper p{margin:0 0 9px;color:#26262d}
.bases-paper .bp-banner{padding:10px 12px;border:1.5px solid #1a1a1f;font-size:13.5px}
.bases-paper .bp-foot{margin-top:22px;padding-top:12px;border-top:1px solid #ddd;font-size:12.5px;color:#666;font-style:italic}
mark.ph{background:#fff1a6;color:#5b4300;padding:0 4px;border-radius:4px;cursor:pointer;box-shadow:0 0 0 1px #e8c94f inset;transition:background .15s}
mark.ph:hover,mark.ph:focus-visible{background:#ffe066;outline:2px solid var(--accent);outline-offset:1px}
.bases-paper mark{background:#fff1a6;color:#5b4300}
.bg-actions{margin-top:16px}
.bg-notes{margin-top:18px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,#d98a00 40%,var(--border));background:color-mix(in srgb,#d98a00 8%,var(--surface))}
.bg-notes h3{margin:0 0 8px;font-size:14.5px}
.bg-notes ul{margin:0;padding-left:18px}.bg-notes li{margin:0 0 6px;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}
.bases-print{display:none}
@media (max-width:900px){.bg-shell{grid-template-columns:1fr}.bg-out{position:static}.bg-paper,.bases-paper{max-height:none}}
@media (max-width:560px){.bg-actions .t-btn{flex:1 1 calc(50% - 8px)}}
@media (prefers-reduced-motion:reduce){.bg-body,.bg-field.flash{animation:none}}
@media print{
  html.is-printing-bases,html.is-printing-bases body{background:#fff!important}
  html.is-printing-bases body>*:not(.bases-print){display:none!important}
  html.is-printing-bases .bases-print{display:block!important}
  html.is-printing-bases .bases-paper{max-height:none;overflow:visible;border:0;box-shadow:none;padding:0;font-size:11.5pt}
  html.is-printing-bases .bases-paper h3{break-after:avoid}
  html.is-printing-bases .bases-paper p{orphans:3;widows:3}
}
