:root{--paper:#F3F2ED;--paper2:#EAE9E1;--ink:#262A2E;--ink-soft:#565B60;--mist:#8B9095;--indigo:#34526A;--seal:#AC3B28;--brass:#8A6F3C;--hair:rgba(38,42,46,.24);--hair-strong:rgba(38,42,46,.55);--sheet-w:346px;--serif:"Songti SC","STSongti-SC","STSong","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;--kai:"Kaiti SC","STKaiti","KaiTi","Kai","Songti SC","STSong",serif;--sans:"PingFang SC","Hiragino Sans GB","Source Han Sans SC","Microsoft YaHei",sans-serif;--num:Georgia,"Times New Roman",serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--paper:#16191E;--paper2:#1D2127;--ink:#D6D3C9;--ink-soft:#A5A299;--mist:#70757B;--indigo:#8FAEC7;--seal:#D96A50;--brass:#C4A263;--hair:rgba(214,211,201,.2);--hair-strong:rgba(214,211,201,.5);color-scheme:dark}}:root[data-theme=light]{--paper:#F3F2ED;--paper2:#EAE9E1;--ink:#262A2E;--ink-soft:#565B60;--mist:#8B9095;--indigo:#34526A;--seal:#AC3B28;--brass:#8A6F3C;--hair:rgba(38,42,46,.24);--hair-strong:rgba(38,42,46,.55);color-scheme:light}:root[data-theme=dark]{--paper:#16191E;--paper2:#1D2127;--ink:#D6D3C9;--ink-soft:#A5A299;--mist:#70757B;--indigo:#8FAEC7;--seal:#D96A50;--brass:#C4A263;--hair:rgba(214,211,201,.2);--hair-strong:rgba(214,211,201,.5);color-scheme:dark}html{font-size:17px}@media(max-width:600px){html{font-size:16px}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}::selection{background:color-mix(in srgb,var(--indigo) 24%,transparent)}:where(a,button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--indigo);outline-offset:2px}button{cursor:pointer}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.05'/></feComponentTransfer></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");background-size:160px 160px}:root[data-theme=dark] .grain{opacity:.3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .grain{opacity:.3}}.running-head{position:sticky;top:0;z-index:40;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem 1.4rem .55rem;background:var(--paper);border-bottom:1px solid var(--hair);transition:padding-right .35s ease}.rh-title{font-family:var(--serif);font-size:.92rem;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rh-right{display:flex;align-items:baseline;gap:1rem;flex-shrink:0;font-family:var(--sans);font-size:.72rem;letter-spacing:.18em;color:var(--ink-soft)}.rh-chapter{white-space:nowrap}.rh-turn{font-family:var(--num);letter-spacing:.06em;color:var(--ink)}.rh-turn b{font-weight:400;font-size:.86rem}.rh-btn{font-family:var(--sans);font-size:.7rem;letter-spacing:.22em;text-indent:.22em;color:var(--ink-soft);background:transparent;border:1px solid var(--hair);padding:.3em .65em;transition:color .2s,border-color .2s}.rh-btn:hover{color:var(--indigo);border-color:var(--indigo)}@media(max-width:600px){.rh-chapter{display:none}.running-head{padding:.6rem .9rem .5rem}.rh-right{gap:.6rem}}.page{padding:3.2rem 1.25rem 13rem}.folio{position:relative;max-width:39rem;margin-left:clamp(1rem,9vw,8.5rem)}@media(max-width:600px){.page{padding:2.2rem 1.1rem 14rem}.folio{margin-left:0}}.chapter-head{margin-bottom:3.4rem}.ch-rule{width:3.2em;height:0;border-top:1px solid var(--hair-strong);margin-bottom:1.6rem}.ch-num{margin:0 0 .5rem;font-family:var(--sans);font-size:.74rem;letter-spacing:.55em;color:var(--brass)}.ch-title{margin:0 0 1.3rem;font-family:var(--serif);font-weight:600;font-size:2.15rem;letter-spacing:.3em;line-height:1.3}.ch-orn{display:flex;align-items:center;gap:.9rem;color:var(--mist)}.ch-orn svg{width:30px;height:30px;flex-shrink:0}.ch-orn .orn-line{flex:0 1 7rem;border-top:1px solid var(--hair)}.ch-sub{font-family:var(--sans);font-size:.7rem;letter-spacing:.3em;color:var(--mist)}.entry{position:relative;margin:0 0 2.6rem}.entry.gm p{margin:.4em 0 0;font-size:1.06rem;line-height:2.08;letter-spacing:.02em;text-indent:2em;text-align:justify}.entry.gm p:first-of-type{margin-top:0}.m-note{display:none}@media(min-width:1080px){.m-note{display:block;position:absolute;top:.55em;left:calc(100% + 3rem);width:9.5rem;font-family:var(--sans);font-size:.68rem;line-height:1.9;letter-spacing:.2em;color:var(--mist);border-top:1px solid var(--hair);padding-top:.55em}}.entry.player{margin:2.9rem 0}.p-label{margin:0 0 .45rem;font-family:var(--sans);font-size:.68rem;letter-spacing:.3em;color:var(--mist)}.player-line{margin:0;font-family:var(--kai);font-size:1.22rem;line-height:1.9;color:var(--indigo)}.gm-pending{margin:2.2rem 0 0;font-family:var(--kai);font-size:.95rem;color:var(--mist)}.gm-pending:after{content:"……";animation:inkPulse 1.6s ease-in-out infinite}@keyframes inkPulse{0%,to{opacity:.25}50%{opacity:1}}.check-slip{margin:3rem 0;padding:0;background:var(--paper2);border:1px solid var(--hair-strong);box-shadow:2px 3px #00000012}@media(min-width:1080px){.check-slip{width:min(26rem,100%);margin-left:auto;margin-right:-5.5rem;transform:rotate(-.4deg)}}.slip-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .95rem .5rem;border-bottom:1px solid var(--hair);font-family:var(--sans);font-size:.66rem;letter-spacing:.26em;color:var(--ink-soft)}.slip-head svg{width:15px;height:15px;color:var(--brass);flex-shrink:0}.slip-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem 1.2rem;padding:.9rem .95rem .95rem}.slip-name{margin:0;grid-column:1;font-family:var(--serif);font-size:1.02rem;letter-spacing:.1em}.slip-name .slip-sub{font-size:.8rem;color:var(--ink-soft);letter-spacing:.16em;margin-left:.4em}.slip-name .slip-dc{font-family:var(--sans);font-size:.68rem;letter-spacing:.2em;color:var(--mist);margin-left:.9em}.slip-dc b{font-family:var(--num);font-weight:400;font-size:.85rem;color:var(--ink-soft)}.slip-math{margin:.15rem 0 0;grid-column:1;font-family:var(--num);font-size:1.65rem;color:var(--ink)}.slip-math .op{color:var(--mist);font-size:1rem;margin:0 .18em}.slip-math .total{border-bottom:2px solid var(--hair-strong);padding:0 .1em}.slip-math .mods{display:block;font-family:var(--sans);font-size:.62rem;letter-spacing:.22em;color:var(--mist);margin-top:.3rem}.slip-stamp{grid-column:2;grid-row:1 / span 2;align-self:center;font-family:var(--serif);font-weight:600;font-size:1.06rem;letter-spacing:.32em;text-indent:.32em;padding:.34em .42em;border:2px double currentColor;transform:rotate(-4deg)}.slip-stamp.fail{color:var(--seal)}.slip-stamp.succ{color:var(--brass)}.slip-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .95rem .6rem;border-top:1px dashed var(--hair)}.slip-note{font-family:var(--kai);font-size:.82rem;color:var(--mist)}.slip-reroll{font-family:var(--sans);font-size:.68rem;letter-spacing:.24em;text-indent:.24em;color:var(--ink-soft);background:transparent;border:1px solid var(--hair-strong);padding:.5em 1em;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}.slip-reroll:hover{color:var(--paper);background:var(--indigo);border-color:var(--indigo)}.desk{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--paper);border-top:1px solid var(--hair);transition:right .35s ease}.desk:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:2.6rem;background:linear-gradient(to top,var(--paper),transparent);pointer-events:none}.desk-inner{max-width:39rem;margin-left:clamp(1rem,9vw,8.5rem);padding:.8rem 1.25rem 1rem 0}@media(max-width:600px){.desk-inner{margin-left:0;padding:.7rem .9rem .85rem}}.chips{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.chips-label{font-family:var(--kai);font-size:.85rem;color:var(--mist);flex-shrink:0;margin-right:.2rem}.chip{font-family:var(--sans);font-size:.76rem;letter-spacing:.1em;color:var(--ink-soft);background:var(--paper2);border:1px solid var(--hair);padding:.42em .9em;white-space:nowrap;transition:color .2s,border-color .2s}.chip:hover{color:var(--indigo);border-color:var(--indigo)}@media(max-width:600px){.chips{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}.chips-label{display:none}}.write-line{display:flex;align-items:flex-end;gap:.9rem}.write-name{font-family:var(--kai);font-size:.95rem;color:var(--ink-soft);padding-bottom:.45rem;flex-shrink:0;border-right:1px solid var(--hair);padding-right:.9rem}.write-line input{flex:1;min-width:0;font-family:var(--kai);font-size:1.08rem;line-height:1.6;color:var(--indigo);background:transparent;border:none;border-bottom:1px solid var(--hair-strong);padding:.3rem .1rem .45rem;border-radius:0}.write-line input::placeholder{color:var(--mist);opacity:1}.write-line input:focus{outline:none;border-bottom-color:var(--indigo)}.write-line input:focus-visible{outline:none}.ink-btn{font-family:var(--serif);font-size:.85rem;letter-spacing:.3em;text-indent:.3em;color:var(--paper);background:var(--ink);border:1px solid var(--ink);padding:.5em 1em;flex-shrink:0;transition:background .2s,border-color .2s}.ink-btn:hover{background:var(--indigo);border-color:var(--indigo)}.sheet-tab{position:fixed;right:0;top:38%;z-index:35;writing-mode:vertical-rl;font-family:var(--sans);font-size:.72rem;letter-spacing:.34em;color:var(--ink-soft);background:var(--paper2);border:1px solid var(--hair-strong);border-right:none;padding:1em .42em;transition:opacity .25s,color .2s}.sheet-tab:hover{color:var(--indigo)}body.sheet-open .sheet-tab{opacity:0;pointer-events:none}@media(max-width:600px){.sheet-tab{display:none}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a0c0f73;opacity:0;pointer-events:none;transition:opacity .3s}body.sheet-open .scrim{opacity:1;pointer-events:auto}@media(min-width:1080px){.scrim{display:none}}.sheet{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(var(--sheet-w),94vw);background:var(--paper2);border-left:1px solid var(--hair-strong);transform:translate(102%);transition:transform .35s ease;overflow-y:auto;overscroll-behavior:contain}body.sheet-open .sheet{transform:none}@media(max-width:600px){.sheet{top:auto;left:0;right:0;width:100%;max-height:74vh;border-left:none;border-top:1px solid var(--hair-strong);transform:translateY(103%)}}@media(min-width:1080px){body.sheet-open .running-head{padding-right:calc(var(--sheet-w) + 1.4rem)}body.sheet-open .desk{right:var(--sheet-w)}body.sheet-open .page{padding-right:calc(var(--sheet-w) - 8rem)}}.sheet-inner{position:relative;padding:1.5rem 1.4rem 2.2rem}.sheet-inner:after{content:"檔";position:absolute;top:.4rem;right:.9rem;font-family:var(--serif);font-size:5.5rem;line-height:1;color:var(--ink);opacity:.05;transform:rotate(8deg);pointer-events:none}.sh-label{margin:0 0 1rem;font-family:var(--sans);font-size:.64rem;letter-spacing:.3em;color:var(--mist);border-bottom:2px solid var(--hair-strong);padding-bottom:.55rem;position:relative}.sh-label:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;border-bottom:1px solid var(--hair)}.sh-name{margin:0 0 .15rem;font-family:var(--serif);font-weight:600;font-size:1.28rem;letter-spacing:.08em}.sh-name .nick{font-family:var(--kai);color:var(--indigo);font-weight:400}.sh-class{margin:0 0 1.2rem;font-family:var(--sans);font-size:.7rem;letter-spacing:.24em;color:var(--ink-soft)}.sheet-close{position:absolute;top:1.15rem;right:1.05rem;font-family:var(--sans);font-size:.66rem;letter-spacing:.2em;text-indent:.2em;color:var(--ink-soft);background:transparent;border:1px solid var(--hair);padding:.32em .6em}.sheet-close:hover{color:var(--seal);border-color:var(--seal)}.sh-sec{margin-top:1.35rem}.sh-sec-t{margin:0 0 .6rem;font-family:var(--sans);font-size:.64rem;letter-spacing:.34em;color:var(--brass);display:flex;align-items:center;gap:.7rem}.sh-sec-t:after{content:"";flex:1;border-top:1px solid var(--hair)}.hp-row{display:flex;align-items:baseline;gap:.6rem;font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;color:var(--ink-soft)}.hp-row .hp-num{font-family:var(--num);font-size:1.25rem;color:var(--ink)}.hp-gauge{margin-top:.5rem;height:8px;border:1px solid var(--hair-strong);background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),var(--hair) calc(25% - 1px),var(--hair) 25%);position:relative}.hp-fill{position:absolute;inset:1px auto 1px 1px;width:87.5%;background:var(--brass);opacity:.85}.attrs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--hair)}.attr{padding:.55rem .4rem .5rem;text-align:left;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.attr:nth-child(3n){border-right:none}.attr:nth-child(n+4){border-bottom:none}.attr .a-l{display:block;font-family:var(--sans);font-size:.62rem;letter-spacing:.3em;color:var(--mist)}.attr .a-v{font-family:var(--num);font-size:1.5rem;line-height:1.25}.attr .a-m{font-family:var(--num);font-size:.8rem;color:var(--ink-soft);margin-left:.25em}.attr.hot .a-l,.attr.hot .a-v{color:var(--indigo)}.attr.hot{box-shadow:inset 0 -2px 0 var(--indigo)}.inv{list-style:none;margin:0;padding:0}.inv li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.42rem .1rem;border-bottom:1px dashed var(--hair);font-size:.92rem;letter-spacing:.04em}.inv li:last-child{border-bottom:none}.inv .qty{font-family:var(--num);font-size:.9rem;color:var(--ink-soft);white-space:nowrap}.inv .broken{font-family:var(--sans);font-size:.64rem;letter-spacing:.14em;color:var(--seal);white-space:nowrap}.quests{list-style:none;margin:0;padding:0}.quests li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem .1rem;border-bottom:1px dashed var(--hair);font-size:.92rem;letter-spacing:.04em}.quests li:last-child{border-bottom:none}.q-tag{flex-shrink:0;font-family:var(--sans);font-size:.62rem;letter-spacing:.22em;text-indent:.22em;padding:.22em .5em;border:1px solid currentColor}.q-tag.on{color:var(--indigo)}.q-tag.off{color:var(--mist)}.sh-foot{margin-top:1.6rem;font-family:var(--sans);font-size:.6rem;letter-spacing:.2em;line-height:2;color:var(--mist);border-top:1px solid var(--hair);padding-top:.7rem}.plate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:radial-gradient(120% 100% at 50% 18%,#1a2027,#0d1013 72%);color:#d8d2c2;opacity:0;transition:opacity .32s ease;overflow-y:auto}.plate.open{opacity:1}.plate-frame{position:fixed;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(216,210,194,.3);pointer-events:none}.plate-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(216,210,194,.14)}.plate-card{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4.5rem 1.5rem 5.5rem}.pl-kicker{margin:0 0 .8rem;font-family:var(--sans);font-size:.66rem;letter-spacing:.5em;text-indent:.5em;color:#c2a05e}.pl-subject{margin:0 0 .4rem;font-family:var(--serif);font-size:1.25rem;letter-spacing:.22em}.pl-cond{margin:0 0 2.2rem;font-family:var(--kai);font-size:.88rem;color:#d8d2c29e}.die-wrap{position:relative;width:216px;height:216px;margin-bottom:1.8rem}.die-wrap svg{width:100%;height:100%;display:block;color:#c2a05e}.die-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--num);font-size:4.3rem;line-height:1;color:#e4ddcb;padding-top:.35rem}.die-wrap.rolling svg{animation:dieWobble .5s ease-in-out infinite}.die-wrap.rolling .die-num{animation:numFlick .5s steps(2) infinite}@keyframes dieWobble{0%,to{transform:rotate(-3.5deg) scale(.985)}50%{transform:rotate(3.5deg) scale(1.015)}}@keyframes numFlick{0%,to{opacity:.85}50%{opacity:1}}.pl-breakdown{margin:0 0 1.4rem;font-family:var(--sans);font-size:.74rem;letter-spacing:.22em;color:#d8d2c2ad;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}.pl-breakdown b{font-family:var(--num);font-weight:400;font-size:1.45rem;letter-spacing:.02em;color:#e4ddcb}.pl-breakdown .bd-dc{margin-left:1.4em;padding-left:1.4em;border-left:1px solid rgba(216,210,194,.3)}.pl-verdict{margin:0 0 1.5rem;font-family:var(--serif);font-weight:600;font-size:clamp(2.6rem,9vw,5.4rem);letter-spacing:.3em;text-indent:.3em;line-height:1.2;padding:.28em .34em;border:3px double currentColor;opacity:0;transform:scale(1.9) rotate(4deg);transition:opacity .38s cubic-bezier(.2,1.3,.4,1),transform .38s cubic-bezier(.2,1.3,.4,1)}.pl-verdict.show{opacity:1;transform:scale(1) rotate(-3deg)}.pl-verdict.succ{color:#c2a05e}.pl-verdict.fail{color:#e06a50}.pl-breakdown.show{opacity:1;transform:none}.pl-flavor{margin:0;max-width:30em;font-family:var(--kai);font-size:1.04rem;line-height:2.1;color:#d8d2c2;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}.pl-flavor.show{opacity:1;transform:none}.pl-actions{display:flex;gap:1rem;margin-top:2.4rem;flex-wrap:wrap;justify-content:center}.pl-btn{font-family:var(--sans);font-size:.72rem;letter-spacing:.28em;text-indent:.28em;color:#d8d2c2;background:transparent;border:1px solid rgba(216,210,194,.42);padding:.7em 1.4em;transition:border-color .2s,color .2s}.pl-btn:hover{border-color:#c2a05e;color:#c2a05e}.pl-btn:focus-visible{outline:2px solid #C2A05E;outline-offset:2px}.pl-caption{position:absolute;left:0;right:0;bottom:1.5rem;text-align:center;font-family:var(--sans);font-size:.62rem;letter-spacing:.34em;color:#d8d2c26b;pointer-events:none}.plate-card.shake{animation:plShake .4s ease}@keyframes plShake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.die-wrap svg{transition:color .4s ease,filter .4s ease}.die-wrap.succ svg{color:#c2a05e;filter:drop-shadow(0 0 22px rgba(194,160,94,.45))}.die-wrap.fail svg{color:#e06a50;filter:drop-shadow(0 0 22px rgba(224,106,80,.4))}.slip-prov{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.18em;color:var(--mist);margin-top:.3rem}.pl-prov{margin:1.1rem 0 0;font-family:var(--sans);font-size:.6rem;letter-spacing:.3em;color:#d8d2c26b;opacity:0;transition:opacity .5s ease}.pl-prov.show{opacity:1}@media(min-width:1080px)and (max-width:1400px){body.sheet-open .m-note{display:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.folio>*{animation:rise .55s ease both}.folio>*:nth-child(1){animation-delay:.05s}.folio>*:nth-child(2){animation-delay:.14s}.folio>*:nth-child(3){animation-delay:.23s}.folio>*:nth-child(4){animation-delay:.32s}.folio>*:nth-child(5){animation-delay:.41s}.folio>*:nth-child(6){animation-delay:.5s}@media(min-width:1080px){.folio>.check-slip{animation-name:riseTilt}@keyframes riseTilt{0%{opacity:0;transform:translateY(14px) rotate(-.4deg)}to{opacity:1;transform:rotate(-.4deg)}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.demo-badge{position:sticky;top:0;z-index:39;margin:0;padding:.4rem 1.4rem;font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;color:var(--seal);background:var(--paper2);border-bottom:1px solid var(--hair)}.ending-card{margin:4rem 0 2rem;padding:2.4rem 0 0;border-top:3px double var(--hair-strong)}.ending-card .ending-title{margin:0 0 1.4rem;font-family:var(--serif);font-weight:600;font-size:1.9rem;letter-spacing:.22em;line-height:1.4}.ending-card.triumph .ch-num,.ending-card.triumph .ending-title{color:var(--brass)}.ending-card.tragedy .ch-num,.ending-card.tragedy .ending-title{color:var(--seal)}.ending-card.defeat .ch-num,.ending-card.defeat .ending-title{color:var(--mist)}.ending-epilogue p{margin:.4em 0 0;font-size:1.06rem;line-height:2.08;letter-spacing:.02em;text-indent:2em;text-align:justify}.ending-card .ink-btn{margin-top:2rem;padding:.7em 1.6em}.shelf-page{max-width:60rem;margin:0 auto;padding:2.4rem 1.25rem 6rem}.ssec{margin:2.8rem 0 1.2rem}.sec-rule{width:3.2em;border-top:1px solid var(--hair-strong);margin-bottom:1.1rem}.sec-kicker{font-family:var(--sans);font-size:.68rem;letter-spacing:.55em;color:var(--brass);margin:0 0 .35rem}.ssec-title{font-family:var(--serif);font-size:1.55rem;font-weight:600;letter-spacing:.2em;margin:0}.gate-head{margin:.8rem 0 0}.gate-kicker{font-family:var(--sans);font-size:.68rem;letter-spacing:.55em;color:var(--brass);margin:0 0 .5rem}.gate-title{font-family:var(--serif);font-size:1.8rem;font-weight:600;letter-spacing:.18em;margin:0 0 .6rem;line-height:1.4}.gate-sub{font-family:var(--kai);font-size:1rem;color:var(--ink-soft);margin:0;max-width:34em}.gate-escape{margin-top:2.2rem;text-align:center}.gate-escape button{font-family:var(--kai);font-size:.92rem;color:var(--mist);background:transparent;border:none;border-bottom:1px dashed var(--hair-strong);padding:.2em .3em;cursor:pointer}.gate-escape button:hover{color:var(--indigo);border-bottom-color:var(--indigo)}.cover{aspect-ratio:2/3;border:1px solid var(--hair-strong);background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.cover .art{flex:1;display:grid;place-items:center;color:var(--ink-soft);position:relative;background:repeating-linear-gradient(0deg,transparent 0 3px,var(--hair) 3px 4px),linear-gradient(180deg,var(--paper2),var(--paper))}.cover .art svg{width:62%;height:auto;opacity:.85}.cover .band{border-top:2px double var(--hair-strong);padding:.35rem .4rem;font-family:var(--sans);font-size:.66rem;letter-spacing:.14em;text-align:center;line-height:1.5;background:var(--paper2)}.shelfgrid{display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fill,minmax(min(10rem,44vw),11rem));align-items:start}.bookbtn{background:transparent;border:none;padding:0;text-align:left;font-family:var(--serif);color:var(--ink);cursor:pointer;transition:transform .2s ease}.bookbtn:hover,.bookbtn:focus-visible{transform:rotate(-.6deg)}.bookbtn .title{display:block;margin:.55rem 0 .1rem;font-size:.98rem;letter-spacing:.08em;font-weight:600}.bookbtn .goal{display:block;font-family:var(--kai);font-size:.8rem;color:var(--ink-soft);line-height:1.7}.reading{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(21rem,100%),1fr))}.tome{display:flex;gap:1rem;background:var(--paper2);border:1px solid var(--hair-strong);box-shadow:2px 3px #00000012;padding:.9rem}.tome .spine{flex:0 0 4.6rem}.tome-body{flex:1;min-width:0}.tome h3{margin:0 0 .2rem;font-family:var(--serif);font-size:1.05rem;letter-spacing:.1em}.tome .meta{font-family:var(--sans);font-size:.7rem;letter-spacing:.12em;color:var(--mist);margin:0 0 .55rem}.tome .meta b{color:var(--ink-soft);font-family:var(--num);font-weight:400}.clockrow{display:flex;align-items:center;gap:.5rem;margin:.2rem 0 .8rem;flex-wrap:wrap}.clockbar{display:flex;gap:3px}.clockbar i{width:14px;height:8px;border:1px solid var(--hair-strong)}.clockbar i.on{background:var(--seal);border-color:var(--seal)}.clocklabel{font-family:var(--sans);font-size:.62rem;letter-spacing:.12em;color:var(--seal)}.go{font-family:var(--sans);font-size:.72rem;letter-spacing:.24em;text-indent:.24em;color:var(--paper);background:var(--ink);border:1px solid var(--ink);padding:.45em 1em;cursor:pointer}.go:hover{background:var(--indigo);border-color:var(--indigo)}.empty-shelf{border:1px dashed var(--hair-strong);padding:1.6rem 1.4rem;text-align:center}.empty-shelf p{font-family:var(--kai);font-size:.92rem;color:var(--mist);margin:0}.scribe{margin-top:2.4rem;border:1px dashed var(--hair-strong);background:var(--paper2);padding:1.2rem 1.3rem}.scribe h3{margin:0 0 .2rem;font-family:var(--serif);font-size:1.02rem;letter-spacing:.12em}.scribe .hint{font-family:var(--kai);font-size:.85rem;color:var(--mist);margin:0 0 .9rem}.idea-row{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap}.idea-row input{flex:1;min-width:min(14rem,100%);font-family:var(--kai);font-size:1.05rem;color:var(--indigo);background:transparent;border:none;border-bottom:1px solid var(--hair-strong);padding:.3rem .1rem .45rem;border-radius:0}.idea-row input::placeholder{color:var(--mist);opacity:1}.idea-row input:focus{outline:none;border-bottom-color:var(--indigo)}.scribe-btn{font-family:var(--serif);font-size:.85rem;letter-spacing:.3em;text-indent:.3em;color:var(--paper);background:var(--seal);border:1px solid var(--seal);padding:.5em 1.1em;cursor:pointer}.scribe-btn:disabled{opacity:.5;cursor:wait}.weave-stage{margin:1rem 0 0;font-family:var(--kai);font-size:.92rem;color:var(--ink-soft)}.weave-stage .dot:after{content:"……";animation:inkPulse 1.4s ease-in-out infinite}.weave-done,.weave-fail{display:flex;margin-top:1rem;align-items:center;gap:1rem;flex-wrap:wrap}.fail-stamp{font-family:var(--serif);font-weight:600;font-size:.95rem;letter-spacing:.3em;text-indent:.3em;color:var(--seal);border:2px double var(--seal);padding:.3em .5em;transform:rotate(-3deg);display:inline-block}.fail-note{font-family:var(--kai);font-size:.85rem;color:var(--mist)}.retry-btn{font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;color:var(--ink-soft);background:transparent;border:1px solid var(--hair-strong);padding:.45em 1em;cursor:pointer}.retry-btn:hover{color:var(--indigo);border-color:var(--indigo)}.open-btn{font-family:var(--serif);font-size:.95rem;letter-spacing:.3em;text-indent:.3em;color:var(--paper);background:var(--ink);border:1px solid var(--ink);padding:.6em 1.5em;cursor:pointer}.open-btn:hover{background:var(--indigo);border-color:var(--indigo)}.margin-note{position:fixed;left:50%;bottom:calc(2rem + env(safe-area-inset-bottom));z-index:90;transform:translate(-50%) rotate(-.5deg);background:var(--paper2);color:var(--ink-soft);border:1px solid var(--hair-strong);box-shadow:2px 3px #00000012;font-family:var(--kai);font-size:.88rem;padding:.55rem 1.2rem;opacity:0;transition:opacity .3s;pointer-events:none;max-width:min(30rem,88vw)}.margin-note.show{opacity:1}.margin-note .mn-prefix{color:var(--seal);margin-right:.3em;font-size:.8rem}.confirm-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#0a0c0f73;display:grid;place-items:center;padding:1.5rem}.confirm-card{background:var(--paper2);border:1px solid var(--hair-strong);box-shadow:2px 3px #0000001f;padding:1.5rem 1.7rem;max-width:24rem}.confirm-title{font-family:var(--serif);font-weight:600;font-size:1.1rem;letter-spacing:.12em;margin:0 0 .5rem}.confirm-body{font-family:var(--kai);font-size:.9rem;color:var(--ink-soft);margin:0 0 1.2rem;line-height:1.9}.confirm-actions{display:flex;gap:.8rem}