body.page-wiki{overflow:hidden}.page-wiki .reader{height:calc(100dvh - var(--nav-h));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);width:100%;display:grid}.reader__inner{align-items:center;gap:clamp(12px,2vw,22px);width:min(100%,1120px + 2*clamp(18px,4vw,48px));margin-inline:auto;padding-inline:clamp(18px,4vw,48px);display:flex}.page-wiki .reader__bar{border-bottom:1px solid var(--border);background:var(--background);padding-block:14px;position:static}.reader__back{border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);min-height:40px;color:var(--foreground-muted);font:500 13px/1 var(--font-label);white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 8px;display:inline-flex}.reader__back:hover{border-color:var(--gold-border);color:var(--gold)}.reader__back:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.reader__back svg{width:16px;height:16px}.reader__heading{border-inline-start:1px solid var(--border);flex:auto;min-width:0;padding-inline-start:clamp(12px,2vw,22px)}.reader__kicker{margin:0 0 5px}.reader__title{color:var(--foreground);font-family:var(--font-display);letter-spacing:-.012em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:500;line-height:1.1;overflow:hidden}.reader__tools{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:flex}.reader__lang{text-overflow:ellipsis;border:1px dashed var(--gold-border);border-radius:var(--radius-s);min-width:0;color:var(--muted);font-family:var(--font-label);white-space:nowrap;padding:5px 9px;font-size:11.5px;overflow:hidden}.reader__out{white-space:nowrap}.reader__stage{min-height:0;display:grid;position:relative}.reader__stage>*{grid-area:1/1;min-height:0}.reader__frame{background:var(--background);opacity:0;border:0;width:100%;height:100%;transition:opacity .45s}.reader__stage[data-state=ready] .reader__frame{opacity:1}.reader__noscript{color:var(--foreground-muted);margin:0;padding:28px clamp(14px,3vw,28px)}.reader__credit{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);margin:0;padding-block:9px;font-size:11.5px;line-height:1.5}.reader__credit a{color:var(--foreground-muted);text-underline-offset:2px;text-decoration:underline}.reader__credit a:hover{color:var(--gold)}.reader__loader{z-index:1;background:radial-gradient(55% 45% at 50% 40%, color-mix(in srgb, var(--gold) 9%, transparent), transparent 72%), var(--background);text-align:center;align-content:center;justify-items:center;padding:28px 20px 56px;transition:opacity .4s,visibility linear;display:grid;overflow:hidden}.reader__stage[data-state=ready] .reader__loader{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s}.reader__stage:is([data-state=error],[data-state=missing]) .reader__eyebrow{color:var(--foreground-muted)}.reader__name{overflow-wrap:anywhere;max-width:min(24ch,100%);color:var(--foreground);font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(28px,4vw,42px);font-weight:500;line-height:1.1}.reader__line{max-width:46ch;color:var(--muted);margin:12px 0 0;font-size:14px}.reader__progress{background:var(--border);width:140px;height:2px;margin-top:20px;display:block;position:relative;overflow:hidden}.reader__progress:after{content:"";background:var(--gold);animation:1.4s ease-in-out infinite reader-progress;position:absolute;inset:0;transform:translate(-100%)}@keyframes reader-progress{50%{transform:translate(0)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.reader__progress:after{animation:none;transform:translate(-40%)}}html[data-motion=reduce] .reader__progress:after{animation:none;transform:translate(-40%)}.reader__stage[data-state=ready] .reader__progress,.reader__stage[data-state=error] .reader__progress,.reader__stage[data-state=missing] .reader__progress,.reader__stage[data-state=empty] .reader__progress{display:none}.reader__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.page-wiki .book-wrap{justify-items:center;margin-bottom:30px;display:grid;position:relative}.page-wiki .book{--paper:#f3ecdc;--ink:#483a2433;--spine-shade:#3c2c1833;--turn:2.4s;perspective:1000px;width:204px;height:138px;animation:3.6s ease-in-out infinite book-float;position:relative}.page-wiki .book:before{content:"";background:linear-gradient(170deg,#5b452a,#3a2c1b);border-radius:7px;position:absolute;inset:-7px -10px -10px;box-shadow:inset 0 0 0 1px #d0b38b80,inset 0 0 0 4px #0000001f,0 14px 26px -10px #00000080}.page-wiki :is(.book__stack,.book__face){width:50%;position:absolute;inset-block:0}.page-wiki :is(.book__stack--left,.book__face--back){background:linear-gradient(to left, var(--spine-shade), transparent 26%) border-box, repeating-linear-gradient(to bottom, var(--ink) 0 1.5px, transparent 1.5px 9px) content-box, linear-gradient(var(--paper), var(--paper)) border-box;border-radius:5px 1px 1px 5px;padding:17px 12px 17px 17px}.page-wiki :is(.book__stack--right,.book__face--front){background:linear-gradient(to right, var(--spine-shade), transparent 26%) border-box, repeating-linear-gradient(to bottom, var(--ink) 0 1.5px, transparent 1.5px 9px) content-box, linear-gradient(var(--paper), var(--paper)) border-box;border-radius:1px 5px 5px 1px;padding:17px 17px 17px 12px}.page-wiki .book__stack--left{left:0;box-shadow:-1px 1px #e0d6c0,-2px 2px #d2c6ab,-3px 3px #c3b596}.page-wiki .book__stack--right{right:0;box-shadow:1px 1px #e0d6c0,2px 2px #d2c6ab,3px 3px #c3b596}.page-wiki .book__page{inset-block:0;transform-origin:0;width:50%;transform-style:preserve-3d;animation:book-turn var(--turn) cubic-bezier(.5, .06, .32, 1) infinite;position:absolute;left:50%;transform:rotateY(-32deg)}.page-wiki .book__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;inset-inline-start:0}.page-wiki .book__face--back{transform:rotateY(180deg)}.page-wiki .book__face:after{content:"";border-radius:inherit;opacity:0;animation:book-shade var(--turn) cubic-bezier(.5, .06, .32, 1) infinite;background:linear-gradient(90deg,#281c0c57,#281c0c1a);position:absolute;inset:0}.page-wiki .book__shadow{background:radial-gradient(closest-side,#00000057,#0000);border-radius:50%;width:180px;height:16px;margin-top:16px;animation:3.6s ease-in-out infinite book-shadow}@keyframes book-turn{0%,14%{transform:rotateY(0)}62%,to{transform:rotateY(-180deg)}}@keyframes book-shade{0%,14%{opacity:0}38%{opacity:1}62%,to{opacity:0}}@keyframes book-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes book-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.86)}}.reader__stage:not([data-state=loading]) :is(.book,.book__page,.book__shadow),.reader__stage:not([data-state=loading]) .book__face:after{animation:none}.reader__stage:is([data-state=error],[data-state=missing],[data-state=empty]) .book-wrap{opacity:.55;filter:saturate(.6)}@media (prefers-reduced-motion:reduce){.page-wiki :is(.book,.book__page,.book__shadow),.page-wiki .book__face:after{animation:none}}html[data-motion=reduce] .page-wiki :is(.book,.book__page,.book__shadow),html[data-motion=reduce] .page-wiki .book__face:after{animation:none}@media (width<=760px){.page-wiki .reader__bar{padding-block:10px}.reader__inner{gap:10px}.reader__kicker{display:none}.reader__heading{padding-inline-start:10px}.reader__title{font-size:21px}.reader__back span{text-overflow:ellipsis;vertical-align:middle;max-width:9ch;display:inline-block;overflow:hidden}.reader__tools{flex-shrink:1;gap:8px}.reader__lang{white-space:normal;max-width:15ch;line-height:1.3}.reader__out{width:40px;padding:0}.page-wiki .book{width:156px;height:106px}.page-wiki .book__shadow{width:136px}.reader__out-words{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}
