.grimoire{display:grid;grid-template-columns:268px minmax(0,1fr) 196px;gap:32px;align-items:start}@media(max-width:1140px){.grimoire{grid-template-columns:268px minmax(0,1fr)}}@media(max-width:880px){.grimoire{grid-template-columns:1fr}}.doc-side{position:sticky;top:calc(var(--nav-h) + 20px);max-height:calc(100vh - var(--nav-h) - 40px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px;scrollbar-width:thin}@media(max-width:880px){.doc-side{position:static;max-height:none}}.realm-toggle{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:3px}.realm-toggle button{appearance:none;border:none;background:transparent;color:var(--ink-faint);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 2px;border-radius:3px;cursor:pointer}.realm-toggle button:hover{color:var(--ink)}.realm-toggle button.active{color:var(--on-gold);background:var(--gold);box-shadow:0 0 calc(var(--glow-r) * .4) var(--glow-gold)}.game-chips{display:flex;flex-wrap:wrap;gap:6px}.game-chips .chip{cursor:pointer;user-select:none}.game-chips .chip.on{color:var(--tq-ink);background:var(--tq-soft);border-color:var(--tq-deep)}.game-chips[hidden]{display:none}.doc-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 12px}.doc-search:focus-within{border-color:var(--tq-deep);box-shadow:0 0 calc(var(--glow-r) * .5) var(--glow-tq)}.doc-search svg{color:var(--ink-faint);flex:none}.doc-search input{appearance:none;border:none;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:14px;width:100%;outline:none}.doc-search input::placeholder{color:var(--ink-faint)}.doc-group{display:flex;flex-direction:column;gap:2px}.doc-group+.doc-group{margin-top:6px}.doc-group .g-label{display:flex;align-items:center;justify-content:space-between;width:100%;appearance:none;border:none;background:transparent;cursor:pointer;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);padding:6px 10px}.doc-group .g-label:hover{color:var(--ink)}.doc-group .g-label .tw{transition:transform .2s var(--ease-out);font-size:9px}.doc-group.closed .g-label .tw{transform:rotate(-90deg)}.doc-group.closed .doc-item{display:none}.doc-item{appearance:none;border:none;background:transparent;text-align:left;font-family:var(--font-body);font-size:14px;color:var(--ink-soft);padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:baseline;gap:8px}.doc-item:hover{color:var(--ink);background:var(--tq-soft)}.doc-item.active{color:var(--tq-ink);background:var(--tq-soft);box-shadow:inset 2px 0 0 var(--tq)}.doc-item .t{flex:1}.doc-empty{font-size:13px;color:var(--ink-faint);padding:8px 10px}.doc-main{min-width:0}.doc-pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--ambient-card, none);padding:36px 40px 40px;min-width:0}@media(max-width:640px){.doc-pane{padding:24px 20px}}.doc-pane .doc-crumb{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.doc-pane .doc-crumb .sep{color:var(--line-strong);margin:0 7px}.doc-pane .doc-crumb .here{color:var(--tq-ink)}.doc-pane .doc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.doc-pane .doc-meta time{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint)}.doc-pane h1{font-size:clamp(22px,3.2vw,30px);font-weight:800;margin:0 0 10px}.doc-pane h2{font-size:17px;margin-top:1.9em;scroll-margin-top:calc(var(--nav-h) + 18px)}.doc-pane h2 .anchor{color:var(--ink-faint);opacity:0;margin-left:8px;font-weight:400;text-decoration:none}.doc-pane h2:hover .anchor{opacity:1}.doc-pane p{font-size:15px;color:var(--ink-soft)}.doc-pane p strong{color:var(--ink)}.doc-pane .tip{font-size:14px}.doc-pane ol,.doc-pane ul{font-size:15px;color:var(--ink-soft);padding-left:22px;margin:0 0 1.4em}.doc-pane li{margin-bottom:6px}.doc-pane li::marker{color:var(--tq-ink);font-family:var(--font-display);font-size:12px}.doc-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}@media(max-width:640px){.doc-pager{grid-template-columns:1fr}}.pager-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;color:var(--ink)}.pager-card:hover{text-decoration:none}.pager-card.next{text-align:right;align-items:flex-end;grid-column:2}.pager-card.prev{grid-column:1}@media(max-width:640px){.pager-card.next,.pager-card.prev{grid-column:auto}}.pager-card .dir{font-family:var(--font-display);font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.pager-card .pt{font-family:var(--font-display);font-size:13.5px;font-weight:600;color:var(--tq-ink)}.doc-toc{position:sticky;top:calc(var(--nav-h) + 20px);display:flex;flex-direction:column;gap:2px;font-size:13px}.doc-toc .toc-label{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.doc-toc a{color:var(--ink-soft);padding:5px 10px;border-left:2px solid var(--line);text-decoration:none;line-height:1.4}.doc-toc a:hover{color:var(--ink)}.doc-toc a.active{color:var(--tq-ink);border-left-color:var(--tq);background:var(--tq-soft)}@media(max-width:1140px){.doc-toc{display:none}}