:root{--ink:#16324a;--blue:#075985;--blue-dark:#0c4a6e;--paper:#f8fbff;--card:#fff;--line:#64748b;--focus-inner:#fef08a;--focus-outer:#111827;--muted:#334155}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header,.progress-nav,main{width:min(1120px,calc(100% - 32px));margin:auto}header{padding:28px 0 12px}.eyebrow{color:var(--blue-dark);font-weight:800}.progress-nav{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 20px}.progress-nav span{padding:6px 12px;border:2px solid var(--line);border-radius:999px;background:#fff}.progress-nav [aria-current=step]{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}.skip-link{position:fixed;left:12px;top:-80px;z-index:10;background:#fff;color:#000;padding:12px;border:3px solid var(--focus-outer)}.skip-link:focus{top:12px}.screen{padding:24px;border:1px solid #cbd5e1;border-radius:18px;background:var(--card);box-shadow:0 10px 30px #0f172a14}.screen[hidden]{display:none}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.student-card{display:grid;gap:8px;text-align:left}.student-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}button{min-height:44px;border:2px solid var(--blue-dark);border-radius:10px;background:var(--blue);color:#fff;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer}button:disabled{background:#475569;border-color:#334155;color:#fff;cursor:not-allowed}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-inner);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-outer)}.encounter-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:24px}.encounter-grid figure{margin:0}.encounter-grid img,#townScreen>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.speech{padding:14px;background:#e0f2fe;border-left:5px solid var(--blue-dark)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f5f9;padding:14px;border-radius:10px}.question-item{margin:10px 0;padding:10px;border:1px solid #cbd5e1;border-radius:10px}.question-item button{width:100%;text-align:left}.response{margin:8px 0 0}.encounter-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}textarea{width:100%;min-height:220px;margin-top:8px;border:2px solid var(--line);padding:12px;color:var(--ink);background:#fff}.location-a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.location-a11y img{width:1px;height:1px}figcaption{color:var(--muted);font-weight:700;margin-top:6px}@media(max-width:720px){.grid,.encounter-grid{grid-template-columns:1fr}.screen{padding:16px}.encounter-actions{flex-direction:column}.encounter-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(forced-colors:active){button,.screen,.question-item{border:2px solid ButtonText}.progress-nav [aria-current=step]{outline:3px solid Highlight}}