:root{--bg:#141a22;--ink:#fff6e8;--muted:#f0d7b8;--card:#1d2633;--line:#ffb703;--orange:#e85d04;--red:#d8572a;--ocean:#16324f;--good:#c8f7b0;--btn:#243044;--shadow:0 12px 32px #00000047;color:var(--ink);background:var(--bg);font-family:Verdana,Trebuchet MS,Segoe UI,sans-serif;font-size:18px;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%, #243044, var(--bg) 55%)}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--line)}:focus-visible{outline:3px solid var(--line);outline-offset:3px}.app{min-height:100vh;padding:20px 16px 40px}h1{margin:0 0 8px;font-size:clamp(32px,5vw,54px);line-height:1.05}h2{margin:0 0 8px;font-size:clamp(22px,3vw,30px)}h3{margin:14px 0 4px;font-size:18px}p{margin:8px 0}.eyebrow{color:var(--line);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.lede,.directions{max-width:46rem;font-size:clamp(18px,2.4vw,24px)}.progress{font-weight:700}.primary,.ghost,.button-link{border:3px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:56px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--orange);color:#1a1203}.primary:hover{background:#ff7a18}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{background:var(--btn);color:var(--ink);border-color:#3d516c}.ghost:hover{border-color:var(--line)}.xl{min-height:72px;padding:12px 28px;font-size:22px}.row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.text-link{margin-top:18px;font-weight:700;display:inline-block}.start-screen{max-width:980px;margin:0 auto;position:relative}.gear{z-index:3;background:var(--btn);width:52px;height:52px;color:var(--line);border:3px solid #3d516c;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:0}.gear svg{width:28px;height:28px}.gear.small{width:52px;font-size:24px;position:static}.hero{height:110px;margin-bottom:8px;position:relative}.hero-volcano{width:min(280px,70vw);height:110px}.hero-volcano path{fill:#8c3a12}.hero-volcano .lava{fill:#ffb703;transform-origin:100px 90px;animation:2.4s ease-in-out infinite pulse}.hero-glow{filter:blur(2px);background:radial-gradient(circle,#ff7814b3,#0000 70%);width:80px;height:40px;animation:2.4s ease-in-out infinite glow;position:absolute;top:18px;left:70px}@keyframes pulse{50%{transform:scaleY(1.15)}}@keyframes glow{50%{opacity:.45}}.mission-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0;display:grid}.mission,.sheet,.v-card,.tray-token,.map-token{background:var(--card);box-shadow:var(--shadow);border:3px solid #31445f;border-radius:16px}.mission{padding:16px}.mission h2{color:var(--line)}.start-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stage{max-width:1180px;margin:0 auto}.ask-card{background:var(--card);border:3px solid #31445f;border-radius:16px;margin:12px 0;padding:16px 18px}.ask-compact{margin-bottom:12px}.volcano-photo{margin:4px 0 12px}.volcano-photo img{object-fit:cover;object-position:center;background:#0e1724;border-radius:14px;width:100%;max-height:380px;display:block}.volcano-photo figcaption{color:var(--muted);margin-top:6px;font-size:14px}.ask-head{align-items:center;gap:12px;display:flex}.ask-head h2{margin:0}.choice-grid{grid-template-columns:1fr;gap:8px;margin:8px 0 14px;display:grid}.choice-btn{background:var(--btn);text-align:center;border:3px solid #31445f;border-radius:12px;min-height:64px;padding:10px 12px;font-weight:800}.choice-btn.picked{border-color:var(--line);background:#3a2a12}.good-line{color:var(--good);font-size:24px;font-weight:800}.lives{flex-wrap:wrap;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.life-pips{flex-wrap:wrap;gap:6px;display:inline-flex}.life-pip{background:var(--orange);border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #e85d04b3}.app.screen-shake{animation:.48s linear 2 screen-shake}.life-flash{z-index:20;color:#fff6e8;letter-spacing:.04em;pointer-events:none;background:#8d1d12;border:4px solid #ffd0c8;border-radius:16px;align-items:center;gap:14px;padding:16px 28px;font-size:42px;animation:1.3s ease-out forwards life-pop;display:flex;position:fixed;top:28%;left:50%;transform:translate(-50%)}.life-flash .life-pip{background:#ff5a3c;width:36px;height:36px}.life-flash.gain{background:#1c6b34;border-color:#c8f7b0;animation:2.6s ease-out forwards life-gain}.life-flash.gain .life-pip{background:var(--orange)}.life-pip.lost{animation:.7s ease-in forwards life-drop}.life-pip.gained{animation:.9s ease-out life-arrive}.life-pip.arrived{animation:.8s ease-out pip-pop}.wipe-screen{z-index:30;background:#080a0ec7;place-items:center;display:grid;position:fixed;inset:0}.life-flash.wipe{text-align:center;pointer-events:auto;background:#6e120c;flex-direction:column;gap:8px;padding:28px 36px;animation:.45s ease-out forwards life-wipe;position:static;top:auto;left:auto;transform:none}.life-flash.wipe strong{font-size:64px;line-height:1}.life-flash.wipe span{max-width:16em;font-size:28px;font-weight:800}.life-flash.wipe .primary{min-width:200px;margin-top:10px;font-size:22px}@keyframes screen-shake{0%,to{transform:translate(0,0)}12%{transform:translate(-14px,3px)}24%{transform:translate(13px,-4px)}36%{transform:translate(-10px,2px)}48%{transform:translate(9px,-2px)}60%{transform:translate(-6px,1px)}72%{transform:translate(4px,-1px)}84%{transform:translate(-2px)}}@keyframes life-drop{0%{opacity:1;transform:translateY(0)scale(1)}25%{transform:translateY(-10px)scale(1.25)}to{opacity:0;transform:translateY(36px)scale(.35)}}@keyframes life-pop{0%{opacity:0;transform:translate(-50%)scale(.7)}18%{opacity:1;transform:translate(-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-12px)scale(1)}}@keyframes life-gain{0%{opacity:0;transform:translate(-50%)scale(.6)}10%{opacity:1;transform:translate(-50%)scale(1.12)}18%{opacity:1;transform:translate(-50%)scale(1)}82%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)scale(1)}}@keyframes life-arrive{0%{opacity:0;transform:translateY(28px)scale(.2)}55%{opacity:1;transform:translateY(-8px)scale(1.3)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pip-pop{0%{transform:scale(.2)}60%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes life-wipe{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.place-spot{z-index:2;border:3px dashed var(--line);background:#ffb7031f;border-radius:12px;width:64px;height:64px;position:absolute;transform:translate(-50%,-50%)}.place-spot.aimed{outline:3px solid var(--ink);outline-offset:3px;background:#ffb70347}.place-spot.filled{width:108px;height:auto;min-height:58px;color:var(--ink);text-align:center;background:#30200ceb;border-style:solid;place-items:center;padding:6px;font-weight:800;line-height:1.15;display:grid}.place-box{z-index:2;border:3px dashed var(--line);width:96px;min-height:58px;color:var(--ink);background:#0c121ce0;border-radius:12px;padding:6px;font-size:15px;font-weight:800;line-height:1.15;position:absolute;transform:translate(-50%,-50%)}.place-box small{color:var(--muted);font-size:13px;font-weight:700;display:block}.place-box.filled{background:#30200ceb;border-style:solid}.place-box:disabled{cursor:default}.static-box{pointer-events:none;margin:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:12px 0 18px;display:grid}.v-card{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:180px;padding:14px;display:flex}.v-card:hover{border-color:var(--line)}.v-card-name{font-size:22px;font-weight:800}.v-card-place{color:var(--muted)}.v-card-status{margin-top:auto;font-weight:800}.status-correct{border-color:#7dce63}.status-review{border-color:var(--line)}.status-saved{border-color:#7eb6ff}.volcano-icon{width:54px;height:54px}.modal{color:var(--ink);background:0 0;border:0;width:min(760px,96vw);padding:0}.modal-wide{width:min(980px,96vw)}.modal::backdrop{background:#06080cb8}.sheet{border:3px solid var(--line);background:#1a2230;border-radius:18px;max-height:min(88vh,900px);padding:18px;overflow:auto}.steps,.clues{padding-left:1.2em}.steps li,.clues li{margin:8px 0}.choice{align-items:center;gap:10px;min-height:48px;font-weight:700;display:flex}fieldset{border:3px solid #31445f;border-radius:12px;margin:12px 0}legend{padding:0 6px;font-weight:800}.preview-map{background:#0e1724;border-radius:12px;padding:8px}.preview-map p{color:var(--muted);font-size:16px}.place-line,.status-line,.saved-line,.fact{font-size:18px}.warn{color:#ffb4a2;font-weight:800}.code-input,input[type=range]{width:min(240px,100%)}.code-input{background:#0e1724;border:3px solid #31445f;border-radius:10px;min-height:52px;padding:6px 10px;font-size:24px}.map-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px;display:grid}.map-frame{background:var(--ocean);border:3px solid #31445f;border-radius:16px;position:relative;overflow:hidden}.world-map{width:100%;height:auto;min-height:280px;display:block}.world-map.zoomed,.map-frame.zoomed{min-height:0}.ocean{fill:#1b4f73}.land{fill:#c4a574;stroke:#6e4e32;stroke-width:.4px}.ring{fill:none;stroke:#ff7828b8;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.boundary{fill:none;stroke-width:1.15px}.boundary.divergent{stroke:#9ad7ff;stroke-dasharray:2.2 1.6}.boundary.convergent{stroke:#ffb703}.tooth{fill:#ffb703}.hotspot{fill:#ffe08a;stroke:#1a1203;stroke-width:.25px}.map-label{fill:#fff6e8;stroke:#142033;stroke-width:.45px;paint-order:stroke;font-size:4.2px;font-weight:700}.preview-zone{fill:#ffb70347;stroke:#ffb703;stroke-width:.6px}.legend{flex-wrap:wrap;gap:10px 16px;margin:0;padding:8px 2px 0;list-style:none;display:flex}.legend li{align-items:center;gap:8px;font-weight:700;display:flex}.swatch{border-radius:4px;width:42px;height:10px;display:inline-block}.convergent-swatch{background:#ffb703}.divergent-swatch{background:repeating-linear-gradient(90deg,#9ad7ff 0 8px,#0000 8px 14px)}.hotspot-swatch{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ffe08a;width:16px;height:16px}.ring-swatch{background:#e85d04d9;height:14px}.tray{flex-direction:column;gap:8px;max-height:70vh;display:flex;overflow:auto}.tray-token,.map-token{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px;display:flex}.tray-token small,.map-token small{color:var(--muted);font-size:14px;display:block}.map-token{z-index:2;width:108px;padding:4px 6px;font-size:14px;line-height:1.15;position:absolute;transform:translate(-50%,-50%)}.map-token .volcano-icon,.tray-token .volcano-icon,.drag-ghost .volcano-icon{flex:none;width:36px;height:36px}.drag-ghost{z-index:20;pointer-events:none;border:3px solid var(--line);background:#243044;border-radius:12px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:fixed;transform:translate(-50%,-50%)}.done-label{color:var(--ink);border:2px solid var(--line);pointer-events:none;background:#1a1203;border-radius:8px;margin:0;padding:2px 6px;font-size:13px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.score-list{font-size:20px;font-weight:700}.review{max-width:46rem}.key-table{border-collapse:collapse;width:100%;margin-top:12px}.key-table th,.key-table td{text-align:left;vertical-align:top;border-bottom:1px solid #31445f;padding:8px 6px}.teacher-note{color:var(--muted);margin-top:4px;font-size:15px;display:block}.confirm-box{border:3px solid var(--line);border-radius:12px;margin-top:12px;padding:12px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.choice-grid{grid-template-columns:1fr}.place-box{width:92px;min-height:56px;font-size:14px}}@media (width>=701px){.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.map-layout{grid-template-columns:1fr}.tray{flex-flow:wrap;max-height:none}.tray-token{width:min(100%,280px)}.map-label{font-size:5px}}@media (prefers-reduced-motion:reduce){.hero-volcano .lava,.hero-glow,.app.screen-shake,.life-flash,.life-pip.lost,.life-pip.gained,.life-pip.arrived{animation:none}}@media print{.gear,.row,.start-actions{display:none!important}body,.sheet,.v-card{color:#000;background:#fff}.map-frame{break-inside:avoid}}