.mission-purpose{padding:18px 20px;border-left:4px solid #bb9448;background:#fff4d8;border-radius:0 14px 14px 0;margin:18px 0}.mission-purpose strong{display:block;font-size:17px}.mission-purpose p{margin:6px 0 0;font-size:14px}.mission-reference{margin:14px 0}.mission-reference summary{font-size:13px;color:#426447}.mission-reference .mission-photo{margin:12px 0}.game-question{font-size:17px;font-weight:750;line-height:1.45}.game-instruction{font-size:13px;color:#526359}.school-scene{position:relative;isolation:isolate;aspect-ratio:16/9;border:1px solid #bcccae;border-radius:16px;overflow:hidden;background:#dce9cf}.school-scene>svg{display:block;width:100%;height:100%}.scene-label{position:absolute;top:10px;left:12px;padding:5px 9px;background:#ffffffe0;border-radius:20px;font-size:8px;font-weight:800;letter-spacing:1px}.scene-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;padding:8px 10px;min-height:44px;font-size:12px;background:#153e32;color:white;border:2px solid #fff8df;box-shadow:0 4px 0 #153e3240;white-space:nowrap}.scene-hotspot>span,.choice-letter{display:grid;place-items:center;min-width:25px;height:25px;font-size:12px;font-weight:800;background:#fff1c3;color:#153e32;border-radius:50%;flex-shrink:0}.scene-hotspot-0{left:21%;top:77%}.scene-hotspot-1{left:51%;top:57%}.scene-hotspot-2{left:82%;top:80%}.scene-hotspot:hover{background:#386749}.scene-hotspot:focus-visible{outline:3px solid #a94727;outline-offset:3px}.mission-game .choice-recorded{outline:3px solid #bc9132;outline-offset:2px;background:#f3d98c!important;color:#153e32!important;opacity:1}.connection-game{display:flex;flex-direction:column;align-items:stretch;gap:12px}.connection-source{display:grid;grid-template-columns:50px 1fr;align-items:center;text-align:left;gap:4px 12px;background:#e2eeea;color:#153e32;border:2px solid #a0bdb1;padding:16px}.connection-source>span{grid-row:1/3;font-size:36px;text-align:center}.connection-source strong{font-size:16px}.connection-source small{font-size:12px;font-weight:500}.connection-source[aria-pressed=true]{border-color:#365f49;background:#d7e7d1}.connection-arrow{align-self:center;font-size:30px;line-height:1;color:#617c56}.connection-targets{display:grid;gap:10px}.connection-target{display:flex;gap:12px;text-align:left;align-items:center;background:white;color:#153e32;border:1px solid #b8c9ad;font-size:14px;padding:14px}.connection-target:hover{background:#e9f0dd}.connection-status{font-size:12px;color:#526359}.plan-choices{display:grid;gap:12px}.plan-choice{display:flex;flex-direction:column;align-items:stretch;gap:12px;background:white;color:#153e32;border:1px solid #bccbae;padding:18px;text-align:left}.plan-choice:hover{background:#eaf0df}.plan-choice>strong{font-size:17px}.plan-route{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px}.plan-route>span{padding:6px 8px;background:#e7eddf;border-radius:7px}.plan-route>i{font-style:normal;color:#648253}.plan-description{font-size:13px;font-weight:500;line-height:1.5}.personal-review{margin:22px 0;padding:22px;background:#eef4e7;border:1px solid #cad9bd;border-radius:16px}.personal-review h3{margin:0 0 10px}.personal-review>p{font-size:14px}.personal-themes{display:grid;gap:12px;margin:18px 0}.personal-theme{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;font-size:14px}.personal-theme>strong{font-size:13px}.theme-meter{display:flex;gap:5px;grid-column:1/-1}.theme-meter>span{height:9px;flex:1;background:#d5dfcb;border-radius:10px}.theme-meter>span.is-earned{background:#416c47}.next-step{border-top:1px solid #c4d3b9;padding-top:14px}.next-step strong{display:block;margin-bottom:5px}.experience-form{padding:20px;border:1px solid #d4ddca;border-radius:14px;margin-top:22px;background:white}.experience-form h3{margin-top:0}.experience-form>p{font-size:13px}.experience-form label{display:block;font-size:14px;font-weight:700;margin-top:15px}.experience-form select{margin-top:6px}.experience-form button{margin-top:16px}.experience-saved{padding:16px;background:#edf4e7;border:1px solid #ccdcc2;border-radius:12px;font-size:14px}.edition-label{display:block;font-size:11px;font-weight:400;color:#526359;margin-top:5px}
@media(max-width:560px){.school-scene{aspect-ratio:1.1;min-height:250px}.school-scene>svg{position:absolute;width:145%;height:100%;max-width:none;left:-22.5%;object-fit:cover}.scene-hotspot{padding:7px;font-size:10px;gap:4px}.scene-hotspot>span{min-width:22px;height:22px;font-size:10px}.scene-hotspot-0{left:20%;top:78%}.scene-hotspot-1{left:51%;top:57%}.scene-hotspot-2{left:81%;top:82%}.scene-label{font-size:7px;max-width:calc(100% - 20px)}.personal-review,.experience-form{padding:16px}.plan-choice{padding:14px}.plan-route{gap:5px;font-size:10px}.plan-route>span{padding:5px}.mission-purpose{padding:15px}.mission-purpose strong{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.choice-recorded{animation:choice-confirm .3s ease-out}@keyframes choice-confirm{from{filter:brightness(1.12)}to{filter:brightness(1)}}}
@media print{.mission-game,.mission-purpose,.mission-reference,.experience-form{display:none}.personal-review{break-inside:avoid;background:white;border:1px solid #888}}

.scene-actions{padding-left:25px;font-size:13px;line-height:1.5}.scene-actions li{padding:5px 0}

/* Campos da opinião seguem as cores, o relevo e o foco da expedição. */
.experience-form select{appearance:none;color:var(--ink);background-color:#f2f6ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23205943' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;border:1px solid #b6c9aa;border-radius:12px;padding:13px 42px 13px 14px;min-height:50px;font-size:15px;cursor:pointer;box-shadow:0 3px 0 #dce5d4;transition:border-color .15s,background-color .15s}
.experience-form select:hover{border-color:#52784b;background-color:#eaf2e1}.experience-form select:focus-visible{outline:3px solid #bc9132;outline-offset:3px}.experience-form option{background:#f6f4eb;color:#153e32;padding:12px}
@supports(appearance:base-select){.experience-form select,.experience-form select::picker(select){appearance:base-select}.experience-form select{display:flex;align-items:center;justify-content:space-between;gap:12px;background-image:none;padding-right:14px}.experience-form select::picker-icon{color:#205943;transition:rotate .2s}.experience-form select:open::picker-icon{rotate:180deg}.experience-form select::picker(select){border:1px solid #b6c9aa;border-radius:14px;padding:6px;background:#f6f4eb;box-shadow:0 10px 25px #153e3226;margin-top:7px}.experience-form option{border-radius:9px;min-height:44px;font-size:15px;white-space:normal}.experience-form option:hover,.experience-form option:focus{background:#e3ebdf}.experience-form option:checked{background:#153e32;color:#fff1c3}.experience-form option::checkmark{color:inherit}}
.guide-notebook{background:#fffaf0;border:1px solid #ead391;border-top:0}.guide-notebook>summary{padding:14px 16px;font-size:14px}.guide-notebook>summary>span{color:#986b20;margin-right:5px}.guide-notebook>summary small{display:block;margin-left:18px;font-size:11px;font-weight:400;color:#6c654f}.guide-notebook-body{padding:0 14px 16px}.guide-topics{display:flex;flex-wrap:wrap;gap:6px}.guide-topics button{flex:1;padding:9px 10px;min-height:44px;font-size:11px;background:#eee8d5;color:#354d38;border:1px solid #ded5b6}.guide-topics button[aria-pressed=true]{background:#153e32;color:#fff0bd;border-color:#153e32}.guide-entry{margin-top:14px;padding:16px;background:white;border:1px solid #e5ddc6;border-radius:12px}.guide-entry .eyebrow{font-size:9px;letter-spacing:1.2px;color:#796029}.guide-entry h3{font-size:19px;margin:9px 0}.guide-entry p{font-size:13px;line-height:1.65;margin:10px 0 0}.guide-entry .guide-prompt{padding-top:12px;border-top:1px solid #e5ddc6;color:#526359}.guide-equipment{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:#5e664f}.guide-equipment span{background:#eeeeda;padding:5px 8px;border-radius:20px}
@media(prefers-reduced-motion:reduce){.experience-form select,.experience-form select::picker-icon{transition:none}}