:root{font-family:system-ui,sans-serif;color:#202020;background:#fff;line-height:1.6;--header:92px;--toc:0px;--shell:1280px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.2em}button,summary{font:inherit;color:inherit;cursor:pointer}button{background:#fff;border:1px solid #777;padding:8px 12px}a:hover,button:hover,summary:hover{background:#eee}a:active,button:active,summary:active{background:#ddd}:focus-visible{outline:3px solid #222;outline-offset:3px}h1,h2,h3{line-height:1.2;text-wrap:balance}h1{font-size:clamp(28px,3.1vw,44px);margin:0 0 24px;max-width:28ch}h2{font-size:28px;margin:0 0 22px}h3{font-size:21px;margin:32px 0 12px}p,ul,ol{margin:0 0 20px}li+li{margin-top:8px}h1,h2,h3,[id]{scroll-margin-top:calc(var(--header) + var(--toc) + 24px)}.skip-link{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:100}.skip-link:focus{top:6px}.site-header{position:fixed;top:0;left:0;right:0;z-index:30;background:#fff;border-bottom:1px solid #555}.header-inner{max-width:var(--shell);margin:auto;min-height:64px;padding:10px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:700;text-decoration:none;line-height:1.2;flex-shrink:0}.desktop-nav{display:flex;align-items:center;gap:8px}.desktop-nav>a,.nav-group>summary{padding:10px 8px;min-height:44px;display:block}.nav-group{position:relative}.nav-group>summary{list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:' ▾';font-size:14px}.nav-group[open]>summary{background:#eee}.nav-popover{position:absolute;top:100%;left:0;background:#fff;border:1px solid #777;width:242px;max-height:calc(100dvh - var(--header) - 20px);overflow:auto;padding:8px}.nav-group:last-child .nav-popover{left:auto;right:0}.nav-popover a{display:block;padding:9px 12px;min-height:44px}.desktop-nav [aria-current],.desktop-nav [data-current-group]{font-weight:bold;text-decoration:underline}.mobile-menu{display:none}.page-shell{max-width:var(--shell);padding:calc(var(--header) + 38px) 28px 72px;margin:0 auto}.inner .page-shell{padding-left:300px}.inner article{max-width:940px}.article-intro>p,.content-section>p,.content-section>ul,.content-section>ol{max-width:78ch}.article-intro>figure{max-width:440px;margin:28px 0}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;margin-bottom:24px}.toc-desktop{position:fixed;top:calc(var(--header) + 28px);left:max(28px,calc((100vw - var(--shell))/2 + 28px));width:226px;bottom:24px;overflow:auto;border-right:1px solid #aaa;padding-right:18px;z-index:5;background:#fff}.toc-desktop strong{display:block;margin-bottom:16px}.toc-desktop a{display:block;font-size:14px;padding:8px 6px;line-height:1.45}.toc-mobile{display:none}.content-section{border-top:1px solid #aaa;padding-top:32px;margin-top:40px}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:44px}.home-hero p{max-width:64ch;margin-bottom:18px}.home-hero p:last-child{margin-bottom:0}.home-hero figure{margin:0}.home-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.directory-item{border-top:1px solid #ccc;padding:22px 0}.directory-item>div:first-child{font-weight:700;margin-bottom:10px}.home .content-section{padding-top:36px;margin-top:52px}.home .content-section p{max-width:84ch}.home .sources{font-size:14px}.home .sources ul{columns:2;column-gap:40px}.sources li{break-inside:avoid;margin-bottom:10px}.media-slot{display:flex;width:100%;align-items:center;justify-content:center;background:#eee;border:1px solid #999;text-align:center;color:#555;font-size:13px;line-height:1.5}.media-slot span{padding:8px}.roster-slot{width:140px;max-width:100%;font-size:11px;margin:0 auto 8px}figure{max-width:700px;margin:28px 0}figcaption{font-size:14px;margin-top:8px;color:#444}.table-scroll{width:100%;overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:15px}th,td{border:1px solid #aaa;text-align:left;vertical-align:top;padding:12px;min-width:140px}th{background:#eee}td:first-child{min-width:148px}.inner[data-page-id="P-BUILDS"] table{min-width:900px}.inner[data-page-id="P-CHARACTERS"] table{min-width:740px}code{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.copy-code{display:block;margin-top:12px;white-space:nowrap}.copy-result{display:block;font-size:13px;max-width:180px}.site-footer{border-top:1px solid #777;position:relative;z-index:10;background:#f5f5f5;padding:40px 28px}.footer-inner{max-width:1224px;margin:auto;display:grid;grid-template-columns:1fr 3fr;gap:40px}.footer-brand>a:first-child{font-weight:bold}.site-footer nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.site-footer nav a{display:block;padding:7px 0;font-size:14px;min-height:36px}.site-footer nav strong{display:block;margin-bottom:10px}.menu-open{overflow:hidden}
@media(max-width:1100px){.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu>summary{padding:8px 12px;min-height:44px;border:1px solid #777;list-style:none}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>nav{position:fixed;top:var(--header);left:0;right:0;bottom:0;background:#fff;padding:20px 28px;overflow:auto;border-top:1px solid #777}.mobile-menu nav>a{display:block;padding:12px 8px;min-height:48px}.mobile-menu .nav-group{border-bottom:1px solid #bbb}.mobile-menu .nav-popover{position:static;width:auto;max-height:none;border:0;padding:0 8px 12px}.mobile-menu [aria-current]{font-weight:700}.footer-inner{grid-template-columns:1fr}.site-footer nav{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero{gap:28px}.inner .page-shell{padding-left:260px}.toc-desktop{width:204px;left:24px}}
@media(max-width:900px){.inner{--toc:46px}.inner .page-shell{padding:calc(var(--header) + var(--toc) + 24px) 24px 56px}.toc-desktop{display:none}.toc-mobile{display:block;position:fixed;top:var(--header);left:0;right:0;z-index:20;background:#fff;border-bottom:1px solid #777}.toc-mobile>summary{padding:10px 24px;min-height:46px;font-size:14px}.toc-mobile nav{max-height:calc(100dvh - var(--header) - 100px);overflow:auto;padding:8px 24px 20px;border-top:1px solid #ccc}.toc-mobile a{display:block;padding:10px 0;min-height:44px}.home-hero{grid-template-columns:1fr;gap:24px}.home-hero h1{max-width:30ch}.home-hero figure{max-width:680px;width:100%}.page-shell{padding-left:24px;padding-right:24px}.home .sources ul{columns:1}}
@media(max-width:600px){:root{font-size:16px}.header-inner{padding:8px 16px;gap:12px;min-height:60px}.brand{font-size:16px;flex-shrink:1;max-width:205px}.page-shell{padding:calc(var(--header) + 26px) 18px 48px}.inner .page-shell{padding-left:18px;padding-right:18px}h1{font-size:30px}h2{font-size:24px}h3{font-size:20px}.home-directory{grid-template-columns:1fr}.home .content-section{margin-top:36px;padding-top:28px}.content-section{padding-top:26px;margin-top:32px}.home-hero{margin-bottom:32px}.table-scroll{overflow:visible}table,.inner[data-page-id] table{display:block;min-width:0;font-size:15px}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody,tr,td{display:block;width:100%;min-width:0!important}tr{border:1px solid #999;margin-bottom:20px}td{border:0;border-top:1px solid #ddd;padding:12px 14px}td:first-child{border-top:0}td:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:#555;margin-bottom:6px}.roster-slot{margin:8px 0;width:160px}.site-footer{padding:32px 18px}.site-footer nav{grid-template-columns:1fr 1fr}.site-footer nav a{min-height:44px}.footer-inner{gap:24px}.breadcrumbs{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}