.books-page{gap:var(--sp-6);padding-bottom:var(--sp-8);grid-template-columns:minmax(0,1fr);display:grid}.books-page>*{min-width:0}.books-page .lede{max-width:var(--reading-max);color:var(--ink-2);font-size:var(--fs-md);margin:0}.books-page .title-row{margin-bottom:calc(var(--sp-6) * -1 + var(--sp-2))}.bk-fine{font-size:var(--fs-xs);color:var(--muted-text)}.bk-card>*,.bk-how>*,.bk-finder>*,.bk-book>*{z-index:3;position:relative}.bk-card-title{margin:0 0 var(--sp-3);font-family:var(--font-head);font-weight:400;font-size:var(--fs-lg);color:var(--ink)}.bk-finder{gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);display:grid}.bk-finder[hidden]{display:none}.bk-progress-top{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.bk-progress-n{font-family:var(--font-head);font-size:var(--fs-xl);color:var(--ink)}.bk-progress-n b{color:var(--gold-hi);font-weight:400}.bk-link{min-height:32px;color:var(--gold-text);font:600 var(--fs-sm) var(--font-ui);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.bk-link[hidden]{display:none}.bk-shelf{border-bottom:4px solid var(--gold-lo);border-radius:0 0 2px 2px;align-items:flex-end;gap:3px;height:64px;margin:0;padding:0;list-style:none;display:flex}.bk-spine{background:var(--line);min-width:0;height:58%;box-shadow:inset 0 0 0 1px var(--edge-lo);border-radius:2px 2px 0 0;flex:1 1 0}.bk-spine:nth-child(3n+1){height:74%}.bk-spine:nth-child(5n+2){height:88%}.bk-spine:nth-child(7n+4){height:66%}.bk-spine.is-lit{background:linear-gradient(180deg, var(--gold-hi), var(--gold-lo));box-shadow:0 0 8px color-mix(in srgb, var(--gold) 45%, transparent)}@media (prefers-reduced-motion:no-preference){.bk-spine{transition:background-color .25s,box-shadow .25s}}.bk-mark{flex:none;align-self:flex-end;justify-items:center;gap:0;width:30px;margin:0 4px;padding-bottom:2px;display:grid}.bk-mark-icon{width:28px;height:28px;box-shadow:0 0 0 1px var(--gold), 0 0 0 3px var(--bg);border-radius:6px}.bk-mark em{font:700 var(--fs-xs) var(--font-ui);color:var(--ink-2);font-style:normal;line-height:1.4}.bk-controls{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.bk-search{min-width:0;min-height:42px;padding:0 var(--sp-4);font:500 var(--fs-md) var(--font-ui);color:var(--ink);background:var(--surface-2);border:1px solid var(--edge-mid);border-radius:var(--radius-btn);flex:14rem}.bk-search::placeholder{color:var(--muted-text)}.bk-seg{border-radius:var(--radius-btn);box-shadow:inset 0 0 0 1px var(--edge-mid);display:inline-flex;overflow:hidden}.bk-seg button{min-height:42px;font:600 var(--fs-md) var(--font-ui);color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0 16px}.bk-seg button.is-on{color:var(--ink);background:color-mix(in srgb, var(--gold) 16%, transparent)}.bk-how{padding:var(--sp-4) var(--sp-5)}.bk-steps{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.bk-step{gap:var(--sp-3);align-items:flex-start;display:flex}.bk-step-icon{width:36px;height:36px;box-shadow:0 0 0 1px var(--edge-mid);border-radius:6px;flex:none}.bk-step b{color:var(--gold-text);margin-bottom:2px;font-weight:600;display:block}.bk-step-text{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.5;display:block}.bk-wrap{position:relative}.bk-wrap>.bk-card{height:100%}.bk-three{gap:var(--sp-4);grid-template-columns:1.3fr 1fr 1fr;display:grid}.bk-card{padding:var(--sp-4) var(--sp-5)}.bk-npcs{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.bk-npcs li{align-items:center;gap:var(--sp-3);line-height:1.3;display:flex}.bk-npcs li>span:nth-child(2){flex:1;min-width:0}.bk-npcs b{color:var(--ink);font-weight:600;display:block}.bk-npcs .bk-fine{display:block}.bk-side{text-align:center;width:5.2rem;font-size:var(--fs-xs);border-radius:6px;flex:none;padding:2px 8px;font-weight:700}.bk-side.alliance{color:var(--alliance-ink);background:color-mix(in srgb, var(--alliance-hi) 22%, transparent)}.bk-side.horde{color:var(--horde-ink);background:color-mix(in srgb, var(--horde-hi) 22%, transparent)}.bk-maplink{font-size:var(--fs-sm);color:var(--gold-text)}.bk-quest{margin:0 0 var(--sp-3);color:var(--ink-2)}.bk-rewards{gap:var(--sp-2);display:grid}.bk-reward{align-items:center;gap:var(--sp-2);border-radius:6px;display:flex}.bk-reward:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.bk-reward-icon{width:32px;height:32px;box-shadow:0 0 0 1px var(--q-rare);border-radius:6px;flex:none}.bk-reward b{font-size:var(--fs-sm);font-weight:600}.bk-groups{gap:var(--sp-6);display:grid}.bk-group[hidden],.bk-li[hidden],.bk-empty[hidden]{display:none}.bk-group-h{margin:0 0 var(--sp-3);font-family:var(--font-head);font-weight:400;font-size:var(--fs-xl);color:var(--gold-hi)}.bk-count{margin-left:var(--sp-2);font:500 var(--fs-sm) var(--font-ui);color:var(--muted-text)}.bk-empty{color:var(--ink-2);margin:0}.bk-list{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.bk-li{scroll-margin-top:calc(var(--header-h,64px) + var(--sp-6));position:relative}.bk-li:hover{z-index:30}.bk-li:has(:focus-visible){z-index:30}.bk-book{align-items:center;gap:var(--sp-3);height:100%;padding:var(--sp-3) var(--sp-4);display:flex}.bk-li:hover .bk-book,.bk-book.is-target{box-shadow:var(--frame), inset 0 0 0 1px var(--gold)}.bk-anchor{position:absolute;top:0}.bk-tick{cursor:pointer;flex:none;width:26px;height:26px;display:block;position:relative}.bk-tick input{opacity:0;cursor:pointer;width:26px;height:26px;margin:0;position:absolute;inset:0}.bk-box{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--edge-mid);background:var(--surface-2);border-radius:50%;display:block;position:relative}.bk-tick input:checked+.bk-box{background:var(--gold);box-shadow:none}.bk-tick input:checked+.bk-box:after{content:"";border:solid var(--bg-deep);border-width:0 3px 3px 0;width:6px;height:12px;position:absolute;top:5px;left:9px;transform:rotate(45deg)}.bk-tick input:focus-visible+.bk-box{outline:2px solid var(--gold-hi);outline-offset:2px}.bk-icon{width:40px;height:40px;box-shadow:0 0 0 1px var(--edge-mid);border-radius:6px;flex:none}.bk-text{flex:1;gap:2px;min-width:0;line-height:1.3;display:grid}.bk-title{color:var(--ink);font-weight:600}.bk-place{font-size:var(--fs-sm);color:var(--ink-2)}.bk-zone{color:var(--gold-text);font-weight:600;text-decoration:none}.bk-zone:hover{text-underline-offset:3px;text-decoration:underline}.bk-at{color:var(--muted-text);font-size:var(--fs-xs)}.bk-flag{font-size:var(--fs-xs);color:var(--muted-text);justify-self:start}.bk-flag.is-open{color:var(--ink-2);background:var(--surface-2);border-radius:6px;padding:0 8px}.bk-map{min-height:34px;font-size:var(--fs-sm);flex:none;gap:6px;padding:0 14px}.bk-book.is-found .bk-title{color:var(--muted-text);text-decoration:line-through}.bk-book.is-found .bk-icon{opacity:.5}.bk-tip{left:var(--sp-6);z-index:30;width:18rem;max-width:calc(100vw - 32px);display:none;position:absolute;top:calc(100% - 6px)}.bk-tip p,.bk-tip-line{margin:2px 0;display:block}.bk-tip-equip{color:var(--q-uncommon)}.bk-tip-desc{font-style:italic}.bk-tip-note{color:var(--note-ink);opacity:.8}.bk-tip-foot{font-size:var(--fs-xs);opacity:.65;margin-top:var(--sp-2)!important}.bk-tip-reward{left:var(--sp-5)}@media (hover:hover){.bk-li:hover>.bk-tip{display:block}.bk-li:has(:focus-visible)>.bk-tip{display:block}:is(.bk-wrap:has(.bk-reward[data-reward="0"]:hover,.bk-reward[data-reward="0"]:focus-visible)>.bk-tip[data-tip-for="0"],.bk-wrap:has(.bk-reward[data-reward="1"]:hover,.bk-reward[data-reward="1"]:focus-visible)>.bk-tip[data-tip-for="1"]){display:block}}.books-page .about-faq{margin-top:var(--sp-4)}.bk-tracker{padding:var(--sp-4) var(--sp-5) var(--sp-5);gap:0;display:grid;overflow:visible}.bk-tracker>*{z-index:3;min-width:0;position:relative}@media (width<=420px){.bk-progress-top{row-gap:var(--sp-3);flex-wrap:wrap}.bk-progress-end{flex:100%;justify-content:space-between}.bk-view{flex:1}.bk-view button{flex:1;justify-content:center}.bk-group,.bk-li{min-width:0}.bk-text{overflow-wrap:anywhere}.bk-group-h{font-size:var(--fs-lg)}}.bk-tracker .bk-finder{padding:0 0 var(--sp-5)}.bk-tracker .bk-groups{gap:var(--sp-5)}.bk-tracker .bk-finder:not([hidden])~.bk-groups,.bk-tracker .bk-finder:not([hidden])~.bk-table-card,.bk-tracker .bk-finder:not([hidden])~.bk-empty{padding-top:var(--sp-5);border-top:1px solid var(--line)}.bk-progress-end{align-items:center;gap:var(--sp-4);flex:none;display:inline-flex}.bk-groups[hidden],.bk-table-card[hidden],.bk-row[hidden]{display:none}.bk-view{border-radius:var(--radius-btn);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge-mid);gap:3px;padding:3px;display:inline-flex}.bk-view button{border-radius:calc(var(--radius-btn) - 2px);min-height:40px;color:var(--ink-2);font:700 var(--fs-md) var(--font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.bk-view button:hover{color:var(--ink)}.bk-view button.is-on{background:linear-gradient(180deg, var(--cta-hi), var(--cta-lo));color:var(--cta-ink);box-shadow:inset 0 1px #ffffff73}.bk-view button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.bk-table{table-layout:fixed;min-width:0}.bk-table th.bk-td-tick,.bk-table td.bk-td-tick{width:44px}.bk-table th.bk-td-map,.bk-table td.bk-td-map{text-align:right;width:104px;padding-right:0}.bk-table thead th{padding-top:var(--sp-3)}.bk-table td{vertical-align:middle;padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.bk-table tbody tr:last-child td{border-bottom:0}.bk-table tbody tr:hover td,.bk-row.is-target td{background:color-mix(in srgb, var(--gold) 6%, transparent)}.bk-td-book,.bk-td-where{overflow-wrap:anywhere}.bk-td-name{align-items:center;gap:var(--sp-2);display:flex}.bk-row-icon{width:28px;height:28px;box-shadow:0 0 0 1px var(--edge-mid);border-radius:6px;flex:none}.bk-td-book .bk-flag{margin-top:4px;display:inline-block}.bk-td-where .bk-place{display:block}.bk-td-where .bk-place+.bk-place{margin-top:var(--sp-2)}.bk-row-note{color:var(--muted-text);font-size:var(--fs-xs);line-height:1.4;display:block}.bk-row.is-found .bk-title{color:var(--muted-text);text-decoration:line-through}.bk-row.is-found .bk-row-icon{opacity:.5}.bk-td-map .bk-map{display:inline-flex}@media (width<=720px){.bk-list{grid-template-columns:minmax(0,1fr)}.bk-steps{gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}.bk-three{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr))}.bk-three>:first-child{grid-column:1/-1}.bk-card,.bk-how{padding:var(--sp-3) var(--sp-4)}.bk-map span{display:none}.bk-map{border-radius:50%;justify-content:center;width:36px;padding:0}.bk-finder{padding:var(--sp-4)}.bk-shelf{gap:1px}.bk-mark{width:26px;margin:0 2px}.bk-mark-icon{width:24px;height:24px}.bk-controls{display:grid}.bk-seg{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.bk-seg button{font-size:var(--fs-sm);padding:0 6px}.bk-book{padding:var(--sp-3);gap:var(--sp-2);align-items:flex-start}.bk-map{align-self:center}.bk-icon{width:36px;height:36px}.bk-tracker{padding:var(--sp-4) var(--sp-3) var(--sp-4)}.bk-tracker .bk-finder{padding:0 var(--sp-1) var(--sp-4)}.bk-tracker .bk-finder:not([hidden])~.bk-groups,.bk-tracker .bk-finder:not([hidden])~.bk-table-card,.bk-tracker .bk-finder:not([hidden])~.bk-empty{padding-top:var(--sp-4)}.bk-progress-n{font-size:var(--fs-lg);white-space:nowrap}.bk-progress-top{align-items:center}.bk-view button{min-height:36px;font-size:var(--fs-sm);gap:6px;padding:0 10px}.bk-table th.bk-td-tick,.bk-table td.bk-td-tick{width:36px}.bk-table th.bk-td-map,.bk-table td.bk-td-map{width:44px}.bk-row-icon{display:none}}.bk-cap{margin:var(--sp-2) 0 0;color:var(--ink-2);font-size:var(--fs-sm);max-width:var(--reading-max)}.bk-lvl{font-size:var(--fs-xs);color:var(--muted-text)}.bk-lvl.is-high{color:var(--crimson-text)}.bk-reward-txt{flex-direction:column;min-width:0;display:flex}.bk-reward-stats{font-size:var(--fs-xs);color:var(--muted-text)}.bk-reward-bis{font-size:var(--fs-xs);color:var(--gold-text)}.books-page>.bk-cap{margin-top:calc(var(--sp-2) - var(--sp-6))}@media (width<=640px){.bk-three{grid-template-columns:minmax(0,1fr)}}