.compendium{height:100%;padding:calc(var(--top-h) + 4px) clamp(20px, 3vw, 48px) 0;grid-template:"bar bar""list detail"minmax(0,1fr)/minmax(320px,400px) minmax(0,1fr);gap:0 clamp(28px,3.4vw,56px);display:grid;position:relative}.compendium.wide{grid-template-columns:212px minmax(340px,420px) minmax(0,1fr);grid-template-areas:"bar bar bar""rail list detail"}.comp-bar{grid-area:bar;align-items:flex-end;gap:12px clamp(32px,4vw,64px);padding:6px 0 28px;display:flex}.comp-title{white-space:nowrap;margin:0;font-size:32px;font-weight:500;line-height:1}.compendium .comp-search{border:0;border-bottom:1px solid rgb(var(--line-rgb) / .32);background:0 0;flex:auto;max-width:560px;min-height:40px;padding:0 2px;font-size:15px;transition:border-color .16s}.compendium .comp-search::placeholder{color:var(--quiet);opacity:.5}.compendium .comp-search:focus{border-color:var(--gold)}.comp-rail{flex-direction:column;grid-area:rail;gap:24px;min-height:0;padding:0 6px 40px 0;display:flex;overflow-y:auto}.comp-rail-cats{flex-direction:column;display:flex}.comp-cat{min-height:40px;color:var(--quiet);font:500 15px var(--font-label);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 0 0 16px;transition:color .14s;display:flex;position:relative}.comp-cat .comp-cat-text{flex:1}.comp-cat .count{opacity:.5;font-variant-numeric:tabular-nums;font-size:11px}.comp-cat:before{content:"";background:var(--gold);width:6px;height:6px;margin-top:-3px;transition:transform .18s;position:absolute;top:50%;left:2px;transform:rotate(45deg)scale(0)}.comp-cat:hover{color:var(--strong)}.comp-cat[aria-pressed=true]{color:var(--gold)}.comp-cat[aria-pressed=true]:before{transform:rotate(45deg)scale(1)}.comp-cat:disabled{opacity:.3;cursor:default}.comp-rail-facets{border-top:1px solid rgb(var(--line-rgb) / .14);flex-direction:column;gap:4px;padding-top:18px;animation:.22s both sq-arrive;display:flex}.comp-rail-clear{min-height:24px;color:var(--gold);opacity:1;align-self:flex-start}.comp-rail-group{flex-direction:column;display:flex}.comp-rail-head{min-height:38px;color:var(--quiet);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:10px;display:flex}.comp-rail-head>span:first-child{opacity:.75;flex:1}.comp-rail-head:hover>span:first-child,.comp-rail-group.open .comp-rail-head>span:first-child{opacity:1;color:var(--strong)}.comp-rail-chev{opacity:.55;flex:none;transition:transform .2s}.comp-rail-group.open .comp-rail-chev{transform:rotate(180deg)}.comp-rail-body{grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.2,.8,.2,1);display:grid}.comp-rail-group.open .comp-rail-body{grid-template-rows:1fr}.comp-rail-inner{flex-direction:column;min-height:0;padding-bottom:0;transition:padding .24s;display:flex;overflow:hidden}.comp-rail-group.open .comp-rail-inner{padding-bottom:10px}.comp-rail-opt{min-height:32px;color:var(--quiet);font:400 13.5px var(--font-label);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.comp-rail-opt:hover{color:var(--strong)}.comp-rail-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.comp-rail-count{opacity:.45;font-variant-numeric:tabular-nums;font-size:11px}.comp-rail-tick{border:1px solid rgb(var(--line-rgb) / .5);flex:none;width:9px;height:9px;transition:background .14s,border-color .14s;transform:rotate(45deg)}.comp-rail-opt[aria-pressed=true]{color:var(--gold)}.comp-rail-opt[aria-pressed=true] .comp-rail-tick{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px rgb(var(--gold-rgb) / .5)}.comp-list{flex-direction:column;grid-area:list;gap:14px;min-height:0;display:flex}.comp-list-head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;display:flex}.comp-list-count{opacity:.6;font-size:10px}.comp-list .comp-sort select{min-height:30px;color:var(--quiet);background:0 0;border-color:#0000;padding:0 8px;font-size:12.5px}.comp-list .comp-sort select:hover,.comp-list .comp-sort select:focus{border-color:rgb(var(--line-rgb) / .3)}.compendium .chips{gap:2px 14px}.compendium .chip{min-height:34px;color:var(--quiet);background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.compendium .chip[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold);background:0 0}.results{flex-direction:column;flex:1;gap:3px;min-height:0;margin-right:-8px;padding:0 8px 40px 0;transition:opacity .16s;display:flex;overflow:hidden auto}.results[aria-busy=true]{opacity:.75}.result{min-height:64px;color:inherit;border-radius:8px;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;transition:background .14s;display:flex;position:relative}.results>.result{content-visibility:auto;contain-intrinsic-size:auto 64px}.result:before{content:"";background:var(--gold);border-radius:1px;width:2px;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;top:14px;bottom:14px;left:0;transform:scaleY(0)}.result:hover{background:rgb(var(--line-rgb) / .07)}.result.active{background:rgb(var(--line-rgb) / .13)}.result.active:before{transform:scaleY(1)}.result.active .result-name{color:var(--strong-hi)}.result:focus-visible{outline:1px solid var(--gold);outline-offset:-1px}.result-text{flex-direction:column;flex:1;min-width:0;display:flex}.result .result-name{white-space:nowrap;text-overflow:ellipsis;font-size:17.5px;line-height:1.2;overflow:hidden}.result .result-line{opacity:.6}.result-meta{flex-direction:column;flex:none;align-items:flex-end;gap:3px;display:flex}.result-tag{font:600 10.5px var(--font-label);letter-spacing:.04em;color:var(--quiet);opacity:.85;font-variant-numeric:tabular-nums;white-space:nowrap}.result-tag.creature{color:color-mix(in srgb, var(--danger) 70%, var(--quiet))}.result-tag.spell{color:color-mix(in srgb, var(--arcane) 75%, var(--quiet))}.result-tag.uncommon{color:var(--vitality)}.result-tag.rare{color:color-mix(in srgb, var(--arcane) 60%, #7fb0ff)}.result-tag.very-rare{color:var(--arcane)}.result-tag.legendary,.result-tag.artifact{color:var(--gold)}.result-kind{opacity:.5;font-size:8.5px}.result-skel{pointer-events:none}.comp-thumb{border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.comp-thumb img{width:100%;height:100%;display:block}.comp-thumb.portrait{box-shadow:0 0 0 1px rgb(var(--line-rgb) / .35);background:var(--depth-1)}.comp-thumb.portrait img{object-fit:cover;object-position:50% 16%}.comp-thumb.emblem img{object-fit:contain;filter:saturate(.85)drop-shadow(0 1px 3px #00000080)}.comp-thumb.glyph{color:var(--gold);background:radial-gradient(circle, var(--depth-3), var(--depth-1));box-shadow:0 0 0 1px rgb(var(--line-rgb) / .3);font-size:17px}.comp-detail{background:rgb(var(--surface-rgb) / .88);border:1px solid rgb(var(--line-rgb) / .14);border-radius:14px;grid-area:detail;min-height:0;margin-bottom:20px;padding:clamp(24px,3vw,40px) clamp(24px,3.2vw,48px) 64px;overflow-y:auto;box-shadow:0 24px 60px #00000059;container-type:inline-size}.back-link{margin-bottom:12px;text-decoration:none;display:none}.entry-actions{flex-direction:column;gap:10px;margin-top:12px;display:flex}.entry-actions-row{flex-wrap:wrap;gap:8px;display:flex}.entry-actions-row .btn{min-height:36px;padding:0 14px;font-size:12.5px}.entry-actions-row .btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold)}.entry-action-pane{flex-direction:column;gap:10px;max-width:520px;padding:14px 16px;animation:.2s ease-out sq-rise;display:flex}.entry-action-pane .hub-actions{margin:0}.entry-action-fields{grid-template-columns:1fr 96px;align-items:end;gap:10px;display:grid}.empty-detail{opacity:.7;margin-top:48px;font-size:20px}.entry{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art hero""mech mech""prose prose";align-items:start;column-gap:22px;display:grid}.entry:not(:has(.comp-picture)){grid-template-areas:"hero hero""mech mech""prose prose"}.entry:not(:has(.comp-picture)) .entry-art{display:none}.entry-art{grid-area:art}.entry-hero{grid-area:hero;align-self:end}.entry-mechanics{grid-area:mech;max-width:780px}.entry-mechanics:empty{display:none}.entry-prose{grid-area:prose;max-width:68ch}.entry-mechanics>:first-child,.entry-prose>:first-child{margin-top:0}.entry-kind{color:var(--gold)}.entry-title{font-size:clamp(34px, calc(4.2cqi / var(--text-scale)), 54px);text-wrap:balance;margin:6px 0;font-weight:500;line-height:1}.entry-line{font-size:18px}.entry-flavor{margin:6px 0 0;font-size:18px;line-height:1.55}.entry .rule{margin-bottom:20px}.comp-picture{place-items:center;margin:0;display:grid}.comp-picture img{display:block}.comp-picture.portrait{aspect-ratio:3/4;width:96px;box-shadow:0 0 0 1px rgb(var(--line-rgb) / .3), 0 10px 30px #00000073;border-radius:8px;overflow:hidden}.comp-picture.portrait img{object-fit:cover;object-position:50% 15%;width:100%;height:100%}.comp-picture.emblem,.comp-picture.glyph{width:88px;height:88px}.comp-picture.emblem img{object-fit:contain;filter:drop-shadow(0 6px 18px #0000008c);width:100%;height:100%}.comp-picture.glyph{color:var(--gold);background:radial-gradient(circle, var(--depth-3), var(--depth-1));box-shadow:0 0 0 1px rgb(var(--line-rgb) / .3), 0 0 40px rgb(var(--gold-rgb) / .12);border-radius:50%}.comp-picture.glyph svg{width:52%;height:52%}@container (width>=900px){.entry{grid-template:"hero art""mech art""prose art"1fr/minmax(0,1fr) clamp(220px,28cqi,340px);column-gap:clamp(28px,4cqi,56px)}.entry:not(:has(.comp-picture)){grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""mech""prose"}.entry-art{grid-row:1/span 3;align-self:start;position:sticky;top:4px}.entry-hero{align-self:start}.comp-picture.portrait{width:100%;box-shadow:none;border-radius:10px;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.comp-picture.emblem,.comp-picture.glyph{aspect-ratio:1;width:min(220px,80%);height:auto;margin:12px auto 0;position:relative}.comp-picture.emblem:before{content:"";background:radial-gradient(circle, rgb(var(--gold-rgb) / .16), transparent 65%);z-index:-1;border-radius:50%;position:absolute;inset:-18%}}.entry-beat{animation:.36s cubic-bezier(.2,.8,.2,1) both comp-beat}.entry-beat.b2{animation-delay:.13s}.entry-beat.b3{animation-delay:.26s}.entry-art.entry-beat{animation-name:comp-beat-art;animation-duration:.48s}@keyframes comp-beat{0%{opacity:0;transform:translateY(10px)}}@keyframes comp-beat-art{0%{opacity:0;filter:blur(6px);transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.entry-beat{animation:none}}.sq-reduced-motion .entry-beat{animation:none}.comp-credits{right:16px;bottom:calc(var(--foot-h,0px) + 14px);z-index:30;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed}.comp-credits-btn{border:1px solid rgb(var(--line-rgb) / .22);background:rgb(var(--surface-rgb) / .5);width:32px;height:32px;color:var(--quiet);opacity:.55;cursor:pointer;border-radius:50%;place-items:center;transition:opacity .14s,color .14s,border-color .14s;display:grid}.comp-credits-btn:hover,.comp-credits-btn:focus-visible,.comp-credits-btn[aria-expanded=true]{opacity:1;color:var(--gold);border-color:rgb(var(--gold-rgb) / .5)}.comp-credits-pop{background:rgb(var(--surface-rgb) / .94);border:1px solid rgb(var(--line-rgb) / .25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;flex-direction:column;gap:8px;width:min(360px,100vw - 32px);padding:14px 16px;animation:.2s ease-out sq-rise;display:flex;box-shadow:0 18px 44px #00000080}.comp-credits-pop p{color:var(--quiet);margin:0;font-size:12px;line-height:1.5}.comp-credits-pop a{color:var(--gold);align-self:flex-start;font-size:10px;text-decoration:none}@media (width<=860px){.compendium{padding:calc(var(--top-h) + 6px) 16px 0;display:block;overflow-y:auto}.comp-bar{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:14px}.comp-search{max-width:none}.comp-list{padding-bottom:32px}.results{margin-right:0;padding-right:0;overflow:visible}.comp-detail{border-radius:12px;margin:0 -6px 24px;padding:20px 18px 40px;display:none;overflow:visible}.compendium.has-selection .comp-list,.compendium.has-selection .comp-bar{display:none}.compendium.has-selection .comp-detail{display:block}.back-link{display:inline-block}.compendium .chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 2px;overflow-x:auto}.empty-detail{display:none}}.compendium .comp-rail,.compendium .results,.compendium .comp-detail{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}.compendium .comp-rail:hover,.compendium .results:hover,.compendium .comp-detail:hover{scrollbar-color:rgb(var(--line-rgb) / .35) transparent}.entry-card{background:rgb(var(--line-rgb) / .05);border:1px solid rgb(var(--line-rgb) / .16);border-radius:12px;margin:0 0 8px;padding:20px 24px}.entry .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px;margin:0}.entry .facts dt{opacity:.75;margin-bottom:4px;font-size:10px}.entry .facts dd{color:var(--strong);font-size:15px;line-height:1.5}.statblock{flex-direction:column;gap:22px;display:flex}.sb-vitals{border-bottom:1px solid rgb(var(--line-rgb) / .14);flex-wrap:wrap;gap:14px 40px;padding-bottom:20px;display:flex}.sb-vitals>div{flex-direction:column;gap:4px;display:flex}.sb-vitals .label{opacity:.75;font-size:10px}.sb-speed{flex:220px}.sb-big{font:500 30px/1 var(--font-name);color:var(--strong-hi);font-variant-numeric:tabular-nums}.sb-big small{font:400 14px var(--font-label);color:var(--quiet);opacity:.7;margin-left:4px}.sb-mid{color:var(--strong);padding-top:6px;font-size:16px;line-height:1.4}.sb-abilities{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.sb-ability{background:rgb(var(--line-rgb) / .07);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 12px;display:flex}.sb-ability .label{opacity:.75;font-size:10px}.sb-score{font:500 26px/1.1 var(--font-name);color:var(--strong-hi)}.sb-mod{color:var(--quiet);font-size:14px}.sb-save{font:600 10px var(--font-label);letter-spacing:.04em;color:var(--gold);margin-top:3px}.sb-ability.proficient{box-shadow:inset 0 0 0 1px rgb(var(--gold-rgb) / .35)}.entry-section{margin-top:36px}.entry-h2{color:var(--gold);align-items:center;gap:16px;margin:36px 0 16px;font-size:24px;font-weight:500;line-height:1.1;display:flex}.entry-section>.entry-h2{margin-top:0}.entry-h2:after{content:"";background:linear-gradient(90deg, rgb(var(--gold-rgb) / .45), rgb(var(--gold-rgb) / 0));flex:1;height:1px}.entry-part{max-width:68ch;margin:0 0 20px}.entry-part-name{color:var(--strong-hi);margin:0 0 6px;font-size:19px;font-weight:500}.entry-part-level{opacity:.6;margin-left:10px;font-size:10px}.entry-part .prose{margin-bottom:4px}.entry-part .prose strong{color:var(--strong-hi);font-style:italic;font-weight:600}.entry .prose{font-size:16px;line-height:1.7}.entry-prose>.prose:first-child,.entry-prose>.entry-flavor{margin-top:28px}.entry .progression td:nth-child(3){min-width:200px}.entry .table-scroll{background:rgb(var(--line-rgb) / .05);border:1px solid rgb(var(--line-rgb) / .16);border-radius:12px;padding:6px 12px}@container (width<=560px){.sb-abilities{grid-template-columns:repeat(3,minmax(0,1fr))}.entry .facts{grid-template-columns:minmax(0,1fr)}.entry-card{padding:16px 18px}}.comp-list{padding-bottom:72px}