/* Readable paper folios; scoped to the character booklet. No gameplay styles. */
body.booklet-mode{background:radial-gradient(ellipse at top,#496064,#243b42 80%);padding:12px 8px 24px}.booklet-mode main{max-width:720px;padding:18px 14px 24px;background:linear-gradient(90deg,#cebc96 0,#f3e6cb 9px,#f8edd8 55%,#ead8b6);box-shadow:0 12px 30px #11282c66;border:1px solid #b69b6d;border-radius:2px 6px 6px 2px}.booklet-mode main>header{padding:0 8px 12px;border-bottom:1px solid #bca67e}.booklet-mode main>header>p:first-child{font-size:10px;letter-spacing:2px;margin:0 0 7px;color:#7a6142}.booklet-mode #page-title{font-size:28px;letter-spacing:3px;color:#304f55;margin:0 0 12px}.booklet-mode main>header>p:last-child{margin:0}.booklet-mode .start-game{background:transparent;color:#3f6264;padding:2px 0;min-height:32px;font-size:12px;text-underline-offset:4px;text-decoration:underline}.booklet-mode #characters>summary{display:none}
#booklet{color:#44392c;overflow-wrap:anywhere}#booklet a:focus-visible,#booklet summary:focus-visible{outline:3px solid #936839;outline-offset:3px}#booklet a{touch-action:manipulation}#booklet h2,#booklet h3,#booklet h4{font-family:'Songti SC','SimSun',serif}.folio-label{font:10px/1.5 Georgia,serif;letter-spacing:2px;color:#856a47;margin:0 0 10px}.book-intro{padding:25px 6px 20px}.book-intro h2{margin:0 0 12px;font-size:25px;color:#34585d;letter-spacing:1px}.book-intro>p:last-child{font-size:12px;line-height:1.9;color:#786349;margin:0}
.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin:0}.book-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 7px 14px;background:linear-gradient(140deg,#fff7e7,#ead7b4);border:1px solid #bea67d!important;border-radius:2px;text-decoration:none;color:#3d4e4b;box-shadow:2px 3px 0 #bca58055}.book-card:hover{background:#fff7e7}.book-card strong{font-size:15px;letter-spacing:1px;text-align:center;margin-top:8px}.card-number{position:absolute;top:8px;left:9px;font:10px Georgia,serif;color:#9b8059}.directory-portrait{width:100%;height:150px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #cab79055}.directory-portrait img{display:block;width:100%;height:100%;object-fit:contain}.collection-status{font-size:10px;line-height:1.6;letter-spacing:.5px;margin-top:6px}.collection-status.locked{color:#8a775c}.collection-status.collected{color:#36645e}.collection-note{font-size:11px;line-height:1.9;color:#806b50;text-align:center;padding:18px 6px 0;margin:0}
#booklet .book-page{padding:0;border:0}.folio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 4px;font-size:12px}.folio-toolbar>span{font:11px Georgia,serif;color:#907855}.back-directory{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#3f6264;font-size:12px}.actor-name{text-align:center;padding:10px 4px 0}.actor-name .folio-label{margin:0 0 7px;font-size:9px}.actor-name h2{color:#354e50;font-size:27px;line-height:1.4;letter-spacing:3px;margin:0;outline:none}.full-portrait{margin:10px 0 15px;padding:6px;background:radial-gradient(ellipse at 50% 52%,#deceab66,transparent 70%);height:clamp(300px,54svh,450px);display:flex;align-items:center;justify-content:center}.full-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(2px 5px 2px #5c483522)}.story-page{position:relative;border-top:1px solid #bca67e;border-bottom:1px solid #bca67e;margin:0 4px;padding:17px 6px 18px}.story-page:before{content:'人物小传';display:block;font-size:10px;letter-spacing:3px;color:#8c6d49;margin-bottom:12px}.story-page .biography{margin:0;padding:0;border:0}.story-page .biography h3{font-size:20px;line-height:1.6;color:#58422c;margin:0 0 15px}.story-page .biography p{font-size:14px;line-height:2;margin:12px 0;white-space:normal}.story-page .bio-locked{font-size:12px;line-height:2;color:#897152;padding:6px 0}.story-page del{text-decoration-thickness:1.5px}
#booklet .book-abilities{margin:20px 4px 0;border:1px solid #c7b38e;border-radius:3px;background:#ecdfc6}.book-abilities>summary{display:flex;align-items:center;gap:4px;min-height:64px;padding:12px 10px;font-size:13px;color:#3d5d60;list-style:none}.book-abilities>summary:after{content:'＋';margin-left:auto;font:20px serif;color:#8a704b}.book-abilities[open]>summary:after{content:'−'}.book-abilities>summary::-webkit-details-marker{display:none}.book-abilities>summary small{display:block;font-size:10px;line-height:1.7;font-weight:400;color:#806b50;margin-top:3px}.book-abilities .paper-icon{width:28px;height:28px;flex-shrink:0;margin-right:4px}.ability-content{padding:0 12px 12px}.base-stats{font-size:11px;color:#88704e;margin:0 0 15px;border-top:1px dashed #bca67e;padding-top:12px}.ability-content h3{font-size:17px;color:#36585c;line-height:1.7}.ability-content dl>div{margin:14px 0}.ability-content dt{font-size:11px;color:#90734f}.ability-content dd{font-size:13px;line-height:1.9;margin:5px 0}.ability-content .specials{padding:10px;background:#f7ecd6}.ability-content .specials>h3{font-size:14px;margin:0 0 12px}.specialty-entry+.specialty-entry{border-top:1px dashed #c6b38b;padding-top:12px;margin-top:14px}.specialty-entry h4{font-size:14px;font-weight:600;color:#665036;margin:0;line-height:1.8}.specialty-entry h4>span{display:block;font:11px/1.8 'Microsoft YaHei',sans-serif;color:#907550;margin-left:36px}.specialty-entry p{font-size:12px;line-height:1.9;margin:7px 0}.page-footer{display:flex;flex-direction:column;align-items:center;gap:12px;padding:15px 0 3px}.page-footer>span{font-size:9px;letter-spacing:2px;color:#907b5c}
@media(max-width:350px){.booklet-mode main{padding:16px 12px 22px}.directory-portrait{height:135px}.book-grid{gap:12px 8px}.book-card{padding-left:4px!important;padding-right:4px!important}.book-card strong{font-size:14px}.book-intro h2{font-size:22px}.actor-name h2{font-size:25px}.full-portrait{padding:2px;margin-left:-2px;margin-right:-2px}.story-page{margin:0;padding-left:3px;padding-right:3px}.story-page .biography h3{font-size:18px}.story-page .biography p{font-size:13px}}
@media(min-width:650px){.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.directory-portrait{height:200px}.booklet-mode main{padding:28px 30px}.full-portrait{height:520px}.story-page,.book-abilities{max-width:520px;margin-left:auto!important;margin-right:auto!important}}