*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#10100d;color:#d7d0b1;font-family:Georgia,serif;display:grid;place-items:center;padding:20px}main{width:min(850px,100%);background:#1b1a15;border:6px double #706848;padding:42px;box-shadow:0 0 0 8px #0b0b09,0 25px 80px #000}.tag{font:12px monospace;letter-spacing:.25em;color:#8f936e}h1{font-size:clamp(40px,8vw,76px);margin:20px 0 8px;color:#e4ddbd}.sub,.note{color:#9e987d}.terminal{margin-top:30px;padding:28px;background:#090b08;border:1px solid #4c513d;font-family:monospace;color:#b8c69b}.terminal p{line-height:1.7}.terminal span{color:#d5bd68}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:25px 0}.cell{height:45px;border:1px solid #3b4230;background:#11150e;display:grid;place-items:center}.cell.found{background:#333b20;color:#d7e68e}.cell.active{outline:2px solid #b9a44d}button{padding:12px 18px;background:#282d1e;color:#e2ddb9;border:1px solid #7e815b;font:inherit;cursor:pointer}button:hover{background:#363d28}#message{min-height:24px}@media(max-width:600px){main{padding:25px}.grid{grid-template-columns:repeat(4,1fr)}}