@font-face{font-family:"Noto Serif SC";src:url(./noto-serif-sc-subset-DigZp3Uy.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Ma Shan Zheng;src:url(./ma-shan-zheng-subset-CTNVKUt8.woff2) format("woff2");font-display:swap}:root{--ink:#0E1116;--ink-2:#12161d;--paper:#E4DAC2;--paper-dim:#9a917c;--ember:#E0562E;--gold:#F0A054}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--ink);color:var(--paper);font-family:"Noto Serif SC",serif;min-height:100%}body{display:flex;flex-direction:column;align-items:center;padding:0 20px 40px}#veil{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1100px 520px at 50% -8%,rgba(240,160,84,.075),transparent 62%),radial-gradient(900px 600px at 50% 118%,rgba(224,86,46,.05),transparent 60%),radial-gradient(closest-side at 50% 50%,transparent 62%,rgba(0,0,0,.5) 100%)}#masthead{position:relative;z-index:1;text-align:center;padding:34px 0 24px}.candle{font-size:26px;margin-bottom:10px;animation:flicker 3.4s ease-in-out infinite}@keyframes flicker{0%,to{opacity:.9;transform:none}47%{opacity:.65;transform:translate(.4px)}52%{opacity:.95}71%{opacity:.75;transform:translate(-.4px)}}.brand{font-family:Ma Shan Zheng,cursive;font-weight:400;font-size:clamp(44px,7vw,64px);letter-spacing:.28em;color:var(--paper);text-shadow:0 0 26px rgba(240,160,84,.22)}.motto{margin-top:10px;font-size:15px;letter-spacing:.34em;color:var(--gold)}.intro{margin-top:14px;font-size:12.5px;letter-spacing:.2em;color:var(--paper-dim)}#shelf{position:relative;z-index:1;display:flex;gap:26px;justify-content:center;align-items:stretch;flex-wrap:wrap;max-width:980px;width:100%}.book{display:flex;flex-direction:column;width:272px;text-decoration:none;color:inherit}.cover{position:relative;height:302px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(228,218,194,.16);background:linear-gradient(160deg,var(--ink-2) 0%,#0a0d12 70%);box-shadow:inset 0 0 60px #0000008c}.cover:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:1px;background:#e4dac21a}.spine-tag{position:absolute;top:14px;left:0;right:0;text-align:center;font-size:10.5px;letter-spacing:.3em;color:var(--paper-dim)}.btitle{writing-mode:vertical-rl;font-family:Ma Shan Zheng,cursive;font-size:45px;letter-spacing:.2em;color:var(--paper);text-shadow:0 0 18px rgba(224,86,46,.25)}.btitle.mystery{font-size:64px}.bsub{position:absolute;right:26px;bottom:64px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.4em;color:var(--gold)}.bfoot{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:10.5px;letter-spacing:.22em;color:var(--paper-dim)}.dim{opacity:.42}.binfo{padding:14px 4px 0;display:flex;flex-direction:column;gap:8px;flex:1}.bdesc{font-size:13px;line-height:1.8;color:var(--paper)}.bmeta{font-size:11px;letter-spacing:.06em;color:var(--paper-dim)}.blive,.bresume{font-size:12px;color:var(--gold)}.cta{margin-top:auto;padding-top:10px;font-size:14px;letter-spacing:.18em;color:var(--ember)}.book.live .cover{border-color:#e0562e66;background:linear-gradient(160deg,#151119,#0d0a0c 55%,#150c08)}.book.live .cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px 200px at 50% 108%,rgba(224,86,46,.16),transparent 70%);animation:breathe 5s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.book.live{transition:transform .3s ease}.book.live:hover{transform:translateY(-5px)}.book.live:hover .cta{color:var(--gold)}.book.live:hover .cover{box-shadow:inset 0 0 60px #0000008c,0 14px 34px #00000080}.book.sealed{cursor:default}.book.sealed .cover{filter:saturate(.6)}.seal{position:absolute;top:50%;left:50%;width:150%;transform:translate(-50%,-50%) rotate(-14deg);text-align:center;padding:10px 0;white-space:nowrap;background:repeating-linear-gradient(93deg,rgba(120,100,60,.08) 0 3px,transparent 3px 7px),linear-gradient(92deg,#c9b98e,#dccda4 28%,#d2c093 55%,#d8c89e 78%,#c3b184);color:#8a2018;font-family:Ma Shan Zheng,"Noto Serif SC",cursive;font-size:19px;letter-spacing:.5em;text-indent:.5em;text-shadow:0 0 1px rgba(138,32,24,.5);box-shadow:0 4px 12px #0000008c;border:none;clip-path:polygon(0 14%,1.2% 0,3% 8%,98.6% 2%,100% 18%,99% 86%,97.8% 100%,96.5% 92%,1.5% 97%,.4% 80%)}.seal:after{content:"";position:absolute;right:12%;top:50%;width:26px;height:26px;transform:translateY(-50%) rotate(8deg);border:2px solid rgba(150,40,30,.45);border-radius:3px;background:radial-gradient(circle,#96281e2e,#96281e14 70%)}.book.ice .cover{background:linear-gradient(160deg,#0d1420,#0a0e16 55%,#0a1018);border-color:#7ea8d647}.book.ice .btitle{color:#cfe0ee;text-shadow:0 0 18px rgba(110,160,220,.3)}.book.ice .spine-tag{color:#7f93a8}.book.ice .seal{border-color:#7ea8d680;color:#a0c4e6bf}#colophon{position:relative;z-index:1;margin-top:44px;font-size:11px;letter-spacing:.3em;color:var(--paper-dim);opacity:.7}@media (max-width:720px){#masthead{padding:40px 0 26px}#shelf{gap:20px}.book{width:min(320px,92vw)}.book.sealed .cover{height:220px}.book.sealed .btitle{font-size:40px}}@media (prefers-reduced-motion: reduce){.candle{animation:none}.book.live .cover:after{animation:none}.book.live{transition:none}.book.live:hover{transform:none}}#colophon a{color:var(--paper-dim);text-decoration:underline dotted;text-underline-offset:3px}#colophon a:hover{color:var(--gold,#F0A054)}.fbwrap{position:fixed;inset:0;background:#0a0c10f0;z-index:130;display:flex;align-items:center;justify-content:center;padding:20px}.fbcard{width:min(92vw,440px);background:#0e1116;border:1px solid rgba(228,218,194,.22);border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:12px}.fbwl{font-size:12px;letter-spacing:.25em;color:#f0a054;font-family:ui-monospace,monospace;text-align:center}.fbhint{font-size:13px;color:var(--paper-dim);line-height:1.7;margin:0}.fbcard textarea{min-height:110px;resize:vertical;background:#e4dac20f;border:1px solid rgba(228,218,194,.22);border-radius:4px;padding:10px 12px;color:#e4dac2;font-size:14px;font-family:inherit;outline:none;line-height:1.7}.fbcard input{background:#e4dac20f;border:1px solid rgba(228,218,194,.22);border-radius:4px;padding:8px 12px;color:#e4dac2;font-size:13px;font-family:inherit;outline:none}.fbcard textarea:focus,.fbcard input:focus{border-color:#f0a054}.fbrow{display:flex;gap:10px;justify-content:center}.fbsend{background:none;border:1px solid #F0A054;border-radius:4px;color:#f0a054;padding:8px 22px;font-size:14px;letter-spacing:.2em;cursor:pointer;font-family:inherit}.fbsend:hover{background:#f0a0541f}.fbclose{background:none;border:1px solid rgba(228,218,194,.25);border-radius:4px;color:var(--paper-dim);padding:8px 18px;font-size:14px;letter-spacing:.2em;cursor:pointer;font-family:inherit}#lamp{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity 1.2s ease;background:radial-gradient(300px 300px at var(--mx,50%) var(--my,40%),rgba(240,170,90,.1),rgba(240,160,84,.035) 45%,transparent 70%)}#lamp.on{opacity:1}.brand .ch,.motto .ch{display:inline-block;transition:transform .25s ease,text-shadow .25s ease,color .25s ease;will-change:transform}.book.live{transform-style:preserve-3d;perspective:600px}.book.live .cover{transition:transform .18s ease-out,box-shadow .3s ease;will-change:transform}.book.live .cover .sheen{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(220px 180px at var(--gx,50%) var(--gy,50%),rgba(240,200,140,.1),transparent 70%)}.book.live:hover .cover .sheen{opacity:1}.book.sealed:hover .seal{animation:sealshake .5s ease-in-out}.book.sealed:hover .cover{filter:saturate(.75)}@keyframes sealshake{0%,to{transform:translate(-50%,-50%) rotate(-14deg)}30%{transform:translate(-50%,-50%) rotate(-11.5deg)}60%{transform:translate(-50%,-50%) rotate(-15.5deg)}}@media (prefers-reduced-motion: reduce){#lamp{display:none}.brand .ch,.motto .ch,.book.live .cover{transition:none}.book.sealed:hover .seal{animation:none}}.ch.eroded{color:var(--ember)!important;text-shadow:0 0 12px rgba(224,86,46,.6)!important}.eyes{position:fixed;z-index:2;pointer-events:none;opacity:0;transition:opacity 1.4s ease;display:flex;gap:11px}.eyes.open{opacity:.6}.eyes span{width:7px;height:10px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#f0cc90,#8a4a24 72%);box-shadow:0 0 12px #e69642a6,0 0 26px #e0783240;transition:transform .12s ease}.eyes.blink span{transform:scaleY(.08)}@media (prefers-reduced-motion: reduce){.eyes{display:none}}.knockline{font-size:12px;color:var(--gold);letter-spacing:.05em}.knockbtn{margin-top:auto;align-self:flex-start;background:none;border:1px solid rgba(224,86,46,.45);border-radius:4px;color:#e0562ed9;padding:7px 14px;font-size:12.5px;letter-spacing:.15em;cursor:pointer;font-family:inherit;transition:all .3s}.knockbtn:hover{border-color:var(--ember);color:var(--ember);background:#e0562e14}.knockbtn.done{border-color:#f0a05466;color:var(--gold);cursor:default}#nighttoggle{position:fixed;top:14px;left:14px;z-index:50;font-size:11px;font-family:ui-monospace,monospace;color:var(--paper-dim);background:#0e111699;padding:4px 10px;border-radius:20px;border:1px solid rgba(228,218,194,.1);cursor:pointer;letter-spacing:.08em}#nighttoggle:hover{border-color:#f0a05473;color:var(--paper)}#nighttoggle.off{opacity:.55}.seal.cracked:before{content:"";position:absolute;left:34%;top:-6px;bottom:-6px;width:2px;background:linear-gradient(#0e111600,#0e1116d9 30% 70%,#0e111600);transform:rotate(7deg)}.seal.torn{transform:translate(-50%,-38%) rotate(-24deg);opacity:.45;clip-path:polygon(0 14%,1.2% 0,3% 8%,55% 4%,58% 96%,1.5% 97%,.4% 80%)}#lobby{max-width:600px;margin:70px auto 0;padding:0 24px;color:var(--paper-dim);font-size:14px;line-height:2}#lobby h2{font-size:13px;letter-spacing:.5em;color:var(--paper-dim);opacity:.8;text-align:center;margin-bottom:18px;font-weight:400}#lobby p{margin-bottom:1em;text-align:justify}#lobby em{font-style:normal;color:var(--paper);opacity:.85}#lobby details{border-top:1px solid rgba(228,218,194,.12);padding:10px 0}#lobby summary{cursor:pointer;color:var(--paper);opacity:.75;font-size:13.5px;letter-spacing:.05em}#lobby summary:hover{opacity:1}#lobby details p{margin:10px 0 4px;font-size:13.5px}.archcard{max-height:82vh;overflow-y:auto}.arch-name{text-align:center;color:var(--gold);font-size:15px;letter-spacing:.15em;margin:0}.arch-sum{text-align:center;color:var(--paper-dim);font-size:13px;margin:0}.arch-sum b{color:var(--paper)}.arch-titles{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.arch-title{border:1px solid rgba(240,160,84,.5);color:var(--gold);border-radius:20px;padding:2px 12px;font-size:12px;letter-spacing:.1em}.arch-h{font-size:11px;letter-spacing:.4em;color:var(--paper-dim);opacity:.8;margin-top:6px;text-align:center}.arch-book{font-size:13px;color:var(--paper);margin-top:4px}.arch-ends{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.arch-end{border:1px solid rgba(228,218,194,.25);border-radius:4px;padding:1px 8px;font-size:12px;color:var(--paper-dim)}.arch-end.good{border-color:#f0a05473;color:var(--gold)}.arch-row{font-size:12.5px;color:var(--paper-dim);line-height:1.9}.arch-row .arch-d{font-family:ui-monospace,monospace;margin-right:8px;opacity:.7}.arch-x{color:var(--ember)}.bhint{font-size:12px;line-height:1.8;color:#a88793;letter-spacing:.03em}.bhint b{color:#d69aae;font-weight:600}.book.huapi .cover{filter:saturate(.95)}.hp-art{position:absolute;inset:0;z-index:0;background:url(../huapi-cover.webp) center/cover no-repeat;animation:hpdrift 22s ease-in-out infinite alternate;will-change:transform;filter:brightness(.34) saturate(.75)}.hp-art-lit{position:absolute;inset:0;z-index:1;background:url(../huapi-cover.webp) center/cover no-repeat;animation:hpdrift 22s ease-in-out infinite alternate;will-change:transform;pointer-events:none;-webkit-mask-image:radial-gradient(circle 130px at var(--lx,-999px) var(--ly,-999px),#000 30%,transparent 72%);mask-image:radial-gradient(circle 130px at var(--lx,-999px) var(--ly,-999px),#000 30%,transparent 72%)}@supports not ((mask-image: radial-gradient(#000,#000)) or (-webkit-mask-image: radial-gradient(#000,#000))){.hp-art-lit{display:none}.book.huapi .hp-art{filter:brightness(.7)}}@keyframes hpdrift{0%{transform:scale(1)}to{transform:scale(1.05) translateY(-5px)}}.book.huapi .seal{top:77%;z-index:2}.book.huapi .btitle{position:absolute;left:0;right:0;bottom:26px;z-index:1;writing-mode:horizontal-tb;font-size:32px;text-align:center;letter-spacing:.5em;text-indent:.5em;text-shadow:0 0 14px rgba(0,0,0,.9),0 0 22px rgba(214,106,138,.2)}.book.huapi .bfoot{display:none}@media (prefers-reduced-motion: reduce){.hp-art{animation:none}}