/* Parchment and lacquer belong to the court, with the night visible around it. */
.temple-map-game[hidden],.temple-map-story[hidden],.tm-pause[hidden],.tm-timeout[hidden],.tm-note[hidden],.tm-reading[hidden],.tm-choice[hidden],.tm-ending[hidden]{display:none!important}
.temple-map-game{position:absolute;inset:0;z-index:36;display:grid;place-items:center;background:#102b3038;color:#e9dfc7;font-family:"Microsoft YaHei",sans-serif}
.tm-panel{width:min(1280px,88vw);height:min(800px,86vh);box-sizing:border-box;padding:24px 30px 20px;display:flex;flex-direction:column;position:relative;background:linear-gradient(125deg,#2d4648f5,#1e3337f7);box-shadow:0 22px 90px #091b2a88,inset 0 0 0 1px #ccb37b55;outline:1px solid #cbbd9233;outline-offset:-8px;border-radius:7px}
.tm-panel header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;flex-shrink:0}.tm-panel small{color:#c6b38d;font-size:11px;letter-spacing:3px}.tm-panel h2{font:30px "KaiTi",serif;font-weight:normal;margin:0;letter-spacing:4px}.tm-panel h2 span{font-size:21px;color:#cbbd99}
.tm-status{display:flex;align-items:center;gap:18px;font-size:12px}.tm-panel button,.temple-map-story button{font-family:inherit;cursor:pointer;color:inherit;border:1px solid #baa67970;background:#ffffff06;border-radius:3px;padding:9px 16px;transition:background .2s}.tm-panel button:hover,.temple-map-story button:hover{background:#dfc99615}.tm-panel button:focus-visible,.temple-map-story button:focus-visible{outline:2px solid #9bc8c1;outline-offset:3px}.tm-panel button:disabled{cursor:default}.tm-panel kbd{font:10px sans-serif;opacity:.65;margin-left:7px}
.tm-timer{display:flex;align-items:center;gap:10px;padding-right:18px;border-right:1px solid #cab88933;color:#e5d3a8;white-space:nowrap}.tm-timer>span{font-size:11px;letter-spacing:2px;color:#c5bea8}.tm-timer strong{font:26px Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:1px;min-width:70px;text-align:center}.tm-timer[data-urgent="true"]{color:#ffaf8f}.tm-timer[data-urgent="true"]>span{color:#edb9a5}
.tm-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,.47fr);gap:26px;min-height:0;flex:1}.tm-board-wrap{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tm-board{width:100%;max-height:calc(100% - 27px);aspect-ratio:4/3;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);position:relative;background:repeating-linear-gradient(10deg,#c4b18b,#c4b18b 2px,#c8b58f 3px,#c8b58f 4px);box-shadow:0 8px 25px #0e202c70,inset 0 0 24px #65573755;border:6px solid #71614a;box-sizing:border-box}
.tm-panel button.tm-slot{min-width:0;min-height:0;border:1px solid #7d725140;border-radius:0;padding:0;background-color:#d2c2a0;touch-action:none}.tm-panel button.tm-slot:not(.is-placed):hover{background-color:#e0d0ac}.tm-panel button.tm-slot.is-placed{border-color:#6b675028;cursor:default}
.tm-fragment{background-image:var(--temple-map)!important;background-size:400% 300%!important;background-repeat:no-repeat!important}.tm-board-note{font-size:11px;color:#c5c5ac;margin:10px 0 0;line-height:1.5}
.tm-tray{min-height:0;display:flex;flex-direction:column;padding:0 0 0 22px;border-left:1px solid #cab88933}.tm-tray-heading{display:flex;flex-direction:column;gap:5px;margin:3px 0 12px}.tm-tray-heading span{font:clamp(15px,1.15vw,19px)/1.6 "KaiTi",serif;letter-spacing:1px}.tm-tray-heading i{font-size:10px;font-style:normal;letter-spacing:2px;color:#aab6a6}
.tm-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;gap:9px;overflow:auto;padding:4px;align-content:start;min-height:0}.tm-panel button.tm-piece{padding:0;aspect-ratio:1;width:100%;border:1px solid #d6c39c99;border-radius:1px;box-shadow:1px 4px 7px #081f2660;touch-action:none}.tm-piece:hover{transform:translateY(-2px)}.tm-piece[aria-pressed="true"]{outline:2px solid #94c3b9;outline-offset:2px}
.tm-drag{position:fixed;z-index:9999;pointer-events:none;transform:translate(-50%,-50%) rotate(-1.5deg);box-shadow:0 14px 30px #071b2980;outline:2px solid #b9dacb99;opacity:.97}.tm-panel footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;margin-top:12px;border-top:1px solid #cab88933;flex-shrink:0}.tm-panel footer>div{display:flex;gap:8px;flex-shrink:0}.tm-feedback{margin:0;font-size:12px;line-height:1.75;color:#e7dbc2;min-height:38px}.tm-feedback small{font-size:10px;letter-spacing:0;color:#9cb2aa}
.tm-slot.is-hint{box-shadow:inset 0 0 0 3px #789b88;animation:tm-hint 1.2s ease-in-out infinite}.tm-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}.tm-route path{fill:none;stroke:#a45e3b;stroke-width:5;stroke-dasharray:1300;stroke-dashoffset:1300}.tm-route circle{fill:none;stroke:#ab493a;stroke-width:5;opacity:0}.is-complete .tm-slot{border-color:transparent!important}.is-complete .tm-route{opacity:1}.is-complete .tm-route path{animation:tm-route 1.15s ease forwards}.is-complete .tm-route circle{animation:tm-destination .6s .7s ease forwards}.tm-found{grid-column:1/-1;text-align:center;align-self:center;margin-top:40px;color:#dfcfaa}.tm-found>span{display:inline-grid;place-items:center;border:1px solid #c1a57988;width:58px;height:58px;font:32px "KaiTi",serif}.tm-found p{font:19px/1.8 "KaiTi",serif}
.tm-pause{position:absolute;inset:0;background:#152e32e8;backdrop-filter:blur(7px);z-index:10;display:grid;place-items:center;text-align:center;border-radius:7px}.tm-pause h3{font:29px "KaiTi",serif;font-weight:normal}.tm-pause p{color:#c4bfa7;font-size:13px;margin-bottom:30px}.tm-pause button{margin:5px}
.temple-map-story{position:absolute;inset:0;z-index:24;pointer-events:none;color:#eadcc0;font-family:"Microsoft YaHei",sans-serif}.temple-map-story button{pointer-events:auto}.tm-note{position:absolute;right:10%;top:25%;padding:30px 20px;background:linear-gradient(115deg,#d1c39d,#eee0b6);box-shadow:0 10px 28px #05182088;transform:rotate(5deg);color:#645338;font:23px/1.7 "KaiTi",serif;writing-mode:vertical-rl;letter-spacing:6px}.tm-note small{font-size:12px;color:#938260;letter-spacing:2px;margin-right:15px}
.tm-reading{position:absolute;top:max(146px,22%);left:50%;transform:translateX(-50%) rotate(-1deg);width:min(500px,42vw);filter:drop-shadow(0 20px 30px #071720aa);transition:transform .6s,opacity .6s}.tm-reading img{width:100%;display:block}.tm-reading .tm-route{opacity:.65}.tm-reading .tm-route path{stroke-dashoffset:0}.tm-reading .tm-route circle{opacity:1}.tm-reading.is-taking{transform:translate(-5%,150%) scale(.24) rotate(15deg);opacity:0}.tm-reading.is-giving{transform:translate(-125%,40%) scale(.5) rotate(-7deg);opacity:0}
.tm-choice{position:absolute;inset:0;background:linear-gradient(0deg,#071e29c9,transparent 80%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:7vh;box-sizing:border-box;pointer-events:none}.tm-choice h2{font:28px "KaiTi",serif;font-weight:normal;letter-spacing:3px;margin:0 0 23px}.tm-choice>div{display:flex;gap:26px}.tm-choice button{padding:21px 30px;width:260px;text-align:left;background:linear-gradient(125deg,#263f42f5,#30494af5);border-color:#b99c6666;box-shadow:0 12px 30px #04172644}.tm-choice button strong{display:block;font:25px "KaiTi",serif;font-weight:normal;letter-spacing:5px}.tm-choice button small{display:block;margin-top:12px;color:#bcbba4;font-size:12px}.tm-choice button:hover{transform:translateY(-3px);background:#3a5656}.tm-choice button:disabled{opacity:.5;cursor:default}
.tm-ending{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(520px,55vw);padding:32px;text-align:center;background:#233d40ed;border:1px solid #c6b17d44;box-shadow:0 18px 55px #04182566;pointer-events:auto}.tm-ending>small{font-size:12px;letter-spacing:5px;color:#b6bba5}.tm-ending h2{font:32px "KaiTi",serif;font-weight:normal;margin:22px 0}.tm-ending p{font:16px/2 "KaiTi",serif;color:#d4ceb6}.tm-ending>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}.tm-ending .tm-end-note{font:11px/1.7 "Microsoft YaHei",sans-serif;color:#a7b7ac;margin:20px 0 0}
#chapterRoot[data-temple-map-game="true"]>.chapter-topbar,#chapterRoot[data-temple-map-game="true"]>.chapter-vignette{display:none}.tm-text-shake{animation:tm-shake .3s ease both}
#chapterRoot[data-temple-choice-shock="true"]{will-change:transform;transform-origin:center center}
@keyframes tm-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(2px)}60%{transform:translateX(-2px)}80%{transform:translateX(1px)}}
@keyframes tm-hint{50%{box-shadow:inset 0 0 0 4px #aedac0}}
@keyframes tm-route{to{stroke-dashoffset:0}}@keyframes tm-destination{to{opacity:1}}
@media(max-height:780px){.tm-panel{padding:18px 24px 15px}.tm-panel header{margin-bottom:12px}.tm-panel h2{font-size:26px}.tm-panel footer{padding-top:10px;margin-top:8px}.tm-workspace{gap:20px}.tm-tray{padding-left:16px}.tm-panel button{padding:8px 12px}.tm-reading{width:min(445px,38vw)}}
@media(prefers-reduced-motion:reduce){.tm-text-shake{animation:none}.tm-slot.is-hint{animation:none}.tm-route path,.tm-route circle{animation-duration:.01s!important;animation-delay:0s!important}.tm-reading{transition:none}}
.tm-board-wrap{container-type:size}.tm-board{width:min(100%,calc(133.333cqh - 36px));max-height:none;flex-shrink:0}
.tm-tray{container-type:size}.tm-pieces{width:min(calc(100% - 8px),calc(75cqh - 42px));align-self:center;box-sizing:border-box;flex:1}
.tm-timeout{position:absolute;inset:0;z-index:11;display:grid;place-items:center;text-align:center;background:radial-gradient(ellipse at center,#30494af5,#172e32fa);border-radius:7px}.tm-timeout>div{max-width:80%;padding:24px}.tm-timeout h3{font:29px "KaiTi",serif;font-weight:normal;letter-spacing:2px}.tm-timeout p{color:#c4bfa7;font-size:13px;line-height:2;margin:18px 0 26px}.tm-timeout button{margin:5px}.tm-timeout [data-tm="retry"]{background:#c9b28320;border-color:#c9b283aa}
.tm-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7);pointer-events:none;z-index:0}.tm-panel{z-index:1}