*{box-sizing:border-box}body{margin:0;background:#edf2df;color:#25432e;font:15px/1.5 Arial,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #76926d;border-radius:10px;padding:10px 16px;background:#fffdf1;color:#294731}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #a171ce;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#193b2e;color:#fff;padding:12px 4%}header a{color:inherit;text-decoration:none}header span{letter-spacing:.15em;font-size:12px}main{max-width:1180px;margin:auto;padding:22px 24px}.eyebrow{font-size:10px;letter-spacing:.18em}h1{font:clamp(23px,4vw,40px)/1.2 Georgia,serif;margin:12px 0 20px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.toolbar>span:first-child{font-weight:bold}.toolbar #stats{margin-right:auto}.toolbar button{font-size:12px;padding:8px 12px}.play-area{position:relative;overflow:hidden;border-radius:18px;background:#263c56;box-shadow:0 15px 50px #14302122}canvas{display:block;width:100%;height:auto;touch-action:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#12312655;backdrop-filter:blur(5px)}.overlay-card{text-align:center;background:#fffdf0f5;padding:clamp(14px,3vw,30px);border-radius:18px;max-width:620px;max-height:100%;overflow:auto}.overlay-card h2{font:clamp(19px,3vw,30px)/1.2 Georgia,serif;margin:10px 0}.overlay-card p{font-size:clamp(12px,1.5vw,15px)}#start,#continue{background:#416e46;color:white;margin:5px}#level-picker{display:flex;justify-content:center;gap:8px;margin-top:15px}#level-picker button{font-size:12px;padding:7px 12px}.controls{display:flex;justify-content:space-between;margin:12px 0;gap:12px}.controls>div{display:flex;gap:10px}.controls button{min-width:64px;min-height:58px;font-size:23px;background:#d9e8c8;touch-action:none;user-select:none;-webkit-user-select:none}.controls button.pressed{background:#95b57b}.controls small{display:block;font-size:10px}#message{min-height:48px;background:#fffdf0;padding:12px 18px;border-radius:10px;font-weight:bold}details{padding:15px;border:1px solid #c1d2b4;border-radius:12px}summary{cursor:pointer}.hint{font-size:12px;color:#67745d}[hidden]{display:none!important}@media(max-width:600px){header span{display:none}header{font-size:12px}main{padding:12px}h1{margin-bottom:12px}.toolbar{gap:7px;font-size:12px}.toolbar #stats{font-size:12px}.controls button{min-width:54px;min-height:54px}#overlay{padding:8px}.overlay-card{padding:12px}.overlay-card .eyebrow{display:none}#overlay-copy{font-size:11px;margin:5px}#level-picker{margin-top:7px}.hint{margin-top:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.puzzle-legend{font-size:14px;padding:8px 12px;background:#fff8df;border-radius:8px;margin:12px 0}.puzzle-legend:empty{display:none}