.role-guide-page{--rg-bg: #000000;--rg-surface: #0d0d10;--rg-surface-2: #151418;--rg-surface-3: #242126;--rg-line: rgba(255, 255, 255, .09);--rg-line-soft: rgba(255, 255, 255, .08);--rg-text: #f1f5f9;--rg-text-muted: #b8b4aa;--rg-text-faint: #7e7a73;--rg-gold: #c9a44e;--rg-gold-soft: rgba(201, 164, 78, .18);--rg-good: #60a5fa;--rg-good-border: rgba(96, 165, 250, .55);--rg-good-bg: rgba(59, 130, 246, .11);--rg-evil: #f87171;--rg-evil-border: rgba(248, 113, 113, .5);--rg-evil-bg: rgba(220, 38, 38, .11);--rg-warn: #c9a44e;width:100%;max-width:1180px;margin:0 auto;padding:18px 16px 72px;overflow-x:hidden;color:var(--rg-text-muted);font-size:15px;line-height:1.5}.role-guide-page a{color:var(--rg-text);text-decoration-color:var(--rg-text-faint);text-underline-offset:3px}.role-guide-page a:hover{text-decoration-color:var(--rg-text)}.role-guide-shell{display:grid;gap:22px}.role-guide-site-header{display:grid;gap:9px;padding:32px;background:radial-gradient(ellipse 55% 125% at 7% 50%,rgba(59,130,246,.14),transparent 68%),radial-gradient(ellipse 55% 125% at 94% 50%,rgba(220,38,38,.12),transparent 68%),linear-gradient(180deg,#ffffff09,#ffffff03),#0b0b0e;border:1px solid var(--rg-line);border-radius:8px;position:relative;overflow:hidden}.role-guide-site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,78,.55),transparent)}.role-guide-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.role-guide-crumbs a{color:var(--rg-gold);text-decoration:none}.role-guide-crumbs a:hover{color:var(--rg-text)}.role-guide-eyebrow{color:var(--rg-gold);font-size:11px;font-weight:500;letter-spacing:.26em;line-height:1;text-transform:uppercase}.role-guide-site-header h1{margin:0;color:var(--rg-text);font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1.08;text-shadow:0 0 26px rgba(201,164,78,.08)}.role-guide-site-header p{max-width:76ch;color:var(--rg-text-muted);font-size:15px}.role-guide-filters{position:sticky;top:0;z-index:20;margin:0 -16px 4px;padding:12px 16px 14px;background:#000000eb;border-bottom:1px solid var(--rg-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.role-guide-filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.role-guide-search{flex:1 1 240px;min-width:220px;display:flex;align-items:center;gap:9px;min-height:38px;padding:0 11px;background:#ffffff06;border:1px solid var(--rg-line);border-radius:6px}.role-guide-search:focus-within{border-color:#c9a44e8c;background:var(--rg-surface-2)}.role-guide-search span{position:relative;width:14px;height:14px;flex:0 0 14px;border:2px solid var(--rg-text-faint);border-radius:50%;opacity:.75}.role-guide-search span:after{content:"";position:absolute;right:-5px;bottom:-4px;width:7px;height:2px;background:var(--rg-text-faint);border-radius:2px;transform:rotate(45deg)}.role-guide-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--rg-text);font:inherit;font-size:14px}.role-guide-search input::placeholder{color:var(--rg-text-faint)}.role-guide-segment{display:inline-flex;max-width:100%;padding:2px;background:#ffffff06;border:1px solid var(--rg-line);border-radius:6px;overflow-x:auto}.role-guide-segment button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:4px;background:transparent;color:var(--rg-text-muted);cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1;min-height:32px;padding:0 11px;white-space:nowrap}.role-guide-segment button:hover{color:var(--rg-text)}.role-guide-segment button[aria-pressed=true]{background:#c9a44e24;box-shadow:inset 0 0 0 1px #c9a44e1f;color:var(--rg-text)}.role-guide-results-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.role-guide-timing-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.role-guide-timing-notes div{min-width:0;padding:10px 12px;border:1px solid var(--rg-line);border-left:2px solid var(--rg-gold);border-radius:6px;background:#ffffff06}.role-guide-timing-notes dt{margin-bottom:3px;color:var(--rg-text);font-size:12px;font-weight:700}.role-guide-timing-notes dd{margin:0;color:var(--rg-text-muted);font-size:12.5px;line-height:1.4}.role-guide-results-row button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--rg-text-muted);cursor:pointer;font:inherit;text-decoration:underline;text-decoration-color:var(--rg-text-faint);text-underline-offset:3px}.role-guide-results-row button:hover{color:var(--rg-text)}.role-guide-content,.role-guide-reference-block{display:grid;gap:28px}.role-guide-block-heading{display:flex;align-items:center;gap:10px;margin:0;padding-bottom:8px;border-bottom:1px solid var(--rg-line);color:var(--rg-text);font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.role-guide-tier{border-top:1px solid var(--rg-line)}.role-guide-tier+.role-guide-tier{margin-top:14px}.role-guide-tier-summary{display:flex;align-items:center;gap:10px;padding:12px 0 8px;cursor:pointer;list-style:none;color:var(--rg-text);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.role-guide-tier-summary::-webkit-details-marker{display:none}.role-guide-tier-marker{flex:0 0 auto;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--rg-text-faint);transition:transform .15s ease}.role-guide-tier[open] .role-guide-tier-marker{transform:rotate(90deg)}.role-guide-tier-summary:hover .role-guide-tier-title{color:var(--rg-gold)}.role-guide-tier-count{margin-left:auto;color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.role-guide-tier .role-guide-team-description{margin:4px 0 12px}.role-guide-team-description{max-width:70ch;color:var(--rg-text-muted);font-size:14px}.role-guide-card-grid{display:grid;grid-template-columns:1fr;gap:12px}.role-guide-role-card{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;background:linear-gradient(155deg,rgba(255,255,255,.028),transparent 48%),var(--rg-surface);border:1px solid var(--rg-line);border-radius:6px;scroll-margin-top:112px}.role-guide-role-card.good{border-left:3px solid var(--rg-good-border);background:linear-gradient(155deg,rgba(59,130,246,.075),transparent 46%),var(--rg-surface)}.role-guide-role-card.evil{border-left:3px solid var(--rg-evil-border);background:linear-gradient(155deg,rgba(220,38,38,.075),transparent 46%),var(--rg-surface)}.role-guide-role-card:target{outline:1px solid var(--rg-text-faint);outline-offset:2px}.role-guide-role-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.role-guide-role-head h3{margin:0;color:var(--rg-text);font-size:17px;font-weight:700;line-height:1.22}.role-guide-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.role-guide-tag{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border:1px solid var(--rg-line);border-radius:4px;background:var(--rg-surface-2);color:#b8b4aac7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.role-guide-tag.good{color:var(--rg-good);border-color:var(--rg-good-border);background:var(--rg-good-bg)}.role-guide-tag.evil{color:var(--rg-evil);border-color:var(--rg-evil-border);background:var(--rg-evil-bg)}.role-guide-tag.muted{color:var(--rg-text-faint);border-style:dashed}.role-guide-tag.phase{color:#c9a44ec7;border-color:#c9a44e29;background:#c9a44e0d}.role-guide-summary{color:var(--rg-text-muted);font-size:14px;line-height:1.5}.role-guide-fields{display:grid;gap:8px;margin:0;padding-top:10px;border-top:1px dashed var(--rg-line-soft)}.role-guide-fields>div{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start}.role-guide-fields dt{color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.45;text-transform:uppercase}.role-guide-fields dd{min-width:0;margin:0;color:var(--rg-text-muted);font-size:13.5px;line-height:1.5}.role-guide-ability-list{display:grid;gap:4px;margin:0;padding-left:16px}.role-guide-ability-list li::marker{color:var(--rg-text-faint)}.role-guide-related-list{display:flex;flex-wrap:wrap;gap:5px}.role-guide-related-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid var(--rg-line);border-radius:4px;background:var(--rg-surface-2);color:var(--rg-text-muted)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1;text-decoration:none}.role-guide-related-chip:hover{border-color:var(--rg-text-faint);color:var(--rg-text)!important}.role-guide-muted{color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.role-guide-empty{grid-column:1 / -1;padding:28px 16px;border:1px dashed var(--rg-line);border-radius:6px;color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-align:center}.role-guide-reference-block{padding-top:10px}.role-guide-mechanics-grid{display:grid;grid-template-columns:1fr;gap:12px}.role-guide-mechanic-card,.role-guide-comparison{background:linear-gradient(180deg,rgba(255,255,255,.026),transparent 54%),var(--rg-surface);border:1px solid var(--rg-line);border-radius:6px}.role-guide-mechanic-card{display:grid;gap:8px;padding:14px}.role-guide-mechanic-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;color:var(--rg-text);font-size:15px;font-weight:700}.role-guide-mechanic-card h3 span:last-child{color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.role-guide-mechanic-card p,.role-guide-mechanic-card li{color:var(--rg-text-muted);font-size:13.5px;line-height:1.5}.role-guide-mechanic-card ul{margin:0;padding-left:17px}.role-guide-mechanic-card li+li{margin-top:3px}.role-guide-mechanic-card .role-guide-note{margin-top:2px;padding:8px 10px;border-left:2px solid var(--rg-warn);border-radius:0 4px 4px 0;background:var(--rg-surface-2);color:var(--rg-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px}.role-guide-comparison-stack{display:grid;gap:14px}.role-guide-comparison{overflow:hidden;min-width:0}.role-guide-comparison h3{margin:0;padding:12px 14px;color:var(--rg-text);font-size:14px;font-weight:700;border-bottom:1px solid var(--rg-line)}.role-guide-table-scroll{max-width:100%;min-width:0;overflow-x:auto}.role-guide-comparison table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px}.role-guide-comparison th,.role-guide-comparison td{padding:9px 10px;border-bottom:1px solid var(--rg-line-soft);color:var(--rg-text-muted);text-align:left;vertical-align:top}.role-guide-comparison tr:last-child th,.role-guide-comparison tr:last-child td{border-bottom:0}.role-guide-comparison thead th{background:#ffffff09;color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.role-guide-comparison tbody th{width:24%;color:var(--rg-text);font-weight:700}.role-guide-table-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;vertical-align:1px}.role-guide-comparison tbody th.good .role-guide-table-dot{background:var(--rg-good)}.role-guide-comparison tbody th.evil .role-guide-table-dot{background:var(--rg-evil)}.role-guide-toc{display:flex;flex-wrap:wrap;gap:8px}.role-guide-toc-link{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid var(--rg-line);border-radius:999px;background:var(--rg-surface-2);color:var(--rg-text-muted)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-decoration:none}.role-guide-toc-link:hover{border-color:var(--rg-gold);color:var(--rg-text)!important}.role-guide-content,.role-guide-reference-block{scroll-margin-top:96px}.role-guide-plot-card{border-left:3px solid var(--rg-gold-soft);background:linear-gradient(155deg,rgba(201,164,78,.07),transparent 46%),var(--rg-surface)}.role-guide-plot-card:target{outline:1px solid var(--rg-text-faint);outline-offset:2px}.role-guide-reference-block>.role-guide-note{margin:0;padding:8px 10px;border-left:2px solid var(--rg-warn);border-radius:0 4px 4px 0;background:var(--rg-surface-2);color:var(--rg-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11.5px}@media(min-width:640px){.role-guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:720px){.role-guide-page{padding:24px 24px 84px}.role-guide-filters{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.role-guide-mechanics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.role-guide-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.role-guide-page{padding:12px 12px 56px;font-size:14px}.role-guide-shell{gap:18px}.role-guide-site-header{padding:22px 20px}.role-guide-crumbs{gap:8px;font-size:11px}.role-guide-site-header h1{font-size:29px}.role-guide-filters{position:static;margin:0;padding:0;border-bottom:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.role-guide-filter-row{gap:7px}.role-guide-search{flex-basis:100%;min-width:0;min-height:44px}.role-guide-segment{width:100%;scrollbar-width:none}.role-guide-segment::-webkit-scrollbar{display:none}.role-guide-segment button{flex:1 1 auto;min-height:36px;padding:0 10px}.role-guide-segment-phase button{min-width:max-content}.role-guide-results-row{align-items:center;flex-direction:row;flex-wrap:wrap;margin-top:8px}.role-guide-timing-notes{display:none}.role-guide-content,.role-guide-reference-block{gap:22px}.role-guide-block-heading,.role-guide-tier-summary{gap:8px;font-size:12px}.role-guide-tier-count{margin-left:auto}.role-guide-role-head{flex-direction:column;gap:8px}.role-guide-tags{justify-content:flex-start}.role-guide-role-card,.role-guide-mechanic-card{padding:16px}.role-guide-fields>div{grid-template-columns:1fr;gap:3px}.role-guide-mechanic-card h3{align-items:flex-start;flex-direction:column;gap:3px}.role-guide-comparison h3{padding:14px 16px 12px}.role-guide-table-scroll{overflow-x:visible}.role-guide-comparison table,.role-guide-comparison thead,.role-guide-comparison tbody,.role-guide-comparison tr,.role-guide-comparison th,.role-guide-comparison td{display:block;width:100%}.role-guide-comparison table{min-width:0;font-size:13px}.role-guide-comparison thead{display:none}.role-guide-comparison tbody{display:grid;gap:1px;background:var(--rg-line-soft)}.role-guide-comparison tr{padding:13px 16px 14px;background:#ffffff05}.role-guide-comparison th,.role-guide-comparison td{padding:0;border-bottom:0}.role-guide-comparison tbody th{margin-bottom:9px;width:100%;font-size:15px;line-height:1.25}.role-guide-comparison td{display:grid;grid-template-columns:minmax(86px,34%) 1fr;gap:10px;color:var(--rg-text-muted);line-height:1.45}.role-guide-comparison td+td{margin-top:7px}.role-guide-comparison td:before{content:attr(data-label);color:var(--rg-text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.45;text-transform:uppercase}}@media(prefers-reduced-motion:reduce){.role-guide-page *,.role-guide-page *:before,.role-guide-page *:after{scroll-behavior:auto!important;transition:none!important}}.htp{--rg-bg: #000000;--rg-surface: #0d0d10;--rg-surface-2: #151418;--rg-surface-3: #242126;--rg-line: rgba(255, 255, 255, .09);--rg-line-soft: rgba(255, 255, 255, .08);--rg-text: #f1f5f9;--rg-text-muted: #b8b4aa;--rg-text-faint: #7e7a73;--rg-gold: #c9a44e;--rg-gold-soft: rgba(201, 164, 78, .18);--rg-good: #60a5fa;--rg-good-border: rgba(96, 165, 250, .55);--rg-good-bg: rgba(59, 130, 246, .11);--rg-evil: #f87171;--rg-evil-border: rgba(248, 113, 113, .5);--rg-evil-bg: rgba(220, 38, 38, .11);--rg-warn: #c9a44e}.htp{display:grid;gap:14px;-webkit-user-select:none;user-select:none;outline:none}.htp-viewport{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px}.htp-stage{display:grid;place-items:center;min-height:184px;padding:20px 10px;border:1px solid var(--rg-line);border-radius:10px;background:radial-gradient(ellipse 72% 80% at 50% 28%,rgba(201,164,78,.06),transparent 70%),var(--rg-surface);overflow:hidden}.htp-slide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%}.htp-slide.from-right{animation:htp-slide-right .34s ease}.htp-slide.from-left{animation:htp-slide-left .34s ease}@keyframes htp-slide-right{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes htp-slide-left{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}.htp-arrow{width:38px;height:38px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--rg-line);border-radius:50%;background:var(--rg-surface-2);color:var(--rg-text-muted);cursor:pointer}.htp-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.htp-arrow:hover:not(:disabled){border-color:var(--rg-gold);color:var(--rg-text)}.htp-arrow:disabled{opacity:.28;cursor:default}.htp-caption{display:grid;gap:5px;min-height:64px;text-align:center}.htp-title{margin:0;color:var(--rg-text);font-size:17px;font-weight:700}.htp-blurb{max-width:48ch;margin:0 auto;color:var(--rg-text-muted);font-size:14px;line-height:1.5}.htp-dots{display:flex;justify-content:center;gap:8px}.htp-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:var(--rg-line);cursor:pointer;transition:background .2s ease,transform .2s ease}.htp-dot.is-active{background:var(--rg-gold);transform:scale(1.3)}.htp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.htp-p{position:relative;width:30px;height:30px;color:var(--rg-text-faint);opacity:0;transform:scale(.5);animation:htp-pop .4s ease forwards;animation-delay:calc(var(--i) * 70ms)}.htp-p svg{display:block;width:100%;height:100%;fill:currentColor}.htp-p.good{color:var(--rg-good)}.htp-p.evil{color:var(--rg-evil)}@keyframes htp-pop{to{opacity:1;transform:scale(1)}}.htp-team .htp-p.evil{animation:htp-pop .4s ease forwards,htp-glow-evil 1.6s ease-in-out .9s infinite}@keyframes htp-glow-evil{0%,to{filter:drop-shadow(0 0 0 rgba(248,113,113,0))}50%{filter:drop-shadow(0 0 5px rgba(248,113,113,.85))}}.htp-propose .htp-p.leader,.htp-propose .htp-p.chosen{animation:htp-pop-chosen .9s ease forwards;animation-delay:calc(var(--i) * 70ms)}.htp-propose .htp-p.unchosen{animation:htp-pop-unchosen .9s ease forwards;animation-delay:calc(var(--i) * 70ms)}@keyframes htp-pop-chosen{0%{opacity:0;transform:scale(.5);filter:drop-shadow(0 0 0 rgba(201,164,78,0))}55%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 0 rgba(201,164,78,0))}to{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 5px rgba(201,164,78,.9))}}@keyframes htp-pop-unchosen{0%{opacity:0;transform:scale(.5);filter:grayscale(0)}55%{opacity:1;transform:scale(1);filter:grayscale(0)}to{opacity:.28;transform:scale(.82);filter:grayscale(1)}}.htp-pick{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--rg-gold);color:#1a1407;opacity:0;animation:htp-fade .3s ease .9s forwards}.htp-pick svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}@keyframes htp-fade{to{opacity:1}}.htp-result{padding:5px 13px;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:.04em;opacity:0;animation:htp-result-in .45s ease 1.9s forwards}.htp-result.fail{color:var(--rg-evil);border:1px solid var(--rg-evil-border);background:var(--rg-evil-bg)}.htp-result.pass{color:var(--rg-good);border:1px solid var(--rg-good-border);background:var(--rg-good-bg)}@keyframes htp-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.htp-crown{position:absolute;top:-17px;left:50%;width:18px;height:18px;color:var(--rg-gold);opacity:0;transform:translate(-50%,-6px);animation:htp-crown-drop .5s ease .4s forwards}.htp-crown svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes htp-crown-drop{to{opacity:1;transform:translate(-50%)}}.htp-pip{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--rg-line);border-radius:50%;background:var(--rg-surface-3);color:transparent;opacity:0;transform:scale(.6);animation:htp-pop .4s ease forwards;animation-delay:calc(var(--i) * .12s)}.htp-pip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.htp-pip.pass{background:var(--rg-good-bg);border-color:var(--rg-good-border);color:var(--rg-good)}.htp-pip.fail{background:var(--rg-evil-bg);border-color:var(--rg-evil-border);color:var(--rg-evil)}.htp-tally{display:flex;gap:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;letter-spacing:.04em}.htp-tally-good{color:var(--rg-good)}.htp-tally-evil{color:var(--rg-evil)}.htp-voter{color:var(--rg-text-faint)}.htp-ballot{position:absolute;top:-13px;left:50%;display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--rg-line);border-radius:50%;opacity:0;transform:translate(-50%) scale(.4);animation:htp-ballot-in .35s ease forwards;animation-delay:calc(.4s + var(--i) * .22s)}.htp-ballot svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.htp-ballot.approve{color:var(--rg-good);border-color:var(--rg-good-border);background:var(--rg-good-bg)}.htp-ballot.reject{color:var(--rg-evil);border-color:var(--rg-evil-border);background:var(--rg-evil-bg)}@keyframes htp-ballot-in{to{opacity:1;transform:translate(-50%) scale(1)}}.htp-cards{perspective:700px}.htp-card{position:relative;width:48px;height:66px;opacity:0;transform-style:preserve-3d;animation:htp-flip .7s ease forwards;animation-delay:calc(.3s + var(--i) * .25s)}.htp-card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border:1px solid var(--rg-line);border-radius:6px}.htp-card-back{opacity:1;background:repeating-linear-gradient(45deg,rgba(201,164,78,.12) 0 4px,transparent 4px 8px),var(--rg-surface-2);animation:htp-face-out .7s ease forwards;animation-delay:calc(.3s + var(--i) * .25s)}.htp-card-front{transform:rotateY(180deg);color:var(--rg-text);opacity:0;animation:htp-face-in .7s ease forwards;animation-delay:calc(.3s + var(--i) * .25s)}@keyframes htp-face-out{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes htp-face-in{0%,49%{opacity:0}50%,to{opacity:1}}.htp-card-front svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.htp-card.success .htp-card-front{background:var(--rg-good-bg);border-color:var(--rg-good-border);color:var(--rg-good)}.htp-card.fail .htp-card-front{background:var(--rg-evil-bg);border-color:var(--rg-evil-border);color:var(--rg-evil)}@keyframes htp-flip{0%{opacity:0;transform:rotateY(0) translateY(8px)}35%{opacity:1}to{opacity:1;transform:rotateY(180deg)}}.htp-endgame{position:relative;display:grid;place-items:center;min-height:72px}.htp-merlin{padding:8px 14px;border:1px solid var(--rg-good-border);border-radius:6px;background:var(--rg-good-bg);color:var(--rg-good);font-size:14px;font-weight:700}.htp-reticle{position:absolute;color:var(--rg-evil);opacity:0;transform:scale(1.7);animation:htp-target .6s ease .35s forwards}.htp-reticle svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@keyframes htp-target{to{opacity:.95;transform:scale(1)}}@media(min-width:720px){.htp-stage{min-height:220px}}@media(prefers-reduced-motion:reduce){.htp-slide,.htp-p,.htp-pip,.htp-ballot,.htp-card,.htp-crown,.htp-pick,.htp-result,.htp-reticle{animation:none!important;opacity:1!important;transform:none!important}.htp-card{transform:rotateY(180deg)!important}.htp-card-back{opacity:0!important}.htp-card-front{opacity:1!important}.htp-pip.pass,.htp-pip.fail{color:currentColor}}