:root{--bg:#f5f5fa;--ink:#343650;--muted:#979ab6;--line:#e0e1ed;--accent:#b9bcff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid #7b7fc6;outline-offset:4px}header,main,footer{max-width:1180px;margin:0 auto}header{height:108px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:650;letter-spacing:-1px}header>a:last-child{font-size:12px}.hero{padding:62px 0 40px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#9699b8;font-weight:600;display:flex;gap:9px;align-items:center}.eyebrow i,.local-badge i{width:7px;height:7px;border-radius:50%;background:#959bd5;display:inline-block}h1{font-size:72px;line-height:1.05;letter-spacing:-4px;font-weight:500;margin:22px 0}h1 span{color:#a2a5c2}.hero p{font-size:15px;color:#9398b2;line-height:1.8}.arcade{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 12px 50px #393c7004}.tabs{display:flex;gap:30px;align-items:center;padding:0 28px;border-bottom:1px solid #e9eaf2}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:21px 0 19px;font-size:12px;color:#a8abc2;display:flex;align-items:center;gap:11px}.tab-icon{font-size:19px}.tabs button[aria-selected=true]{color:#6268a7;border-bottom-color:#959bd5}.local-badge{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:8px;color:#a3a8be;letter-spacing:1px}.local-badge i{width:5px;height:5px}.game-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr)}.play-area{padding:30px 38px}.score-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.score-bar>span{font-size:8px;letter-spacing:1px;color:#a4a8c1}.score-bar>div{display:flex;gap:20px}.score-bar>div>span{display:flex;flex-direction:column;gap:4px;font-size:9px;color:#a1a5bd;text-align:right}.score-bar strong{font-size:19px;font-weight:500;color:#626891;font-variant-numeric:tabular-nums}.merge-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;background:#e6e7f2;border:9px solid #e6e7f2;border-radius:13px;width:100%;max-width:420px;aspect-ratio:1;margin:0 auto;touch-action:none;user-select:none}.tile{display:grid;place-items:center;aspect-ratio:1;background:#f0f1f8;border-radius:7px;font-size:34px;letter-spacing:-1px;font-weight:600;color:#727798;transition:background .15s}.tile[data-value="2"]{background:#f8f8ff}.tile[data-value="4"]{background:#e1dfff}.tile[data-value="8"]{background:#c9c6ff;color:#53568f}.tile[data-value="16"]{background:#b0aff5;color:#fff}.tile[data-value="32"]{background:#9297e3;color:#fff}.tile[data-value="64"]{background:#777fcb;color:#fff}.tile[data-value="128"]{background:#6665ae;color:#fff;font-size:28px}.tile[data-value="256"]{background:#9a76bd;color:#fff;font-size:28px}.tile[data-value="512"]{background:#b77aa9;color:#fff;font-size:28px}.tile[data-value="1024"]{background:#d08ba1;color:#fff;font-size:23px}.tile[data-value="2048"]{background:#e8ac83;color:#fff;font-size:23px}.tile[data-value="4096"]{background:#3c3c6d;color:#fff;font-size:20px}.board-caption{display:flex;gap:12px;justify-content:center;text-align:center;margin-top:17px;font-size:10px;line-height:1.7;color:#a5a9c1}.board-caption>span{letter-spacing:3px}aside{background:#fafafe;border-left:1px solid #e9eaf2;padding:39px 32px}aside h2{font-size:30px;font-weight:500;letter-spacing:-.8px;line-height:1.15;margin:18px 0}aside>p{font-size:12px;color:#9b9fba;line-height:1.8}.mini-tip{border-top:1px solid #e7e8f2;border-bottom:1px solid #e7e8f2;padding:20px 0;margin:23px 0}.mini-tip>span{font-size:21px;letter-spacing:-.5px;color:#7b7faf}.mini-tip p{font-size:10px;color:#a8acc4;line-height:1.8;margin-bottom:0}.dpad{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,36px);gap:6px;justify-content:center;margin:23px 0}.dpad button{border:1px solid #e2e4f1;border-radius:7px;background:#fff;color:#8188bb;font-size:19px;touch-action:manipulation;user-select:none}.dpad button:active{background:#dedfff}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.game-status{min-height:40px;color:#7e86ac!important}.primary{width:100%;background:var(--accent);color:#4b508a;border:0;border-radius:8px;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:550}.primary:hover{background:#aaaff5}.secondary{width:100%;border:1px solid #dfe1ef;border-radius:7px;color:#8a90b4;background:none;font-size:11px;padding:12px;margin-top:10px}.secondary:hover{background:#f0f0fc}.hint{font-size:9px!important;color:#afb3c9!important}.storage-note{font-size:10px;color:#a0a6bf;line-height:1.7;border-top:1px solid #e9eaf2;padding:16px 28px}aside label{display:block;font-size:10px;color:#9a9fbd;margin-top:24px}select{width:100%;display:block;border:1px solid #e2e4f0;background:#fff;color:#8389ad;font-size:12px;padding:12px;border-radius:7px;margin-top:10px}#snake-board{display:block;width:100%;max-width:420px;aspect-ratio:1;margin:0 auto;border-radius:12px;touch-action:none}.mines-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;border:9px solid #e6e7f2;background:#e6e7f2;border-radius:12px;width:100%;max-width:420px;aspect-ratio:1;margin:0 auto;user-select:none}.mine-cell{border:0;border-radius:4px;background:#f9f9ff;aspect-ratio:1;min-width:0;display:grid;place-items:center;font-size:17px;font-weight:600;color:#7178b6;padding:0;touch-action:manipulation}.mine-cell:hover{background:#d9dcf8}.mine-cell.revealed{background:#e9eaf3;color:#8f94bb}.mine-cell[data-count="1"]{color:#6581ba}.mine-cell[data-count="2"]{color:#569989}.mine-cell[data-count="3"]{color:#c08776}.mine-cell[data-count="4"]{color:#9c78b8}.mine-cell[data-count="5"],.mine-cell[data-count="6"],.mine-cell[data-count="7"],.mine-cell[data-count="8"]{color:#84678d}.mine-cell.hit{background:#e3a5a5;color:#914f60}.mine-cell.mine{background:#f1dfe3;color:#b17587}.mine-cell.flagged{color:#ac8a57}.flag-toggle[aria-pressed=true]{background:#e2e4ff;border-color:#b4b9eb;color:#6971ad}.how{padding:65px 0}.how>h2{font-size:37px;font-weight:500;line-height:1.15;letter-spacing:-1px;margin:21px 0 33px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.cards article{border-top:1px solid var(--line);padding-top:20px}.cards article>span{font-size:8px;letter-spacing:1px;color:#a4aac5}.cards h3{font-size:15px;font-weight:500}.cards p{font-size:12px;line-height:1.85;color:#9a9fbc}footer{padding:28px 0 35px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer .brand{font-size:18px}footer>span{font-size:10px;color:#a2a8c1}@media(max-width:1250px){header,main,footer{margin-left:5%;margin-right:5%}}@media(max-width:800px){header{height:85px}.brand{font-size:22px}.hero{padding-top:40px}h1{font-size:52px;letter-spacing:-3px}.hero p{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1px}.game-panel{grid-template-columns:1fr}.play-area{padding:24px 22px}aside{border-left:0;border-top:1px solid #e9eaf2;padding:30px 25px}aside h2{font-size:28px}.dpad{grid-template-columns:repeat(3,49px);grid-template-rows:repeat(2,42px)}.score-bar>span{font-size:7px;letter-spacing:.5px}.tabs{padding:0 20px;gap:23px}.tabs button{font-size:11px;gap:6px}.local-badge{display:none}.cards{grid-template-columns:1fr;gap:25px}.how{padding:45px 0}.how>h2{font-size:31px}footer>span:nth-child(2){display:none}.storage-note{padding:15px 22px}.tile{font-size:30px}.tile[data-value="128"],.tile[data-value="256"],.tile[data-value="512"]{font-size:25px}.board-caption{font-size:9px}header>a:last-child{font-size:11px}}@media(max-width:390px){h1{font-size:43px}.merge-board{gap:6px;border-width:6px}.tile{font-size:26px}.tile[data-value="1024"],.tile[data-value="2048"]{font-size:18px}.mines-board{gap:3px;border-width:6px}.mine-cell{font-size:14px}.score-bar>div{gap:12px}}
