@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap");:root{--navy:#102b43;--coral:#e4664e;--paper:#f7f6f0;--line:#dbe3e0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:DM Sans,sans-serif}main{max-width:1100px;margin:auto;padding:0 22px}.site-header{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:800;text-decoration:none;color:var(--navy);letter-spacing:-1px}.brand span{color:var(--coral)}.challenge small,.eyebrow,.header-note,.result small{font:11px DM Mono;letter-spacing:1px}.hero{padding:45px 5%}.hero p{color:#66818e}.hero h1{font:600 clamp(44px,7vw,82px)/.95 Fraunces;margin:12px 0;letter-spacing:-3px;max-width:780px}.hero i{color:var(--coral)}.card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 14px 35px #102b4312}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:0 18px}.card a,.card button{border:0;background:none;font:700 13px DM Sans;color:#18364d;cursor:pointer;text-decoration:none}.tabs button{padding:17px 12px;border-bottom:3px solid transparent}.tabs .on{color:var(--coral);border-color:var(--coral)}.challenge{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.challenge h2{font:600 28px Fraunces;margin:4px 0 0}.challenge h2 b{color:var(--coral)}.challenge-actions{text-align:right}.challenge-actions span{display:block;color:#6a7e88;font:10px DM Mono;margin-bottom:7px}.error{margin:0 28px 12px;padding:10px 12px;color:#9f3327;background:#fff0ec;border-radius:7px;font-size:13px}.board{position:relative;height:min(56vw,590px);min-height:320px;margin:0 18px;background-color:#fafcf9;background-image:linear-gradient(#dce6e340 1px,transparent 0),linear-gradient(90deg,#dce6e340 1px,transparent 0);background-size:28px 28px;touch-action:none}.board svg{width:100%;height:100%;cursor:crosshair}.board>span{position:absolute;inset:0;display:grid;place-items:center;color:#91a2a9;pointer-events:none}.ink{fill:none;stroke:#18364d;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.matched{fill:#61c67baa;stroke:#31874d;stroke-width:2}.missed{fill:#ff7c68aa;stroke:#e65445;stroke-width:2}.extra{fill:#ffd95faa;stroke:#dbb325;stroke-width:2}.clear{display:block;margin:18px auto;color:var(--coral)!important}.loading{min-height:340px;display:grid;place-items:center;color:#71858e}.result{background:#f4fbf2;border-top:1px solid var(--line);padding:20px 28px;display:flex;align-items:center;gap:22px}.result strong{display:block;font:700 48px/.9 Fraunces;color:#337b4b}.stats{display:flex;gap:16px;flex:1;font-size:13px}.share{display:flex;gap:8px}.share a,.share button{padding:10px 12px;background:var(--navy);color:#fff;border-radius:6px;white-space:nowrap}.share a{background:var(--coral)}.copy{max-width:820px;margin:70px auto}.copy article{border-top:1px solid #cfd9d4;padding:24px 0}.copy h2{font:600 30px Fraunces;margin:0 0 8px}.copy p{margin:0;line-height:1.7;color:#536b78}footer{text-align:center;border-top:1px solid var(--line);padding:28px;color:#71858e;font:11px DM Mono}@media(max-width:600px){main{padding:0 12px}.site-header{height:60px}.header-note{font-size:9px}.hero{padding:30px 4px}.hero h1{letter-spacing:-2px}.challenge{padding:16px}.challenge h2{font-size:24px}.challenge-actions span{display:none}.board{height:100vw;margin:0 10px}.result{flex-wrap:wrap;gap:14px}.stats{order:3;flex-basis:100%;justify-content:space-between;gap:4px;font-size:11px}.share{margin-left:auto}.copy{margin:48px 6px}}