:root{--ink:#18202b;--paper:#f3f1ed;--muted:#7d838e;--line:#dbd8d2;--lime:#e7ff58;--navy:#202a3c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button{font:inherit;cursor:pointer}.top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,74px);border-bottom:1px solid var(--line)}.brand{font-size:14px;font-weight:900;letter-spacing:.16em}.brand b{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:7px;background:var(--ink);color:var(--lime);letter-spacing:0}.progress{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:.1em}.main{position:relative;max-width:760px;min-height:720px;margin:auto;padding:58px 28px}.head{display:flex;justify-content:space-between}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.18em}h1{margin:0;font-size:clamp(30px,5vw,42px);letter-spacing:-.06em}.goal{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.mini,.board{display:grid}.mini{width:52px;gap:2px;aspect-ratio:1}.mini i{background:#d8d7d4;border-radius:2px}.mini .on{background:var(--ink)}.frame{width:min(87vw,432px);margin:48px auto 20px;padding:12px;border-radius:28px;background:#dddcd7;box-shadow:0 25px 55px #25293214}.board{gap:7px;aspect-ratio:1}.tile{border:0;border-radius:11px;background:#f8f7f3;transition:.16s}.tile.on{background:var(--navy)}.tile.preview{transform:scale(.92);outline:2px solid var(--lime);outline-offset:-3px}.hint{text-align:center;color:var(--muted);font-size:13px}.tools{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:33px auto 18px}.tool,.rotate{height:68px;border:1px solid #d7d5d0;border-radius:14px;background:#faf9f6}.tool{min-width:98px;padding:9px 12px;text-align:left}.tool.active{background:var(--lime);border-color:#bbd43b;transform:translateY(-3px)}.tool strong,.tool small{display:block}.tool strong{font-size:12px}.tool small{margin-top:10px;font-weight:800}.rotate{width:52px;font-size:25px}.actions{text-align:center}.actions button{border:0;background:none;color:var(--muted);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;margin:0 8px}.win{position:absolute;z-index:2;left:50%;top:265px;transform:translateX(-50%);width:min(390px,calc(100% - 40px));padding:31px;border-radius:22px;background:var(--navy);color:white;text-align:center;box-shadow:0 22px 60px #15203255}.win p{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.18em}.win h2{margin:10px 0 25px;font-size:29px}.win button{border:0;border-radius:10px;padding:13px 18px;background:var(--lime);font-weight:900}.levels{padding:65px max(20px,calc((100vw - 760px)/2));background:#e9e6df;border-top:1px solid var(--line)}.levels h2{margin:0 0 29px;font-size:31px;letter-spacing:-.05em}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.level-grid button{min-height:79px;padding:12px;border:1px solid #d7d3cc;border-radius:13px;background:#f8f7f3;text-align:left}.level-grid button.current{background:var(--lime);border-color:var(--navy)}.level-grid small,.level-grid strong{display:block}.level-grid small{margin-bottom:11px;color:var(--muted);font-weight:900}.level-grid strong{font-size:12px}footer{padding:24px;text-align:center;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em}@media(max-width:520px){.top{height:60px;padding:0 18px}.main{min-height:650px;padding:40px 18px}.frame{margin-top:38px}.goal>span{display:none}.level-grid{grid-template-columns:repeat(2,1fr)}.win{top:220px}}