*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;color:#253c34;background:#b8c9b6;font:15px/1.55 "Microsoft YaHei",system-ui,sans-serif}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#20352d30,transparent 20%,transparent 83%,#24352e21)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #98896b;background:#f9f3df;border-radius:4px;padding:7px 13px}button:hover,button:focus-visible{background:#fff9df;outline:2px solid #ab8153}button:disabled{opacity:.5;cursor:default}kbd{font:10px monospace;border:1px solid currentColor;padding:2px 4px;opacity:.6}header,#hud{position:absolute;left:clamp(12px,3vw,44px);right:clamp(12px,3vw,44px);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}header{top:25px}header nav,#hud button{pointer-events:auto}header nav{display:flex;gap:6px}.placard,.objective{background:#f7f1dded;border-left:4px solid #8b744a;padding:8px 18px;box-shadow:0 4px 20px #2c392023}small,.subtle{color:#686851}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,"Songti SC",SimSun,serif}h1{font-size:26px;line-height:1.12}h2{font-size:33px}h3{font-size:19px}#hud{bottom:24px;align-items:flex-end}.objective span,.objective small{display:block}.objective span{max-width:450px}.overlay{position:absolute;inset:0;display:grid;align-items:center;padding:6vw;background:linear-gradient(90deg,#192e28db, #1b29264d 55%,transparent 87%)}.intro{max-width:440px;color:#fff7df}.intro h2{font-size:clamp(68px,10vw,130px);line-height:1.25;letter-spacing:.07em}.intro small{color:#dfcb99}.intro p{line-height:1.95}.intro button{margin:22px 0}.intro details{font-size:13px}.gold{background:#f2cd88;padding:10px 25px}.bar{position:absolute;background:#151b19;left:0;width:100%;height:9vh;pointer-events:none;transition:transform .55s;z-index:3}.upper{top:0;transform:translateY(-102%)}.lower{bottom:0;transform:translateY(102%)}.film .bar{transform:none}.film header,.film #hud{visibility:hidden}#bubble{position:absolute;transform:translate(-50%,-100%);border:2px solid #242926;background:#fffcf3;border-radius:13px 13px 13px 2px;padding:8px 13px;box-shadow:0 3px 0 #252b2522;max-width:94vw;z-index:4}#bubble:after{content:"";position:absolute;bottom:-8px;left:18px;width:12px;height:12px;transform:skewY(-32deg);background:#fffcf3;border-left:2px solid #242926;border-bottom:2px solid #242926}#speech,.words{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.word{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:none;background:transparent;padding:2px;color:#282e28;max-width:100%}.word svg{max-width:100%;height:23px}.word:hover{background:#e8dfbe}#tip{position:fixed;pointer-events:none;background:#161a18;color:white;padding:6px 12px;border-radius:9px;opacity:0;transition:opacity .22s;z-index:20;font-size:14px;max-width:94vw}#tip.show{opacity:1}#tip .unknown{color:#aaa}#strip{position:absolute;z-index:4;bottom:10vh;left:50%;transform:translateX(-50%);width:min(620px,94vw);background:#f8f2deef;border:1px solid #a89975;padding:12px 18px;text-align:center;border-radius:6px}#strip p{margin:3px 0 8px}#filmActions{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}dialog{width:min(925px,95vw);max-height:90dvh;overflow:auto;border:1px solid #8b8167;background:#f3ecd7;color:#283c34;border-radius:9px;padding:0}dialog::backdrop{background:#1a241fc4}.paper{padding:clamp(14px,3vw,30px)}.head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}#tabs,.itinerary{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.active{background:#345349!important;color:white} .notebook{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;border-top:1px solid #afa386;padding-top:18px}.notebook aside{border-left:1px solid #c8bc9e;padding-left:18px}.slot{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid #cfc3a6;padding:6px 0}.slot button{min-width:110px}.row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0}#lex{display:flex;flex-wrap:wrap;gap:5px;max-height:37vh;overflow:auto;margin:10px 0}#lex button{max-width:100%;padding:3px 5px}#lex svg,.slot svg,#editGlyph svg{vertical-align:middle;max-width:100%}#editor{border-top:1px solid #afa386;padding-top:10px}#editor label,#editor input{display:block}#editor input{width:100%;padding:7px;margin:4px 0 7px}#noteStatus{min-height:22px;color:#6d5832}.subtle{font-size:13px}#mapArt svg{width:100%;max-height:47vh;background:#e4e0c8;border-radius:4px}#mapArt g[role=button]{cursor:pointer}#toast{position:absolute;top:14vh;left:50%;transform:translateX(-50%);background:#253b33e8;color:white;border-radius:20px;padding:4px 14px;opacity:0;pointer-events:none;z-index:6}#toast.show{opacity:1}[hidden]{display:none!important}
@media(max-width:620px){header{top:10px}.placard,.objective{padding:5px 9px}h1{font-size:20px}nav button{padding:5px 8px}kbd{display:none}#hud{bottom:10px;gap:8px}.objective span{font-size:12px}.notebook{grid-template-columns:1fr}.notebook aside{border-left:0;border-top:1px solid #c8bc9e;padding:10px 0 0}#lex{max-height:15vh}#strip{padding:8px;font-size:13px}#strip button{padding:5px 8px}h2{font-size:25px}}
#bubble:after{left:var(--tail,calc(50% - 6px))}#inspection{width:min(600px,90vw)}#inspection::backdrop,#annotation::backdrop{background:rgb(0 0 0/.62)}#surface{min-height:190px;display:grid;place-content:center;text-align:center;margin:20px 0;padding:22px}#surface.woodSurface{border:7px solid #654d37;border-radius:5px;background:repeating-linear-gradient(2deg,#e5d2a7 0 4px,#eadab8 5px 15px)}#surface.pageSurface{border:1px solid #ab9675;background:linear-gradient(90deg,#eadfc6,#fff9e7 48%,#d7c7a6 50%,#f9efda 52%)}#inscription svg{height:62px;width:auto;max-width:74vw}#annotation{width:min(410px,90vw)}#annotationText{display:block;width:100%;margin:6px 0 12px;padding:8px}#annotated svg{height:42px;width:auto}#tip{z-index:1000}#bubble{pointer-events:auto}.word svg,[data-glyph]{cursor:text}
.notebook button[data-progress="chosen"]{background:#656968!important;color:white;border-color:#606563}
.notebook button[data-progress="solved"]{background:#171918!important;color:white;border-color:#171918}
.slot button.active[data-progress]{outline:2px solid #ac8149;outline-offset:1px}

.worldEffect{position:fixed;z-index:3;display:flex;align-items:center;pointer-events:none;transform:translate(-50%,-100%);filter:drop-shadow(1px 0 1px white) drop-shadow(-1px 0 1px white) drop-shadow(0 0 4px white)}
.worldEffect[hidden]{display:none}.worldEffect svg{width:clamp(28px,4vw,48px);height:auto}.worldEffect svg+svg{width:28px}