/* Shared adventure polish */
.topbar{background:linear-gradient(180deg,#2755a5,#0d2e6b);border-bottom:2px solid #c7e7ff;box-shadow:0 5px 16px #061d50aa}
.identity-copy strong{color:#fff4bf;text-shadow:0 2px #704087,0 3px 6px #041e56;letter-spacing:.02em}
.xp-badge{display:flex;flex-direction:column;gap:2px;min-width:105px;padding:3px 8px;border:1px solid #83b9ec;border-radius:12px;background:#102e6ba8;color:#fff;font-size:10px}
.xp-badge b{font-size:11px}.xp-badge i{display:block;width:100%;height:7px;border:1px solid #a6d8f7;border-radius:9px;background:#092352;overflow:hidden}.xp-badge i em{display:block;height:100%;background:linear-gradient(90deg,#6be5ed,#92f9a0,#ffdf66)}.xp-badge small{font-size:9px;color:#d8e8ff}
.crystal-chip{color:#e8fbff;text-shadow:0 0 6px #42d6ff}.hud-chip,.icon-btn{border-color:#9cdcff;box-shadow:inset 0 1px 0 #ffffff75,0 4px 0 #061f59,0 5px 9px #041536aa}
.gold-btn{border-color:#fff4b2;border-bottom-color:#b77222;background:linear-gradient(180deg,#fff6aa 0%,#ffc546 37%,#ff9d18 84%,#ca6915 100%);color:#773211;box-shadow:inset 0 2px #ffffffbb,0 5px 0 #8f481e,0 8px 15px #582e1b88;text-shadow:0 1px #fff6c4}
.gold-btn:hover:not(:disabled){filter:brightness(1.08)}

/* Continuous-map overlays */
.map-crest{position:absolute;z-index:5;left:20px;top:15px;display:flex;flex-direction:column;align-items:center;padding:8px 15px 9px;min-width:182px;border:4px solid #dca94f;border-radius:22px 22px 30px 30px;background:linear-gradient(145deg,#643360,#a45a40 55%,#5e2b68);box-shadow:0 5px 0 #5d3162,0 10px 20px #10235fa8,inset 0 0 0 2px #ffe6a3;color:#ffe8a3;text-align:center;text-shadow:0 2px #482445,0 4px 5px #261954}
.map-crest small{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.map-crest strong{font-size:26px;line-height:1.04;color:#fff2bb;-webkit-text-stroke:.3px #623a27}.map-crest span{font-size:12px;font-weight:900;margin-top:5px;color:#fff6dd}
.map-mission{position:absolute;z-index:5;right:20px;bottom:88px;display:flex;flex-direction:column;gap:3px;min-width:260px;padding:15px 20px;border:5px solid #bb824c;border-radius:18px;background:radial-gradient(circle at 50% 0,#fffdf0,#f9e2ae 88%);box-shadow:inset 0 0 0 3px #fff4d3,0 8px 0 #69455aa8,0 15px 25px #11275d99;color:#734a2b;text-align:left;cursor:pointer}
.map-mission span{width:max-content;margin:-32px auto 2px;padding:5px 20px;border:2px solid #e4b06a;border-radius:9px;background:linear-gradient(#a85c3e,#713853);color:#fff4d5;font-weight:1000;box-shadow:0 4px 0 #6e354a}.map-mission strong{font-size:20px}.map-mission small{font-size:12px;font-weight:900}

/* Stone gate scene and characters */
.quest-layout{background:#143d83;isolation:isolate}.quest-scene{background:linear-gradient(#0e297c16,#08265836),url('./assets/stone-gate.png') center/cover no-repeat}
.quest-scene::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 75px #15347688}
.quest-scene .scene-shade{background:linear-gradient(90deg,#12347966,transparent 26%,transparent 70%,#17418b44)}
.quest-scene .back-btn{position:absolute;z-index:8;left:12px;top:10px;margin:0;background:linear-gradient(#2e75bc,#174b94);border-color:#b4e6ff}
.scene-chapter{position:absolute;z-index:5;top:17px;left:50%;transform:translateX(-50%);padding:5px 14px;border:2px solid #e7c277;border-radius:10px;background:#192f70df;color:#fff3b8;box-shadow:0 4px 10px #0d275688;font-size:12px;font-weight:1000;white-space:nowrap}
.quest-scene>img.scene-toby{position:absolute;z-index:6;left:2%;bottom:0;height:min(49vh,400px);max-width:38%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 8px #173478a8)}
.quest-scene>img.scene-robot{position:absolute;z-index:6;left:auto;right:1%;bottom:4%;width:clamp(160px,22vw,240px);height:auto;filter:drop-shadow(0 4px 13px #65e6ffbb);animation:robotHover 2.8s ease-in-out infinite}
.quest-scene .robot-bubble{z-index:7;top:auto;bottom:33%;left:auto;right:5%;max-width:230px;padding:11px 14px;border:3px solid #85d4fa;border-radius:18px;background:#f5fdff;color:#234a7e;text-align:center;font-size:14px;line-height:1.35;box-shadow:0 5px 0 #286cac,0 9px 15px #082b6480}
.robot-bubble::after{content:'';position:absolute;right:20%;bottom:-14px;border-style:solid;border-width:11px 9px 0 9px;border-color:#85d4fa transparent transparent}
.gate-runes{position:absolute;z-index:4;left:50%;top:14%;transform:translateX(-50%);display:flex;flex-direction:column;gap:12px;pointer-events:none}
.gate-runes span{display:grid;place-items:center;width:38px;height:38px;border:3px solid #b6b8c9;transform:rotate(45deg);background:linear-gradient(#59627f,#303754);color:#e0e4f5;box-shadow:0 0 0 3px #182b57aa,inset 0 0 9px #d8e0ff55}
.gate-runes span b{transform:rotate(-45deg);font-size:16px}.gate-runes span.lit,.gate-runes span.active{border-color:#fff0a5;background:linear-gradient(#fff4ba,#f2ac2f,#c0782c);color:#8b4a19;box-shadow:0 0 8px 3px #ffd66d,0 0 20px #ffcf5faa}.gate-runes span.active{animation:runePulse 1.5s ease-in-out infinite alternate}
.gate-energy{position:absolute;z-index:3;left:50%;top:46%;width:95px;height:95px;transform:translate(-50%,-50%);border-radius:50%;background:#58dfff55;filter:blur(18px);box-shadow:0 0 40px 15px #38c9ff99;animation:energyPulse 2s ease-in-out infinite alternate;pointer-events:none}
.quest-scene.scene-hit .gate-energy{animation:energyFlash .65s ease-out both}
.quest-scene .foe{right:3%;top:23%;transform:scale(.72);transform-origin:top right;z-index:5}.quest-scene .foe-name{background:#1d3c8ddc}
@keyframes robotHover{50%{transform:translateY(-10px)}}@keyframes runePulse{to{filter:brightness(1.4);box-shadow:0 0 15px 6px #ffe87b,0 0 35px #ffcf5f}}@keyframes energyPulse{to{opacity:.45;transform:translate(-50%,-50%) scale(1.25)}}@keyframes energyFlash{20%{opacity:1;transform:translate(-50%,-50%) scale(1.9)}100%{opacity:.65;transform:translate(-50%,-50%) scale(1)}}

/* Rolled parchment question board */
.quest-layout .paper,.day-layout .mission-card,.reward-scroll,.gate-clear .result-card,.shop-card{border:7px solid #be8a55;border-radius:19px;background:radial-gradient(circle at 50% 5%,#fffdf1 0,#fff5d8 52%,#f1d7a4 100%);box-shadow:inset 0 0 0 3px #fff9e7,inset 0 0 0 8px #e9c995,inset 0 0 28px #b17a4166,0 8px 0 #744760,0 16px 28px #0824589e;color:#673e25}
.quest-layout .paper{margin:38px 28px 28px;padding:38px 30px 29px;min-height:min(680px,calc(var(--toby-view-height) - 160px));max-height:calc(var(--toby-view-height) - 132px);scrollbar-color:#c69a67 #f8e6bf}
.quest-layout .paper::before,.quest-layout .paper::after,.day-layout .mission-card::before,.reward-scroll::before{content:'';position:absolute;z-index:1;left:10px;right:10px;height:15px;border:2px solid #d3a468;border-radius:50%;background:linear-gradient(180deg,#fff9e5,#f2d49f 65%,#c58b50);box-shadow:0 3px 5px #825a3888;pointer-events:none}
.quest-layout .paper::before,.day-layout .mission-card::before,.reward-scroll::before{top:5px}.quest-layout .paper::after{bottom:4px;transform:rotate(180deg)}
.paper-ornament{position:absolute;z-index:0;top:20px;left:50%;transform:translateX(-50%);color:#c2935f;letter-spacing:18px;font-size:13px;white-space:nowrap}
.quest-layout .paper .ribbon,.day-layout .mission-card .ribbon,.reward-scroll .ribbon{position:relative;z-index:3;margin:-59px auto 18px;padding:10px 25px;border:3px solid #e5ae65;border-radius:8px;background:linear-gradient(#b65e39,#873c52 50%,#63306b);color:#fff5ce;box-shadow:inset 0 1px #fff2b0,0 5px 0 #66314e,0 8px 12px #63385077;text-shadow:0 2px 3px #522a37}
.quest-layout .paper .ribbon::before,.quest-layout .paper .ribbon::after{content:'✦';position:absolute;top:50%;transform:translateY(-50%);color:#ffdb8b;font-size:13px}.quest-layout .paper .ribbon::before{left:8px}.quest-layout .paper .ribbon::after{right:8px}
.quest-head{padding-bottom:9px;border-bottom:1px solid #d7b986;color:#8d5d3a;font-size:13px}.stage-track{margin:12px 0 16px;gap:15px}.stage-track b{width:38px;height:38px;border:3px solid #d6b47d;background:radial-gradient(#fffdf2,#efd2a0);box-shadow:inset 0 2px #ffffffc4,0 3px 0 #bb8e55;font-size:17px}.stage-track b.lit{border-color:#fff0a2;background:radial-gradient(#fff7c2,#f6b83d);box-shadow:0 0 0 3px #d28c4c,0 0 14px #ffe288}
.word-card{min-height:190px;border:3px solid #cda977;border-radius:13px;background:radial-gradient(circle at 50% 0,#fffdf7,#f8e9c9);box-shadow:inset 0 0 0 3px #fffaf0,inset 0 0 18px #bd966a44,0 4px 0 #c29564;padding:18px 16px;gap:11px}
.word-card .eyebrow{font-size:13px;color:#9e6540}.big-word{color:#152e68;text-shadow:0 2px #fff,0 4px 5px #9d886f77}.round-audio{border:2px solid #84b4e5;background:linear-gradient(#f2fdff,#cceaff);box-shadow:0 3px 0 #81b8d5;color:#215a9a}.instruction{color:#653a27;margin:16px 0 11px}.choices{gap:11px}.choice{display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:8px 13px;min-height:65px;border:3px solid #d2ad7a;border-bottom-width:5px;border-radius:12px;background:linear-gradient(#fffdf5,#f5dfbc);color:#503b36;box-shadow:inset 0 1px #fff;font-size:16px;text-align:left}.choice-letter{flex:none;display:grid;place-items:center;width:29px;height:29px;border:2px solid #c39168;border-radius:50%;background:#fff9e9;color:#97462f;font-weight:1000}.choice i{margin-left:auto;font-style:normal}.choice.correct,.choice.correct:hover,.choice.correct:disabled{background:linear-gradient(#e8ffdf,#9eea91);border-color:#63b968;color:#205b31;box-shadow:0 3px 0 #4e9c4f}.choice.incorrect,.choice.incorrect:hover,.choice.incorrect:disabled{background:linear-gradient(#fff0e9,#ffaaa8);border-color:#d96966;color:#8e2429;box-shadow:0 3px 0 #b95258}
.prompt-cn{color:#653722}.paper .input-label{color:#8b4c30}.paper textarea,.paper input[type=text]{border-color:#be945f;border-bottom-width:5px;border-radius:10px;background:#fffaf0;box-shadow:inset 0 3px 8px #c7ab8655;color:#1c3f79}.paper textarea{min-height:72px}.word-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:10px 0;padding:12px;border:2px dashed #cda66f;border-radius:12px;background:#f6e5c6aa}.word-tile{min-width:42px;padding:8px 11px;border:2px solid #7994db;border-bottom-width:4px;border-radius:8px;background:linear-gradient(#f7f5ff,#c9d6ff);color:#1f3975;font-weight:1000;box-shadow:0 2px 6px #7d77a355}.word-tile:disabled{opacity:.42;filter:grayscale(.4)}.tile-bar{display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:#946239;font-size:13px;font-weight:1000}.tile-bar button{border:0;background:none;color:#285a9c;font-weight:900;text-decoration:underline}.spell-runes{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:10px 0}.spell-runes span{display:grid;place-items:center;width:clamp(25px,7vw,41px);height:clamp(33px,8vw,46px);border:2px solid #9bb9e1;border-bottom:4px solid #7293c2;border-radius:7px;background:linear-gradient(#e5f6ff,#bedbf2);color:#476ea0;font-size:22px;font-weight:1000;text-transform:uppercase}.spell-runes span.filled{border-color:#e8ae48;background:linear-gradient(#fff6bf,#ffd878);color:#8c4b2b;box-shadow:0 0 10px #ffdf78}.feedback{border-width:3px;box-shadow:inset 0 1px #fff8,0 4px 0 #93bd86}.feedback.try{box-shadow:inset 0 1px #fff8,0 4px 0 #c67369}

/* Day introduction, reward, and equipment scenes */
.day-scene{background:linear-gradient(#0b2d6670,#0b2d6620),url('./assets/stone-gate.png') center/cover no-repeat}.day-scene>img.day-toby{left:3%;bottom:0;height:51%;z-index:3}.day-scene>img.day-robot{position:absolute;z-index:3;left:auto;right:4%;bottom:9%;width:26%;height:auto;max-height:42%;object-fit:contain;filter:drop-shadow(0 0 12px #69d9ff)}.day-scene-title{position:absolute;z-index:2;top:15%;left:50%;transform:translateX(-50%);padding:6px 14px;border:2px solid #f4d694;border-radius:12px;background:#1c4386d9;color:#fff6cc;font-weight:1000;white-space:nowrap;box-shadow:0 4px 12px #091f4f}.day-layout .mission-card{position:relative;padding:35px 28px}.day-layout .mission-card .ribbon{margin:-56px auto 17px}.day-layout .progress-step{border-color:#d4ae77;background:linear-gradient(#fffef4,#f5dfbd);box-shadow:0 3px 0 #bb925d}.day-layout .progress-step.now{background:linear-gradient(#fff8d2,#ffd572);border-color:#e4a94a}.day-layout .progress-step.finished{background:linear-gradient(#efffe6,#bee9b9);border-color:#77b881}
.adventure-result,.gate-clear{grid-template-columns:minmax(300px,1fr) minmax(360px,540px);gap:25px;min-height:calc(var(--toby-view-height) - 76px);background:linear-gradient(140deg,#1b367744,#392c8c66),url('./assets/map-panorama.png') center/cover no-repeat}.victory-scene,.clear-scene{position:relative;width:100%;height:min(76vh,660px);min-height:350px}.victory-heading{position:absolute;z-index:4;top:2%;left:50%;transform:translateX(-50%) rotate(-3deg);width:max-content;color:#ffe27e;font-size:clamp(28px,4.5vw,56px);font-weight:1000;text-shadow:0 3px #8b3e66,0 6px 12px #203675,0 0 18px #fff5be}.victory-scene img,.clear-scene img{position:absolute;object-fit:contain;filter:drop-shadow(0 5px 20px #38c8ff88)}.victory-toby,.clear-toby{z-index:3;left:1%;bottom:0;height:65%;max-width:43%}.victory-crystal,.clear-crystal{z-index:2;left:43%;top:18%;height:53%;max-width:38%;animation:crystalFloat 3s ease-in-out infinite}.victory-robot,.clear-robot{z-index:3;right:0;bottom:10%;width:30%;max-height:42%;animation:robotHover 2.8s ease-in-out infinite}.reward-scroll{position:relative;max-width:570px;padding:38px 30px;text-align:center}.reward-scroll .ribbon{margin:-58px auto 15px}.reward-scroll h1,.gate-clear h1{color:#713a2a;text-shadow:0 2px #fff}.reward-list{display:grid;gap:10px;margin:20px 0 25px;text-align:left}.reward-list>div{display:flex;align-items:center;gap:10px;padding:8px 14px;border:2px solid #dec08b;border-radius:12px;background:#fff7dc;font-weight:900}.reward-list>div b{margin-left:auto;color:#9a4a2f}.gate-clear{background:linear-gradient(#184b9633,#25447766),url('./assets/stone-gate.png') center/cover no-repeat}.gate-clear .result-card{position:relative;max-width:560px}.gate-clear .victory-spark{color:#ffa938}.gate-clear .clear-scene{height:min(73vh,630px)}@keyframes crystalFloat{50%{transform:translateY(-16px) rotate(4deg);filter:drop-shadow(0 0 34px #65e6ff)}}
.records{background:linear-gradient(#0d3177aa,#1d4b7a88),url('./assets/stone-gate.png') center/cover no-repeat}.shop-card{position:relative}.shop-card .gear-card{background:radial-gradient(#fffdf1,#f7deb6);border-color:#c39866;box-shadow:0 3px 0 #a97d50}.shop-card .gear-icon{border-color:#d8ae73;background:linear-gradient(#eafbff,#b8dff1);box-shadow:0 0 13px #6bdfff88}

@media(max-width:1100px){.xp-badge{display:none}.crystal-chip{display:none}.map-crest{min-width:145px}.map-crest strong{font-size:21px}.map-mission{right:12px;min-width:220px}}
@media(max-width:820px){.topbar{height:65px}.identity-copy strong{font-size:13px}.hud .shop-chip{display:inline-flex}.quest-layout{height:calc(var(--toby-view-height) - 65px);min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:var(--toby-safe-bottom)}.quest-scene{flex:none;height:clamp(245px,37dvh,330px);background-position:center center}.quest-scene .scene-chapter{top:12px;font-size:10px;padding:4px 8px}.quest-scene .back-btn{top:8px;left:7px;padding:5px 7px;font-size:11px}.quest-scene>img.scene-toby{height:72%;max-width:32%;left:-2%;bottom:-1%}.quest-scene>img.scene-robot{width:108px;right:-1%;bottom:2%}.quest-scene .robot-bubble{bottom:29%;left:31%;right:18%;max-width:none;padding:7px 8px;font-size:10px;border-width:2px;line-height:1.25;box-shadow:0 3px 0 #286cac}.robot-bubble::after{bottom:-10px;border-width:8px 6px 0 6px}.gate-runes{top:18%;gap:7px}.gate-runes span{width:23px;height:23px;border-width:2px}.gate-runes span b{font-size:10px}.gate-energy{width:60px;height:60px}.quest-scene .foe{right:1%;top:13%;transform:scale(.55)}.quest-layout .paper{z-index:3;flex:none;align-self:stretch;margin:-18px 8px 15px;padding:26px 15px 20px;min-height:0;max-height:none;overflow:visible;border-width:5px}.quest-layout .paper::before,.quest-layout .paper::after{height:10px}.quest-layout .paper .ribbon{margin:-43px auto 15px;padding:6px 21px;font-size:16px}.paper-ornament{display:none}.quest-head{font-size:11px}.stage-track{margin:9px 0 13px}.stage-track b{width:30px;height:30px;font-size:14px}.word-card{min-height:135px;padding:10px;gap:6px}.big-word{font-size:36px}.word-card .eyebrow{font-size:11px}.round-audio{padding:5px 10px;font-size:12px}.instruction{font-size:13px;margin:11px 0 8px}.choices{gap:7px}.choice{min-height:48px;padding:5px 7px;gap:5px;border-width:2px;border-bottom-width:4px;font-size:13px}.choice-letter{width:22px;height:22px;border-width:1px;font-size:11px}.prompt-cn{font-size:21px}.word-card small{font-size:11px}.input-label{margin:11px 0 5px}.paper textarea,.paper input[type=text]{font-size:16px;padding:8px}.paper textarea{min-height:65px}.word-tiles{gap:5px;padding:8px}.word-tile{font-size:13px;padding:6px 8px}.input-actions{gap:7px}.input-actions .light-btn,.input-actions .gold-btn{font-size:13px;padding:7px 9px}.feedback{margin-top:10px;padding:10px}.feedback p{margin:4px 0 9px}.map-crest{left:10px;top:10px;min-width:105px;padding:5px 8px;border-width:2px;border-radius:13px}.map-crest small{font-size:8px}.map-crest strong{font-size:16px}.map-crest span{font-size:8px}.map-mission{left:50%;right:auto;bottom:72px;transform:translateX(-50%);min-width:0;width:min(260px,72vw);padding:8px 12px;border-width:3px;gap:1px}.map-mission span{margin:-22px auto 0;padding:2px 12px;font-size:10px}.map-mission strong{font-size:14px}.map-mission small{font-size:9px}.day-scene>img.day-toby{height:86%;left:0}.day-scene>img.day-robot{width:28%;max-height:65%;right:0;bottom:5%}.day-scene-title{top:18%;font-size:10px}.day-layout .mission-card{padding:23px 16px}.day-layout .mission-card .ribbon{margin:-32px auto 10px}.adventure-result,.gate-clear{height:calc(var(--toby-view-height) - 65px);min-height:0;display:flex;flex-direction:column;gap:0;justify-content:flex-start;overflow-y:auto;padding:0 10px 15px}.victory-scene,.gate-clear .clear-scene{flex:none;width:100%;height:clamp(230px,39dvh,340px);min-height:0}.victory-heading{top:8%;font-size:clamp(22px,6vw,33px)}.victory-toby,.clear-toby{height:73%}.victory-crystal,.clear-crystal{top:15%;height:60%}.victory-robot,.clear-robot{width:26%;bottom:7%}.reward-scroll,.gate-clear .result-card{z-index:2;flex:none;width:100%;max-width:580px;margin:-12px auto 0;padding:23px 20px 21px}.reward-scroll .ribbon{margin:-35px auto 13px}.reward-scroll h1,.gate-clear h1{font-size:25px}.reward-scroll p,.gate-clear p{font-size:14px}.reward-list{margin:13px 0 16px}.gate-clear .result-card{margin:-22px auto 0}.gate-clear .victory-spark{font-size:25px}}
@media(max-width:820px) and (max-height:700px){.quest-scene{height:210px}.quest-scene>img.scene-toby{height:76%}.quest-scene>img.scene-robot{width:80px}.quest-scene .robot-bubble{bottom:25%;font-size:9px}.quest-scene .foe{top:9%;transform:scale(.46)}.gate-runes{top:14%;gap:5px}.gate-runes span{width:19px;height:19px}.quest-layout .paper{margin-top:-12px}.word-card{min-height:115px}.adventure-result .victory-scene,.gate-clear .clear-scene{height:220px}.map-mission{bottom:69px}}
@media(max-width:360px){.map-mission{width:220px}.quest-scene .scene-chapter{display:none}.quest-scene .robot-bubble{left:29%;right:16%;font-size:9px}.choice{font-size:12px}}
@media(prefers-reduced-motion:reduce){.scene-robot,.gate-runes span.active,.gate-energy,.victory-crystal,.clear-crystal,.victory-robot,.clear-robot{animation:none!important}}
@media(max-width:820px){.quest-scene>img.scene-robot{width:145px;right:-5%;bottom:0}}
@media(max-width:820px) and (max-height:700px){.quest-scene>img.scene-robot{width:112px;right:-4%;bottom:0}}
.quest-scene.scene-miss .gate-energy{background:#ff7e6b88;box-shadow:0 0 24px 9px #ff5b6488;animation:energyFlash .45s ease-out both}.quest-scene.scene-miss .gate-runes span.active{border-color:#ffc0a7;background:linear-gradient(#ffb99c,#d66c57);box-shadow:0 0 12px #ff776a}
.rest-result .victory-crystal{opacity:.45;filter:grayscale(.5) drop-shadow(0 0 7px #8caac7)}
.records .records-card{position:relative;border:7px solid #be8a55;border-radius:19px;background:radial-gradient(circle at 50% 5%,#fffdf1,#fff1d1 60%,#ebcd99);box-shadow:inset 0 0 0 3px #fff9e7,inset 0 0 0 8px #e9c995,0 8px 0 #744760,0 16px 28px #0824589e}
.records .records-card h1{color:#71432c;text-shadow:0 2px #fff8e4}.shop-guide{display:flex;align-items:center;gap:10px}.shop-guide img{width:105px;height:100px;object-fit:contain;filter:drop-shadow(0 0 10px #53b8ed)}.shop-guide h1{margin:0 0 5px}.shop-guide p{margin:0 0 8px}.records .record-grid>div{border-color:#d6b581;background:#fff7de}.records .record-grid strong{color:#7d4c9b}
@media(max-width:820px){.records .records-card{border-width:5px}.shop-guide img{width:65px;height:75px}.shop-guide h1{font-size:23px}.shop-guide p{font-size:12px}}
@media(max-width:820px){.quest-scene{height:clamp(215px,30dvh,270px)}}
/* Each small stage has its own illustrated place. */
.quest-layout.stage-1 .quest-scene{background-image:linear-gradient(#0e297c16,#08265836),url('./assets/echo-forest.png')}
.quest-layout.stage-2 .quest-scene{background-image:linear-gradient(#0e297c16,#08265836),url('./assets/mechanism-room.png')}
.quest-layout.stage-3 .quest-scene{background-image:linear-gradient(#0e297c16,#08265836),url('./assets/crystal-chamber.png')}
.quest-layout.stage-1 .gate-runes span.active{border-color:#b6f8ff;background:linear-gradient(#e7ffff,#60c7f1,#3358ae);color:#124682;box-shadow:0 0 10px 4px #82e9ff}
.quest-layout.stage-3 .gate-runes span.active{border-color:#b8faff;background:linear-gradient(#f4ffff,#5bcaff,#4167c4);color:#164381;box-shadow:0 0 13px 5px #72dbff}
.quest-layout{background:linear-gradient(#102957bd,#143f81b8),url('./assets/stone-gate.png') center/cover no-repeat}
.quest-layout.stage-1{background-image:linear-gradient(#102957bd,#143f81b8),url('./assets/echo-forest.png')}
.quest-layout.stage-2{background-image:linear-gradient(#102957bd,#143f81b8),url('./assets/mechanism-room.png')}
.quest-layout.stage-3{background-image:linear-gradient(#102957bd,#143f81b8),url('./assets/crystal-chamber.png')}
/* The blank scroll artwork supplies actual rolled rods, torn sides and paper fibers. */
.quest-layout .paper{border:0;border-radius:0;background:url('./assets/parchment-scroll.png') center/100% 100% no-repeat;box-shadow:none;margin:19px 15px 15px;padding:58px 50px 54px;min-height:min(720px,calc(var(--toby-view-height) - 125px));max-height:calc(var(--toby-view-height) - 100px);scrollbar-width:thin}
.quest-layout .paper::before,.quest-layout .paper::after{display:none}.quest-layout .paper .paper-ornament{display:none}
.quest-layout .paper .ribbon{margin:-35px auto 16px}
@media(max-width:820px){.quest-layout .paper{margin:-18px 3px 13px;padding:38px 30px 42px;min-height:0;max-height:none;overflow:visible}.quest-layout .paper .ribbon{margin:-21px auto 14px;padding:6px 21px}}
@media(max-width:820px) and (max-height:700px){.quest-layout .paper{margin-top:-12px;padding-top:34px;padding-bottom:38px}.quest-layout .paper .ribbon{margin-top:-18px}}