.quest-page{--quest-green:#234c40;--quest-cream:#f6efdb;--quest-red:#b94126}
.quest-eyebrow{display:block;font:700 10px/1.5 var(--mono);letter-spacing:1.5px;color:var(--accent);margin-bottom:9px}
.quest-heading>p em{font-family:Georgia,serif;color:var(--accent);font-size:20px}
.quest-layout{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:28px;align-items:start}
.quest-machine{overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--panel);min-width:0}
.quest-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 16px;border-bottom:1px solid var(--line)}
.quest-brand{font:700 11px var(--mono);letter-spacing:1px}.quest-brand b{margin-left:8px;color:var(--accent);font-size:10px}
.quest-tools{display:flex;gap:14px}.quest-tools button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;padding:0 2px;background:none;color:var(--ink);font:12px var(--body)}
.quest-hud{display:flex;justify-content:space-between;background:var(--quest-green);color:var(--quest-cream);padding:17px 24px}.quest-hud>div:last-child{text-align:right}.quest-hud>div:nth-child(2){text-align:center}.quest-hud span{display:block;font:10px/1.5 var(--mono);letter-spacing:1.2px;color:#d0dac7;margin-bottom:5px}.quest-hud strong{font:900 32px/1 var(--display);font-variant-numeric:tabular-nums}.quest-hud small{font:12px var(--mono);color:#d0dac7}.quest-hud #quest-orders{color:#f4cf82}
.quest-level-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;background:#193a31;color:#f5efdc;font:12px/1.5 var(--body)}.quest-level-strip>span:last-child{font:10px var(--mono);color:#d0dac7}
.quest-stage{position:relative;display:flex;justify-content:center;align-items:center;background:#173b31;aspect-ratio:auto;height:clamp(330px,calc(100dvh - 555px),600px);min-height:0;overflow:hidden}.quest-stage canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;touch-action:none;outline-offset:-5px!important}
.quest-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:20px;background:#102d2299;backdrop-filter:blur(2px)}
.quest-ticket{position:relative;flex-shrink:0;width:min(310px,100%);padding:20px 24px;margin-block:auto;text-align:center;background:#f8f0dc;color:#292e22;border:1px solid #c8bfa3;box-shadow:7px 7px 0 #142e2566;transform:rotate(-2deg)}.quest-ticket:before,.quest-ticket:after{content:'';position:absolute;left:0;right:0;height:6px;background:radial-gradient(circle at 6px 0,transparent 5px,#f8f0dc 5.5px) repeat-x;background-size:12px 6px;bottom:-6px}.quest-ticket:after{top:-6px;bottom:auto;transform:rotate(180deg)}
.quest-ticket-eyebrow,.quest-ticket-foot{display:block;font:700 9px/1.6 var(--mono);letter-spacing:1.2px;color:#62654c}.quest-ticket img{width:42px;height:48px;margin-top:12px}.quest-ticket h2{font:900 55px/.9 var(--display);letter-spacing:-1px;margin:10px 0 12px}.quest-ticket h2 em{font-style:normal;color:var(--quest-red)}.quest-ticket p{font:12px/1.65 var(--body);margin:12px 0 18px}.quest-ticket-foot{font-weight:400;font-size:9px;letter-spacing:.5px;margin-top:18px}
.quest-page .quest-primary{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:48px;border:0;border-radius:2px;padding:12px 15px;background:#b94126;color:#fff8e8;font:700 11px/1.5 var(--body);letter-spacing:.5px;cursor:pointer}.quest-page .quest-primary:hover{background:#9c321c}.quest-primary>span{font-size:20px;line-height:1}
.quest-page .quest-secondary{width:100%;min-height:44px;margin-top:9px;background:transparent;color:#434735;border:1px solid #c8bfa3;font:700 10px/1.5 var(--body);padding:8px}.quest-stars{font:34px/1 Georgia,serif;color:#a96814;letter-spacing:3px;margin:20px 0}.quest-result-ticket{transform:none}.quest-result-ticket h2{font-size:48px}.quest-result-ticket p{margin-bottom:20px}
.quest-control-deck{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;background:var(--panel)}.quest-actions{display:flex;gap:19px}.quest-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:50px;border:0;background:transparent;color:var(--ink);font:11px var(--body);padding:0}.quest-actions button>span:first-child{font-size:24px;line-height:1}.quest-actions kbd{font-size:9px;margin-left:3px}.quest-actions button:disabled{opacity:.4;cursor:default}.quest-actions button[aria-pressed=true]{color:var(--accent)}
.quest-dpad{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,40px);gap:4px}.quest-dpad button{display:grid;place-items:center;min-width:44px;min-height:40px;background:var(--soft);border:1px solid var(--line);border-bottom-width:3px;border-radius:4px;color:var(--ink);font:24px/1 var(--body);touch-action:manipulation}.quest-dpad button:active{background:var(--quest-green);color:#fff8e8;transform:translateY(1px)}.quest-dpad button:disabled{opacity:.4}.quest-dpad [data-direction=up]{grid-column:2}.quest-dpad [data-direction=left]{grid-column:1;grid-row:2}.quest-dpad [data-direction=down]{grid-column:2;grid-row:2}.quest-dpad [data-direction=right]{grid-column:3;grid-row:2}
.quest-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:49px;border-top:1px solid var(--line);padding:10px 18px;background:var(--soft)}.quest-status p{font:11px/1.6 var(--body);margin:0;color:var(--ink)}.quest-status>span{font:8px var(--mono);letter-spacing:1px;white-space:nowrap;color:var(--muted)}
.quest-campaign{border:1px solid var(--line);padding:24px 20px;background:var(--panel)}.quest-campaign h2{font:normal 33px/1.05 Georgia,serif;letter-spacing:-1px;margin:13px 0}.quest-campaign h2 em{color:var(--sea-dark)}.quest-campaign>p{font:12px/1.7 var(--body);color:var(--muted);margin:0 0 17px}.quest-progress{display:flex;justify-content:space-between;gap:8px;font:10px/1.5 var(--mono);border-block:1px solid var(--line);padding:13px 0}.quest-campaign ol{list-style:none;padding:0;margin:8px 0 0}.quest-campaign li+li{border-top:1px solid var(--line)}.quest-campaign li button{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;background:transparent;border:0;width:100%;min-height:47px;padding:9px 0;text-align:left;font:12px/1.4 var(--body);color:var(--ink)}.quest-campaign li button:disabled{color:var(--muted);opacity:.65;cursor:default}.quest-campaign li button[aria-current=step]{color:var(--accent);font-weight:bold}.quest-campaign li button>span:first-child{font:10px var(--mono);color:var(--muted)}.quest-campaign li button>span:last-child{font:11px Georgia,serif;letter-spacing:1px;color:var(--gold)}.quest-campaign .quest-local-note{border-top:1px dashed var(--line);padding-top:15px;margin:10px 0 0;font-size:10px}
.quest-chef-note{padding:26px 4px}.quest-chef-note h3{font:normal 32px/1.05 Georgia,serif;margin:12px 0}.quest-chef-note h3 em{color:var(--accent)}.quest-chef-note p{font:12px/1.8 var(--body);color:var(--muted)}.quest-chef-note>div{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.quest-chef-note>div span{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.quest-chef-note strong{display:block;font:italic 25px Georgia,serif;margin-top:8px;color:var(--sea-dark)}
.quest-field-guide{padding-top:28px}.quest-field-guide h2{font:900 28px/1.1 var(--display);margin:0 0 22px}.quest-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quest-instructions b{font:700 10px/1.4 var(--mono);letter-spacing:.6px;color:var(--accent)}.quest-instructions p{font:12px/1.8 var(--body);color:var(--muted);margin:10px 0 0}.quest-key-legend{font:10px/2.1 var(--body);color:var(--muted);padding-top:16px;border-top:1px solid var(--line);margin-top:22px}
.quest-page dialog:not(.score-share-dialog){position:fixed;box-sizing:border-box;width:min(540px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:32px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--ink);box-shadow:0 15px 70px #0006;font:13px/1.8 var(--body)}.quest-page dialog:not(.score-share-dialog)::backdrop{background:#10281dcc}.quest-page dialog:not(.score-share-dialog) h2{font:normal 34px/1.1 Georgia,serif;margin:12px 0 20px}.quest-page dialog:not(.score-share-dialog) p,.quest-page dialog:not(.score-share-dialog) li{font:13px/1.8 var(--body);color:var(--muted)}.quest-page dialog:not(.score-share-dialog) ul{padding-left:20px}.quest-page dialog:not(.score-share-dialog) li{margin:10px 0}.quest-dialog-close{position:absolute;top:10px;right:10px;min-width:44px;min-height:44px;border:0;background:none;color:var(--ink);font:27px var(--body)}
.quest-machine.is-expanded{position:fixed!important;inset:0;z-index:1500;display:grid;grid-template-rows:52px 65px 32px minmax(0,1fr) 100px minmax(45px,auto);border:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);width:100%;max-width:none;margin:0;background:var(--panel)}.quest-machine.is-expanded .quest-stage{aspect-ratio:auto;height:auto}.quest-machine.is-expanded .quest-hud{padding:10px 22px}.quest-machine.is-expanded .quest-hud strong{font-size:25px}.quest-machine.is-expanded .quest-hud span{font-size:8px;margin-bottom:3px}.quest-machine.is-expanded .quest-control-deck{padding-block:6px}.quest-machine.is-expanded .quest-overlay{padding:12px}.quest-machine.is-expanded .quest-ticket{transform:none}.quest-machine.is-expanded .quest-status{min-height:0;padding-block:7px}
html:lang(zh) .quest-eyebrow,html:lang(zh) .quest-brand{letter-spacing:.5px}html:lang(zh) .quest-ticket h2{line-height:1.1;font-size:51px}html:lang(zh) .quest-campaign h2{font-size:29px;line-height:1.4}html:lang(zh) .quest-result-ticket h2{font-size:37px}
@media(max-width:1050px){.quest-layout{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.quest-brand{display:none}.quest-tools{justify-content:space-between;width:100%}.quest-instructions{grid-template-columns:1fr;gap:15px}.quest-instructions p{margin-top:5px}}
@media(max-width:780px){.quest-layout{grid-template-columns:minmax(0,1fr)}.quest-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.quest-chef-note{padding-top:10px}.quest-instructions{grid-template-columns:repeat(3,1fr)}.quest-stage{aspect-ratio:1;height:auto;max-height:650px}.quest-brand{display:block}.quest-tools{width:auto}}
@media(max-width:520px){.quest-toolbar{padding:4px 13px}.quest-brand{display:none}.quest-tools{width:100%;gap:10px}.quest-hud{padding:14px 17px}.quest-hud strong{font-size:27px}.quest-hud span{font-size:8px}.quest-level-strip{padding-inline:14px;font-size:11px}.quest-level-strip>span:last-child{font-size:9px}.quest-overlay{padding:16px}.quest-ticket{width:min(270px,100%);padding:17px 21px}.quest-ticket h2{font-size:49px;margin-block:10px}.quest-ticket img{width:40px;height:46px;margin-top:10px}.quest-ticket p{font-size:11px;margin:10px 0 15px}.quest-ticket-foot{font-size:8px;margin-top:13px}.quest-ticket-eyebrow{font-size:8px}.quest-control-deck{padding:11px 12px;gap:8px}.quest-actions{gap:10px}.quest-actions kbd{display:none}.quest-dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.quest-dpad button{min-height:44px}.quest-actions button{font-size:10px}.quest-status{padding:10px 13px}.quest-status p{font-size:10px}.quest-status>span{display:none}.quest-sidebar{grid-template-columns:1fr}.quest-campaign{padding:20px}.quest-campaign h2 br{display:none}.quest-campaign ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.quest-campaign li{border-bottom:1px solid var(--line)}.quest-campaign li+li{border-top:0}.quest-chef-note{display:none}.quest-instructions{grid-template-columns:1fr;gap:14px}.quest-instructions p{font-size:12px}.quest-result-ticket h2{font-size:39px}.quest-stars{font-size:26px;margin:12px 0}.quest-page dialog:not(.score-share-dialog){padding:25px 20px}.quest-machine.is-expanded{grid-template-rows:48px 57px 30px minmax(0,1fr) 106px minmax(42px,auto)}}
@media(max-width:360px){.quest-overlay{padding:11px}.quest-ticket{padding:13px 17px}.quest-ticket img{display:none}.quest-ticket h2{font-size:45px}.quest-ticket-foot{margin-top:9px}.quest-campaign ol{grid-template-columns:1fr}.quest-actions{gap:5px}.quest-control-deck{padding-inline:8px}}
@media(orientation:landscape) and (max-height:600px){.quest-machine.is-expanded{grid-template-columns:135px minmax(0,1fr) 150px;grid-template-rows:48px minmax(0,1fr) 40px auto;padding:0;gap:0}.quest-machine.is-expanded .quest-toolbar{grid-column:1/-1;grid-row:1}.quest-machine.is-expanded .quest-brand{display:block}.quest-machine.is-expanded .quest-tools{width:auto;gap:25px}.quest-machine.is-expanded .quest-hud{grid-column:1;grid-row:2;flex-direction:column;justify-content:center;gap:20px;padding:10px;text-align:center}.quest-machine.is-expanded .quest-hud>div{text-align:center}.quest-machine.is-expanded .quest-level-strip{grid-column:1;grid-row:3;font-size:9px;justify-content:center;padding:4px}.quest-machine.is-expanded #quest-par{display:none}.quest-machine.is-expanded .quest-stage{grid-column:2;grid-row:2/4;max-height:none}.quest-machine.is-expanded .quest-control-deck{grid-column:3;grid-row:2/4;flex-direction:column;justify-content:center;padding:8px;gap:16px}.quest-machine.is-expanded .quest-actions{gap:3px}.quest-machine.is-expanded .quest-actions kbd{display:none}.quest-machine.is-expanded .quest-status{display:flex;grid-column:1/-1;grid-row:4;padding:6px 12px}.quest-machine.is-expanded .quest-status>span{display:none}.quest-machine.is-expanded .quest-ticket{padding:14px 20px;width:270px}.quest-machine.is-expanded .quest-ticket img{display:none}.quest-machine.is-expanded .quest-ticket h2{font-size:38px;line-height:1}.quest-machine.is-expanded .quest-ticket p{font-size:11px;margin:10px 0}.quest-machine.is-expanded .quest-ticket-foot{margin-top:8px;font-size:8px}.quest-machine.is-expanded .quest-stars{font-size:24px;margin:10px 0}.quest-machine.is-expanded .quest-secondary{margin-top:6px;min-height:40px}}
@media(max-height:500px) and (orientation:portrait){.quest-machine.is-expanded{grid-template-rows:44px 49px 25px minmax(0,1fr) 52px minmax(32px,auto)}.quest-machine.is-expanded .quest-control-deck{padding:4px 6px;gap:0}.quest-machine.is-expanded .quest-actions{gap:0}.quest-machine.is-expanded .quest-dpad{display:flex;gap:0}.quest-machine.is-expanded .quest-dpad button{width:44px;min-height:44px}.quest-machine.is-expanded .quest-ticket{padding:12px 18px}.quest-machine.is-expanded .quest-ticket img,.quest-machine.is-expanded .quest-ticket-foot{display:none}.quest-machine.is-expanded .quest-ticket h2{font-size:28px;line-height:1}.quest-machine.is-expanded .quest-ticket p{font-size:10px;margin:8px 0}.quest-machine.is-expanded .quest-ticket h2 br{display:none}.quest-machine.is-expanded .quest-stars{font-size:20px;margin:6px 0}.quest-machine.is-expanded .quest-primary{min-height:40px;padding:8px}.quest-machine.is-expanded .quest-secondary{min-height:32px;margin-top:5px}.quest-machine.is-expanded .quest-status p{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.quest-ticket{animation:quest-arrive .3s ease-out}.quest-primary{transition:background .15s}.quest-dpad button{transition:background .1s}}@keyframes quest-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
/* Keep the shared Chinese reading sizes for clues and supporting prose. */
html:lang(zh) .quest-page :is(.quest-status p,.quest-campaign>p,.quest-chef-note p){font-size:16px;line-height:1.7}
html:lang(zh) .quest-page .quest-instructions p{font-size:18px;line-height:1.8}
html:lang(zh) .quest-page .quest-campaign li button{font-size:14px;line-height:1.6}
@media(max-height:500px) and (orientation:portrait){html:lang(zh) .quest-machine.is-expanded .quest-status p{font-size:14px;line-height:1.6}}

.quest-beta-notice{padding:12px 16px;margin:0 0 24px;border-left:3px solid var(--accent);background:var(--soft);color:var(--muted);font:13px/1.7 var(--body)}
.quest-beta-notice p{margin:0}.quest-beta-notice p+p{margin-top:3px}.quest-beta-notice strong{font-weight:700;color:var(--ink)}
.quest-beta-notice a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
html:lang(zh) .quest-beta-notice{font-size:14px}
@media(max-width:360px){.quest-machine:not(.is-expanded) .quest-control-deck{flex-direction:column;gap:10px}.quest-machine:not(.is-expanded) .quest-actions{width:100%;justify-content:space-around}}