:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#101b22;color:#eef5f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}header,footer{display:flex;align-items:center;justify-content:space-between;width:min(1160px,100%);margin:auto;padding:30px 42px}header{border-bottom:1px solid #2a373e}.brand{font-size:15px;font-weight:700;letter-spacing:.2em;color:#eef5f4;text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{color:#9af2c9;font-size:28px}.edition,footer{font-size:14px;color:#a0b4bd}main{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;padding:64px 42px}.eyebrow{font-size:13px;letter-spacing:.15em;color:#9af2c9;margin:0 0 26px}h1{font-size:clamp(48px,6vw,76px);line-height:1.03;letter-spacing:-.055em;margin:0 0 28px;font-weight:600}h1 span{color:#9af2c9}.description{color:#b7c9d0;font-size:18px;line-height:1.7;margin-bottom:32px}.instructions{color:#a0b4bd;line-height:1.6;font-size:14px;max-width:255px;display:flex;align-items:baseline;gap:9px}.dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#9af2c9}.restart{margin-top:28px;border:1px solid #546b73;background:transparent;color:#eef5f4;padding:14px 18px;border-radius:8px;font:inherit;cursor:pointer;display:flex;align-items:center;gap:35px}.restart:hover{background:#203239;border-color:#9af2c9}.restart span{color:#9af2c9}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:23px}.stats>div{display:flex;flex-direction:column;gap:5px}.stats>div:last-child{text-align:right}.stats>div:nth-child(2){text-align:center}.label{font-size:14px;color:#a0b4bd}strong{font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}.muted{color:#718c98}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.card{aspect-ratio:1;border:1px solid #38515e;border-radius:12px;background:#1c303c;display:grid;place-items:center;cursor:pointer;font-family:inherit;font-size:38px;color:#9af2c9;transition:background .16s,transform .16s,border-color .16s;position:relative}.card:hover:not(:disabled){background:#284653;transform:translateY(-2px)}.card .back{font-size:26px;color:#6b8898}.card.open{background:#dff9ed;color:#173a30;border-color:#dff9ed}.card.matched{background:#16382f;color:#9af2c9;border-color:#326b55;cursor:default}.card.matched::after{content:'✓';position:absolute;right:7px;bottom:4px;font-size:12px;color:#9af2c9}button:focus-visible,a:focus-visible{outline:3px solid #9af2c9;outline-offset:4px}.status{min-height:42px;margin:21px 0 0;font-size:14px;line-height:1.6;color:#a0b4bd}footer{border-top:1px solid #2a373e;padding-top:23px;padding-bottom:23px}.won{color:#9af2c9}@media(max-width:780px){header,footer{padding-left:24px;padding-right:24px}.edition{display:none}main{grid-template-columns:1fr;gap:36px;max-width:520px;padding:36px 24px}.eyebrow{margin-bottom:15px}h1{font-size:52px;margin-bottom:16px}h1 br{display:none}h1 span::before{content:' '}.description{font-size:16px;margin:0 0 16px}.description br{display:none}.instructions{max-width:none}.restart{margin-top:18px;padding:11px 15px}.card{font-size:32px}.stats{margin-bottom:16px}footer{font-size:13px;gap:15px}.status{margin-top:15px;min-height:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:350px){.board{gap:6px}.card{border-radius:8px}footer{flex-wrap:wrap}}
