:root{color-scheme:dark;--bg:#101b1a;--ink:#e9eee1;--muted:#a0aea5;--lime:#d3f58a;--line:#33443c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse at 80% 20%,#28403055,transparent 50%)}main{max-width:980px;margin:auto;padding:30px 38px}header,.topbar,.bottom,footer{display:flex;justify-content:space-between;align-items:center}header{padding-bottom:40px;border-bottom:1px solid var(--line);font:11px ui-monospace,monospace;letter-spacing:1.8px}.brand{color:var(--ink);text-decoration:none}.online{color:var(--muted)}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}.intro{padding:34px 0 24px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--lime)}h1{font-size:clamp(54px,8vw,92px);font-weight:500;letter-spacing:-6px;line-height:1;margin:18px 0}h1 span{color:var(--lime);margin-left:16px}.lead{color:var(--muted);line-height:1.6;font-size:14px}.lead strong{color:var(--ink);font-weight:500}.console{border:1px solid #455947;background:#14221d;border-radius:12px;overflow:hidden}.topbar{padding:17px 22px;font:10px ui-monospace,monospace;letter-spacing:1.5px;border-bottom:1px solid var(--line);color:var(--muted)}.topbar b{color:var(--ink);margin-left:8px}#counter{color:var(--lime);font-size:15px}.board{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:20px;max-width:530px;margin:auto}.cell{aspect-ratio:1;border:1px solid #3a5041;background:#1c3025;border-radius:5px;cursor:pointer;position:relative;color:var(--lime);font:20px ui-monospace,monospace;transition:background .15s,transform .15s}.cell::after{content:'+';color:#536b52;font-size:13px}.cell:hover:not(:disabled){background:#344d31;transform:translateY(-2px);border-color:var(--lime)}.cell:focus-visible,.restart:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.cell.scanned{background:#30402a}.cell.scanned::after,.cell.found::after{content:none}.cell.found{background:var(--lime);color:#162117;border-color:var(--lime)}.cell:disabled{cursor:default}.readout{display:flex;gap:16px;align-items:center;border-top:1px solid var(--line);padding:18px 22px;min-height:83px}.indicator{font-size:35px;color:var(--lime)}small{font:9px ui-monospace,monospace;letter-spacing:1.7px;color:var(--muted)}#status{font-size:13px;margin:7px 0 0}.bottom{gap:20px;padding:20px 0 32px}.bottom p{font-size:12px;line-height:1.7;color:var(--muted)}.restart{border:1px solid #7d936d;background:transparent;color:var(--ink);border-radius:5px;padding:14px 18px;cursor:pointer;font-size:12px;white-space:nowrap}.restart:hover{background:#263c28}.restart span{margin-left:25px;color:var(--lime)}footer{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font:9px ui-monospace,monospace;letter-spacing:1px}@media(min-width:800px){main{display:grid;grid-template-columns:1fr 1.2fr;column-gap:40px}header,footer,.bottom{grid-column:1/-1}.intro{padding-top:85px}h1 span{display:block;margin:0}.console{margin-top:35px}.board{padding:16px;gap:5px}.bottom{padding-bottom:30px}}@media(max-width:520px){main{padding:22px 18px}header{padding-bottom:24px}.online{font-size:8px;letter-spacing:0}h1{letter-spacing:-3px}h1 span{margin-left:10px}.board{padding:14px;gap:4px}.bottom{align-items:flex-start;flex-direction:column;gap:4px}.restart{width:100%;text-align:left;display:flex;justify-content:space-between}footer{font-size:8px;letter-spacing:0}}