:root{--ink:#181818;--cream:#fff8e9;--yellow:#ffed00;--pink:#ff90b6}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:4px solid #b43300;outline-offset:4px}.top{padding:18px 5%;display:flex;justify-content:space-between;border-bottom:3px solid var(--ink);background:white;font-weight:900}.top a{padding:8px}main{max-width:1160px;margin:auto;padding:24px}.crumb{font-size:14px;margin-bottom:26px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px}h1{font-size:clamp(52px,9vw,108px);line-height:.87;letter-spacing:-5px;margin:14px 0}h1 span{display:block;color:#e33245}p{line-height:1.6}.intro p{max-width:390px;font-size:18px}.tag{display:inline-block;background:var(--yellow);padding:7px 12px;border:2px solid var(--ink);font-weight:bold}.play{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff;margin-bottom:42px}.puzzle{padding:24px;background:#eee9df;border-right:3px solid var(--ink)}.stats{display:flex;justify-content:space-between;gap:12px;margin:0 auto 18px;max-width:440px}.stats span{display:block;font-size:11px;font-weight:bold;letter-spacing:1px}.stats strong{font-size:25px}.board-wrap{position:relative;max-width:440px;margin:auto}.board{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:9px;background:var(--ink);padding:12px;border:3px solid var(--ink)}.tile{aspect-ratio:1;background:#343434;color:#aaa;border:2px solid #666;font-size:clamp(25px,5vw,48px);border-radius:8px;touch-action:manipulation;min-width:0}.tile.on{background:var(--yellow);color:var(--ink);border-color:#fffbaa;box-shadow:inset 0 -5px 0 #d4c400}.tile.hint{outline:5px solid #fa5292;outline-offset:-6px}.tile:focus-visible{outline:4px solid #ff90b6;outline-offset:-5px}.tile:disabled{opacity:1}.curtain{position:absolute;inset:0;background:#fff8e9;display:grid;place-items:center;font-size:38px;font-weight:900;border:3px solid var(--ink)}[hidden]{display:none!important}.panel{padding:24px;display:flex;flex-direction:column;gap:16px}.panel label{font-size:12px;font-weight:900;letter-spacing:1px}select{width:100%;padding:12px;background:white;border:2px solid var(--ink);margin-top:8px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls button,.next{min-height:46px;border:2px solid var(--ink);background:var(--cream);font-weight:bold;box-shadow:3px 3px 0 var(--ink)}.controls button:disabled{opacity:.4;box-shadow:none}.controls #hint{background:var(--yellow)}.next{background:var(--pink);padding:12px}#message{font-weight:bold;min-height:75px;margin:0}.tip{margin-top:auto;padding-top:14px;border-top:2px dashed var(--ink);font-size:14px}.below{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{background:white;border:3px solid var(--ink);padding:24px}h2{font-size:24px;margin:0 0 15px}li{line-height:1.65;margin:8px 0}details{border-top:1px solid #999;padding:14px 0}summary{cursor:pointer;font-weight:bold}.related{margin:26px 0;display:flex;gap:15px;flex-wrap:wrap}.related a{padding:14px;background:var(--yellow);border:2px solid var(--ink);font-weight:bold}footer{padding:30px;text-align:center;border-top:3px solid var(--ink);line-height:2}.fine{font-size:13px} @media(max-width:760px){main{padding:18px}.intro{grid-template-columns:1fr;gap:4px}.intro p{margin:8px 0}.play{grid-template-columns:1fr}.puzzle{border-right:0;border-bottom:3px solid var(--ink);padding:16px}.panel{padding:18px;gap:12px}.below{grid-template-columns:1fr}h1{letter-spacing:-3px}.board{gap:7px;padding:9px}.tip{margin:0}#message{min-height:0}.tile{font-size:32px}.top{padding:10px}.stats strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.reward{max-width:440px;margin:0 auto 14px;background:#ff90b6;border:2px solid #181818;padding:10px;text-align:center;font-weight:900;min-height:48px}.reward-pop{animation:reward-bounce .35s ease-out}.tile.pop{animation:tile-pop .22s ease-out}@keyframes tile-pop{50%{transform:scale(.91)}}@keyframes reward-bounce{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.reward-pop,.tile.pop{animation:none}}