/* V10 · Evidence folders, deduction sheets and chapter seals. No image/font downloads. */
:root{--case-brass:#bba17c;--case-rule:#655b4d;--case-paper:#1d2428;--case-wine:#593237;--case-serif:'Songti SC','STSong','Noto Serif SC',serif}
.location-folders{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:24px 0}
.location-folder{border:1px solid #665b4b;border-radius:3px;background:linear-gradient(120deg,#232a2e,#171e23);box-shadow:0 6px 18px #0002;min-width:0;overflow:hidden}
.folder-heading{margin:0!important;font:inherit!important}
.folder-toggle{display:flex;align-items:center;gap:18px;width:100%;padding:21px 24px;min-height:94px;text-align:left;background:transparent;color:#e3d9c7;border:0;border-radius:0;cursor:pointer}
.folder-toggle:hover{background:#ffffff05}.folder-toggle:focus-visible{outline:2px solid #e4c68b;outline-offset:-4px}
.folder-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:58px;border:1px solid #75654e;border-radius:14px 14px 2px 2px;color:#ceb48a;background:linear-gradient(150deg,#413b30,#1c252a);box-shadow:inset 0 0 0 4px #20272b}
.folder-icon svg{display:block;width:42px;height:42px}
.folder-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:7px}.folder-label small{font:11px/1.5 system-ui;letter-spacing:.14em;color:#b9ad97}.folder-label>span{font:600 22px/1.5 var(--case-serif);letter-spacing:.05em;overflow-wrap:anywhere}
.folder-count{font:14px/1.5 Georgia,serif;color:#cfb98e;white-space:nowrap;text-align:right}.folder-count small{display:block;font:10px/1.8 system-ui;color:#a9ada9}.folder-chevron{font:24px/1 system-ui;color:#c9b58f;transition:transform .18s}.is-open .folder-chevron{transform:rotate(180deg)}
.folder-content{padding:5px 17px 17px;border-top:1px solid #615545;background:#11191c80}.folder-content[hidden]{display:none!important}
.folder-content .clue-list{gap:9px;padding-top:12px}
.folder-content .clue-row{border:1px solid #495150!important;border-left:3px solid #8e7760!important;border-radius:2px;background:linear-gradient(105deg,#293035,#1d2428);padding:16px;min-height:68px;gap:14px;color:#e2ddcf}
.folder-content .clue-row:hover{border-color:#b19a73!important;background:#313837}.folder-content .clue-row-number{display:grid;place-items:center;flex:0 0 32px;height:34px;border:1px solid #675e51;background:#20272a;color:#c9ad80;font:16px Georgia,serif}
.folder-content .clue-row-title{font:18px/1.65 var(--case-serif)}.folder-content .clue-row.read{border-left-color:#57776d!important}.folder-content .clue-row.read .clue-row-title{color:#c6c9c1}.folder-content .clue-row-state{color:#d4ba8d}
.investigation-heading h2,.deduction-intro h2,.result-banner h2{font-family:var(--case-serif);letter-spacing:.08em;font-weight:600}
.investigation-heading{border-bottom:1px solid #665a48;padding-bottom:22px}.investigation-total{border:1px solid #605846;padding:10px 16px;border-radius:2px;background:#1c2426}
.investigation-extras .attachment-button{border-color:#655c4e;color:#d3bd97;font-family:var(--case-serif)}
.evidence-dialog{border:1px solid #9c8565;border-radius:3px;background:#1b2327;box-shadow:0 26px 85px #000a,inset 0 0 0 5px #ffffff03}
.evidence-dialog .dialog-head{background:linear-gradient(115deg,#453137,#242d30);border-bottom:1px solid #8c775a;padding:21px 26px}.evidence-dialog .dialog-head h2{font:600 24px/1.6 var(--case-serif);letter-spacing:.06em}.evidence-dialog .dialog-close{border:1px solid #8a7562;border-radius:50%;min-width:44px;height:44px;padding:0;color:#e2cbaa}
.evidence-dialog .dialog-content{padding:28px 32px}.evidence-dialog .reading{padding:18px 0;border-top:1px solid #665a49;border-bottom:1px solid #665a49;line-height:2.05}.evidence-dialog .reading img{max-width:100%;height:auto;object-fit:contain}.evidence-dialog .lock-box{border-color:#75604f;background:#2b2727}.evidence-dialog .dialog-content>article:before{content:'EVIDENCE / 线索记录';display:block;font:10px/1.6 system-ui;letter-spacing:.2em;color:#b49e7b;margin-bottom:23px}
.next-block{position:relative;justify-content:center;text-align:center;flex-direction:column;border-top:1px solid #6a5a46;gap:19px;padding:35px 0 8px}.next-block:before{content:'◆';position:absolute;top:-10px;left:calc(50% - 20px);width:40px;background:#111a20;color:#b49a70;font-size:12px}
.next-block .primary,.submit-row .primary,.answer-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:14px 32px;border:1px solid #b19770;border-radius:3px;background:linear-gradient(125deg,#664048,#412b32);color:#f2dfb7;box-shadow:inset 0 0 0 4px #35252a,inset 0 0 0 5px #ad927c55,0 6px 18px #0003;font:600 20px/1.5 var(--case-serif);letter-spacing:.09em;max-width:100%;white-space:normal;transition:background .2s,transform .2s}
.next-block .primary:hover,.submit-row .primary:hover,.answer-link:hover{background:linear-gradient(125deg,#805059,#51323b);transform:translateY(-2px)}
.deduction-intro{padding:0 0 24px;border-bottom:1px solid #675b4a}.deduction-intro .eyebrow{color:#c6ae86;margin-bottom:12px}


.deduction-sheet .option{border:1px solid #454f51;border-radius:2px;background:#151e23;min-height:52px;padding:14px 16px}.deduction-sheet .option:hover{border-color:#928065}.deduction-sheet .option:has(input:checked){border-color:#b9a079;background:#3e3830;box-shadow:inset 3px 0 #c8aa72}.deduction-sheet .option-letter{font:17px/1.7 Georgia,serif}
.deduction-sheet .feedback-box h3{font-family:var(--case-serif);letter-spacing:.05em}
.result-banner{border:1px solid #776550;border-left:4px solid #a27964;background:linear-gradient(110deg,#362c30,#20282a);padding:24px;border-radius:2px}.result-banner .eyebrow{color:#c4aa7f;font-size:10px;margin-bottom:12px;letter-spacing:.16em}
.resolution-sheet{border:1px solid #786954;outline:1px solid #443f35;outline-offset:-6px;background:linear-gradient(145deg,#282b2a,#1b2428);padding:32px;max-width:none;border-radius:3px}.resolution-sheet .answer-question{font-family:var(--case-serif);color:#dec79d;border-top-color:#71634d}

/* Embedded investigation keeps scene coordinates and its centered panel geometry. */
#evidenceContent .clue-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:12px}
#evidenceContent .clue-card{border:1px solid #655f50;border-left:3px solid #9e7e64;border-radius:2px;background:linear-gradient(110deg,#293035,#1b2529);padding:18px;min-height:80px;width:100%;text-align:left;color:#e4dccb}
#evidenceContent .clue-card strong{font:600 19px/1.6 var(--case-serif)}#evidenceContent .clue-card.active{border-color:#ba9b75;background:#342b2c}
.info-panel.meaningful{border:1px solid #9c8467;border-radius:3px;background:#1c252af7;box-shadow:0 12px 35px #0006}.info-panel.meaningful .panel-head{border-bottom:1px solid #74604e;padding-bottom:10px}.info-panel.meaningful .panel-head strong{font-family:var(--case-serif);color:#e8d9bd}.info-panel.meaningful .panel-kind{background:#52373d;color:#edd1a5;border:1px solid #8c7158;border-radius:2px}.info-panel .acquired{color:#a5dfb3}.record-panel .info-panel{max-width:100%;margin-top:10px}.record-panel .panel-scroll{max-height:none!important}.record-panel .diagram-scroll{max-height:none}
@media(max-width:700px){.location-folders{gap:13px;margin:18px 0}.folder-toggle{gap:11px;padding:15px 12px;min-height:88px}.folder-icon{flex-basis:40px;width:40px;height:46px}.folder-icon svg{width:32px;height:32px}.folder-label>span{font-size:18px}.folder-label small{font-size:10px;letter-spacing:.05em}.folder-count{font-size:12px}.folder-chevron{font-size:20px}.folder-content{padding:2px 9px 10px}.folder-content .clue-row{padding:12px 10px;gap:9px}.folder-content .clue-row-title{font-size:17px}.folder-content .clue-row-tags{flex-wrap:wrap;justify-content:flex-end;max-width:58px;white-space:normal}.folder-content .clue-row-number{flex-basis:25px;font-size:14px}.investigation-total{padding:8px 9px}.evidence-dialog .dialog-head{padding:15px}.evidence-dialog .dialog-head h2{font-size:21px}.evidence-dialog .dialog-content{padding:18px}.next-block .primary,.submit-row .primary,.answer-link{font-size:18px;padding:13px 22px;min-height:56px;gap:15px}.deduction-sheet .option{padding:12px 10px;gap:9px}.resolution-sheet{padding:23px 17px}.result-banner{padding:19px}}
@media(prefers-reduced-motion:reduce){.folder-chevron,.next-block .primary,.submit-row .primary,.answer-link{transition:none}.next-block .primary:hover,.submit-row .primary:hover,.answer-link:hover{transform:none}}

/* Inline introduction emphasis. */
.welcome-reading strong.interaction-highlight{color:#896014;font-weight:750}








@media(max-width:700px){}

/* V10r16: dark foreword with the existing character portrait. */
.before-play{position:relative;background:#151f28;border:1px solid #536571;border-top:4px solid #6e4346;outline:1px solid #344a59;outline-offset:-9px;border-radius:3px;box-shadow:0 14px 44px #0003;padding:48px 55px}
.before-play>header{position:relative;text-align:center;border-bottom:0;padding:10px 0 28px}
.before-play>header h2{font-family:var(--case-serif);font-weight:600;letter-spacing:.15em;color:#f1f0ed;font-size:34px}
.before-play>header:after{content:'◆';display:block;color:#ad8290;font-size:12px;letter-spacing:0;margin-top:22px}
.reading.welcome-reading{background:none;padding:0;max-width:780px;color:#dce2e5;font-size:17px;line-height:1.95}
.reading.welcome-reading .welcome-section{position:relative;padding:0 0 8px;margin:0}
.reading.welcome-reading .welcome-section+.welcome-section{border:0;margin-top:38px}
.reading.welcome-reading h2.welcome-title{display:flex;align-items:center;gap:15px;padding:13px 0;margin:0 0 24px;font:600 23px/1.6 var(--case-serif);text-decoration:none;letter-spacing:.08em;color:#e6e8e8}
.welcome-title:after{content:'';height:1px;flex:1;min-width:12px;background:linear-gradient(90deg,#647c89,transparent)}

.welcome-section-body{padding:0 3px}.reading.welcome-reading .welcome-section-body p{margin:0 0 1.15em;line-height:2}
.welcome-part-1 .welcome-section-body{border-left:2px solid #9a6774;padding-left:22px}
.welcome-part-2 .welcome-section-body{border:1px solid #475c68;border-radius:3px;padding:22px;background:#1d2a34;box-shadow:inset 0 0 0 5px #91a9b80a}
.welcome-part-3 .welcome-section-body{background:linear-gradient(125deg,#26303a,#1b2631);border:1px solid #566571;border-radius:2px;padding:24px;box-shadow:3px 3px 0 #101922}
.welcome-part-3 .welcome-section-body p:last-child{font-size:14px;color:#c0c9ce;padding-top:16px;border-top:1px dashed #61717b}
.reading.welcome-reading .welcome-section-body p:last-child{margin-bottom:0}
.welcome-character{display:flow-root;padding:22px;border:1px solid #61707b;border-radius:2px 16px 2px 2px;background:linear-gradient(110deg,#29323e,#1e2b35);box-shadow:inset 0 0 0 5px #bccbd009}
.welcome-character img{display:block;float:left;width:104px;height:130px;object-fit:cover;object-position:50% 25%;margin:3px 23px 12px 0;border:3px solid #2b3741;outline:1px solid #8e9da5;border-radius:2px;box-shadow:3px 4px 0 #070e1666}
.welcome-character-name{display:inline-block;color:#ebd9de;font:600 23px/1.5 var(--case-serif);letter-spacing:.1em;margin-bottom:10px}
.reading.welcome-reading strong.interaction-highlight{color:#edd18d;font-weight:750}
.before-play .home-feedback-note{margin-top:32px;border-color:#50636f;background:#1b2833;color:#dbe1e4}.before-play .next-block:before{background:#151f28;color:#b68f9b}
@media(max-width:700px){.before-play{padding:27px 21px;outline-offset:-6px}.before-play>header h2{font-size:28px}.before-play>header p{font-size:13px;line-height:1.8}.reading.welcome-reading{font-size:16px;padding:0}.reading.welcome-reading h2.welcome-title{font-size:21px;gap:11px;margin-bottom:18px}.welcome-part-1 .welcome-section-body{padding-left:14px}.welcome-part-2 .welcome-section-body,.welcome-part-3 .welcome-section-body{padding:17px 14px}.welcome-character{padding:17px 14px}.welcome-character img{width:72px;height:94px;margin:3px 16px 8px 0}.welcome-character-name{font-size:21px}.welcome-section-body{padding:0}.reading.welcome-reading .welcome-section+.welcome-section{margin-top:29px}}

/* V10r13: a map folio, without a trailing arrow. Original map labels stay intact. */
.investigation-extras .map-open-button{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:17px;min-height:84px;padding:18px 22px;border:1px solid #82735e;border-radius:2px 12px 2px 2px;background:linear-gradient(110deg,#2c3434,#1b2529);box-shadow:inset 0 0 0 4px #e3d8bb06;color:#e0d2b9}
.map-button-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;color:#bda688}.map-button-icon svg{width:42px;height:42px}.map-open-button small{display:block;font:11px/1.6 system-ui;letter-spacing:.15em;color:#aeb6ad;margin-bottom:4px}.map-open-button strong{font:500 20px/1.5 var(--case-serif);letter-spacing:.1em;color:#e0d2b9}.investigation-extras .map-open-button:hover{background:linear-gradient(110deg,#3b4140,#252e32);border-color:#c0a483}
.map-dialog{width:min(1060px,calc(100vw - 24px));border:1px solid #9b876d;border-radius:4px;background:#202a2e;box-shadow:0 22px 85px #0009}
.map-dialog .dialog-head{background:linear-gradient(110deg,#3c3335,#252f33);border-bottom:1px solid #8e785f;padding:19px 24px}.map-dialog .dialog-head h2{font:600 23px/1.5 var(--case-serif);color:#e9d9bf;letter-spacing:.07em}.map-dialog .dialog-close{border:1px solid #806e61;border-radius:50%;width:44px;height:44px;padding:0}
.map-dialog .dialog-content{padding:22px;background:#252e2e}.map-caption{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 16px;color:#d5c3a4}.map-caption>span{font:18px/1.6 var(--case-serif);letter-spacing:.1em}.map-caption small{font:12px/1.6 system-ui;color:#bdc0b5}
.map-sheet{position:relative;padding:18px;border:1px solid #ac9676;outline:1px solid #4e534b;outline-offset:5px;background:#d0b991;max-width:none;box-shadow:0 4px 18px #0004}.map-sheet figure{margin:0}.map-sheet .image-zoom{background:none;cursor:zoom-in}.map-sheet img{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:0}
@media(max-width:700px){.investigation-extras .map-open-button{padding:14px 16px;gap:12px;min-height:76px}.map-open-button strong{font-size:18px}.map-button-icon{width:36px;flex-basis:36px}.map-button-icon svg{width:35px;height:35px}.map-dialog .dialog-head{padding:14px}.map-dialog .dialog-head h2{font-size:19px}.map-dialog .dialog-content{padding:18px 14px}.map-caption{align-items:flex-start;flex-direction:column;gap:3px;margin-bottom:13px}.map-sheet{padding:7px;outline-offset:3px}}

/* V10r14: original compact typography; ornament belongs to the complete question. */
.deduction-sheet .q-title{display:flex;align-items:baseline;gap:15px;margin:0 0 20px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.deduction-sheet .q-num{display:block;flex:0 0 auto;width:auto;height:auto;min-width:0;margin:0;padding:0;border:0;background:none;color:var(--gold);font:400 30px/1.2 Georgia,serif;letter-spacing:normal;text-shadow:none}
.deduction-sheet .q-title h3{min-width:0;margin:0;color:var(--ink);font:550 19px/1.65 system-ui;letter-spacing:normal}






.deduction-sheet .feedback-box h3{margin:0 0 15px;font-size:18px}
@media(max-width:700px){.deduction-sheet .q-title{gap:12px;margin-bottom:18px}.deduction-sheet .q-title h3{font-size:18px}}

/* V10r15: visible ornamental frames around the complete question and notes block. */
.deduction-sheet .question{position:relative;margin:24px 0;padding:4px!important;border:28px solid transparent;border-image:url('/assets/answer-frame-v10r15.svg') 48 / 28px / 0 stretch;border-radius:0;background:radial-gradient(ellipse at 0 0,#3a303d66,transparent 65%),linear-gradient(135deg,#252f36,#141e25);box-shadow:0 9px 25px #0004}
.deduction-sheet .feedback-box{position:relative;margin-top:30px;padding:6px;border:28px solid transparent;border-image:url('/assets/notes-frame-v10r15.svg') 48 / 28px / 0 stretch;border-radius:0;background:linear-gradient(130deg,#35272f,#20262c);box-shadow:0 8px 22px #0004}
@media(max-width:700px){.deduction-sheet .question{border-width:22px;border-image-width:22px;padding:0!important}.deduction-sheet .feedback-box{border-width:22px;border-image-width:22px;padding:2px}}

/* Dark welcome: thicker mobile-friendly headings and one complete ornamental surround. */
.before-play{color:#dce2e5;background:radial-gradient(ellipse at top,#34313f55,transparent 65%),linear-gradient(145deg,#18252f,#111b24);border:26px solid transparent;border-image:url('/assets/welcome-frame-v10r16.svg') 48 / 26px / 0 stretch;outline:0;outline-offset:0;border-radius:0;padding:27px 30px;box-shadow:0 16px 42px #0005}
.before-play>header h2{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:32px;font-weight:750;letter-spacing:.07em;line-height:1.45;color:#f3f3f0;margin:12px 0}
.before-play>header .eyebrow{color:#bfcbd1;font:700 12px/1.8 system-ui,sans-serif;letter-spacing:.16em}
.before-play>header p:not(.eyebrow){color:#c4cfd5;font:600 15px/1.9 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:.015em}
.reading.welcome-reading{color:#dce2e5}
.reading.welcome-reading h2.welcome-title{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-weight:700;letter-spacing:.035em}
.reading.welcome-reading strong{color:#f5f4ee;font-weight:700}
.reading.welcome-reading .doc-red,.reading.welcome-reading .doc-red strong,.reading.welcome-reading .evidence-red{color:#ffaaa8}
.reading.welcome-reading .doc-gold,.reading.welcome-reading .doc-gold strong,.reading.welcome-reading strong.interaction-highlight{color:#edd18d}
.reading.welcome-reading a{color:#b8d1e0}.reading.welcome-reading .annotation-trigger{color:#c3cfda}
.before-play .home-feedback-note{padding:22px;border:1px solid #4b606e;border-left:3px solid #957784;border-radius:2px;color:#dce2e5}
.before-play .home-feedback-note h3{color:#ebe9e6;font:700 19px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.before-play .home-feedback-note strong{color:#edd18d}.before-play .small-note a{color:#b8cedb}.before-play .next-block{border-color:#546775}.before-play .next-block:before{background:#15202a;color:#bc9ca7}.before-play .next-block p{color:#c1cbd0}
.dialog-content:has(.welcome-reading){background:#15212b;color:#dce2e5}.dialog-content:has(.welcome-reading) .drawer-section p{color:#c1cbd0}
@media(max-width:700px){.before-play{border-width:19px;border-image-width:19px;padding:19px 7px;margin-left:10px;margin-right:10px;outline:0}.before-play>header h2{font-size:28px;font-weight:750}.before-play>header p:not(.eyebrow){font-size:14px;font-weight:600;line-height:2}.before-play>header .eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em}.reading.welcome-reading h2.welcome-title{font-size:20px;font-weight:700}.before-play .home-feedback-note{padding:17px 13px}.before-play .home-feedback-note h3{font-size:18px}}

/* V10r17: torch-lit headings, without decorative numbers. */
.reading.welcome-reading h2.welcome-title{padding:0;margin-bottom:22px;display:block}.welcome-title:after{display:none}
.welcome-part-trigger{position:relative;display:flex;align-items:center;gap:15px;text-align:left;width:100%;min-height:78px;padding:4px 0 10px;border:0;border-bottom:1px solid #4a4036;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;touch-action:manipulation}
.welcome-part-trigger:focus-visible{outline:2px solid #b6a087;outline-offset:4px}.welcome-part-trigger:hover{color:#f1dec0}
.welcome-torch{display:block;flex:0 0 40px;width:40px;height:68px;pointer-events:none}.welcome-torch svg{display:block;width:100%;height:100%;overflow:visible}.torch-flame{transform-box:fill-box;transform-origin:center bottom}.torch-halo{transform-origin:22px 23px}
.welcome-playing .torch-flame{animation:welcome-fire .31s ease-in-out 6 alternate}.welcome-playing .torch-halo{animation:welcome-glow .46s ease-in-out 4 alternate}
@keyframes welcome-fire{0%{transform:rotate(-4deg) scale(.96,1.03);opacity:.85}50%{transform:rotate(2deg) scale(1.04,.96);opacity:1}100%{transform:rotate(4deg) scale(.98,1.06);opacity:.92}}
@keyframes welcome-glow{from{opacity:.10;transform:scale(.94)}to{opacity:.23;transform:scale(1.08)}}
@media(max-width:700px){.welcome-part-trigger{min-height:70px;gap:12px}.welcome-torch{flex-basis:34px;width:34px;height:60px}}
@media(prefers-reduced-motion:reduce){.welcome-playing .torch-flame,.welcome-playing .torch-halo{animation:none}}
/* A compact novel wordmark; local font stacks keep the first load light. */
.topbar .wordmark{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:4px 10px 4px 15px;min-height:52px;flex-shrink:0;background:none;border:0}
.topbar .wordmark:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;background:linear-gradient(#b79196,#754c5c);box-shadow:3px 0 0 #a98c7d33}
.wordmark-title{display:block;color:#e9e2d6;font:700 25px/1.2 'Songti SC','STSong','Noto Serif SC','SimSun',serif;letter-spacing:.08em;text-shadow:0 2px 0 #0009}
.wordmark-join{display:inline-block;font-size:.7em;margin:0 .12em;color:#b7959c;vertical-align:.09em}
.topbar .wordmark small{font:600 10px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:.12em;color:#acbac3;margin:0;white-space:nowrap}
.topbar .wordmark:hover .wordmark-title{color:#fff5e4}
@media(max-width:700px){.topbar .wordmark{padding:3px 5px 3px 12px;min-height:46px;gap:4px}.wordmark-title{font-size:22px;letter-spacing:.05em}.topbar .wordmark small{font-size:10px;letter-spacing:.06em}.topbar .wordmark:before{top:8px;bottom:8px;width:2px}}
/* Keep the existing 100px mobile header: title and subtitle share its first row. */
@media(max-width:700px){.topbar .wordmark{flex-direction:row;align-items:baseline;justify-content:flex-start;gap:12px;min-height:33px;padding:2px 5px 2px 12px}.topbar .wordmark small{line-height:1.5}.topbar .wordmark:before{top:5px;bottom:5px}}
/* Question copy stays plain; the ornamental treatment is confined to its frame. */
.deduction-sheet .q-title h3,.deduction-sheet .option{font-family:'PingFang SC','Microsoft YaHei',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-style:normal;letter-spacing:normal;text-shadow:none;font-feature-settings:normal}.deduction-sheet .q-title h3{font-weight:500;line-height:1.75}.deduction-sheet .option{font-weight:400;line-height:1.75}

/* Black reading chamber with inward-reaching wrought-iron corners. */
.before-play{background:#09090b;border-width:36px;border-image:url('/assets/welcome-frame-v10r17.svg') 80 / 36px / 0 stretch;padding:26px 28px;box-shadow:0 16px 42px #0007}
.before-play:before,.before-play:after{content:'';position:absolute;width:74px;height:74px;pointer-events:none;background:url('/assets/welcome-corner-v10r17.svg') center/contain no-repeat;opacity:.8;z-index:0}
.before-play:before{left:-24px;top:-24px}.before-play:after{right:-24px;bottom:-24px;transform:rotate(180deg)}
.before-play>header,.before-play>.welcome-reading{position:relative;z-index:1}
.before-play>header:after{content:'';height:13px;width:116px;margin:22px auto 0;background:linear-gradient(90deg,transparent,#8b7658,transparent);clip-path:polygon(0 46%,42% 46%,50% 0,58% 46%,100% 46%,100% 54%,58% 54%,50% 100%,42% 54%,0 54%)}
.welcome-part-1 .welcome-section-body{border-left-color:#655040}
.welcome-part-2 .welcome-section-body,.welcome-part-3 .welcome-section-body,.welcome-character,.before-play .home-feedback-note{background:#111113;border-color:#4f4942;box-shadow:inset 0 0 0 4px #bba88a06}
.before-play .next-block:before{background:#09090b;color:#b6a087}.before-play .next-block{border-color:#4f4942}
.dialog-content:has(.welcome-reading){background:#09090b}
@media(max-width:700px){.before-play{border-width:24px;border-image-width:24px;padding:21px 9px;margin-left:8px;margin-right:8px}.before-play:before,.before-play:after{width:47px;height:47px}.before-play:before{left:-17px;top:-17px}.before-play:after{right:-17px;bottom:-17px}}