@font-face{font-family:EB Garamond;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-var.woff2) format("woff2-variations"),url(/fonts/eb-garamond-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2070-209F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:EB Garamond;font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/eb-garamond-var-italic.woff2) format("woff2-variations"),url(/fonts/eb-garamond-var-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2070-209F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-sans-3-var.woff2) format("woff2-variations"),url(/fonts/source-sans-3-var.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2070-209F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/great-vibes.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2070-209F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}:root{--oak-deep: #1c130d;--oak: #241a12;--oak-raised: #2e2118;--oak-lit: #33251a;--oak-rule: #4a3827;--beige: #f2e6ce;--beige-deep: #e8dab8;--beige-ink: #241f22;--amber: #d08a3e;--amber-pale: #e2c68f;--candle: #f7efdc;--candle-dim: #c9b38b;--purple: #6b4fa0;--purple-lit: #8a6cc4;--purple-pale: #c9a0e8;--parchment: #f7f1e3;--parchment-light: #fdfaf2;--combat-base: #c4562b;--combat-deep: #8f3a18;--combat-tint: #f6e4da;--support-base: #6b4fa0;--support-deep: #4b3578;--support-tint: #efeaf7;--healing-base: #1e7f86;--healing-deep: #145c62;--healing-tint: #e3f1f2;--utility-base: #a8761f;--utility-deep: #7a5312;--utility-tint: #f7eedc;--accent-base: var(--combat-base);--accent-deep: var(--combat-deep);--accent-tint: var(--combat-tint);--role-damage: #f28c5e;--role-control: #b3a6ff;--role-support: #7fd3a0;--role-utility: #86c1ee;--role-ink: #2a2420;--role: var(--role-damage);--void: #000000;--void-raised: #141416;--void-rule: #26262a;--void-ink: #ececee;--void-ink-dim: #9b9ba3;--display: "EB Garamond", "Iowan Old Style", Palatino, serif;--ui: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;--script: "Great Vibes", "Snell Roundhand", "Apple Chancery", cursive;--measure: 68ch;--step: 8px}[data-role=damage]{--role: var(--role-damage);--accent-base: var(--combat-base);--accent-deep: var(--combat-deep);--accent-tint: var(--combat-tint)}[data-role=control]{--role: var(--role-control);--accent-base: var(--support-base);--accent-deep: var(--support-deep);--accent-tint: var(--support-tint)}[data-role=support]{--role: var(--role-support);--accent-base: var(--healing-base);--accent-deep: var(--healing-deep);--accent-tint: var(--healing-tint)}[data-role=utility]{--role: var(--role-utility);--accent-base: var(--utility-base);--accent-deep: var(--utility-deep);--accent-tint: var(--utility-tint)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,figure,ul{margin:0}ul{padding:0;list-style:none}html{background:var(--oak-deep);color-scheme:dark;scrollbar-color:var(--oak-rule) var(--oak-deep)}body{margin:0;background:radial-gradient(120% 80% at 50% -10%,#2b1e14 0%,var(--oak-deep) 62%),var(--oak-deep);color:var(--candle);font-family:var(--ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--purple);color:var(--candle)}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.masthead{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(var(--step) * 4);padding:calc(var(--step) * 3) calc(var(--step) * 6);border-bottom:1px solid var(--oak-rule)}.wordmark{font-family:var(--display);font-size:28px;font-variant:small-caps;letter-spacing:.06em;color:var(--candle);text-decoration:none}.masthead p{font-size:15px;color:var(--candle-dim)}.masthead .book{position:relative;flex:none;order:2;margin-left:auto;align-self:center}.book-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--oak-rule);border-radius:999px;color:var(--amber-pale);cursor:pointer;transition:background .16s cubic-bezier(.16,1,.3,1),color .16s cubic-bezier(.16,1,.3,1)}.book-btn:hover{background:var(--oak-lit);color:var(--candle)}.book-btn .badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--amber);color:#1c130d;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.book-btn .badge[hidden]{display:none}.book-panel{position:absolute;z-index:30;top:calc(100% + 8px);right:0;min-width:220px;max-width:min(280px,calc(100vw - 24px));max-height:60vh;overflow-y:auto;padding:calc(var(--step) * 1);background:var(--oak-raised);border:1px solid var(--oak-rule);box-shadow:0 24px 60px #00000080}.book-panel[hidden]{display:none}.book-panel .book-empty{padding:calc(var(--step) * 1) calc(var(--step) * 1.5);font-size:14px;color:var(--candle-dim)}.book-panel .book-empty[hidden]{display:none}.book-panel a{display:block;padding:calc(var(--step) * 1) calc(var(--step) * 1.5);font-size:15px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-panel a:hover{background:var(--oak-lit);text-decoration:underline;text-underline-offset:3px}.masthead .search{flex:1 1 auto;max-width:380px;margin-left:auto;align-self:center}.shelf{padding:calc(var(--step) * 6);max-width:1320px;margin:0 auto}.shelf-hero h1{font-family:var(--display);font-size:clamp(38px,4vw,54px);font-variant:small-caps;letter-spacing:.02em;line-height:1}.shelf-hero>p{margin-top:calc(var(--step) * 1.5);max-width:56ch;color:var(--candle-dim);font-size:17px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:calc(var(--step) * 2.5);margin-top:calc(var(--step) * 5)}.tile-slot{position:relative}.tile-slot[hidden]{display:none}.tile{display:block;position:relative;overflow:hidden;background:var(--oak-raised);border:1px solid var(--oak-rule);border-top:3px solid var(--role);color:inherit;text-decoration:none;transition:background .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)}.tile:hover,.tile:focus-visible{background:var(--oak-lit);transform:translateY(-2px)}.tile .cover{display:block;position:relative;height:148px;overflow:hidden;background-color:var(--oak-deep);background-size:cover;background-position:center}.tile .cover img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .42s cubic-bezier(.16,1,.3,1)}.tile .cover img[data-loaded]{opacity:1}.tile .cover[data-art-error] img{display:none}.tile .glyph{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--role) 52%,transparent);background:radial-gradient(104% 88% at 50% 14%,color-mix(in srgb,var(--role) 20%,transparent) 0%,transparent 68%),var(--oak-deep)}.tile .cover img[data-loaded]+.glyph{display:none}.tile .role-dot{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--role);color:var(--role-ink)}.tile .body{display:block;padding:calc(var(--step) * 2) calc(var(--step) * 2.5) calc(var(--step) * 2.5)}.tile h2{font-family:var(--display);font-size:28px;font-variant:small-caps;letter-spacing:.02em;line-height:1.05;padding-right:calc(var(--step) * 1)}.tile .meta{display:block;margin-top:2px;font-family:var(--display);font-style:italic;font-size:17px;color:var(--amber-pale);text-transform:capitalize}.tile .headline{margin-top:calc(var(--step) * 1.75);display:flex;gap:calc(var(--step) * 3);font-size:14px;color:var(--candle-dim)}.tile .headline b{display:block;font-family:var(--display);font-size:21px;font-weight:400;color:var(--candle)}.bookmark{position:absolute;top:9px;right:9px;z-index:2;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid rgba(247,239,220,.22);border-radius:999px;background:#0c0805b8;color:var(--candle);cursor:pointer;transition:background .16s cubic-bezier(.16,1,.3,1),color .16s cubic-bezier(.16,1,.3,1)}.bookmark:hover{background:#0c0805eb;border-color:var(--role);color:var(--role)}.bookmark .on{display:none}.bookmark[aria-pressed=true]{background:var(--role);border-color:var(--role);color:var(--role-ink)}.bookmark[aria-pressed=true] .on{display:block}.bookmark[aria-pressed=true] .off{display:none}@media(max-width:620px){.masthead{gap:calc(var(--step) * 2);padding:calc(var(--step) * 2) calc(var(--step) * 2.5)}.masthead p:not(.book){display:none}.masthead .search{order:3;flex-basis:100%;max-width:none;margin-left:0}.masthead .book{white-space:nowrap}.shelf{padding:calc(var(--step) * 3) calc(var(--step) * 2.5) calc(var(--step) * 5)}}