:root{font-family:system-ui,sans-serif;color:#1d2839;background:#eef2f8}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{width:min(1100px,100%);margin:0 auto;padding:24px 12px 40px}header{text-align:center}h1{margin:0;font-size:clamp(2rem,7vw,3rem)}.eyebrow{color:#52657d;font-size:.75rem;font-weight:700;letter-spacing:.12em;margin:0 0 8px}#status{min-height:1.5em}.controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0}button,output{min-height:40px;border-radius:8px;padding:7px 10px;font:inherit}button{border:1px solid #566780;background:#fff;color:#172033;cursor:pointer}button:hover:not(:disabled):not(.tile){background:#e9eff9}button:disabled{cursor:not-allowed;opacity:.52}output{font-variant-numeric:tabular-nums;font-weight:700}.counter{min-height:40px;display:inline-flex;align-items:center;gap:3px;border-radius:8px;padding:7px 10px;background:#dfe8f4;font-size:.9rem}.counter output{min-height:0;padding:0}.board-wrap{position:relative;padding:10px;background:linear-gradient(145deg,#2d765d,#164838);border-radius:14px;box-shadow:0 4px 18px #9daabf}.board{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:4px}.tile{position:relative;z-index:1;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:8px;background-color:#fff9e8;background-image:url(/assets/tiles/hai-sprites-v2.png);background-repeat:no-repeat;background-size:600% 600%;background-position:calc(var(--sprite-column) * 20%) calc(var(--sprite-row) * 20%);box-shadow:1px 2px 2px #0e3529}.tile:hover:not(:disabled){filter:brightness(1.06)}.tile.selected{outline:3px solid #f8b722;outline-offset:1px}.tile.hint{outline:3px solid #57d3ff;outline-offset:1px;filter:brightness(1.12)}.tile.removed{visibility:hidden;pointer-events:none}.connection-layer{position:absolute;top:10px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);overflow:visible;pointer-events:none}#connection-path{fill:none;stroke:#ffd33d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #1b3128);opacity:0}#connection-path.visible{opacity:1}#deadlock-dialog{width:min(460px,calc(100% - 32px));border:0;border-radius:14px;padding:24px;color:#172033;box-shadow:0 16px 48px #10182866}#deadlock-dialog::backdrop{background:#10182899}#deadlock-dialog h2{margin:0 0 8px}#deadlock-dialog p{margin:0 0 20px;line-height:1.6}.deadlock-actions{display:grid;gap:10px}.deadlock-actions button:last-child{border-color:#176b51;background:#176b51;color:#fff;font-weight:700}@media(max-width:600px){.app-shell{padding:16px 6px 24px}.controls{gap:5px;margin:14px 0}button,output{min-height:36px;padding:6px 7px;font-size:.8rem}.board-wrap{padding:5px;border-radius:8px}.board{gap:2px}.connection-layer{top:5px;right:5px;bottom:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px)}.tile{border-radius:3px}}