:root{color-scheme:light;--bg:#e9ebef;--panel:#f4f5f7;--line:#d2d7de;--muted:#646e7d;--lime:#476b45}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#28313f;font-family:Inter,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,canvas{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #476b45;outline-offset:5px}[hidden]{display:none!important}
header{height:82px;margin:auto;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1380px)/2));background:#e1e5ea;gap:24px}.brand{display:flex;align-items:center;gap:7px;font-size:19px;letter-spacing:.6px;font-weight:850}.brandlight{font-weight:450;color:#626d7c}.brandmark{display:grid;place-items:center;background:#56714f;color:#f4f5e9;font-size:28px;width:36px;height:36px;border-radius:10px;margin-right:5px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav>a{font-weight:700}.smalltag{color:var(--muted);border:1px solid #c9ced6;padding:8px 12px;border-radius:20px}main{max-width:1444px;margin:auto;padding:40px 32px 65px}.eyebrow{font-size:12px;color:var(--lime);font-weight:750;letter-spacing:1.7px}h1{letter-spacing:-1.3px;line-height:1.25}footer{max-width:1380px;margin:auto;border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;font-size:12px;color:#687383;letter-spacing:.6px}
.library-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}.library-title h1{font-size:34px;margin:10px 0}.library-title p{color:var(--muted);font-size:15px;margin:0;line-height:1.7}.library-count{font-size:13px;color:var(--muted);padding-bottom:4px;white-space:nowrap}.library-count b{color:#354332;padding-left:4px}.library-count>span{padding:0 10px;color:#a2abb6}.library-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:15px}.library-bar h2{font-size:17px;margin:0}.library-bar h2 span{font-size:13px;color:var(--muted);margin-left:8px}.library-bar>span{font-size:13px;color:var(--muted)}
.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px}.tile{min-width:0}.thumbnail{aspect-ratio:4/3;background:var(--tile);border:1px solid #26364a12;border-radius:14px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 6px #26364a06;transition:transform .18s,box-shadow .18s}.thumb-word{font-size:clamp(16px,1.8vw,25px);font-weight:900;color:#283142ae;letter-spacing:1px;position:absolute;bottom:18px;left:17px}.thumb-emoji{font-size:clamp(42px,5vw,74px);line-height:1.1;transform:rotate(-9deg);padding-bottom:12px;filter:drop-shadow(0 6px 2px #26364a12)}.thumb-detail{position:absolute;bottom:20px;right:13px;font-size:11px;font-weight:800;letter-spacing:1px;color:#28314266}.tile-status{position:absolute;top:12px;left:12px;padding:5px 8px;font-size:11px;background:#edf0f1d9;color:#5c6570;border-radius:5px;z-index:1}.tile-status.live{background:#34513b;color:#f5f8ef}.tile-info{padding:13px 3px 0}.tile-info h2{font-size:16px;margin:0 0 6px;letter-spacing:-.3px}.tile-info p{font-size:13px;color:var(--muted);margin:0}.play-icon{position:absolute;right:13px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f8faefc9;color:#34513b;font-size:11px;padding-left:2px}.playable:hover .thumbnail{transform:translateY(-4px);box-shadow:0 8px 16px #26364a20}.playable:hover h2{color:#476b45}.library-note{text-align:center;font-size:13px;color:var(--muted);margin:42px 0 0}
.back{font-size:14px;color:var(--muted)}.gameheading{display:flex;align-items:center;justify-content:space-between;margin:32px 0}.gameheading h1{font-size:38px;margin:10px 0}.gameheading p{font-size:14px;color:var(--muted);margin:0}.titlefruit{font-size:32px;margin-left:6px}.iconbutton,.secondary{border:1px solid var(--line);background:var(--panel);color:#c7cedb;border-radius:10px;padding:12px 16px;font-size:14px}.playlayout{display:grid;grid-template-columns:190px minmax(280px,460px) 240px;justify-content:space-between;gap:26px}.scorebox,.nextbox,.instructions,.evolution{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:23px}.scorebox>span,.nextbox>span{font-size:14px;color:var(--muted)}.scorebox strong{display:block;font-size:48px;color:var(--lime);margin:12px 0 20px;font-variant-numeric:tabular-nums}.best{border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.best b{color:#fff}.nextbox{margin-top:16px;text-align:center}.nextbox #next{font-size:52px;margin:20px 0}.nextbox small{font-size:12px;color:var(--muted)}.leftpanel>.secondary{width:100%;margin-top:16px}.boardwrap{overflow:hidden;border-radius:17px;border:1px solid #404738;background:#f6f1df;align-self:start}.boardtop{background:#232d26;display:flex;justify-content:space-between;padding:16px;font-size:11px;color:#c2cfb7}.boardtop i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px}.boardtop>span:first-child{letter-spacing:1px}.canvaswrap{position:relative}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;background:radial-gradient(#d9d4c5 1px,transparent 1px);background-size:22px 22px}.boardbottom{color:#69705f;font-size:12px;text-align:center;padding:15px 5px;background:#eae6d4}.boardbottom span{margin:0 7px}.instructions{padding:23px 20px}.instructions .eyebrow{font-size:10px}.instructions h2{font-size:20px;margin:12px 0 25px}.instructions ol{list-style:none;counter-reset:steps;padding:0;margin:0}.instructions li{counter-increment:steps;position:relative;padding-left:28px;margin-top:23px}.instructions li:before{content:counter(steps);position:absolute;left:0;top:0;font-size:11px;width:19px;height:19px;border-radius:50%;background:#343e2e;color:var(--lime);display:grid;place-items:center}.instructions b{font-size:14px}.instructions p{font-size:13px;line-height:1.7;color:var(--muted);margin:7px 0 0}.evolution{margin-top:16px;padding:20px}.evolution h3{font-size:14px;margin:0 0 16px}#fruitlist{display:flex;flex-wrap:wrap;gap:9px;font-size:24px}.evolution p{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:0}.keyboard{font-size:22px;display:flex;gap:12px;color:#929cac;margin:20px 8px}.keyboard span{font-size:12px;line-height:1.8}.overlay{position:absolute;inset:0;background:#14201de8;display:grid;place-items:center;text-align:center;padding:20px;backdrop-filter:blur(5px)}.overlay span{font-size:55px}.overlay h2{font-size:27px}.overlay p{font-size:14px;color:#c3cabc;line-height:1.8}.primary{background:var(--lime);color:#172010;border:0;border-radius:10px;padding:14px 24px;font-weight:750}.overlay .secondary{display:block;margin:12px auto 0}
.iconbutton,.secondary{color:#495566;background:#f2f3f5}.best b{color:#28313f}.boardwrap{border-color:#b6c3b0}.boardtop{background:#d5dfcf;color:#40553e}.boardtop i{background:#597653}.instructions li:before{background:#dde5d8;color:#42603d}.keyboard{color:#687383}.overlay{background:#e4e9dfee;color:#283a2a}.overlay p{color:#56644f}.primary{background:#58764e;color:#fff}.boardbottom{background:#e5e4d7;color:#636955}.scorebox,.nextbox,.instructions,.evolution{box-shadow:0 2px 4px #29334303}
#game{max-width:1130px;margin:auto}
@media(min-width:1600px){.thumb-emoji{font-size:78px}}
@media(max-width:1100px){.game-grid{gap:24px 15px}.thumb-detail{display:none}.thumb-word{font-size:17px;bottom:13px;left:13px}.thumb-emoji{font-size:52px}.thumbnail{aspect-ratio:1.15}.playlayout{grid-template-columns:155px minmax(260px,460px);justify-content:center}.rightpanel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.evolution{margin-top:0}.keyboard{display:none}.instructions li{margin-top:14px}.instructions h2{margin-bottom:16px}}
@media(max-width:850px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.thumbnail{aspect-ratio:4/3}.thumb-emoji{font-size:64px}.library-count{display:none}.brand{font-size:16px}.smalltag{display:none}footer{margin:0 24px}}
@media(max-width:600px){header{height:70px;padding:0 18px;gap:12px}.brand{font-size:12px;gap:4px}.brandmark{width:29px;height:29px;font-size:23px;margin-right:2px}nav{font-size:12px}main{padding:28px 18px 45px}.library-title{margin-bottom:26px}.library-title h1{font-size:28px}.library-title p{font-size:14px}.library-bar>span{font-size:11px}.library-bar h2{font-size:15px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.tile-info h2{font-size:15px}.thumb-emoji{font-size:57px}.thumb-word{font-size:17px}.tile-status{top:9px;left:9px;font-size:10px;padding:4px 6px}.play-icon{top:9px;right:9px;width:23px;height:23px}.gameheading{margin:26px 0 20px}.gameheading h1{font-size:30px}.gameheading p{font-size:12px}.iconbutton{padding:10px;font-size:12px}.playlayout{display:flex;flex-direction:column;gap:16px}.leftpanel{display:grid;grid-template-columns:1.3fr 1fr auto;gap:8px}.scorebox,.nextbox{margin:0;padding:12px}.scorebox>span,.nextbox>span{font-size:12px}.scorebox strong{font-size:28px;margin:6px 0}.best{font-size:11px;padding-top:7px;gap:10px}.nextbox #next{font-size:30px;margin:6px 0}.nextbox small{display:none}.leftpanel>.secondary{margin:0;width:auto;padding:10px;font-size:12px}.boardwrap{width:100%;max-width:440px;align-self:center}.rightpanel{display:flex;flex-direction:column}.instructions ol{display:flex;gap:12px}.instructions li{padding-left:0;padding-top:26px;flex:1}.instructions p{font-size:12px}.instructions b{font-size:12px}.instructions h2{margin-bottom:6px}footer{font-size:10px;padding:20px 0;margin:0 18px}.gameheading .eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.thumbnail{transition:none}}
#animals{max-width:1130px;margin:auto}.animal-layout{display:grid;grid-template-columns:180px minmax(280px,510px) 240px;gap:26px;align-items:start}.animal-surface{position:relative;background:#d3ccd9;border:1px solid #c2b8cb;padding:12px;border-radius:18px;overflow:hidden}#animal-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.animal-cell{aspect-ratio:1;border:0;border-bottom:3px solid #00000012;border-radius:12px;font-size:clamp(24px,3.2vw,43px);padding:0;display:grid;place-items:center;transition:transform .16s,opacity .16s;cursor:pointer;color:#28313f}.animal-cell:disabled{cursor:default;opacity:1}.animal-0{background:#ead9bb}.animal-1{background:#f0d2b5}.animal-2{background:#e8daed}.animal-3{background:#d8bca8}.animal-4{background:#e3e7e5}.animal-5{background:#eec2ac}.animal-cell.selected{outline:3px solid #6c4985;outline-offset:-3px;transform:scale(.91)}.animal-cell.matched{transform:scale(.25) rotate(15deg);opacity:0}.animal-cell.hint{outline:3px solid #668f46;outline-offset:-3px}.animal-actions{display:flex;gap:8px;margin-top:16px}.animal-actions button{flex:1;padding:12px 5px}#animal-moves{display:block;font-size:36px;margin-top:12px;color:#715580}#animal-status{min-height:38px;text-align:center;padding:12px 0;font-weight:650;font-size:14px;color:#715580}.animal-layout .instructions h2{margin-top:0}.animal-surface .overlay{background:#e8e2edee}
@media(max-width:1000px){.animal-layout{grid-template-columns:150px minmax(280px,510px);justify-content:center}.animal-layout>.instructions{grid-column:1/-1}}@media(max-width:600px){.animal-layout{display:flex;flex-direction:column;gap:16px}.animal-layout>aside:first-child{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:8px;width:100%}.animal-layout>div{width:100%}.animal-actions{flex-direction:column;margin:0;gap:5px}.animal-actions button{padding:8px 5px}.animal-cell{font-size:clamp(21px,7vw,36px);border-radius:8px}#animal-board{gap:4px}.animal-surface{padding:8px}#animal-moves{font-size:28px;margin:6px 0}.animal-layout>.instructions{width:100%}}@media(prefers-reduced-motion:reduce){.animal-cell{transition:none}}
/* Distinct hue families keep similar brown animals easy to distinguish. */
.animal-0{background:#f8db58;border-bottom-color:#b69a24}.animal-1{background:#60c6ee;border-bottom-color:#248eb6}.animal-2{background:#ee8bc6;border-bottom-color:#b64c90}.animal-3{background:#ac91ef;border-bottom-color:#7758b5}.animal-4{background:#69d7b6;border-bottom-color:#319e7f}.animal-5{background:#ffab62;border-bottom-color:#c77a36}.animal-cell{position:relative;text-shadow:0 2px 2px #0002}.animal-cell.selected{outline:4px solid #283249;outline-offset:-4px}.animal-cell.hint{outline:4px dashed #243047;outline-offset:-4px}.match-spark{position:absolute;width:9px;height:9px;border-radius:3px;pointer-events:none;z-index:3}.game-controls{display:flex;gap:8px}.secondary:disabled{opacity:.45;cursor:not-allowed}.animal-surface{isolation:isolate}.animal-surface .overlay{z-index:5}@media(max-width:600px){.game-controls{gap:5px}.game-controls .iconbutton{font-size:11px;padding:9px 7px}}

.combo-effect{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;color:#fff7df;text-shadow:0 3px 0 #803e18,0 5px 14px #43182e90;background:#673149ed;border:3px solid #ffd56c;border-radius:24px;padding:14px 28px;box-shadow:0 8px 28px #4a243755;min-width:150px}.combo-effect>span{font-size:16px;font-weight:850;letter-spacing:3px;color:#ffdc79}.combo-effect strong{font-size:64px;font-weight:900;line-height:1.1;letter-spacing:-3px}.combo-effect small{font-size:20px;font-weight:750;margin-top:4px}@media(max-width:600px){.combo-effect{padding:10px 22px;min-width:130px}.combo-effect strong{font-size:52px}}

.long-match-effect{position:absolute;left:50%;top:12%;transform:translateX(-50%);z-index:4;pointer-events:none;white-space:nowrap;background:#fff0a5;color:#713b16;border:3px solid #ffc747;border-radius:14px;padding:10px 20px;font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:1px;box-shadow:0 5px 0 #ae662a,0 9px 22px #4a243740;text-shadow:0 1px 0 #fff}

.scorebox{min-width:0}.scorebox strong{max-width:100%;white-space:nowrap;line-height:1.2}.best{align-items:center;gap:12px}.best b{min-width:0;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
#mini{max-width:1100px;margin:auto}.mini-layout{display:grid;grid-template-columns:180px minmax(260px,470px) 240px;gap:26px;align-items:start}.mini-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#c7cbd3;padding:12px;border-radius:16px;touch-action:none}.number-tile,.memory-card{aspect-ratio:1;display:grid;place-items:center;border-radius:10px;font-size:clamp(22px,4vw,40px);font-weight:800;border:0}.number-tile{background:hsl(calc(45 - var(--level)*4),65%,calc(94% - var(--level)*5%));color:#49342b}.number-tile[data-value="0"]{background:#dde0e5}.memory-card{background:#6875a0;color:white;cursor:pointer}.memory-card.flipped{background:#ecdebd}.mole{grid-template-columns:repeat(3,1fr);background:#abc19a}.mole-hole{aspect-ratio:1;border:8px solid #89a376;border-radius:50%;background:#665140;font-size:clamp(38px,6vw,65px);cursor:pointer}.number-controls{display:flex;gap:10px;margin-top:18px}.number-controls button{flex:1;padding:12px;border:1px solid #bdc4cd;border-radius:8px;background:#f2f3f5;font-size:22px;color:#293342}#mini-restart{margin-top:16px;width:100%}#mole-start{margin-top:16px}#mini-status,#mini-message{text-align:center;font-size:15px;line-height:1.6}.mini-layout .instructions p{font-size:14px;line-height:1.9}.mini-layout .instructions h2{margin:0}@media(max-width:1000px){.mini-layout{grid-template-columns:150px minmax(250px,470px);justify-content:center}.mini-layout>.instructions{grid-column:1/-1}}@media(max-width:600px){.mini-layout{display:flex;flex-direction:column;gap:18px}.mini-layout>*{width:100%}.mini-layout>aside:first-child{display:flex;align-items:center;gap:14px}.mini-layout .scorebox{flex:1}.mini-layout .scorebox strong{font-size:32px;margin:8px 0}#mini-restart{width:auto;margin:0}.mini-board{gap:8px}.memory-card{font-size:34px}}
.mini-surface{position:relative;overflow:hidden;border-radius:16px}.mini-board{grid-template-columns:repeat(var(--columns,4),minmax(0,1fr))}.memory-card{position:relative;min-width:0;font-size:clamp(18px,3vw,34px);backface-visibility:hidden;aspect-ratio:1;border:2px solid #ffffff40}.memory-card.flipped{background:hsl(var(--card-hue),65%,82%);color:#253046}.memory-card small{position:absolute;right:3px;bottom:1px;font-size:10px;line-height:1}.memory-card.found{opacity:.48}.memory-blank{display:grid;place-items:center;color:#626d7c}.memory-card:disabled{cursor:default}.number-tile{position:relative;z-index:1}.mini-board.memory{gap:5px;padding:8px}.mini-board.memory .memory-card{border-radius:6px}.mole-hole{overflow:hidden;position:relative;padding:0;display:grid;place-items:center}.mole-hole img{width:100%;height:100%;object-fit:contain;pointer-events:none}.mole-hit{box-shadow:inset 0 0 0 5px #ffe55c;background:#927440}.mole-hit:after{content:'✦';position:absolute;inset:0;display:grid;place-items:center;font-size:50px;color:#ffe15a;pointer-events:none}#memory-records .best{margin-top:12px;font-size:12px}.mini-surface .overlay{z-index:4;background:#e4e9eff2}#mini:has(.mini-board.memory){max-width:1300px}#mini:has(.mini-board.memory) .mini-layout{grid-template-columns:180px minmax(300px,660px) 240px}@media(max-width:1100px){#mini:has(.mini-board.memory) .mini-layout{grid-template-columns:160px minmax(280px,660px)}}@media(max-width:600px){.mini-board.memory .memory-card{font-size:clamp(18px,4.8vw,26px)}.memory-card small{font-size:9px}.mini-board.memory{gap:3px;padding:5px}.mole-hole{border-width:5px}}

.mole-thumbnail{width:58%;height:72%;object-fit:contain;position:absolute;top:12%}