.quest-experience{color:#244b3e;max-width:790px;margin:auto}
.quest-experience .q-header{margin:8px 0 24px}
.quest-experience .q-header h1{font-size:clamp(2.2rem,5vw,3.15rem);margin:0 0 12px}
.quest-experience .q-header>p:last-child{max-width:550px;color:#576c5c;font-size:1.06rem;margin:0}
.quest-experience .q-eyebrow{font-size:.8rem;font-weight:750;letter-spacing:.09em;line-height:1.6;color:#526b45;margin-bottom:10px}
.quest-experience .q-world{border:1px solid #d5ddc7;border-radius:24px;overflow:hidden;background:#fffdf5;box-shadow:0 8px 30px #284d3b08}
.quest-experience .q-landscape{height:240px;position:relative;overflow:hidden;background:#edf1dc}
.quest-experience .q-scenery{width:100%;height:100%;display:block}
.quest-experience .q-map-stop{position:absolute;display:grid;justify-items:center;gap:5px;background:#fffdf0;border:1px solid #b5c4a8;border-radius:18px;padding:13px 20px;color:#315b47;box-shadow:0 5px 0 #65835122}
.quest-experience .q-map-stop>.icon{width:33px;height:33px}
.quest-experience .q-map-stop b{font-size:.88rem}
.quest-experience .q-map-home{left:21%;top:30%}
.quest-experience .q-map-help{right:20%;top:12%;background:#fbefd0}
.quest-experience .q-found{position:absolute;right:-8px;top:-9px;border:3px solid #fffdf0;border-radius:50%;background:#315b47;color:white;display:grid;place-items:center;width:27px;height:27px}
.quest-experience .q-found .icon{width:17px;height:17px}
.quest-experience .q-traveller{position:absolute;left:20%;top:67%;width:57px;height:57px;border:5px solid #fffdf2;border-radius:50%;background:#385f48;color:#fff3c5;display:grid;place-items:center;box-shadow:0 5px 10px #314d3422}
.quest-experience .q-traveller .icon{width:30px;height:30px}
.quest-experience .q-position-1{left:37%;top:58%}
.quest-experience .q-position-2{left:58%;top:48%}
.quest-experience .q-position-3,.quest-experience .q-position-4{left:70%;top:52%}
.quest-experience .q-map-caption{position:absolute;bottom:9px;right:14px;font-size:.8rem;color:#34533b;background:#f5f7e9e8;border-radius:20px;padding:4px 10px}
.quest-experience .q-panel{padding:28px}
.quest-experience .q-panel h2{font-size:clamp(1.5rem,3.2vw,1.95rem);margin:0 0 14px;max-width:580px}
.quest-experience .q-panel>p:not(.q-eyebrow){font-size:1.06rem;line-height:1.65}
.quest-experience .q-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #244b3e;background:#244b3e;color:#fffdf5;border-radius:12px;min-height:56px;padding:14px 19px;font-size:1rem;font-weight:650;line-height:1.4;max-width:100%;white-space:normal}
.quest-experience .q-button:hover{background:#173d30;transform:none}
.quest-experience .q-secondary{background:transparent;color:#315b47;border-color:#c4d1bc}
.quest-experience .q-secondary:hover{background:#edf2e5}
.quest-experience :is(button,input):focus-visible{outline:3px solid #936522;outline-offset:4px}
.quest-experience .q-field{display:block;font-weight:650;margin:22px 0}
.quest-experience .q-field input{display:block;width:100%;min-height:56px;padding:14px;border:1px solid #9eaf94;border-radius:10px;background:#fffefa;margin-top:9px;color:#244b3e;font-weight:400}
.quest-experience .q-look-field{margin:0 0 24px;padding:0;border:0}
.quest-experience .q-look-field legend{font-size:1rem;font-weight:650;margin-bottom:12px}
.quest-experience .q-looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.quest-experience .q-look{border:2px solid #d9e0cd;display:grid;justify-items:center;gap:10px;padding:15px 4px;background:#f6f7ed;border-radius:14px;min-height:95px;font-size:.9rem}
.quest-experience .q-look .icon{width:34px;height:34px}
.quest-experience .q-look[aria-pressed=true]{background:#e1edda;border-color:#426a43;box-shadow:inset 0 0 0 1px #426a43}
.quest-experience .q-look:hover,.quest-experience .q-choice:hover{background:#eaf0df;border-color:#426a43}
.quest-experience .q-note{font-size:.85rem!important;color:#586c57;margin:12px 0 0}
.quest-experience .q-companion{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.quest-experience .q-companion>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.quest-experience .q-companion small{display:block;font-size:.8rem;color:#5c6e58}
.quest-experience .q-companion .q-button{min-height:44px;padding:9px 14px;font-size:.9rem}
.quest-experience .q-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e3ebd9;flex-shrink:0}
.quest-experience .q-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 20px;padding:0}
.quest-experience .q-route li{display:flex;align-items:flex-start;gap:9px;margin:0;padding:12px 8px;border-top:3px solid #dfe5d8;font-size:.82rem;font-weight:650;line-height:1.4}
.quest-experience .q-route small{display:block;margin-top:4px;font-weight:400;font-size:.8rem;color:#5b6c56}
.quest-experience .q-route-number{width:26px;height:26px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e6ebdf;font-size:.8rem}
.quest-experience .q-route-number .icon{width:17px;height:17px}
.quest-experience .q-route .q-current{border-color:#a78039;background:#f5ecd5;border-radius:0 0 10px 10px}
.quest-experience .q-current .q-route-number{background:#e6d09a;color:#513d18}
.quest-experience .q-route .q-done{border-color:#648358}
.quest-experience .q-done .q-route-number{background:#315b47;color:white}
.quest-experience .q-mission{display:flex;gap:14px;background:#eef2e3;border-radius:14px;padding:18px;margin:22px 0}
.quest-experience .q-mission strong{display:block;margin-bottom:5px}
.quest-experience .q-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.quest-experience .q-choice{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:22px 8px;min-height:118px;border:2px solid #c7d3bb;background:#f8f9ef;border-radius:16px;font-size:1rem;font-weight:650}
.quest-experience .q-choice>.icon{width:38px;height:38px;stroke-width:1.7}
.quest-experience .q-panel .q-feedback{min-height:28px;font-size:.94rem;margin:16px 0 0;color:#4d6544}
.quest-experience .q-preview{display:flex;gap:14px;margin-top:20px;padding:18px 20px;border-radius:16px;background:#efe6d3;color:#5c523c;flex-wrap:wrap}
.quest-experience .q-preview>div{flex:1;min-width:180px}
.quest-experience .q-preview p{font-size:.94rem;margin:5px 0 0}
.quest-experience .q-discoveries{display:grid;gap:10px;margin:22px 0}
.quest-experience .q-discoveries>div{display:flex;align-items:center;gap:14px;padding:16px;background:#edf3e5;border:1px solid #d7e2cc;border-radius:14px}
.quest-experience .q-discoveries>div>.icon:first-child{width:32px;height:32px}
.quest-experience .q-discoveries>div>span{flex:1}
.quest-experience .q-discoveries strong,.quest-experience .q-discoveries small{display:block}
.quest-experience .q-discoveries small{margin-top:4px;font-size:.9rem;color:#51654a}
.quest-experience .q-response{background:#f5efdf;border-left:3px solid #b08a46;padding:20px;border-radius:0 14px 14px 0;margin-bottom:22px}
.quest-experience .q-response p{font-size:1.16rem;line-height:1.6;margin:10px 0}
.quest-experience .q-response small{font-size:.9rem;color:#635b44}
.quest-experience .q-badge{display:flex;align-items:flex-start;gap:14px;margin:22px 0;padding:20px 0;border-top:1px solid #e6dfcb}
.quest-experience .q-badge>.icon{width:37px;height:37px;color:#8b6a2e}
.quest-experience .q-badge p{font-size:.9rem;color:#635e4b;margin:5px 0 0}
.quest-experience .q-completion-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media(max-width:520px){.quest-experience .q-panel{padding:22px 18px}.quest-experience .q-landscape{height:210px}.quest-experience .q-map-stop{padding:10px 14px}.quest-experience .q-map-home{left:16%}.quest-experience .q-map-help{right:14%}.quest-experience .q-route{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quest-experience .q-route li{font-size:.85rem;padding:10px 7px}.quest-experience .q-choices{gap:8px}.quest-experience .q-choice{padding:18px 4px;min-height:111px}.quest-experience .q-looks{gap:7px}.quest-experience .q-look{font-size:.83rem}.quest-experience .q-panel>.q-button,.quest-experience .q-completion-links,.quest-experience .q-completion-links>.q-button{width:100%}.quest-experience .q-map-caption{font-size:.8rem;right:8px;left:8px;text-align:center}.quest-experience .q-discoveries>div{gap:10px;padding:13px}.quest-experience .q-world{border-radius:20px}}
.large-text .quest-experience{font-size:1.18rem}
.large-text .quest-experience .q-button,.large-text .quest-experience .q-choice{font-size:1.18rem}
.large-text .quest-experience .q-header>p:last-child,.large-text .quest-experience .q-panel>p:not(.q-eyebrow){font-size:1.2rem}
.large-text .quest-experience .q-response p{font-size:1.3rem}
.large-text .quest-experience .q-eyebrow,.large-text .quest-experience .q-route small,.large-text .quest-experience .q-map-caption{font-size:.94rem}
.large-text .quest-experience .q-route li,.large-text .quest-experience .q-route-number,.large-text .quest-experience .q-look,.large-text .quest-experience .q-map-stop b,.large-text .quest-experience .q-companion small{font-size:1rem}
.large-text .quest-experience .q-look-field legend,.large-text .quest-experience .q-field input,.large-text .quest-experience .q-preview p,.large-text .quest-experience .q-discoveries small,.large-text .quest-experience .q-response small,.large-text .quest-experience .q-badge p,.large-text .quest-experience .q-panel .q-feedback{font-size:1.08rem}
.large-text .quest-experience .q-note{font-size:1rem!important}
.large-text .quest-experience .q-route li>span:last-child{min-width:0;overflow-wrap:anywhere}
.large-text .quest-experience .q-companion{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.quest-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}