:root{color-scheme:light dark;--bg: #fbfbf8;--ink: #111;--ink-soft: #56564f;--line: #deded6;--accent: #006039;--focus: #2d6cdf;--container: min(1400px, 92vw);--content-offset: clamp(.2rem, 7.5vw, 7rem);--game-width: max(320px, min(calc(var(--container) - 2 * var(--content-offset)), calc(100svh - 9.5rem) , 1100px))}:root[data-color-mode=day]{color-scheme:light}@font-face{font-family:Geist;font-weight:400;font-display:swap;src:url(fonts/geist-400.woff2) format("woff2")}@font-face{font-family:Geist;font-weight:700;font-display:swap;src:url(fonts/geist-700.woff2) format("woff2")}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Geist,Arial,sans-serif}button{font:inherit}.shell{max-width:32rem;margin:4rem auto;padding:0 1.2rem}.shell h1{font-size:clamp(2rem,6vw,3.2rem)}.welcome p{color:var(--ink-soft);line-height:1.55}.row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 1rem}.primary{background:var(--ink);color:#fff;border:0;padding:.55rem 1rem;cursor:pointer}button{cursor:pointer}.corner-logo{position:fixed;top:1rem;right:clamp(1.2rem,5vw,3.5rem);z-index:20}.corner-logo img{width:clamp(58px,7.8vw,104px);height:auto}.play-wrap{padding:3rem 1rem 2rem}.text-btn{background:none;border:0;text-decoration:underline;margin-bottom:1rem}.game{width:var(--game-width);margin:0 auto}.scorebar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin-bottom:.8rem}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}.card{position:relative;aspect-ratio:4 / 5;padding:0;border:0;background:transparent;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.4,.2,.2,1)}.card.is-open .card-inner,.card.is-matched .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border:1px solid var(--line);background:#fff;overflow:hidden}.card-face img{width:100%;height:100%;object-fit:cover;display:block}.card-back img{object-fit:contain;padding:12%}.card-front{transform:rotateY(180deg)}.card.is-mismatch{cursor:not-allowed;animation:shake .32s}.card.is-mismatch .card-face{border-color:#c2410c}.card.is-matched{opacity:.92}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fbfbf8eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.result-line{font-weight:700;font-size:clamp(2rem,6vw,4rem);margin:0}.result-line:nth-child(2){text-indent:1ch}.result-line:nth-child(3){text-indent:2ch}:root[data-color-mode=night]{color-scheme:dark;--bg: #141512;--ink: #ededed;--ink-soft: #9b9ba3;--line: #2b2d34}:root[data-color-mode=night] .primary{background:#ededed;color:#141512}:root[data-color-mode=night] .card-face{background:#1c1e24}:root[data-color-mode=night] .result{background:#141512eb}@media (prefers-color-scheme: dark){:root:not([data-color-mode]){--bg: #141512;--ink: #ededed;--ink-soft: #9b9ba3;--line: #2b2d34}:root:not([data-color-mode]) body{background:var(--bg);color:var(--ink)}:root:not([data-color-mode]) .primary{background:#ededed;color:#141512}:root:not([data-color-mode]) .card-face{background:#1c1e24}:root:not([data-color-mode]) .result{background:#141512eb}}@media (prefers-reduced-motion: reduce){.card.is-mismatch{animation:none}.card-inner{transition:none}::view-transition-old(root),::view-transition-new(root){animation-duration:0s!important}}::view-transition-old(root),::view-transition-new(root){animation-duration:.6s;animation-timing-function:ease}