*{box-sizing:border-box} :root{color-scheme:dark;font-family:"Schibsted Grotesk","Helvetica Neue",system-ui,sans-serif;background:#131619;color:#f4f3ef}body{margin:0;padding:clamp(16px,4vw,48px)}main{max-width:800px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}header p{font-size:12px;color:#c8c6be}h1{font-size:clamp(30px,6vw,48px);letter-spacing:-.05em;line-height:1.05;margin:0}p{line-height:1.7}button{font:inherit;cursor:pointer;min-height:48px;padding:10px 20px;border:1px solid #a3a199;border-radius:6px;background:#272c31;color:#f4f3ef}button:disabled{cursor:default;opacity:.55}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #63d9c7;outline-offset:5px}button[aria-disabled=true]{cursor:default}.frame{border:1px solid #45494c;border-radius:12px;overflow:hidden}.rail{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#1b1f23;color:#c8c6be;font:12px ui-monospace,monospace}.dots{display:flex;gap:5px}.dots i{display:block;width:7px;height:7px;border-radius:50%;background:#a3a199}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}.status{min-height:3.4em;color:#c8c6be;margin-block:12px}details{border-top:1px solid #45494c;padding-block:12px}summary{cursor:pointer;min-height:44px;padding-block:10px}details p{color:#c8c6be;font-size:14px}footer{font-size:12px;color:#a3a199;margin-top:24px}.error{padding:16px;border:1px solid #f08a7d;color:#f08a7d}[hidden]{display:none!important}noscript p{padding:16px;border:1px solid #e0b05a} @media(max-width:420px){header{align-items:flex-start;flex-direction:column;gap:8px}.controls button{flex:1}body{padding:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.memory-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#6bb6e0;color:#15181b}.memory-top p{margin:0;font-size:clamp(18px,4vw,28px);line-height:1.15;letter-spacing:-.035em}.memory-top p:last-child{font-size:16px}.memory-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;background:#6bb6e0;padding:0 24px 28px}.tile{min-width:0;min-height:90px;background:#569bc3;color:#15181b;border:1px solid #275779;border-radius:8px;font-size:36px;padding:8px}.tile[data-face=up]{background:#faf9f6}.tile[data-face=matched]{background:#c6e4d7;border:2px solid #265443}.tile:focus-visible{outline:3px solid #15181b;outline-offset:3px}@media(max-width:600px){.memory-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 16px 24px}.memory-top{padding:24px 16px}.tile{min-height:68px}}