*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:10px;background:#008080;font:14px Tahoma,Arial;color:#111}.win{width:min(660px,100%);min-width:0;background:silver;border:2px solid;border-color:white #444 #444 white;box-shadow:6px 6px #004747;padding:3px}.title{background:linear-gradient(90deg,navy,#1680b9);color:white;padding:8px;display:flex;align-items:center;justify-content:space-between}.title h1{font-size:clamp(13px,3vw,18px);margin:0}.title a{background:silver;color:black;padding:2px 9px;text-decoration:none;border:2px solid;border-color:white #444 #444 white}.body{padding:12px}.hud,.controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.badge,#status{background:white;border:2px inset #ddd;padding:8px;font:12px/1.5 monospace}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;max-width:460px;aspect-ratio:1;margin:0 auto 12px;padding:5px;background:#a5aebb;border:3px inset #ddd}.corner{background:#b9c7d4}.clue{display:grid;place-items:center;font:bold clamp(12px,4vw,23px) monospace;color:#1c3960}.clue.good{color:green}.clue.bad{color:#b22}.cell{min-width:0;min-height:0;background:white;border:2px solid;border-color:white #555 #555 white;font:bold clamp(18px,6vw,32px) monospace;color:#132f5e;cursor:pointer;touch-action:manipulation}.cell.given{background:#dce9ff}.cell.chosen{background:#fff0a2}.cell.error{color:#b11;background:#ffe4e4}.cell:disabled{opacity:1;cursor:default}.btn{background:silver;border:2px solid;border-color:white #444 #444 white;padding:9px 13px;cursor:pointer;font:bold 13px Tahoma}.key{min-width:46px;font-size:18px}#status{min-height:40px;margin-top:12px}.help{font-size:12px;line-height:1.55}:where(a,button):focus-visible{outline:3px solid #f0f;outline-offset:2px}@media(max-width:460px){body{padding:4px}.body{padding:6px}.board{gap:2px;padding:2px}.cell{border-width:1px}.badge{padding:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}