/* Keep the whole maze visible; only the surrounding page scrolls. */
.maze-surface{width:min(100%,520px,70svh);min-width:0;margin:12px auto}
.maze-surface canvas{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;border-radius:20px;touch-action:none}
.maze-surface canvas:focus-visible{outline:3px solid #0877f9;outline-offset:2px}
.maze-pad{text-align:center}
.maze-pad button{min-width:48px;min-height:44px;margin:3px;font-size:24px}
#mazeGame .controls{margin:12px 0;gap:8px}
#mazeMission{margin:8px 0}
#mazeGame #mazeStatus{margin:8px 0}
@media(max-width:760px){#mazeGame .controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#mazeGame .controls button,#mazeGame .controls select{width:100%;min-width:0;padding:10px 8px}}
.ws-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}.ws-scroll{overflow:auto;padding:14px;background:#edf8ff;border-radius:18px}.ws-grid{--ws-size:36px;display:grid;gap:3px;width:max-content;margin:auto;touch-action:pan-x pan-y;user-select:none}.ws-cell{width:var(--ws-size);height:var(--ws-size);padding:0;border:1px solid #b4cce3;border-radius:7px;background:white;color:#17304f;font-weight:750;font-size:18px}.ws-cell.found{background:#c9f0d8;border-color:#188544}.ws-cell.start,.ws-cell.hint{background:#ffe293;border:2px solid #845d00}.ws-cell:focus-visible{outline:3px solid #073b78;outline-offset:1px}.ws-words{display:flex;gap:8px;flex-wrap:wrap}.ws-words span{background:#eaf1fb;border-radius:8px;padding:8px 10px;font-weight:700}.ws-words .done{background:#c9f0d8;text-decoration:line-through}@media(max-width:900px){.ws-layout{grid-template-columns:1fr}.ws-grid{--ws-size:32px}}@media(max-width:480px){.ws-grid{--ws-size:30px}.ws-cell{font-size:16px}.ws-scroll{padding:8px}}