button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}nav{display:flex;gap:20px}nav button,#pause,#share{background:none;border:0;min-height:44px;padding:8px 0;font-size:12px}.pub-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1200px;padding-top:25px;padding-bottom:30px}.pub-intro h1{font-size:clamp(78px,9vw,125px);margin:25px 0}.back{display:inline-flex;align-items:center;min-height:44px;font-size:10px;color:var(--gold);letter-spacing:1px}.lede{font:italic 27px/1.35 var(--serif);color:var(--gold)}.rules{padding-left:19px;display:grid;gap:18px;font-size:14px;line-height:1.6;margin:30px 0}.fine-print{font-size:12px;color:var(--muted);line-height:1.8}.record{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;display:grid;gap:8px;max-width:300px}.record span{color:var(--gold);font-size:10px;letter-spacing:1px}.record strong{font:40px var(--serif)}.record small{font-size:11px;color:var(--muted)}.machine{min-width:0}.machine-top{display:flex;justify-content:space-between;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}.machine-top .eyebrow{font-size:9px}.scoreboard{display:flex;justify-content:space-between;gap:10px;padding:10px 0}.scoreboard>div:last-child{text-align:right}.scoreboard strong{display:block;font:29px var(--serif);font-variant-numeric:tabular-nums}.scoreboard small{font-size:9px;color:var(--muted);letter-spacing:1px}.stage{position:relative;aspect-ratio:420/460;max-width:440px;margin:auto;border-radius:8px;overflow:hidden;background:#283526}#board{display:block;width:100%;height:100%;touch-action:none}#panel,#paused{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#11150fee;padding:22px;gap:12px}#panel h2,#paused h2,dialog h2{font:36px/1.1 var(--serif);letter-spacing:-1px;color:var(--paper);margin:0}#panel p,#paused p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:310px}.gold{min-height:48px;background:var(--gold);color:var(--night);border:0;font-weight:600;padding:14px 22px}.gold:hover:not(:disabled){background:#e4c167}#share{color:var(--gold)}#share-link{width:100%;background:var(--night);color:var(--paper);border:1px solid var(--gold);padding:10px}.controls{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:14px}.controls label{min-width:0;flex:1;color:var(--muted);font-size:10px;letter-spacing:1px}.controls input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--gold)}.controls output{float:right;color:var(--paper)}.controls button{min-height:48px}.mode-select{min-height:44px;border:1px solid var(--line);background:var(--night);color:var(--paper);padding:7px;width:100%;margin:7px 0}#status{min-height:38px;text-align:center;font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0}dialog{background:#19170f;color:var(--paper);border:1px solid var(--gold);width:min(520px,calc(100% - 30px));max-height:calc(100dvh - 40px);padding:30px}dialog::backdrop{background:#000b}dialog p{font-size:13px;color:var(--muted);line-height:1.8}#close-help{position:absolute;right:8px;top:5px;min-width:44px;min-height:44px;background:none;border:0;font-size:26px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--paper);color:var(--night);padding:14px 20px;max-width:90%;z-index:6;font-size:13px}
.memory-grid{position:absolute;inset:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.memory-grid button{min-width:0;min-height:44px;border:2px solid #a88c4b;background:#413a22;color:var(--gold);border-radius:50%;font:26px var(--serif);position:relative}.memory-grid button.open{background:var(--paper);color:var(--night)}.memory-grid button.matched{background:#3c573c;border-color:#9ecca0;color:var(--paper)}.memory-grid small{display:block;font:9px sans-serif;margin-top:4px}
@media(max-width:900px){header{min-height:76px;padding-top:8px;padding-bottom:8px}header img{width:100px;height:55px}header>.eyebrow{display:none}nav{gap:14px}.pub-layout{display:block;max-width:540px;padding-top:8px}.pub-intro{display:flex;align-items:center;justify-content:space-between;gap:10px}.pub-intro h1{font-size:35px;letter-spacing:-1.3px;margin:0}.pub-intro h1 br{display:none}.pub-intro h1 em{margin-left:.12em}.lede,.rules,.fine-print,.record{display:none}.back{font-size:9px}.stage{max-height:43dvh;width:auto;max-width:100%}.scoreboard strong{font-size:26px}.scoreboard small{font-size:8px}.controls{margin-top:10px;gap:10px}#panel,#paused{padding:14px;gap:10px}#panel h2,#paused h2{font-size:28px}#panel p{font-size:12px}footer{padding-top:18px;padding-bottom:18px}.memory-grid{inset:12px;gap:8px}.memory-grid button{font-size:23px}.memory-grid small{font-size:8px}.pub-intro.long h1{font-size:28px}}@media(max-width:350px){nav{gap:10px}nav button{font-size:11px}.pub-intro h1{font-size:30px}.pub-intro.long h1{font-size:25px}.controls{gap:7px}.gold{padding:12px 14px}.memory-grid small{font-size:7px}.memory-grid{gap:6px;inset:9px}}

.memory-grid button{aspect-ratio:1;align-self:center;width:100%;border-width:3px;border-style:dashed;box-shadow:inset 0 0 0 3px #1b191133}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}