:root{color-scheme:dark;--ink:#0c141b;--mint:#a5efcb;--dim:#687d86}*{box-sizing:border-box}body{margin:0;color:#e9f1e9;background:radial-gradient(ellipse at 75% 40%,#19302f,transparent 55%),var(--ink);font-family:system-ui,sans-serif;min-height:100vh}header,footer{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 35px}header a{font-size:23px;font-weight:900;letter-spacing:-1px;color:#fff;text-decoration:none}header a span{color:var(--mint)}.tag,.eyebrow{font-size:11px;letter-spacing:2px;color:var(--mint);font-weight:700}button{font:inherit;color:#d8e8dd;border:1px solid #3a5255;background:#182b2d;cursor:pointer;border-radius:9px;padding:10px 15px;transition:background .15s,transform .15s}button:hover{background:#2c4848}button:focus-visible,summary:focus-visible{outline:3px solid #f2bf76;outline-offset:4px}main{max-width:1180px;padding:45px 35px 55px;display:grid;grid-template-columns:.9fr 1.3fr;gap:70px;margin:auto;align-items:center}h1{font-size:clamp(55px,7.5vw,98px);letter-spacing:-6px;line-height:.96;font-weight:850;margin:25px 0}h1 em{font-style:normal;color:var(--mint)}.intro>p:not(.eyebrow){color:#b1c3bc;line-height:1.8}.legend{font-size:12px;margin:30px 0;color:var(--mint)}.legend i{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:50%;margin-right:7px;box-shadow:0 0 15px var(--mint)}.legend span{color:#82978f;margin-left:20px}details{max-width:330px;color:#92aba1;font-size:13px;line-height:1.7}summary{cursor:pointer;color:#dfecdf}.console{background:#102126;border:1px solid #3c5653;padding:22px;border-radius:22px;box-shadow:0 25px 90px #0005;position:relative}.readout{display:flex;justify-content:space-between;padding:0 6px 23px;gap:8px}.readout small{font-size:9px;letter-spacing:1.8px;color:#89a49a;display:block;margin-bottom:7px}.readout b{font-family:ui-monospace,monospace;font-size:21px;font-weight:500}#board{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:7px;background:#0a191d;padding:8px;border:1px solid #2d4948;border-radius:13px}.tile{aspect-ratio:1;padding:0;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#1c3037,#16272d);border:1px solid #31464c;border-radius:8px;min-width:0;touch-action:manipulation}.tile svg{width:100%;height:100%;overflow:visible}.tile path{stroke:#526b75;stroke-width:8;stroke-linecap:round;fill:none;transition:stroke .25s}.tile circle{fill:#14262e;stroke:#64818a;stroke-width:3}.tile.live{border-color:#528677;background:linear-gradient(145deg,#244640,#193831)}.tile.live path{stroke:var(--mint);filter:drop-shadow(0 0 4px #8aefb855)}.tile.live circle{stroke:var(--mint);fill:#9ef2c6}.tile.source circle{fill:#f3c27e;stroke:#f3c27e}.tile.source::after{content:'ϟ';position:absolute;left:6px;top:1px;color:#f3c27e;font-size:16px}.tile.hinted{outline:2px solid #f3c27e;outline-offset:-3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:17px;font-size:12px}#message{font-size:11px;color:#9fbab0;text-align:center}#win{position:absolute;inset:80px 20px 65px;background:#102524f5;border:1px solid #83bba0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;backdrop-filter:blur(9px)}#win[hidden]{display:none}h2{font-size:30px;letter-spacing:-1px}#win button{background:var(--mint);color:#102524;font-weight:800}footer{border-top:1px solid #283e40;color:#778e87;font-size:11px;gap:15px}footer b{font-weight:500;color:#b5cdbf}@media(max-width:760px){header{padding:22px}.tag{display:none}main{display:flex;flex-direction:column;align-items:stretch;padding:15px 18px 40px;gap:25px}.intro h1{font-size:51px;letter-spacing:-3px;line-height:1;margin:13px 0}.intro h1 br{display:none}.intro>p:not(.eyebrow){font-size:13px;line-height:1.5;margin:0}.intro>p br{display:none}.eyebrow{font-size:9px}.legend{margin:14px 0}details{font-size:11px}.console{padding:15px;border-radius:17px}.readout{padding-bottom:16px}#board{gap:5px;padding:6px}.toolbar button{padding:9px 10px;font-size:11px}footer{padding:20px;align-items:start;flex-direction:column;gap:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}