:root{color-scheme:light;--ink:#493b34;--muted:#706257;--paper:#fffaf0;--card:#fffef8;--mint:#d8eedb;--lavender:#e9e0f6;--line:#dacbb7;--accent:#365d49;font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;line-height:1.7;font-size:17px}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:3px solid #79589a;outline-offset:4px}img{max-width:100%;height:auto}p{margin:.8rem 0 1.15rem}h1,h2,h3{line-height:1.16;text-wrap:balance}h1{font-size:clamp(2.1rem,5vw,3.7rem);letter-spacing:-.04em;margin:.7rem 0 1rem;max-width:850px}h2{font-size:clamp(1.55rem,3vw,2rem);margin:2.4rem 0 1rem;letter-spacing:-.025em}h3{font-size:1.18rem;margin:1.5rem 0 .7rem}li+li{margin-top:.5rem}ul,ol{padding-left:1.4rem}strong{font-weight:800}kbd{display:inline-block;border:1px solid var(--line);border-bottom-width:3px;border-radius:6px;padding:0 .4em;background:#fff;font:inherit;font-size:.85em}code{overflow-wrap:anywhere}.skip-link{position:absolute;top:-80px;left:1rem;background:var(--ink);color:white;padding:.6rem;z-index:2}.skip-link:focus{top:1rem}.site-header,.guide-main,.site-footer{width:min(1100px,calc(100% - 40px));margin:auto}.site-header{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-weight:900;text-decoration:none;color:var(--ink);line-height:1.15;font-size:1.12rem;max-width:160px;letter-spacing:-.025em}.guide-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.guide-nav a{display:inline-flex;align-items:center;min-height:44px;padding:7px 12px;border-radius:12px;text-decoration:none;font-size:.9rem;font-weight:700}.guide-nav a[aria-current=page]{background:var(--lavender);color:var(--ink)}.guide-nav a:hover{background:var(--mint)}.guide-nav .play-button,.play-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:2px solid var(--ink);border-radius:14px;padding:9px 20px;background:var(--mint);font-weight:800;color:var(--ink);text-decoration:none;box-shadow:0 3px 0 var(--ink)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0;color:var(--muted);font-size:.87rem}.breadcrumbs li+li{margin:0}.breadcrumbs li+li::before{content:"/";margin-right:8px}.hero{display:grid;grid-template-columns:1fr 175px;align-items:center;gap:30px;padding:10px 0 30px}.hero img{width:160px;transform:rotate(-5deg)}.eyebrow{font-weight:800;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.lede{font-size:1.15rem;max-width:760px}.updated{font-size:.8rem;color:var(--muted)}.quick-answer{border:1px solid var(--line);border-left:6px solid #91b997;border-radius:15px;background:var(--mint);padding:17px 22px;margin:0 0 26px}.quick-answer p{margin:.25rem 0}.contents{border:1px solid var(--line);border-radius:18px;padding:18px 22px;background:var(--card);margin:26px 0}.contents strong{display:block}.contents ul{display:flex;flex-wrap:wrap;column-gap:28px;row-gap:3px;margin:.6rem 0 0;padding-left:1.15rem}.contents li+li{margin:0}.prose{max-width:820px}.prose p{max-width:76ch}.prose-wide{max-width:none}.tip{padding:17px 22px;background:var(--lavender);border-radius:15px;margin:22px 0}.tip p{margin:.2rem 0}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.controls section{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.controls h3{margin:0 0 10px}.controls p{font-size:.94rem;margin:0}.table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:13px;margin:16px 0 25px;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left;line-height:1.45}caption{text-align:left;padding:13px 15px;font-weight:800;background:#f2ecdf}th,td{padding:12px 14px;border-bottom:1px solid #e7dccb;vertical-align:top}th{font-size:.82rem;background:#f5f1e7;white-space:nowrap}tbody th{white-space:normal;background:transparent;font-size:inherit}tbody tr:last-child>*{border-bottom:0}tbody tr:nth-child(even){background:#fcf8ee}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.table-help{font-size:.82rem;color:var(--muted)}.weapon-group{border:1px solid var(--line);border-radius:18px;background:var(--card);margin:16px 0;overflow:hidden}.weapon-group summary{padding:17px 20px;cursor:pointer;min-height:58px;font-weight:800;background:var(--tier)}.weapon-group .table-scroll{border-radius:0;border:0;margin:0}.weapon-table{min-width:680px}.level-table{min-width:760px}.level-table td:first-child{width:28%}.level-table td small{display:block;color:var(--muted);margin-top:5px}.tag{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:2px 7px;background:var(--lavender);font-size:.76rem;margin:3px 0}.chapter-intro{max-width:78ch}.related{margin:40px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--lavender)}.related h2{margin-top:0}.related-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin:18px 0 0}.related-links a{padding:7px 0;min-height:44px}.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:25px 0 40px;font-size:.85rem;color:var(--muted)}.site-footer p{max-width:85ch}.site-footer a{display:inline-flex;min-height:44px;align-items:center;margin-right:20px}.checklist li::marker{color:var(--accent)}
@media(max-width:720px){.site-header{align-items:flex-start;flex-direction:column;gap:13px}.guide-nav{justify-content:flex-start;gap:4px}.guide-nav a{padding:7px 10px}.hero{grid-template-columns:1fr 95px;gap:10px}.hero img{width:90px}.hero h1{font-size:2.25rem}.hero .lede,.hero .updated{grid-column:1/-1}.controls{grid-template-columns:1fr}.prose{max-width:100%}.site-header,.guide-main,.site-footer{width:calc(100% - 28px)}.quick-answer,.contents,.tip,.related{padding:16px}th,td{padding:11px 12px}.hero{padding-bottom:22px}.weapon-group summary{padding:15px}.contents ul{display:block}.contents li{margin:5px 0}.table-scroll{scrollbar-width:thin}h2{scroll-margin-top:1rem}}
@media(max-width:380px){body{font-size:16px}.hero{grid-template-columns:1fr}.hero img{display:none}.hero h1{font-size:2.2rem}.guide-nav .play-button{padding:7px 12px}.breadcrumbs{font-size:.8rem}.brand{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}