@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f4f1e9;--ink:#253a35;--orange:#ed643d;--muted:#7f877d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}main{max-width:1240px;margin:auto;padding:0 52px}header{height:110px;display:flex;align-items:center;border-bottom:1px solid #d8d9ce;gap:35px}.logo{color:var(--ink);text-decoration:none;font:700 36px 'Space Grotesk',sans-serif;letter-spacing:-2px}.logo span{font-size:14px;vertical-align:top;letter-spacing:0}.tag,.eyebrow,footer,.board-top,.stat>span,.next>span,.best,.instructions h2{font-size:10px;font-weight:700;letter-spacing:1.7px}.tag{color:var(--muted)}button{font:600 13px 'DM Sans',sans-serif;cursor:pointer;color:var(--ink);border:1px solid #cbd0c3;background:transparent;border-radius:6px;padding:12px 17px}button:hover{background:#e6e8da}button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}header button{margin-left:auto}kbd{font:11px 'DM Sans',sans-serif;border:1px solid #cbd0c3;border-radius:4px;padding:3px 6px}header kbd{margin-left:18px}.game{display:grid;grid-template-columns:1fr 302px 180px;gap:50px;padding:42px 0 35px;align-items:start}.intro{padding-top:42px}.eyebrow{color:var(--orange);font-size:9px}h1{font:500 62px/1.05 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:24px 0}h1 span{color:var(--orange)}.intro>p{font-size:14px;line-height:1.8;color:#7b847a}.best{margin-top:32px;color:var(--muted)}.best strong{display:block;color:var(--ink);font:500 30px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin-top:5px}.instructions{margin-top:38px}.instructions h2{font-size:9px;color:var(--muted);margin-bottom:20px}.instructions p{font-size:12px;display:flex;align-items:center;gap:7px;margin:12px 0}.instructions kbd{min-width:25px;text-align:center}.board-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-bottom:12px;color:#7b847a}.board-top i{display:inline-block;background:var(--orange);width:6px;height:6px;border-radius:50%;margin-right:5px}.board{position:relative;box-shadow:0 14px 35px #23372d13;border:1px solid #c7cdbf;background:#e4e8dd}canvas{display:block}#board{width:300px;height:600px}#overlay{position:absolute;inset:0;background:#e4e8dded;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#overlay.hidden{display:none}#overlay h2{font:500 52px/1.05 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:20px 0 12px}#overlay p{color:#7b847a;font-size:12px}#start{background:var(--orange);border:0;color:white;width:210px;margin-top:24px;padding:15px;text-align:left}#start span{float:right}.stats{padding-top:28px}.stat{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid #d8d9ce}.stat>span,.next>span{color:var(--muted);font-size:9px}.stat strong{display:block;font:500 39px 'Space Grotesk',sans-serif;letter-spacing:-2px;margin-top:7px}.next{border-bottom:1px solid #d8d9ce;padding-bottom:15px}.next canvas{margin:12px auto 0}.tip{display:flex;gap:15px;align-items:center;margin:25px 0}.tip>span{font-size:37px;color:var(--orange)}.tip p{font-size:12px;line-height:1.6;color:#7b847a}#restart{width:100%;font-size:11px}footer{display:flex;justify-content:space-between;border-top:1px solid #d8d9ce;padding:23px 0;font-size:8px;color:var(--muted)}footer>span:last-child{letter-spacing:0;font-weight:400;font-size:10px}.orange{color:var(--orange);font-size:20px;margin-left:12px}.touch{display:flex;gap:5px;margin-top:12px}.touch button{flex:1;padding:9px 3px}@media(min-width:900px) and (max-height:850px){.game{padding-top:22px;gap:45px}#board{width:270px;height:540px}.game{grid-template-columns:1fr 272px 170px}.intro{padding-top:30px}header{height:85px}}@media(max-width:850px){main{padding:0 24px}.game{grid-template-columns:302px 140px;justify-content:center;gap:25px}.intro{display:none}.tag{display:none}footer>span:first-child{display:none}}@media(max-width:520px){main{padding:0 14px}header{height:75px}.game{grid-template-columns:minmax(0,302px);padding-top:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:0}.stat{margin:0;padding:0 0 12px}.stat strong{font-size:27px}.next,.tip{display:none}#restart{grid-column:1/-1}footer{margin-top:10px}h1{font-size:45px}#board{max-width:100%;height:auto}}