.quest-shell{max-width:1500px;margin:auto;padding:20px}.games-breadcrumbs{font-size:14px;margin:0 0 18px}.quest-intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.quest-intro h1{font-size:clamp(30px,4vw,46px);margin:6px 0}.quest-intro p{margin:0;color:#64748b}.quest-eyebrow{font-size:11px;font-weight:850;letter-spacing:1.6px;color:#19745f}.quest-badge{border:1px solid #e8c57c;background:#fff3cf;color:#79551b;padding:8px 13px;border-radius:30px;font-size:12px;font-weight:850}.quest-board{border:1px solid #c9ddd5;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 45px #1c554412}.quest-hud{display:flex;align-items:center;gap:28px;padding:14px 20px;flex-wrap:wrap}.quest-hud small{display:block;font-size:10px;letter-spacing:1px;color:#64748b}.quest-hud strong{display:block;font-size:18px;color:#203f35}.quest-controls{margin-left:auto;display:flex;gap:7px}.quest-shell button,.quest-shell select{font:inherit;cursor:pointer;border:1px solid #c9dcd4;border-radius:10px;padding:10px 15px;background:#f5faf7;color:#234d41;font-weight:750}.quest-shell button:disabled{opacity:.5;cursor:default}.quest-shell button:focus-visible,.quest-arena:focus-visible{outline:3px solid #e2a843;outline-offset:3px}.quest-arena{position:relative;aspect-ratio:2.1;background:#315d4b url('assets/forest.svg') center/cover;overflow:hidden;isolation:isolate}.quest-arena[data-habitat="1"]{background-image:url("assets/wetlands.svg")}.quest-arena[data-habitat="2"]{background-image:url("assets/mountains.svg")}.quest-arena[data-habitat="3"]{background-image:url("assets/jungle.svg")}.quest-arena[data-habitat="4"]{background-image:url("assets/night.svg")}.location-label{position:absolute;left:22px;top:18px;color:#eef9dd;letter-spacing:2px;font-size:11px;font-weight:800;background:#164435b3;border:1px solid #e0f0bd55;border-radius:20px;padding:8px 13px}.quest-rays{position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#fff6bb16 36%,transparent 55%);pointer-events:none}.animal-wrap{position:absolute;width:38%;left:31%;top:19%;height:66%;animation:arrival .6s ease-out}.animal-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px #123a3920);animation:breathe 4s ease-in-out infinite}.camera-corners{position:absolute;inset:10% 0 12%;background:linear-gradient(#f7f6d0,#f7f6d0) left top/28px 3px no-repeat,linear-gradient(#f7f6d0,#f7f6d0) left top/3px 28px no-repeat,linear-gradient(#f7f6d0,#f7f6d0) right bottom/28px 3px no-repeat,linear-gradient(#f7f6d0,#f7f6d0) right bottom/3px 28px no-repeat;opacity:.7}.clue-icon{position:absolute;width:95px;height:95px;left:calc(50% - 48px);top:34%;background:#fff2dbaa;border:1px solid #fff6c7;border-radius:50%;padding:20px;box-shadow:0 8px 22px #173e3920;transform:rotate(-15deg)}.clue-icon svg{width:100%;fill:#665d45}.target-card{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);background:#fffdf2ed;border:1px solid #fff9d4;box-shadow:0 14px 40px #173a3930;border-radius:17px;min-width:280px;max-width:92%;text-align:center;padding:12px 24px;color:#233e35}.target-card>span{display:block;font-size:10px;font-weight:750;letter-spacing:1.4px}.target-card strong{display:block;font:850 clamp(26px,3.3vw,43px) ui-monospace,monospace;letter-spacing:3px;margin:5px 0}.target-card strong .typed{color:#25826a}.target-card strong .next{border-bottom:3px solid #d69c37}.target-card .wrong{color:#b33c32}.target-card #target-hint{letter-spacing:0;font-size:11px;color:#63786b;font-weight:500}.opportunity{height:3px;background:#dfebdf;border-radius:5px;margin:9px auto 0;overflow:hidden}.opportunity i{display:block;height:100%;background:#4d9a73;width:100%}.quest-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#173f3b55;padding:20px;backdrop-filter:blur(3px);overflow:auto}.overlay-card{max-width:510px;background:#fffcf1f5;border:1px solid #fff3c1;border-radius:23px;padding:30px;text-align:center;box-shadow:0 25px 50px #153a3a33;color:#233e35}.overlay-card h2{font-size:clamp(23px,3vw,36px);line-height:1.15;margin:14px 0}.overlay-card p{font-size:15px;color:#647366;line-height:1.6}.overlay-card label{display:block;font-size:12px;margin-bottom:6px}.overlay-card select{width:100%;font-size:13px;margin-bottom:12px}.overlay-card #start,.overlay-card #resume{background:#216c55;color:#fff;border:0;width:100%;padding:14px}.overlay-card #result-links{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:14px}.overlay-card a{font-size:12px;color:#27644f;padding:8px}.quest-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 18px;color:#506958;font-size:13px}.quest-bottom>div{display:flex;gap:13px;align-items:center;white-space:nowrap}.quest-hidden-input{position:absolute;width:1px;height:1px;opacity:.01;left:50%;bottom:0;border:0;padding:0}.quest-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.quest-flash.capture{animation:flash .4s ease-out}.quest-journal,.quest-guide{border:1px solid #dce5df;background:var(--card-bg,#fff);border-radius:20px;padding:24px;margin-top:22px}.journal-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.journal-heading h2{margin:7px 0 16px;font-size:23px}.journal-heading h2 span{font-size:14px;color:#557b65}.journal-heading p{max-width:330px;color:#64748b;font-size:13px}.journal-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px}.journal-card{border:1px solid #e0e9df;border-radius:13px;text-align:center;background:#f4f8f1;padding:8px 5px}.journal-card img{width:100%;height:67px;object-fit:contain}.journal-card.locked img{filter:grayscale(1);opacity:.25}.journal-card strong{display:block;font-size:12px;text-transform:capitalize;color:#345345}.journal-card span{font-size:11px;color:#9d781e}.journal-card.locked span{color:#73837c}.quest-learning{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.quest-learning article{padding:23px;border:1px solid #dce5df;border-radius:18px;background:var(--card-bg,#fff)}.quest-learning h2{font-size:20px;margin:10px 0}.quest-learning p,.quest-guide p{font-size:15px;line-height:1.8;color:var(--text-muted,#617269)}.quest-guide h2{font-size:23px;margin:28px 0 10px}.quest-guide h2:first-child{margin-top:0}.quest-guide details{border-top:1px solid #e3eae4;padding:15px 0}.quest-guide summary{cursor:pointer;font-weight:750}.quest-shell [hidden]{display:none!important}html[data-theme="dark"] .quest-intro p,html[data-theme="dark"] .journal-heading p{color:#a7c1b5}html[data-theme="dark"] .quest-journal,html[data-theme="dark"] .quest-guide,html[data-theme="dark"] .quest-learning article{background:#14271f;border-color:#315142}html[data-theme="dark"] .quest-guide p,html[data-theme="dark"] .quest-learning p{color:#b1c4b8}
@keyframes arrival{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes breathe{50%{transform:translateY(-3px)}}@keyframes flash{0%{opacity:.8}100%{opacity:0}}@media(max-width:850px){.journal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quest-hud{gap:17px}.quest-learning{grid-template-columns:1fr}.quest-arena{aspect-ratio:1.65}.quest-bottom{flex-wrap:wrap}}@media(max-width:500px){.quest-shell{padding:12px}.quest-intro p{font-size:13px;max-width:240px}.quest-hud{gap:13px;padding:12px}.quest-hud strong{font-size:14px}.quest-hud small{font-size:8px}.quest-controls{gap:4px}.quest-controls button{padding:7px 10px;font-size:12px}.quest-arena{aspect-ratio:.95;max-height:510px}.animal-wrap{width:75%;left:12.5%;top:23%;height:47%}.target-card{bottom:6%;min-width:240px;padding:12px 17px}.target-card strong{font-size:30px;letter-spacing:2px}.clue-icon{top:35%}.overlay-card{padding:20px}.overlay-card h2{font-size:26px}.overlay-card p{font-size:13px}.location-label{left:12px;top:12px;font-size:9px}.quest-journal,.quest-guide{padding:17px}.journal-heading{display:block}.journal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.journal-card img{height:53px}.journal-card strong{font-size:10px}.quest-bottom{padding:11px 12px;gap:8px}.quest-bottom>div{width:100%;justify-content:space-between}.quest-bottom button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.animal-wrap,.animal-wrap img,.quest-flash.capture{animation:none}.quest-flash.capture{opacity:0}}

/* Compact goals and phrase targets keep the expedition readable on phones. */
.quest-objective{position:absolute;top:52px;left:18px;z-index:3;background:rgba(15,35,27,.82);color:#fff;border:1px solid #ffffff40;border-radius:20px;padding:7px 12px;font-size:12px;max-width:calc(100% - 36px)}
.target-card strong{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.target-card.long-target strong{font-size:clamp(19px,2.2vw,30px);letter-spacing:1px}.target-card.wrong{border-color:#ff9185}
.quest-arena[data-mission="zoom on"] .animal-wrap{transform:scale(1.08)}
@media(max-width:600px){.quest-objective{top:46px;left:12px;font-size:11px;padding:5px 9px}.target-card{width:calc(100% - 32px)}.target-card.long-target strong{font-size:21px}}