/* October desktop revision — dark timber, warm brass and celadon. */
#counter,#chapterLineId,#sceneMarker,.scene-marker,#teaPins,.log-line dt small{display:none!important}
.scene-heading{transition:opacity .7s,transform .7s;pointer-events:none}
.scene-heading.scene-heading-gone{opacity:0;transform:translateY(-8px)}
.chapter-dialogue-bottom,.dialogue-bottom{justify-content:flex-end}
#chapterRoot{--tea-ink:#241f18;--tea-wood:#30281f;--tea-gold:#c3a574;--tea-paper:#f1e6cd;--tea-muted:#c4b49a;color:var(--tea-paper)}
#chapterRoot [hidden]{display:none!important}
.chapter-vignette{background:linear-gradient(#211a1566,transparent 17%,transparent 76%,#211a155c)}
.chapter-topbar{padding:23px 3.4%;align-items:center}
.chapter-brand{font-size:23px;letter-spacing:4px;gap:14px;text-shadow:0 2px 10px #21160d}
.chapter-brand>span:first-child{font-size:28px;background:#764634d9;border-color:#d0b587;padding:5px 8px;outline-color:#c8ac7752}
.chapter-brand small{font-size:10px;color:#e3d6bb;letter-spacing:2.5px;margin-top:6px}
.chapter-nav{background:linear-gradient(120deg,#342c24ed,#211e1be8);border:1px solid #c3a57470;border-radius:2px;padding:5px 7px;gap:2px;box-shadow:0 4px 18px #21191125;backdrop-filter:blur(9px)}
.chapter-nav button{font-size:13px;letter-spacing:1px;padding:8px 13px;min-height:38px;color:#e8dcc2;transition:background .15s,color .15s}
.chapter-nav button+button{border-left:1px solid #c3a57421;border-radius:0}
.chapter-nav button:hover:not(:disabled){background:#c3a57420;color:#fff1cf}
.chapter-nav #chapterSkip{margin-left:5px;background:#71503ba8;border:1px solid #c5a47354}
.chapter-nav #chapterSkip:disabled{background:transparent;opacity:.4;cursor:default}
#chapterRoot button:active:not(:disabled){filter:brightness(.86)}
#chapterRoot button:focus-visible,#chapterModal button:focus-visible,#heatRail:focus-visible{outline:2px solid #ecd09a;outline-offset:4px}
.chapter-objective{top:121px;background:linear-gradient(100deg,#332b22e8,#332b22aa);border:0;border-left:2px solid #d8b779;box-shadow:none;padding:14px 20px}
.chapter-objective h2{font-size:25px}.chapter-objective p{font-size:13px;color:#ddd0b5}
.chapter-wayfinding{top:120px;right:3.4%}.chapter-wayfinding p{font-size:15px;letter-spacing:1px;text-shadow:0 1px 8px #21180b}
.chapter-wayfinding button{font-size:12px;background:#30271fe6;border-color:#c3a57488;color:#ebddbd}
.chapter-walk-hint{bottom:28px;font-size:13px;background:#2c251de0;border-color:#c3a57470;color:#eadcc0}
.chapter-dialogue{bottom:30px;left:8%;right:8%;padding-top:22px}
.chapter-dialogue:before{inset:61% 0 0;background:linear-gradient(transparent,#201912e8 44%,#1e1813f7)}
.chapter-dialogue-meta{margin-bottom:8px}
.chapter-dialogue-meta button{background:#302820cc;border:1px solid #b89b7166;color:#dcc7a5;font-size:12px}
#chapterDialogueButton{min-height:169px;padding:0 10px 14px;text-shadow:0 2px 8px #100c08}
#chapterSpeaker{font-size:27px;letter-spacing:5px;color:#e6c494;margin-bottom:12px}
#chapterText{font-size:clamp(21px,1.65vw,26px);line-height:1.85;letter-spacing:1px;color:#f4ecdc}
.chapter-dialogue-bottom{font-size:12px;color:#bdae96;border-color:#c3a57442;padding-bottom:12px;margin-top:17px}
.chapter-lesson{bottom:25px;width:min(1060px,87%);padding:16px 24px 11px;border:1px solid #bca27380;border-top:2px solid #c9ab70;border-radius:2px;background:linear-gradient(115deg,#332b23f5,#24231eed);box-shadow:0 10px 40px #241a124a;backdrop-filter:blur(8px)}
.lesson-head{gap:23px;min-height:45px}.lesson-head>span{min-width:123px;border-color:#c1a47747;padding-right:23px}
#lessonNumber small{display:block;font:10px var(--sans);letter-spacing:3px;color:#b7a184;margin-bottom:5px}
#lessonNumber strong{display:block;font:22px var(--serif);font-weight:400;letter-spacing:3px;color:#e8cca0;white-space:nowrap}
.lesson-head>p{font-size:15px;letter-spacing:.6px;line-height:1.65;color:#f1e4ce}
.lesson-head button{font-size:13px;min-height:34px;min-width:49px;padding:6px 9px;border-color:#c3a57459;color:#d6c0a0;background:#c3a57408}
.lesson-head button:hover{background:#c3a57425;color:#ffedc4}
.lesson-progress{margin:12px 0 8px;height:2px;background:#c3a57424}
.lesson-progress>i{background:linear-gradient(90deg,#789583,#dcc18a);box-shadow:0 0 5px #d6b37440}
.lesson-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b7aa95;font-size:11px;letter-spacing:1px}
.lesson-foot p{margin:0;line-height:1.6}.lesson-foot>span{letter-spacing:3px;color:#9c8e77;white-space:nowrap}
.tea-heat{position:absolute;right:3.4%;top:50%;transform:translateY(-48%);z-index:4;width:166px;padding:20px 13px 15px;text-align:center;background:linear-gradient(115deg,#342b21ee,#24241df0);border:1px solid #c3a57475;border-top:2px solid #c3a574;box-shadow:0 12px 32px #2018112e;backdrop-filter:blur(8px)}
.tea-heat>small{font-size:10px;letter-spacing:4px;color:#b7a184}.tea-heat h3{font:22px var(--serif);font-weight:400;letter-spacing:3px;margin:10px 0 12px;color:#efd5a4}
.tea-heat p{font-size:11px;line-height:1.8;color:#d0bea2;margin:0;letter-spacing:.5px}
.heat-rail{height:228px;width:100%;position:relative;cursor:ns-resize;touch-action:none;margin:7px 0 11px;outline-offset:-2px}
.heat-track{position:absolute;top:24px;bottom:24px;width:42px;left:50%;transform:translateX(-50%);border:1px solid #c3a57465;background:repeating-linear-gradient(to top,transparent 0,transparent calc(10% - 1px),#c3a5743d calc(10% - 1px),#c3a5743d 10%),linear-gradient(0deg,#728a7122,#8352376b);box-shadow:inset 0 0 12px #110e0980}
.heat-end{position:absolute;left:0;right:0;color:#b7a184;font:12px var(--serif)}.heat-hot{top:0}.heat-cool{bottom:0}
#heatBand{position:absolute;left:-6px;right:-6px;background:#d6ad576b;border-top:1px solid #eed097;border-bottom:1px solid #eed097;box-shadow:0 0 10px #e4bd6240;pointer-events:none}
#heatCursor{position:absolute;left:-13px;right:-13px;height:2px;background:#fff1ce;box-shadow:0 0 8px #e5cd9f85;transform:translateY(1px);pointer-events:none}
#heatCursor:before{content:'';position:absolute;left:-4px;top:-4px;width:10px;height:10px;background:#f6dfb0;transform:rotate(45deg)}
.heat-progress{height:3px;background:#c3a57427;margin:0 10px 10px}.heat-progress>i{display:block;height:100%;width:0;background:#d7b979}
.tea-heat[data-steady=true] #heatBand{background:#c9bd777d;box-shadow:0 0 17px #ecc66540}
.tea-heat[data-steady=true] #heatFeedback{color:#ede0a5}
#chapterToast{top:auto;bottom:165px;background:#ece0c9f2;color:#50412e;border-color:#b2996a;box-shadow:0 5px 24px #2b20183b;font-size:14px}
.chapter-rest{background:#2b251eee;border-color:#c3a57480}.chapter-rest button{background:#dcc294;color:#30271c}
.chapter-ending{background:#28231cb8}.chapter-ending button{background:#393327;border-color:#c3a57480}.chapter-ending button:first-child{background:#ddc79d;color:#352b1b}
.chapter-loading:before{background:linear-gradient(#32251520,#2d261c15 35%,#221e18ed)}
.chapter-loading button{background:#332a21e3;border-color:#c3a57480}.chapter-loading h1{font-size:42px}
#chapterModal{background:linear-gradient(135deg,#332c23,#24251f);border:1px solid #c3a5749c;color:#e8dbc0;box-shadow:0 25px 90px #130e0ac9;padding:28px 34px;max-width:800px}
#chapterModal::backdrop{background:#17130db3;backdrop-filter:blur(6px)}
#chapterModal .modal-head{border-color:#c3a57440;position:sticky;top:-28px;z-index:2;background:#302a22;padding-top:12px}#chapterModal .modal-head h2{color:#edd2a2;font-size:28px}
#chapterModal .modal-head small{color:#b5a082}#chapterModal .close-button{color:#d6c19d}#chapterModal .close-button:hover{background:#c3a57420}
#chapterModal .setting-note,#chapterModal .log-line dd{color:#cfc3ac;font-size:14px}#chapterModal .log-line dt{color:#e1c38f;font-size:20px}
#chapterModal .setting-row{border-color:#c3a57426}#chapterModal .setting-row label{font-size:19px;color:#e0d2b8}#chapterModal input{accent-color:#b5ab81}
#chapterModal select{padding:8px 13px;color:#f0dfbd;background:#3b382b;border:1px solid #c3a57466;font-size:14px}#chapterModal .flip-button{color:#e1c391;background:#c3a57412;border-color:#c3a57460;padding:10px 22px;margin-top:22px}
.chapter-notes-grid{gap:14px}.chapter-note-card{background:#c3a57407;border-color:#c3a57432;padding:17px}.chapter-note-card small{color:#b2a184;font-size:11px}.chapter-note-card h3{color:#e1c391;font-size:22px;margin:8px 0}.chapter-note-card p{color:#cfc3ac;font-size:13px;line-height:1.9}
@media(min-width:1000px) and (max-height:800px){
 .chapter-topbar{padding-top:18px;padding-bottom:16px}.chapter-lesson{bottom:18px;padding:12px 20px 9px;width:min(1010px,87%)}
 .lesson-head{gap:18px}.lesson-head>p{font-size:14px}.lesson-head>span{min-width:120px;padding-right:18px}
 .tea-heat{width:153px;padding:15px 10px 12px;right:2.6%}.heat-rail{height:203px}.tea-heat h3{margin:8px 0;font-size:21px}
 .chapter-dialogue{bottom:20px}#chapterSpeaker{font-size:25px}#chapterDialogueButton{min-height:155px}.chapter-dialogue-bottom{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.scene-heading,.lesson-progress>i{transition:none}}

/* Nameplates and outlines never intercept the player's pointer. */
#teaGuidance{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
#teaGuidance *{pointer-events:none;box-sizing:border-box}
.tea-guide-lines,.tea-guide-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tea-guide-lines path{fill:none;stroke:#f4d897;stroke-width:1.5;filter:drop-shadow(0 1px 2px #22190c)}
.tea-guide-lines path[data-role=target]{stroke:#c6ead1}
.tea-guide-label{position:absolute;width:154px;min-height:58px;padding:9px 13px;background:linear-gradient(110deg,#433426f5,#28231df2);border:1px solid #e0be80;border-left:3px solid #ffe0a0;box-shadow:0 4px 16px #21180e55;text-shadow:0 1px 3px #21180e}
.tea-guide-label strong{display:block;font:19px var(--serif);letter-spacing:2px;color:#ffe1a0;white-space:nowrap;line-height:23px}
.tea-guide-label small{display:block;font:11px var(--sans);letter-spacing:.3px;color:#f0dfc2;line-height:16px;margin-top:3px;white-space:nowrap}
.tea-guide-label[data-role=target]{background:linear-gradient(110deg,#31443cf5,#202c27f2);border-color:#b9d9bb;border-left-color:#d9f3c8}
.tea-guide-label[data-role=target] strong{color:#e0efc5}
.tea-guide-label[data-role=wait]{border-color:#bba27a;border-left-color:#d5c198}.tea-guide-label[data-role=wait] strong{color:#e7d4b1}
.tea-guide-zone{position:absolute;border:2px dashed #ffe0a0c9;border-radius:12px;background:#f3d29a07;box-shadow:0 0 13px #ffe0a029,inset 0 0 10px #ffe0a019;animation:tea-guide-breathe 1.8s ease-in-out infinite}
.tea-guide-zone[data-role=target]{border-color:#daf1cbbb;background:#c4e7bf08;box-shadow:0 0 12px #bde4b833}
.tea-guide-zone[data-role=wait]{border-width:1px;opacity:.55}
.tea-guide-label[data-ready=true]{border-color:#f8efbe;box-shadow:0 0 18px #efce815c}
.tea-guide-zone[data-role=target][data-ready=true]{border-style:solid;border-width:3px;border-color:#efffc4;background:#d1e9a124;box-shadow:0 0 22px #d9f8a777;animation:none}
@keyframes tea-guide-breathe{50%{border-color:#fff9df;box-shadow:0 0 19px #ffe0a056}}
#lessonSkip{white-space:nowrap;min-width:116px;flex-shrink:0;margin-left:4px;border-color:#d2b273a8;color:#f2d8a6;background:#81603c32}
#lessonSkip:hover:not(:disabled){background:#bc93504f;border-color:#f0cd8c;color:#fff0c6}
#lessonSkip:disabled{opacity:.4;cursor:default}
.lesson-head>p{min-width:0}.lesson-head>button{flex-shrink:0}
@media(min-width:1000px) and (max-width:1450px){.chapter-lesson{width:94%;max-width:1150px}.lesson-head{gap:13px}.lesson-head>span{min-width:118px;padding-right:15px}.lesson-head>p{font-size:14px}.lesson-foot p{letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.tea-guide-zone{animation:none}}