:root{--bg: #0d1117;--bg-soft: #131a2a;--card: #161f31;--card-hi: #1d2942;--line: #263049;--text: #e8edf7;--muted: #9aa7c0;--accent: #e0b050;--accent-soft: rgba(224, 176, 80, .14);--danger: #e2645f;--ok: #5cbb84;--radius: 14px;--shadow: 0 10px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:radial-gradient(1200px 600px at 50% -200px,#1c2740 0%,var(--bg) 60%) no-repeat,var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#0b1220;border:1px solid var(--line);padding:1px 5px;border-radius:5px;color:#cfe0ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;z-index:50;background:var(--accent);color:#14100a;padding:10px 16px;border-radius:0 0 8px;font-weight:700}.skip-link:focus{left:0}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(16px,4vw,48px);background:#0d1117d1;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.01em}.brand-die{width:26px;height:26px;color:var(--accent);display:inline-block}.brand-die svg{width:100%;height:100%;display:block}.brand-text{font-size:18px}.site-nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}.site-nav a{color:var(--muted);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text);border-bottom-color:var(--accent)}main{max-width:1080px;margin:0 auto;padding:0 clamp(16px,4vw,32px) 64px}.hero{padding:clamp(32px,6vw,64px) 0 28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent);margin:0 0 10px;font-weight:600}h1{font-size:clamp(28px,5vw,46px);line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}.lede{font-size:clamp(17px,2.2vw,19px);color:#cdd7ea;max-width:62ch;margin:0 0 10px}.hero-note{color:var(--muted);font-size:14px;margin:0}.card{background:linear-gradient(180deg,var(--card-hi),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:clamp(18px,3vw,28px);box-shadow:var(--shadow);margin:22px 0}.card h2{font-size:clamp(21px,3vw,26px);margin:0 0 6px;letter-spacing:-.01em}.card p{color:#c6d1e6;margin:0 0 18px}.btn{font:inherit;font-weight:650;cursor:pointer;border-radius:10px;border:1px solid var(--line);padding:11px 20px;transition:transform .06s ease,background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#191308}.btn-primary:hover{background:#efc266}.btn-ghost{background:transparent;color:var(--muted);padding:7px 14px;font-size:14px}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.btn:focus-visible,input:focus-visible,select:focus-visible,.faq-q:focus-visible,.dice-btn:focus-visible,.pb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],input[type=number],select{font:inherit;width:100%;color:var(--text);background:#0b1220;border:1px solid var(--line);border-radius:10px;padding:11px 14px}input[type=text]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;letter-spacing:.02em}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.dice-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:10px;margin:8px 0 22px}.dice-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;border-radius:12px;border:1px solid var(--line);background:#101728;color:var(--text);cursor:pointer;font:inherit;transition:border-color .15s,background .15s,transform .08s}.dice-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.dice-btn:active{transform:scale(.97)}.dice-btn-label{font-weight:750;font-size:17px}.dice-btn-sub{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.roller-input label,.form-grid label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:650;margin-bottom:7px}.input-row{display:flex;gap:10px}.input-row input{flex:1;min-width:0}.help{color:var(--muted);font-size:13.5px;margin:10px 0 0}.help code{font-size:12.5px}.roll-output{margin-top:20px;min-height:0}.roll-empty{color:var(--muted);font-size:15px;margin:0}.dice-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.die-slot{width:58px;height:58px;color:var(--accent);transition:opacity .2s}.die-slot svg{width:100%;height:100%;display:block}.die-slot.is-dropped{opacity:.22;text-decoration:line-through}.die-slot.is-dropped:after{content:""}.math-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;color:#d7e2f6}.math-dropped{color:var(--muted);text-decoration:line-through}.math-mod{color:#9fd0ff}.math-eq{color:var(--muted)}.math-total{font-size:30px;color:var(--accent);font-weight:800;line-height:1}.result-note{color:var(--muted);font-size:14px;margin:10px 0 0}.error-text{color:var(--danger);margin:0}.dc-tag{margin-left:8px;font-size:14px;color:var(--muted)}.check-verdict{margin:14px 0 0;font-weight:700;font-size:18px}.check-verdict.is-success{color:var(--ok)}.check-verdict.is-fail{color:var(--danger)}.history{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.history-head{display:flex;align-items:center;justify-content:space-between}.history h3{font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0}.history-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.history-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:12px;align-items:center;padding:8px 12px;background:#0f1626;border:1px solid var(--line);border-radius:9px;font-size:14px}.history-label{font-family:ui-monospace,monospace;color:#cfe0ff}.history-dice{color:var(--muted);font-family:ui-monospace,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-total{font-weight:800;color:var(--accent);font-size:16px}.history-empty{color:var(--muted);font-size:14px;padding:8px 0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px}.table-scroll{overflow-x:auto}.ability-wrap{overflow-x:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}thead th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.ability-name{font-weight:700;color:var(--accent)}.ability-score{font-weight:800;font-size:17px}.ability-mod{color:#9fd0ff;font-family:ui-monospace,monospace}.mini-dice{display:inline-flex;gap:4px}.mini-die{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:6px;background:#0b1220;border:1px solid var(--line);font-family:ui-monospace,monospace;font-size:13px}.mini-die.is-dropped{opacity:.3;text-decoration:line-through}.table-empty{color:var(--muted)}.calc-table th{color:var(--muted);font-weight:600}.calc-table td,.calc-table th{padding:8px 12px}.dc-table th,.dc-table td{text-align:center;padding:8px 6px;font-size:13.5px;font-family:ui-monospace,monospace}.dc-table thead th:first-child,.dc-table tbody th:first-child{text-align:left;color:var(--muted)}.dc-table td.p-high{background:#5cbb8429;color:#a6e5bf}.dc-table td.p-mid{background:#9fd0ff1f;color:#bcdcff}.dc-table td.p-low{background:#e0b0501f;color:#ecd08d}.dc-table td.p-vlow{background:#e2645f1f;color:#f0a19d}.pb-grid{display:grid;gap:8px;margin-bottom:16px}.pb-row{display:grid;grid-template-columns:52px 40px 46px 40px auto auto;align-items:center;gap:10px;background:#0f1626;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.pb-name{font-weight:700;color:var(--accent);font-size:14px;letter-spacing:.04em}.pb-btn{font:inherit;font-size:18px;line-height:1;width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#141d2f;color:var(--text);cursor:pointer}.pb-btn:hover{border-color:var(--accent)}.pb-score{text-align:center;font-weight:800;font-size:17px}.pb-cost{font-size:12.5px;color:var(--muted)}.pb-mod{font-family:ui-monospace,monospace;color:#9fd0ff;font-size:14px}.pb-footer{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--muted);flex-wrap:wrap}#pb-total{font-weight:700;color:var(--text)}#pb-left.over{color:var(--danger);font-weight:700}.prose{margin:40px 0;max-width:72ch}.prose h2{font-size:clamp(22px,3vw,28px);letter-spacing:-.01em;margin:0 0 14px}.prose h3{font-size:18px;margin:26px 0 8px;color:#eaf0fb}.prose p{color:#c6d1e6;margin:0 0 14px}.faq-item:last-child{border-bottom:0}.faq-q{width:100%;text-align:left;background:none;border:0;color:var(--text);font:inherit;font-weight:650;padding:16px 30px 16px 0;cursor:pointer;position:relative}.faq-q:after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:22px;line-height:1}.faq-item.is-open .faq-q:after{content:"–"}.faq-a{color:#c6d1e6;padding:0 8px 16px 0;font-size:15.5px}.site-footer{border-top:1px solid var(--line);padding:32px clamp(16px,4vw,48px) 56px;max-width:1080px;margin:0 auto;color:var(--muted);font-size:14px}.site-footer p{margin:0 0 8px}.footer-note{font-size:12.5px;opacity:.8}@media (max-width: 640px){body{font-size:16px}.site-nav{display:none}.die-slot{width:46px;height:46px}.math-total{font-size:26px}.history-row{grid-template-columns:1fr auto}.history-dice{display:none}.pb-row{grid-template-columns:44px 36px 42px 36px auto}.pb-mod{display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}.history-actions{display:flex;gap:6px}.copy-btn{font:inherit;font-size:12px;font-weight:650;cursor:pointer;border:1px solid var(--line);background:#141d2f;color:var(--muted);border-radius:7px;padding:5px 10px;transition:color .15s,border-color .15s,background .15s}.copy-btn:hover{color:var(--text);border-color:var(--accent)}.copy-btn.is-copied{color:var(--ok);border-color:var(--ok);background:#5cbb841f}.copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.copy-roll{flex:0 0 auto;white-space:nowrap;padding:11px 16px}@media (max-width: 640px){.input-row{flex-wrap:wrap}.input-row input{flex:1 1 100%}.input-row .btn{flex:1 1 auto}}.jump-links{margin:18px 0 0;font-size:14.5px;color:var(--muted)}.jump-links a{color:#cfe0ff;text-decoration:none;border-bottom:1px solid rgba(207,224,255,.35)}.jump-links a:hover,.jump-links a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.rules-table{width:100%;border-collapse:collapse;font-size:15px;margin:14px 0 18px}.rules-table th,.rules-table td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}.rules-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.rules-table tbody tr:last-child td{border-bottom:0}.prose ul{margin:0 0 14px;padding-left:22px;color:#c6d1e6}.prose li{margin-bottom:8px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary.faq-q{list-style:none;cursor:pointer}.faq-item summary.faq-q::-webkit-details-marker{display:none}.faq-item[open]{border-bottom-color:transparent}.faq-item[open] .faq-q{border-bottom:1px solid var(--line)}