:root{--paper:#f5f3eb;--ink:#243c30;--muted:#767b6d;--line:#dddfd2;--green:#47724d;--lime:#dce7a5;--card:#e8ecdf;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ba792d;outline-offset:4px}button:disabled{cursor:default}.wrap{max-width:1180px;margin:0 auto;padding-left:32px;padding-right:32px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:bold;letter-spacing:-1px;display:inline-flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:33px;height:36px;border-radius:4px 13px 4px 13px;font-size:29px;line-height:1}.brand-dot{color:#939d62;margin-left:-8px}.header nav,.footer{font-family:Arial,sans-serif;font-size:13px}.header nav{display:flex;gap:32px}.header a:hover,.footer a:hover{color:#69833e}.intro{padding-top:65px;padding-bottom:47px;position:relative}.eyebrow{font:11px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}.intro .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#72814d;border-radius:50%}.intro h1{font-size:clamp(42px,5.1vw,66px);font-weight:normal;line-height:1.06;letter-spacing:-2.9px;margin:20px 0 22px}.intro h1 em{font-weight:normal;color:#667c45}.intro p{font:15px/1.75 Arial,sans-serif;color:#6e7567;margin:0}.intro-note{position:absolute;right:32px;bottom:61px;font:12px Arial,sans-serif;color:#7d816d;display:flex;align-items:center;gap:9px}.intro-note span{font-size:25px;color:#9ca767}.play-section{padding-top:25px;border-top:1px solid var(--line)}.game-top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}h2{font-size:27px;letter-spacing:-.7px;font-weight:normal;margin:7px 0 0}.levels{display:flex;background:#e9eade;border-radius:8px;padding:4px;gap:3px}.levels button{border:0;background:transparent;border-radius:5px;padding:12px 17px;font:13px Arial,sans-serif;color:#6e7664;min-width:100px}.levels small{font-size:10px;display:block;opacity:.7;margin-top:5px}.levels button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 4px #223c3010;color:var(--ink)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:25px}.board-panel{background:#eef0e5;border:1px solid #dce1ce;border-radius:12px;padding:20px 25px 15px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;font:11px Arial,sans-serif;color:#6d7962;margin-bottom:22px}.live-dot{display:inline-block;width:5px;height:5px;background:#728359;border-radius:50%;vertical-align:middle;margin-right:5px}.board-toolbar button{font:11px Arial,sans-serif;background:transparent;border:0;color:#76806c;padding:4px;min-height:28px}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:580px;margin:0 auto}.card{aspect-ratio:1.19;border:1px solid #a6b68b;background:#cedbb6;border-radius:9px;padding:0;position:relative;perspective:600px;box-shadow:0 2px 0 #aab993;transition:transform .15s,background .2s;min-width:0}.card:hover:not(:disabled){transform:translateY(-3px);background:#c3d3a7}.card-inner{display:block;height:100%;width:100%;transform-style:preserve-3d;transition:transform .32s}.card.flipped .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:8px}.back{color:#78915a;background:repeating-linear-gradient(45deg,transparent,transparent 9px,#bacc9c60 9px,#bacc9c60 10px)}.back svg{width:34%;height:55%;opacity:.6}.front{transform:rotateY(180deg);background:#fffdf6;color:#425e3d}.front svg{width:62%;height:72%}.card.matched{border-color:#a4b884;box-shadow:0 2px 0 #9dae87;background:#e5ebd5}.card.matched .front{background:#e5ebd5}.card.matched:after{content:'✓';position:absolute;right:8px;bottom:5px;font:12px Arial;color:#67824a}.board-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font:10px Arial,sans-serif;color:#849075}.board-bottom>span:last-child{font-size:19px}.sidebar{display:flex;flex-direction:column;gap:17px}.session{border:1px solid var(--line);border-radius:10px;padding:22px}.session .eyebrow{margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font:12px Arial;color:#747c6b}.stat-row strong{font:22px Georgia;color:var(--ink);font-variant-numeric:tabular-nums}.stat-row .muted{font-size:16px;color:#9da58d}.progress{height:4px;background:#e2e5d7;margin:-5px 0 20px;border-radius:5px;overflow:hidden}.progress span{display:block;width:0;height:100%;background:#7e9456;transition:width .3s}.restart{display:block;width:100%;border:1px solid var(--ink);background:var(--ink);color:#fffdf6;border-radius:6px;padding:13px 12px;font:12px Arial,sans-serif;margin-top:24px}.restart:hover{background:#3f5b43}.restart span{font-size:18px;vertical-align:middle;margin-right:7px}.timer-note{text-align:center;font:10px/1.65 Arial;color:#8a8f7e;margin:12px 0 0}.record{display:flex;gap:12px;align-items:flex-start;padding:5px 12px}.record-icon{font-size:28px;color:#8d9859}.record .eyebrow{font-size:9px;letter-spacing:1px}.record strong{font-size:16px;font-weight:normal;display:block;margin-top:5px}.record p{font:10px Arial;color:#8a8f7e;margin:6px 0 0}.field-note{padding:18px 21px;background:#ecebdc;border-radius:3px;transform:rotate(-1.5deg);margin:4px 3px 0}.field-note>span{font:9px Arial;text-transform:uppercase;letter-spacing:1.1px;color:#8a8a6c}.field-note p{font-size:16px;font-style:italic;line-height:1.45;margin:11px 0 4px;color:#6e7659}.field-note>div{font-size:26px;color:#a3a479;line-height:1}.status{font:11px Arial;color:#8a927e;margin:15px 0 0;min-height:15px}.how{padding-top:75px;padding-bottom:65px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.how h2{font-size:32px;line-height:1.2;margin-top:14px}.how-heading p{font:12px/1.8 Arial;color:#818774;margin-top:17px}.steps article{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.steps article:first-child{padding-top:0}.steps article>span{font:11px Arial;color:#939f7e;margin-top:5px}.steps h3{font-size:19px;font-weight:normal;margin:0 0 7px}.steps p{font:12px/1.65 Arial;color:#818774;margin:0}.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:27px;padding-bottom:27px;display:flex;align-items:center;gap:23px}.closing>span{font-size:47px;color:#8f9a60;line-height:1}.closing p{font-size:19px;line-height:1.45;margin:0}.closing p strong{font-weight:normal;color:#7c846b}.closing>a{margin-left:auto;font:12px Arial}.footer{padding-top:35px;padding-bottom:40px;display:flex;align-items:center;gap:30px;color:#898d7c;font-size:10px}.footer .brand{font:700 18px Georgia;color:var(--ink)}.footer>div{margin-left:auto;display:flex;gap:24px}dialog{border:1px solid #d3dcc2;border-radius:16px;background:var(--paper);color:var(--ink);max-width:420px;width:calc(100% - 36px);padding:38px;text-align:center;box-shadow:0 20px 90px #20342030}dialog::backdrop{background:#1c302666;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#7c876c;font-size:25px;padding:3px 8px}.win-flower{font-size:64px;color:#7d9655;margin-bottom:18px}dialog h2{font-size:32px;margin:12px 0 16px}dialog>p{font:14px/1.6 Arial}dialog>p:last-child{font-size:10px}.board[data-level=hard]{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.article-page{max-width:780px;padding-top:65px;padding-bottom:90px;min-height:65vh}.article-page h1{font-size:46px;font-weight:normal;line-height:1.15;margin:18px 0 25px;letter-spacing:-1px}.article-page p,.article-page li{font:15px/1.85 Arial;color:#68715e}.article-page h2{margin-top:32px}.article-page a{text-decoration:underline;text-underline-offset:4px}.article-page .restart{text-decoration:none;text-align:center;max-width:200px}
@media(min-width:1350px){.intro{padding-top:70px}.board-panel{padding:24px 30px 17px}.board{gap:14px}}@media(max-width:900px){.wrap{padding-left:25px;padding-right:25px}.intro-note{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.board-panel{padding:17px}.levels button{padding:10px 12px;min-width:85px}.session{padding:18px}.board{gap:9px}.how{gap:35px}.field-note{padding:14px}}@media(max-width:670px){.wrap{padding-left:20px;padding-right:20px}.header{height:78px}.brand{font-size:22px}.header nav{gap:17px;font-size:11px}.header nav a:first-child{display:none}.intro{padding-top:36px;padding-bottom:34px}.intro h1{font-size:44px;letter-spacing:-2px;line-height:1.08;margin:17px 0 18px}.intro p{font-size:13px;line-height:1.7}.desktop{display:none}.eyebrow{font-size:9px;letter-spacing:1.2px}.game-top{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:18px}.game-top h2{font-size:25px}.levels{width:100%}.levels button{flex:1;padding:11px 6px;min-width:0}.game-layout{display:flex;flex-direction:column;gap:15px}.board-panel{padding:15px 13px 10px;border-radius:9px}.board-toolbar{margin-bottom:15px;font-size:10px}.board{gap:9px}.card{border-radius:6px;aspect-ratio:.94}.back svg{width:38%}.front svg{width:72%}.board-bottom{font-size:9px;margin-top:13px}.sidebar{display:grid;grid-template-columns:1fr;gap:12px}.session{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;padding:16px}.session>.eyebrow,.progress,.timer-note,.field-note{display:none}.stat-row{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;font-size:10px;min-width:55px}.stat-row strong{font-size:22px}.stat-row .muted{font-size:14px}.session .restart{width:100%;margin:16px 0 0}.record{justify-content:center;padding:6px;align-items:center}.record-icon{font-size:24px}.record>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.record .eyebrow{font-size:9px}.record strong{font-size:14px;margin:0}.record p{margin:0;font-size:9px}.status{text-align:center;font-size:10px;line-height:1.5}.how{padding-top:45px;padding-bottom:38px;grid-template-columns:1fr;gap:22px}.how h2{font-size:29px}.how-heading p{font-size:11px}.steps h3{font-size:18px}.steps p{font-size:12px}.closing{gap:15px;flex-wrap:wrap;padding-top:23px;padding-bottom:23px}.closing>span{font-size:37px}.closing p{font-size:16px}.closing>a{margin-left:51px;font-size:11px}.footer{padding-top:25px;padding-bottom:28px;flex-wrap:wrap;gap:16px}.footer>span{margin-left:auto;font-size:9px}.footer>div{margin-left:0;gap:20px}.board[data-level=hard]{gap:6px}.board[data-level=hard] .card{aspect-ratio:.78}.card.matched:after{font-size:10px;right:4px;bottom:3px}.article-page{padding-top:38px;padding-bottom:55px}.article-page h1{font-size:36px}.article-page p,.article-page li{font-size:14px}dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}