:root{color-scheme:light;font-family:IBM Plex Mono,Courier New,monospace;background:#f4f0e5;color:#111;--surface: #fffdf7;--paper: #fffefb;--ink: #111111;--muted: #4b4b4b;--border: #111111;--accent: #f7d85c;--accent-strong: #21849a;--answer: #ef476f;--active: #2c9fba;--cell: 1.72rem}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100dvh;background:#f4f0e5}button,input,select{font:inherit}button,input,select{border:2px solid var(--border);border-radius:6px;background:var(--surface);color:var(--ink);min-height:2.4rem}button{cursor:pointer;padding:.55rem .75rem;box-shadow:3px 3px 0 var(--border);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}button:hover{background:#fff}button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border)}button:focus-visible,input:focus-visible,select:focus-visible,.cell:focus-visible{outline:3px solid var(--active);outline-offset:2px}.app-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:.6rem;min-height:100dvh;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left))}.toolbar,.play-bar{border:1px solid var(--border);border-radius:3px;background:#fffdf7f5;box-shadow:2px 2px 0 var(--border)}.toolbar{display:grid;gap:.75rem;padding:.75rem}.brand{display:flex;align-items:center;gap:.65rem}.brand h1{margin:0;font-size:clamp(1.35rem,2.4vw,2.2rem);line-height:1;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:2px solid var(--border);border-radius:50%;background:var(--accent);font-size:.8rem;font-weight:800}.controls{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}.field{display:grid;gap:.25rem}.field span{color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase}input,select{padding:.45rem .6rem}input{width:8rem;text-transform:uppercase}.primary-button{background:var(--accent);font-weight:800}.starter-words{display:flex;flex-wrap:wrap;gap:.45rem}.starter-words button{min-height:2rem;padding:.35rem .5rem;font-size:.78rem;box-shadow:2px 2px 0 var(--border)}.play-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .55rem;font-size:.92rem;font-weight:700}.play-copy{display:flex;min-width:0;flex-wrap:wrap;gap:.35rem .9rem}.play-actions{display:flex;flex:0 0 auto;gap:.35rem}.mode-button{min-height:2rem;padding:.35rem .55rem;border-radius:3px;box-shadow:none;background:#fff;font-size:.78rem;font-weight:800}.mode-button.is-selected{background:var(--ink);color:#fff}#statusText.solved{color:var(--accent-strong)}#statusText.error{color:var(--answer)}#metaText{color:var(--muted);white-space:nowrap}.grid-frame{min-height:0;border:1px solid var(--border);border-radius:3px;background:#e8e2d2;box-shadow:2px 2px 0 var(--border);overflow:hidden}.grid-scroll{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:.7rem;background:#fff;touch-action:pan-x pan-y pinch-zoom}.puzzle-grid{display:grid;grid-auto-rows:var(--cell);grid-auto-columns:var(--cell);position:relative;width:max-content;border-top:2px solid var(--border);border-left:2px solid var(--border);background:var(--paper);user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y pinch-zoom}.selection-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:visible;pointer-events:none}.selection-path{stroke:#2c9fbad6;stroke-linecap:round}body.is-solving .puzzle-grid,.puzzle-grid.is-dragging{touch-action:none}.cell{display:flex;align-items:center;justify-content:center;width:var(--cell);height:var(--cell);min-height:0;margin:0;padding:0;border:0;border-right:2px solid var(--border);border-bottom:2px solid var(--border);border-radius:0;background:transparent;color:#07182d;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:1.08rem;font-weight:400;line-height:1;box-shadow:none;cursor:grab;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:2}.cell.active,.cell.answer,.cell.active.answer{background:transparent;color:#081d23}body.is-solving .cell{cursor:crosshair}body.is-focused .toolbar{display:none}body.is-focused .app-shell{grid-template-rows:auto minmax(0,1fr)}@media(max-width:720px){:root{--cell: 1.58rem}.app-shell{padding:.55rem}.controls{align-items:stretch}.controls>button,.field,input,select{flex:1 1 9.5rem}.play-bar{align-items:center;gap:.45rem}.play-actions{margin-left:auto}.mode-button{padding:.35rem .45rem;font-size:.72rem}}