*{box-sizing:border-box}body{margin:0;background:#f6f7ff;color:#17233c;font:17px/1.6 system-ui,sans-serif}main,header,footer{max-width:1000px;margin:auto;padding:24px}h1{font-size:clamp(32px,6vw,52px);line-height:1.15}a{color:#3948b8}button,input,select{font:inherit;border:2px solid #7882a2;border-radius:10px;padding:10px;background:white;color:#17233c}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}button[aria-pressed=true]{background:#403494;color:white}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:4px solid #a34700;outline-offset:3px}.card{background:white;border:1px solid #ccd1e5;border-radius:22px;padding:24px;margin:20px 0}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}label{display:block;margin:15px 0}input[type=text]{width:100%}.hint{background:#fff0bb;border-radius:12px;padding:15px}.history{padding:0;list-style:none}.history li{border-bottom:1px solid #ccc;padding:14px 0}.tiles{display:flex;gap:5px;flex-wrap:wrap}.tile{display:inline-block;min-width:32px;text-align:center;border:2px solid #53607d;padding:5px;font-weight:bold}.exact{background:#d6f2e5}.present{background:#fff0bb}.absent{background:#e7e9ef}.gap{min-width:15px}#board{display:grid;grid-template-columns:repeat(var(--size),1fr);max-width:540px;border:3px solid #17233c}#board input{border:1px solid #7e88a2;border-radius:0;width:100%;min-width:0;padding:3px;text-align:center;aspect-ratio:1;font-size:clamp(16px,4vw,28px)}#board input[readonly]{background:#e9e6fa;font-weight:800}#board input.right-edge{border-right:3px solid #17233c}#board input.bottom-edge{border-bottom:3px solid #17233c}[hidden]{display:none!important}.age-links a{display:inline-block;border-radius:20px;background:#fff0bb;padding:20px;text-decoration:none;font-size:24px;font-weight:bold}footer{font-size:14px}@media(max-width:550px){main,header{padding:16px}.card{padding:16px}.tile{min-width:26px;font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}