diff --git a/IMPROVEMENT_PLAN.md b/IMPROVEMENT_PLAN.md
deleted file mode 100644
index b5a4265..0000000
--- a/IMPROVEMENT_PLAN.md
+++ /dev/null
@@ -1,272 +0,0 @@
-# SQLwak Repository Improvement Plan
-
-A comprehensive, prioritized plan to improve SQLwak in two dimensions: **accuracy/effectiveness**
-(does the game judge SQL correctly and teach well?) and **design** (architecture, code quality,
-maintainability, UX). Findings reference current code as of this writing (63 levels, Next.js 16,
-React 19, sql.js, Zustand).
-
----
-
-## Implementation Status
-
-Implemented in this PR:
-
-- **Phase 1 — Correctness core (done):** read-only query guard + seed snapshot/reset (1.1),
-  order-aware comparison with `orderMatters` override and top-level-ORDER-BY inference (1.2),
-  cached expected results (1.3), exact strings / relative float epsilon / case-insensitive
-  column names (1.4), specific failure messages per mismatch class (1.5), epoch tags fixed on
-  levels 51–54 (part of 1.6).
-- **Phase 2 — Safety net (done):** Vitest level-integrity suite covering all 63 levels +
-  validator unit tests (270 tests), GitHub Actions CI running lint, typecheck, tests, build
-  (2.1–2.3).
-- **Phase 3 — Architecture (mostly done):** sql.js self-hosted from the npm package via a
-  sync script — no more CDN/version drift (3.1); single `src/lib/progression.ts` consumed
-  everywhere, all hardcoded epoch/XP/max-level copies deleted (3.2); dead NextAuth wiring,
-  unused types, unused `p5` dependency, no-op callbacks, and the `sqlawk` name typo removed
-  (3.3); seed extracted to `src/lib/seed.ts` for Node test reuse.
-
-Implemented in the follow-up PR:
-
-- **Remainder of 1.6:** level 49 rewritten with the `AVG(x²) − AVG(x)²` variance identity
-  (no more correlated subqueries); seed-scaffold whitespace normalized.
-- **2.4:** store tests for XP accrual, streak, navigation history, and reset — which surfaced
-  and fixed three real bugs (XP farming by replaying levels, `currentLevel` advancing past the
-  final level, and back-navigation never consuming history).
-- **3.4 (partial):** `levels.ts` split into per-epoch modules under `src/data/levels/`.
-- **Pillar 4:** escalating disclosure (expected result *shape* revealed after 3 failed
-  attempts), dialog semantics/focus/Escape handling for the modal and level navigator,
-  aria-labels on icon buttons, and a stacking responsive layout below the `lg` breakpoint.
-- **Pillar 5:** MIT LICENSE, CONTRIBUTING.md with a level-authoring guide.
-
-Implemented since (iteration 8):
-
-- **4.5 (partial):** the anti-join syllabus gap is closed — level 66 teaches the
-  `LEFT JOIN … IS NULL` anti-join, level 67 teaches correlated `NOT EXISTS` (and the
-  `NOT IN` NULL trap). Remaining 4.5 gaps: a dedicated date-functions drill and earlier
-  `CASE` exposure are partially covered by existing levels (28, 38, 62, 65) — revisit
-  only if player feedback shows a hole.
-
-Still open: build-time expected results (3.4 — deprioritized: the level-up modal now
-deliberately reveals the model answer after a win, so hiding solutions from the bundle
-buys nothing), the expected-vs-actual value diff (4.1 — the shape reveal shipped; a
-value-level diff is a deliberate product decision), and a deeper mobile/touch pass (4.4).
-
----
-
-## Current State Snapshot
-
-| Area | State |
-|------|-------|
-| Levels | 63 hand-written levels in `src/data/levels.ts` (~76 KB single file) |
-| Validation | Result-set comparison: user query vs. solution query, both run live (`src/lib/validator.ts`) |
-| Database | In-memory sql.js, seeded in `src/lib/db.ts`, loaded from **CDN (v1.8.0)** |
-| Tests | **None** |
-| CI | **None** (no `.github/workflows`) |
-| Auth | NextAuth wired (`src/lib/auth.ts`, API route) but **never used** by the app |
-| State | Zustand + localStorage persistence (`src/store/useGameStore.ts`) |
-
-The core asset of this repo is the level catalog plus the validator. Neither has any automated
-safeguard, and the validator has several correctness holes. That is where the plan starts.
-
----
-
-## Pillar 1 — Validation Accuracy (highest priority)
-
-The validator is the "grader" of the game. Every false negative frustrates a learner who wrote
-correct SQL; every false positive teaches them something wrong.
-
-### 1.1 Protect the database from mutation
-`executeQuery()` (`src/lib/db.ts:453`) passes raw user SQL to `db.exec()` with no restrictions.
-A user can run `DROP TABLE customers`, `DELETE FROM accounts`, or `UPDATE …` and silently corrupt
-the in-memory database **for the rest of the session** — every subsequent level then validates
-against corrupted data, because the solution query also runs on the mutated DB.
-
-- Reject non-read-only statements before execution (sql.js exposes `stmt.sql`/authorizer-style
-  checks; minimally, parse for a leading `SELECT`/`WITH` and reject multi-statement input).
-- Add a **"Reset database"** action in the UI as a safety valve.
-- Snapshot the seeded DB (`db.export()`) once after seeding so reset is instant
-  (`new SQL.Database(snapshot)`) instead of re-running all seed SQL.
-
-### 1.2 Make row-order comparison intentional
-`compareResults()` (`src/lib/validator.ts:64`) compares rows positionally. Levels whose task text
-doesn't demand ordering still fail users who omit/choose a different `ORDER BY`, and only pass
-today because SQLite happens to return insertion order.
-
-- Add an `orderMatters: boolean` field to `Level`. When `false`, compare results as multisets
-  (canonicalize rows, sort both sides, then compare).
-- Audit all 63 levels: set `orderMatters: true` only where the description explicitly asks for
-  ordering; reword descriptions that are ambiguous.
-
-### 1.3 Run the solution query against pristine data, once
-Today the solution re-executes on every attempt, on the same (possibly mutated) DB.
-
-- Compute each level's expected result **once** against a known-good DB and cache it
-  (or, longer term, generate expected results at build time from `levels.ts` + seed — see 3.4).
-  This makes validation immune to user-side mutation and halves query work per attempt.
-
-### 1.4 Tighten value comparison
-`valuesEqual()` (`src/lib/validator.ts:78`):
-- String comparison is `toLowerCase().trim()` — `'active'` passes for `'Active'`, which teaches
-  learners that SQL string filters are case-insensitive (SQLite's `=` is not). Make string
-  comparison exact by default, with an optional per-level relaxation if ever needed.
-- Float tolerance is absolute (`< 0.0001`); fine for small values but wrong shape for monetary
-  aggregates in the millions. Use a relative epsilon (`abs(a-b) <= max(1e-9, 1e-6 * max(|a|,|b|))`).
-- Column-name comparison is exact and case-sensitive. Compare case-insensitively (SQL identifiers
-  are case-insensitive), and produce a **specific** error when only the alias/column names differ.
-
-### 1.5 Actionable failure messages
-All logic failures return the same string: *"Check your WHERE conditions and filters"*
-(`validator.ts:32`) — even when the real problem is a wrong column count, a missing alias, or a
-wrong row count. Return a structured failure reason:
-- wrong number of columns / wrong column names (name them),
-- wrong row count (got N, expected M),
-- values differ (optionally point at the first differing row/column),
-- SQL error (pass through the engine message, as today).
-
-### 1.6 Fix level-data inconsistencies
-- **Epoch mismatch:** levels 51–55 are tagged `epoch: 'Intermediate'`/mixed in `levels.ts`, but the
-  UI computes epoch from the level id (`id > 40 ⇒ Expert`) in `SQLPanel.tsx:55` and
-  `useGameStore.ts:155`. The displayed rank and the data disagree. Make `level.epoch` the single
-  source of truth and delete the id-based functions (see 3.2).
-- **Level 49 (z-score)** uses correlated subqueries inside a CTE where window functions would be
-  the idiomatic (and taught-elsewhere-in-the-game) pattern — simplify the solution and hint.
-- Audit seed-query blanks for consistent formatting (some have trailing-space `WHERE `, others
-  empty clause bodies) so the scaffold reads uniformly.
-
----
-
-## Pillar 2 — Tests and CI (the safety net)
-
-There are zero tests and no CI. With 63 solution queries and hand-maintained seed data, regressions
-are invisible until a player hits them.
-
-### 2.1 Level-integrity test suite (biggest win per hour invested)
-Run sql.js in Node (the npm package works server-side) against the real seed, and for **every**
-level assert:
-1. `solutionQuery` executes without error;
-2. it returns at least one row (a 0-row expected result almost always means a data/level bug);
-3. the result is **deterministic** (re-run twice, compare) — catches missing `ORDER BY` with ties;
-4. `seedQuery` is not accidentally a complete, passing answer.
-
-This single test file would have caught the epoch/data drift and will protect every future level.
-
-### 2.2 Validator unit tests
-Cover `compareResults`/`valuesEqual`: ordering, float tolerance, NULLs, case sensitivity, column
-mismatch — including the regressions fixed in Pillar 1.
-
-### 2.3 GitHub Actions
-One workflow on PR + main: `npm ci`, `eslint`, `tsc --noEmit`, `vitest run`, `next build`.
-(Vitest is the natural choice here: ESM-native, fast, no config friction with Next 16/TS.)
-
-### 2.4 Store tests (small, later)
-XP accrual, streak, persistence partialize shape, `goToPreviousLevel` edge cases.
-
----
-
-## Pillar 3 — Architecture & Code Quality
-
-### 3.1 Bundle sql.js instead of loading 1.8.0 from a CDN
-`db.ts:7-21` injects a `<script>` from cdnjs pinned to **1.8.0**, while `package.json` declares
-`sql.js: ^1.14.1` (unused at runtime). Problems: version drift vs. the types, a runtime dependency
-on a third-party CDN (offline/outage/CSP/supply-chain), and an `any`-cast on `window`.
-Use the npm package with the wasm served from `/public` (or `locateFile` → static asset). Delete
-the hand-rolled loader and the custom `sql.js.d.ts` shims where the package types suffice.
-
-### 3.2 One progression module
-The epoch boundaries and XP table are written out at least four times:
-`useGameStore.ts:78` (XP), `SQLPanel.tsx:31,55` (XP + epoch), `useGameStore.ts:155` (epoch),
-`LevelProgressMap.tsx:8` (`EPOCH_STARTS` hardcoded `{16,31,41}`), plus a hardcoded `/ 63` max-level
-in `GameProvider.tsx`. Create `src/lib/progression.ts` exporting `epochOf(level)`, `xpFor(level)`,
-`MAX_LEVEL = levels.length`, and epoch boundary metadata **derived from `levels.ts`** — then delete
-every local copy. Adding level 64 should require touching exactly one file.
-
-### 3.3 Remove dead code
-- **Auth:** `src/lib/auth.ts` + `src/app/api/auth/[...nextauth]/route.ts` + `next-auth`/`@auth/core`
-  deps are wired but never used (PRODUCT.md explicitly says "No signup, no backend"). Delete them —
-  or, if auth is on the roadmap, move to a feature branch. Shipping a dead beta dependency
-  (`next-auth@5.0.0-beta`) is pure risk.
-- Unused types in `src/types/index.ts` (bird/weather-era remnants), the empty `onSuccess` callback
-  threaded through `GameProvider → SQLPanel`, and the silent `catch (_) {}` blocks in `SQLPanel`.
-- Fix the package name typo: `"name": "sqlawk"` → `"sqlwak"`.
-
-### 3.4 Split `levels.ts`; consider build-time expected results
-76 KB and growing linearly. Split into per-epoch modules (`levels/foundational.ts`, …) re-exported
-from an index, and move the `Level` validation (unique ids, contiguous, valid epoch) into the test
-suite. Longer term: a build step that executes every solution against the seed and emits
-`expected-results.json`, so the client never needs the solution text at all (also stops
-view-source answer leaking, if that's a concern worth caring about for a free game).
-
-### 3.5 Type and lint hygiene
-- Monaco refs are `useRef<unknown>` with structural casts at every call site (`SQLPanel.tsx:91`).
-  Use `editor.IStandaloneCodeEditor` from `monaco-editor` types.
-- ESLint: add `@typescript-eslint/no-unused-vars`-level rules beyond `next/core-web-vitals`;
-  consider `noUncheckedIndexedAccess` in tsconfig once the seed arrays are refactored.
-- `p5` + `@types/p5` are heavy; if `FlockCanvas` uses plain canvas 2D (it appears to), drop the
-  p5 dependency entirely — it's ~1 MB of dead weight if unused, and lazy-load the canvas component
-  either way.
-
----
-
-## Pillar 4 — Learning Effectiveness & UX
-
-### 4.1 Feedback that teaches
-With Pillar 1's structured failures in place:
-- Show a compact expected-vs-actual diff (column headers + first mismatching rows) after a failed
-  attempt, instead of only a toast. PRODUCT.md says "no hand-holding after the first hint" — a
-  diff is information, not hand-holding; it's what a real analyst gets from a failing test.
-- Escalating hints: hint after attempt 1 (current behavior), offer to reveal expected *shape*
-  (columns + row count) after attempt 3.
-
-### 4.2 Progress and navigation coherence
-- Decide intentionally between free navigation (current) and gated unlocks; if free stays, mark
-  "skipped ahead" levels visually in `LevelNavigator`/`LevelProgressMap` rather than implying lock.
-- Derive epoch dividers in `LevelProgressMap` from level data (3.2) so new sections render correctly.
-
-### 4.3 Accessibility (PRODUCT.md promises WCAG AA)
-- Add `aria-label`s and focus management to `LevelNavigator`, `FlockStatus`, and the snippet
-  buttons; ensure the level-up modal traps focus and closes on Escape.
-- Keep honoring `prefers-reduced-motion` (recently added) in any new animation work.
-
-### 4.4 Mobile/responsive pass
-The three-panel terminal layout should degrade deliberately (editor-first stacking) — worth an
-explicit audit since the audience includes commute-time interview preppers.
-
-### 4.5 Content roadmap (after the safety net exists)
-- Fill genuine syllabus gaps before adding more expert windows: `LEFT JOIN`/NULL handling drills,
-  `CASE` basics earlier, date functions, `EXISTS`/anti-joins.
-- A short "level authoring guide" (description style, ordering rules, `orderMatters`, seed-query
-  conventions) so future levels stay consistent — the test suite from 2.1 enforces the rest.
-
----
-
-## Pillar 5 — Repo Hygiene & Docs
-
-- README: "50+ levels" → keep evergreen ("60+" or computed badge); document local dev
-  (`npm install && npm run dev`), and the test command once it exists.
-- Add `CONTRIBUTING.md` covering the level authoring guide and the CI gates.
-- Keep `evolution_log.md` (it's good practice) but link it from the README.
-- Add a `LICENSE` file — the repo currently has none, which technically means "all rights
-  reserved" for a project whose README invites the public to play.
-
----
-
-## Phased Roadmap
-
-| Phase | Scope | Items | Effort |
-|-------|-------|-------|--------|
-| **1. Correctness core** | Validator + DB safety | 1.1, 1.2, 1.3, 1.4, 1.5 | ~2–3 days |
-| **2. Safety net** | Tests + CI | 2.1, 2.2, 2.3 | ~1–2 days |
-| **3. Data & dedup** | Level fixes + progression module + sql.js bundling | 1.6, 3.1, 3.2, 3.3 | ~2 days |
-| **4. UX & a11y** | Feedback diff, navigation, accessibility | 4.1, 4.2, 4.3 | ~2–3 days |
-| **5. Scale & polish** | Level split, build-time results, content, docs | 3.4, 3.5, 4.4, 4.5, Pillar 5 | ongoing |
-
-Sequencing rationale: Phase 1 fixes what players feel most (wrong grading); Phase 2 locks in those
-fixes and protects all 63 levels before any refactor; Phase 3's refactors are then safe to do;
-Phases 4–5 build on a trustworthy core.
-
-### Quick wins (can ship immediately, independent of phases)
-1. Reject non-`SELECT`/`WITH` statements in `executeQuery` (one guard clause). 
-2. Replace hardcoded `/ 63` and `EPOCH_STARTS` with values derived from `levels.length`.
-3. Fix `epoch` tags on levels 51–55.
-4. Delete unused auth code + `next-auth`/`@auth/core` dependencies.
-5. Fix the `sqlawk` package-name typo and add a LICENSE.
diff --git a/evolution_log.md b/evolution_log.md
index b62078d..4887008 100644
--- a/evolution_log.md
+++ b/evolution_log.md
@@ -4,6 +4,32 @@ Each entry records one autonomous improvement iteration.
 
 ---
 
+## Iteration 9 — 2026-06-12
+
+### [Mobile & Touch Pass — closes the improvement plan]
+
+The last open item in IMPROVEMENT_PLAN.md (§4.4, deeper mobile/touch pass) is done, and the
+plan file itself is retired — every other item was either shipped (pillars 1–3, 5, most of 4)
+or explicitly deprioritized in its status section (3.4 build-time results, 4.1 value diff).
+
+- **Proper viewport**: `layout.tsx` now exports Next's `viewport` object — device-width,
+  `viewportFit: 'cover'` (the fixed terminal layout extends under notches), and the brand
+  `themeColor` so mobile browser chrome matches the header.
+- **Touch targets**: a `@media (pointer: coarse)` layer in `globals.css` grows icon buttons
+  (level navigator open/close, back, toast dismiss) to ≥40px via a shared `.lcb-icon-btn`
+  class, gives the SQL snippet pills finger-sized padding, and widens the level-progress-map
+  tiles from 9×14 to 15×20. `touch-action: manipulation` on all buttons removes the
+  double-tap-zoom delay on rapid Run/Submit taps.
+- **Editor on touch**: Monaco gets a 16px font on coarse pointers (anything smaller makes iOS
+  zoom the page when the hidden textarea focuses) plus word wrap for narrow screens; the
+  ⌘↵ / ⇧⌘↵ keyboard-shortcut hints on Run/Submit are hidden where there is no keyboard.
+- **Dynamic-viewport units**: the stacked mobile panels (`75vh`) and the level-up modal
+  (`90vh`) now use `dvh`, so the iOS/Android collapsing URL bar no longer hides the bottom
+  of the editor or the modal's Continue button.
+- **Status bar**: the harbour status row wraps instead of overflowing at very narrow widths.
+
+---
+
 ## Iteration 8 — 2026-06-12
 
 ### [Game Design Tweaks]
diff --git a/src/app/globals.css b/src/app/globals.css
index d32671a..b2dc0fb 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -30,8 +30,12 @@ html, body {
   background: var(--lcb-black);
   color: var(--lcb-white);
   font-family: var(--font-ibm-plex-mono), 'Courier New', monospace;
+  -webkit-text-size-adjust: 100%;
 }
 
+/* Kill the double-tap-to-zoom delay on rapid Run/Submit taps. */
+button { touch-action: manipulation; }
+
 /* ── Panel base ───────────────────────────────────────────────────────────── */
 .lcb-panel {
   background: var(--lcb-panel);
@@ -136,6 +140,28 @@ input:focus-visible {
   z-index: 60;
 }
 
+/* ── Level progress map tiles ────────────────────────────────────────────── */
+.lcb-map-strip { height: 22px; }
+.lcb-map-dot   { width: 9px; height: 14px; }
+
+/* ── Touch devices ───────────────────────────────────────────────────────────
+   On coarse pointers the desktop-dense controls need real tap targets:
+   icon buttons grow to ≥40px, snippet pills get finger-sized padding, the
+   progress-map tiles widen, and keyboard-shortcut hints disappear. */
+@media (pointer: coarse) {
+  .lcb-icon-btn {
+    min-width: 40px;
+    min-height: 40px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .lcb-snippet   { padding: 8px 12px; min-height: 38px; }
+  .lcb-kbd-hint  { display: none; }
+  .lcb-map-strip { height: 30px; }
+  .lcb-map-dot   { width: 15px; height: 20px; }
+}
+
 /* ── Reduced motion ───────────────────────────────────────────────────────── */
 @media (prefers-reduced-motion: reduce) {
   .animate-gold-pulse { animation: none; }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ef73cd7..bc357f7 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { Playfair_Display, IBM_Plex_Mono } from "next/font/google";
 import { Analytics } from "@vercel/analytics/next";
 import { SpeedInsights } from "@vercel/speed-insights/next";
@@ -18,6 +18,15 @@ const ibmPlexMono = IBM_Plex_Mono({
   display: "swap",
 });
 
+// viewportFit: 'cover' lets the fixed terminal layout extend under notches;
+// the brand theme colour keeps iOS/Android chrome matching the header.
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  viewportFit: "cover",
+  themeColor: "#08090d",
+};
+
 export const metadata: Metadata = {
   title: "Lion City Bank — SQL Analytics Terminal",
   description:
diff --git a/src/components/FlockStatus.tsx b/src/components/FlockStatus.tsx
index afbd46c..5f3ff2d 100644
--- a/src/components/FlockStatus.tsx
+++ b/src/components/FlockStatus.tsx
@@ -22,14 +22,14 @@ export default function FlockStatus({ onOpenLevelNavigator }: FlockStatusProps)
 
   return (
     <div
-      className="flex items-center gap-3 px-3 py-2"
+      className="flex flex-wrap items-center gap-3 px-3 py-2"
       style={{ background: 'var(--lcb-panel)', border: '1px solid var(--lcb-border)', borderRadius: 6 }}
     >
       {/* Nav buttons */}
       <div className="flex items-center gap-1">
         <button
           onClick={onOpenLevelNavigator}
-          className="p-1.5 transition-colors hover:opacity-70"
+          className="lcb-icon-btn p-1.5 transition-colors hover:opacity-70"
           style={{ color: 'var(--lcb-muted)', background: 'rgba(255,255,255,0.04)', border: '1px solid var(--lcb-border)', borderRadius: 4 }}
           title="Browse levels"
           aria-label="Browse levels"
@@ -39,7 +39,7 @@ export default function FlockStatus({ onOpenLevelNavigator }: FlockStatusProps)
         <button
           onClick={goToPreviousLevel}
           disabled={!canGoBack}
-          className="p-1.5 transition-colors"
+          className="lcb-icon-btn p-1.5 transition-colors"
           style={{
             color: canGoBack ? 'var(--lcb-muted)' : 'var(--lcb-border)',
             background: 'rgba(255,255,255,0.04)',
diff --git a/src/components/GameProvider.tsx b/src/components/GameProvider.tsx
index 3b21c06..e1b5414 100644
--- a/src/components/GameProvider.tsx
+++ b/src/components/GameProvider.tsx
@@ -239,12 +239,12 @@ export default function GameProvider() {
         {/* UI overlay */}
         <div className="relative z-10 h-full flex flex-col lg:flex-row overflow-y-auto lg:overflow-hidden">
           {/* Left: SQL Editor */}
-          <div className="w-full lg:w-[460px] h-[75vh] lg:h-full flex-shrink-0 p-3 lg:pr-2">
+          <div className="w-full lg:w-[460px] h-[75dvh] lg:h-full flex-shrink-0 p-3 lg:pr-2">
             <SQLPanel onQueryRun={handleQueryRun} />
           </div>
 
           {/* Right: Schema / Results + status */}
-          <div ref={rightPanelRef} className="w-full lg:w-[420px] h-[75vh] lg:h-full flex-shrink-0 p-3 lg:pl-2 flex flex-col gap-2">
+          <div ref={rightPanelRef} className="w-full lg:w-[420px] h-[75dvh] lg:h-full flex-shrink-0 p-3 lg:pl-2 flex flex-col gap-2">
             {/* Tab bar */}
             <div
               className="flex"
diff --git a/src/components/LevelNavigator.tsx b/src/components/LevelNavigator.tsx
index c213b48..2a909b3 100644
--- a/src/components/LevelNavigator.tsx
+++ b/src/components/LevelNavigator.tsx
@@ -67,7 +67,7 @@ export default function LevelNavigator({ isOpen, onClose }: LevelNavigatorProps)
             onClick={onClose}
             aria-label="Close level navigator"
             autoFocus
-            className="p-1 transition-opacity hover:opacity-60"
+            className="lcb-icon-btn p-1 transition-opacity hover:opacity-60"
             style={{ color: 'var(--lcb-muted)' }}
           >
             <X className="w-4 h-4" />
diff --git a/src/components/LevelProgressMap.tsx b/src/components/LevelProgressMap.tsx
index 667f17d..83a1142 100644
--- a/src/components/LevelProgressMap.tsx
+++ b/src/components/LevelProgressMap.tsx
@@ -17,12 +17,11 @@ export default function LevelProgressMap() {
 
   return (
     <div
-      className="flex items-center px-4"
+      className="lcb-map-strip flex items-center px-4"
       style={{
         background: 'var(--lcb-panel-2)',
         borderBottom: '1px solid var(--lcb-border)',
         flexShrink: 0,
-        height: 22,
         gap: 2,
         overflowX: 'auto',
         overflowY: 'hidden',
@@ -52,9 +51,8 @@ export default function LevelProgressMap() {
               onClick={() => setCurrentLevel(level.id)}
               title={`Lvl ${level.id}: ${level.title}`}
               aria-label={`Go to Level ${level.id}: ${level.title}`}
+              className="lcb-map-dot"
               style={{
-                width: 9,
-                height: 14,
                 borderRadius: 2,
                 flexShrink: 0,
                 border: isCurrent ? `1px solid ${dotColor}` : '1px solid transparent',
diff --git a/src/components/LevelUpModal.tsx b/src/components/LevelUpModal.tsx
index 4e70d66..662319c 100644
--- a/src/components/LevelUpModal.tsx
+++ b/src/components/LevelUpModal.tsx
@@ -85,7 +85,7 @@ export default function LevelUpModal() {
             animate={{ scale: 1,    opacity: 1, y: 0  }}
             exit={{   scale: 0.88, opacity: 0, y: 16  }}
             transition={{ type: 'spring', damping: 22, stiffness: 320 }}
-            className="relative w-full max-w-sm max-h-[90vh] overflow-y-auto"
+            className="relative w-full max-w-sm max-h-[90dvh] overflow-y-auto"
             style={{ background: 'var(--lcb-panel)', border: '1px solid var(--lcb-border)', borderRadius: 8, borderTop: '3px solid var(--lcb-gold)' }}
           >
             {/* Top accent row */}
diff --git a/src/components/SQLPanel.tsx b/src/components/SQLPanel.tsx
index c5590d8..dc13351 100644
--- a/src/components/SQLPanel.tsx
+++ b/src/components/SQLPanel.tsx
@@ -62,6 +62,17 @@ export default function SQLPanel({ onQueryRun }: SQLPanelProps) {
     if (!/Mac|iP(hone|ad|od)/.test(navigator.platform)) setModKey('Ctrl');
   }, []);
 
+  // Touch devices get a 16px editor font (anything smaller makes iOS zoom the
+  // whole page when the editor focuses) and word wrap for narrow screens.
+  const [isTouch, setIsTouch] = useState(false);
+  useEffect(() => {
+    const mq = window.matchMedia('(pointer: coarse)');
+    setIsTouch(mq.matches);
+    const onChange = (e: MediaQueryListEvent) => setIsTouch(e.matches);
+    mq.addEventListener('change', onChange);
+    return () => mq.removeEventListener('change', onChange);
+  }, []);
+
   const handleEditorMount = (editor: unknown, monaco: Monaco) => {
     editorRef.current  = editor;
     monacoRef.current  = monaco;
@@ -272,7 +283,7 @@ export default function SQLPanel({ onQueryRun }: SQLPanelProps) {
           >
             <Play className="w-3 h-3" />
             Run
-            <span style={{ opacity: 0.6, fontSize: 10 }}>{modKey}↵</span>
+            <span className="lcb-kbd-hint" style={{ opacity: 0.6, fontSize: 10 }}>{modKey}↵</span>
           </button>
           <button
             onClick={handleSubmit}
@@ -288,7 +299,7 @@ export default function SQLPanel({ onQueryRun }: SQLPanelProps) {
           >
             <Check className="w-3 h-3" />
             {isExecuting ? 'Running…' : 'Submit'}
-            <span style={{ opacity: 0.6, fontSize: 10 }}>⇧{modKey}↵</span>
+            <span className="lcb-kbd-hint" style={{ opacity: 0.6, fontSize: 10 }}>⇧{modKey}↵</span>
           </button>
         </div>
       </div>
@@ -352,7 +363,8 @@ export default function SQLPanel({ onQueryRun }: SQLPanelProps) {
           onMount={handleEditorMount}
           options={{
             minimap:               { enabled: false },
-            fontSize:              13,
+            fontSize:              isTouch ? 16 : 13,
+            wordWrap:              isTouch ? 'on' : 'off',
             lineNumbers:           'on',
             scrollBeyondLastLine:  false,
             automaticLayout:       true,
@@ -395,7 +407,7 @@ export default function SQLPanel({ onQueryRun }: SQLPanelProps) {
             </div>
             <button
               onClick={() => setError(null)}
-              className="flex-shrink-0 p-0.5 transition-opacity hover:opacity-60"
+              className="lcb-icon-btn flex-shrink-0 p-0.5 transition-opacity hover:opacity-60"
               style={{ color: 'var(--lcb-muted)' }}
               aria-label="Dismiss"
             >