:root{color-scheme:light;--paper:#e8decb;--ink:#302c25;--faded:#645c4f;--accent:#75452d;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}main{max-width:580px;margin:auto;padding:28px 20px max(28px,env(safe-area-inset-bottom))}header{border-bottom:1px solid #8e806a;padding-bottom:15px;margin-bottom:20px}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase;color:var(--faded)}h1{font-size:clamp(28px,7vw,40px);font-weight:400;line-height:1.12;margin:9px 0 12px}h2{font-size:23px;font-weight:400;margin:16px 0}p{line-height:1.5;margin:12px 0}button,select,textarea{font:inherit;color:inherit}button{min-height:44px;background:transparent;border:1px solid #8d7c62;border-radius:3px;padding:9px 15px;cursor:pointer}button:hover{background:#d9cdb6}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);min-height:50px}button.primary:hover{background:#4a4235}button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #946c43;outline-offset:3px}.intro{padding-top:12vh}.intro .primary{margin-top:20px;width:100%}.note,small{font:12px/1.6 ui-monospace,monospace;color:var(--faded)}.privacy{border-top:1px solid #ac9d85;margin-top:28px;padding-top:14px}.goal{display:flex;gap:15px;align-items:center;margin:15px 0}.goal img{width:104px;aspect-ratio:4/3;object-fit:fill;border:1px solid #82735d}.goal figcaption{font-size:14px;line-height:1.5}.board{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#080808;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate;outline:2px solid #514839;outline-offset:3px;border-radius:1px}.tile{position:absolute;top:0;left:0;width:calc(100% / var(--n));height:calc(100% / var(--n));background-image:var(--art);background-size:calc(var(--n)*100%) calc(var(--n)*100%);will-change:transform;pointer-events:none}.windows{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr)}.windows button{border:1px solid #b9b9aa55;background:transparent;border-radius:0;padding:0;min-height:0;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.windows button:hover{background:transparent}.windows button:active{cursor:grabbing}.windows button:focus-visible{outline-offset:-4px;outline:3px solid #dda85d}.board.restored .windows{opacity:0;pointer-events:none}.status{min-height:25px;font:13px/1.5 ui-monospace,monospace;margin:14px 0 10px}.tools{display:flex;gap:10px}.tools button{flex:1}.keyboard{font-size:14px;margin-top:20px}.keyboard summary{cursor:pointer;padding:8px 0}.arrows{display:flex;gap:7px}.arrows button{flex:1;font-family:system-ui,sans-serif;font-size:20px}.stats{display:flex;flex-wrap:wrap;gap:8px 20px;font:13px/1.5 ui-monospace,monospace;margin:16px 0}.end{display:block;border:0;text-decoration:underline;font-size:13px;color:var(--faded);margin:22px auto 0}#continue{width:100%;margin-top:10px}.result-stats{margin:22px 0;border-top:1px solid #a89a81;border-bottom:1px solid #a89a81;padding:12px 0}.result-stats div{display:flex;justify-content:space-between;padding:6px 0}.result-stats dd{margin:0;font-family:ui-monospace,monospace}form{display:grid;gap:20px;margin-top:25px}label{display:grid;gap:8px;font-size:16px;line-height:1.45}select,textarea{width:100%;border:1px solid #9f8f75;border-radius:2px;background:#f5eddf;padding:11px;font-size:16px}textarea{resize:vertical;min-height:100px}.result-art{display:block;width:100%;margin:20px 0}.copy-output{width:100%;min-height:190px;font:12px/1.5 ui-monospace,monospace}.again{margin-top:22px;width:100%}[hidden]{display:none!important}@media(min-width:700px){main{padding-top:40px}.intro{padding-top:12vh}}@media(prefers-reduced-motion:reduce){.tile{transition:none!important}}