.prewriting-topbar{max-width:960px}.prewriting-intro{margin:0 auto 22px;text-align:center}.prewriting-intro h1{margin:0;padding:0;font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.15;letter-spacing:0}.prewriting-intro p{margin:10px 0 0;font-size:1.1rem;color:#415c77}.prewriting-game{max-width:960px;margin:auto;padding:24px;border:2px solid #fff;border-radius:26px;background:#fff;box-shadow:var(--shadow-lg)}.prewriting-game button{cursor:pointer;font:inherit}.prewriting-game button:disabled{opacity:.45;cursor:default}.prewriting-game button:focus-visible,.prewriting-board:focus-visible{outline:3px solid #0d47a1;outline-offset:4px}.prewriting-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prewriting-groups button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:10px;border:2px solid #d1e4f3;border-radius:16px;background:#f1f8ff;color:#165890;font-size:1.1rem;font-weight:900}.prewriting-groups button[aria-pressed=true]{border-color:#1769aa;background:#1769aa;color:#fff;box-shadow:0 3px #0d4774}.prewriting-groups svg{width:44px;height:34px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round}.prewriting-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}.prewriting-levels button{min-height:48px;padding:8px 12px;border:2px solid #e1eaf1;border-radius:12px;background:#fff;color:#41566b;font-size:1rem;font-weight:800}.prewriting-levels button[aria-current=step]{background:#fff6dc;border-color:#e6b849;color:#74520d}.prewriting-levels button.is-complete:after{content:" ✓";color:#207044}.prewriting-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.prewriting-heading h2{margin:0;padding:0;color:#173c5f;font-size:1.3rem;letter-spacing:0}.prewriting-count{flex-shrink:0;padding:7px 12px;border-radius:20px;background:#edf5fc;color:#365c7b;font-size:.9rem}.prewriting-instructions{margin:12px 0 16px;font-size:1rem;color:#415c77}.prewriting-board{display:block;width:100%;aspect-ratio:2;max-height:420px;border:2px solid #d7e9f7;border-radius:20px;background-color:#f6fbff;background-image:radial-gradient(#d9e8f3 1px,transparent 1px);background-size:20px 20px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.prewriting-guide,.prewriting-dashes,.prewriting-ink{fill:none;stroke-linecap:round;stroke-linejoin:round}.prewriting-guide{stroke:#d5e9f7;stroke-width:52}.prewriting-dashes{stroke:#7ba9c8;stroke-width:3;stroke-dasharray:2 12}.prewriting-ink{stroke:#f0a021;stroke-width:13}.prewriting-pen-halo{fill:#1769aa12;stroke:#1769aa;stroke-width:2;stroke-dasharray:4 5}.prewriting-pen-dot{fill:#1769aa;stroke:#fff;stroke-width:4}.prewriting-pen-center{fill:#fff}.prewriting-goal circle{fill:#fff0bd;stroke:#e0b442;stroke-width:2}.prewriting-goal text{fill:#aa7510;font:30px Arial,sans-serif}.prewriting-board[data-status=complete]{border-color:#55a275}.prewriting-board[data-status=complete] .prewriting-ink{stroke:#2b9760}.prewriting-board[data-status=complete] .prewriting-pen{visibility:hidden}.prewriting-legend{display:flex;justify-content:space-between;gap:10px;margin:10px 4px 18px;font-size:.9rem;color:#415c77}.prewriting-feedback{display:grid;align-items:center;min-height:58px;padding:12px 16px;border:1px solid #dce8f2;border-radius:14px;background:#f1f7fc;color:#36566e;text-align:center;font-size:1rem;line-height:1.4}.prewriting-feedback[data-mood=return]{background:#fff7e4;border-color:#f0d693;color:#795918}.prewriting-feedback[data-mood=success]{background:#e7f5ec;border-color:#b1d9c0;color:#1e633d}.prewriting-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:14px;margin-top:16px}.prewriting-actions button{width:100%;min-height:50px;margin:0;font-size:1.05rem}.prewriting-keyboard{margin:18px 0 0;font-family:Arial,sans-serif;font-size:.875rem;line-height:1.5;color:#546b7e;text-align:center}@media (max-width: 680px){.prewriting-game{padding:14px;border-radius:20px}.prewriting-intro{margin-bottom:18px}.prewriting-intro p{font-size:1rem}.prewriting-groups{gap:8px}.prewriting-groups button{flex-direction:column;gap:2px;padding:8px 4px;font-size:1rem}.prewriting-groups svg{width:36px;height:28px}.prewriting-levels{gap:6px;margin:14px 0 18px}.prewriting-levels button{padding:7px 4px;font-size:.875rem;line-height:1.25}.prewriting-heading h2{font-size:1.1rem}.prewriting-count{padding:6px 8px;font-size:.875rem}.prewriting-instructions{line-height:1.4}.prewriting-board{border-radius:14px}.prewriting-feedback{padding:12px 8px}.prewriting-actions{gap:10px}.prewriting-actions button{padding:10px 6px;font-size:1rem}}