:root{color-scheme:light;font-family:monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d9f1e2;color:#101936;font-family:monospace}body{padding:10px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}#ha{width:min(100%,960px);margin:0 auto}.ha-title{margin:0 0 8px;font-size:16px;color:#3d3a74;letter-spacing:.08em;text-align:center}#hill{width:100%;max-width:960px;height:auto;max-height:calc(100vh - 190px);object-fit:contain;image-rendering:pixelated;display:block;margin:auto;touch-action:none}.ha-count{min-height:15px;margin:5px 0 0;color:#3d3a74;font-size:12px;text-align:right}.ha-hud{width:min(100%,960px);margin:8px auto;display:flex;justify-content:space-between;gap:8px}.ha-btn,.ha-actions button{border:2px solid #3d3a74;background:#fff5d1;color:#101936;padding:8px 12px;font:700 12px monospace;letter-spacing:.04em;text-decoration:none}.ha-btn-go{border-color:#e0526a;background:#e0526a;color:#fff5d1}.ha-btn:hover,.ha-btn:focus-visible,.ha-actions button:focus-visible{outline:2px solid #ffd166;outline-offset:2px}.ha-panel{width:min(100%,960px);min-height:64px;margin:auto;padding:9px 11px;background:rgba(255,245,209,.84);border:2px solid #3d3a74}.ha-panel-head{margin:0 0 5px;color:#3d3a74;font-size:12px;font-weight:bold}.ha-panel-body{margin:0;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.ha-draw{position:fixed;inset:0;z-index:20;background:rgba(16,25,54,.68);display:grid;place-items:center;padding:12px}.ha-draw[hidden]{display:none}.ha-dialog{width:min(94vw,540px);max-height:94vh;overflow:auto;background:#fff5d1;border:3px solid #3d3a74;padding:14px;box-shadow:8px 8px 0 rgba(16,25,54,.3)}.ha-dialog h2{margin:0 0 10px;font-size:16px}.ha-work{display:flex;align-items:center;justify-content:center;gap:16px}.ha-work canvas{image-rendering:pixelated}#ha-grid{width:min(64vw,240px);height:auto;border:2px solid #3d3a74;touch-action:none}#ha-preview{width:96px;height:96px;background:#7fd0e8;border:2px solid #3d3a74}.ha-palette{display:grid;grid-template-columns:repeat(4,34px);gap:5px;margin-top:8px}.ha-palette button{width:34px;height:34px;border:2px solid #3d3a74;padding:0}.ha-palette button[aria-pressed=true]{border:3px solid #ffd166}.ha-transparent{background:conic-gradient(#f4efe0 25%,#e8e2d0 0 50%,#f4efe0 0 75%,#e8e2d0 0) 0/16px 16px}.ha-dialog>label{display:grid;grid-template-columns:6em 1fr;align-items:center;margin-top:8px}.ha-dialog input{min-width:0;border:2px solid #3d3a74;padding:7px;font:14px monospace}.ha-hp{position:absolute;left:-9999px}.ha-status{min-height:18px;margin:8px 0;color:#e0526a}.ha-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.ha-actions button:disabled{opacity:.45}.ha-actions button:last-child{background:#e0526a;color:#fff5d1}@media(max-width:520px){body{padding-top:6px}.ha-title{font-size:14px;margin-bottom:5px}.ha-btn{font-size:10px;padding:7px 8px}.ha-panel-body{font-size:12px}.ha-work{gap:8px}#ha-preview{width:64px;height:64px}.ha-palette{grid-template-columns:repeat(2,34px)}}