/* Fingerzauber V51: a fresh toddler-first finger-counting adventure.
   All nine other games remain untouched. The five fingers use one hand anatomy. */
.finger-adventure-v51.main-content{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:flex-start!important;gap:0!important;min-width:0!important;
 width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;
 padding:0 clamp(8px,3.4vw,22px) max(8px,env(safe-area-inset-bottom,0px))!important;
 overflow:hidden!important;position:relative!important;
 background:transparent!important;isolation:isolate!important;
}
.finger-adventure-v51 .finger-title-v51{
 width:min(100%,520px)!important;height:clamp(45px,7.4dvh,72px)!important;flex:none!important;
 margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
 position:relative!important;z-index:2!important;
 background:linear-gradient(160deg,#fff6dc,#efcc8e 80%)!important;
 border:5px solid #a77848!important;border-radius:21px!important;
 box-shadow:inset 0 0 0 2px #fff9e7,1px 5px 0 #7758408c,0 9px 9px #4b764e28!important;
 transform:rotate(-.5deg);
}
.finger-title-v51 h1{
 margin:0!important;font:900 clamp(23px,6.2vw,34px)/1 "Chalkboard SE","Marker Felt","Comic Sans MS",system-ui,sans-serif!important;
 color:#91603c!important;text-shadow:1px 2px #fff4d4!important;letter-spacing:.5px!important;
}
.finger-title-sun{position:absolute;left:13px;top:50%;width:24px;height:24px;border-radius:50%;background:#ffd778;border:3px solid #d99c59;transform:translateY(-50%);box-shadow:0 0 0 4px #fff4b088}
.finger-title-butterfly{position:absolute;right:18px;top:50%;width:18px;height:25px;transform:translateY(-50%) rotate(-9deg)}
.finger-title-butterfly:before,.finger-title-butterfly:after{content:"";position:absolute;top:2px;width:10px;height:16px;border:2px solid #9184b0;background:linear-gradient(#c6d9ee,#89b5d8);border-radius:85% 20% 60% 50%}
.finger-title-butterfly:before{right:48%;transform:rotate(-24deg)}.finger-title-butterfly:after{left:48%;transform:rotate(24deg)}
.finger-progress-v51{
 flex:none!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(4px,1.4vw,8px)!important;
 height:clamp(21px,3.3dvh,31px)!important;width:100%!important;margin:5px auto 2px!important;
}
.finger-seed{display:block;width:clamp(11px,3.4vw,16px);height:clamp(11px,3.4vw,16px);border-radius:50%;background:linear-gradient(#fff8d6,#ead3a2);border:2px solid #ad8f63;box-shadow:inset 0 2px #fffcee,0 2px #654a3655}
.finger-seed.finished{background:linear-gradient(#b3e3a4,#72bc7f);border-color:#76a26c}
.finger-seed.current{width:clamp(17px,4.4vw,23px);height:clamp(17px,4.4vw,23px);background:linear-gradient(#ffeaa5,#f8bd59);border:3px solid #c29048;box-shadow:0 0 0 3px #fff6c5,0 3px #90694177;animation:finger-current-glow 2.3s ease-in-out infinite}
@keyframes finger-current-glow{50%{transform:scale(1.12)}}
.finger-equation-v51{
 width:min(100%,520px)!important;height:clamp(78px,13.5dvh,121px)!important;flex:none!important;
 margin:0 auto 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;
 gap:clamp(2px,1.8vw,12px)!important;padding:clamp(5px,1.4vw,14px)!important;position:relative!important;
 border:6px solid #b5895b!important;border-radius:30px!important;
 background:linear-gradient(150deg,#fff9de,#f9e2b1 50%,#ebc389)!important;
 box-shadow:inset 0 0 0 3px #fffbea,2px 6px 0 #886a50a1,0 8px 12px #4d724535!important;
}
.finger-equation-v51:before,.finger-equation-v51:after{content:"";position:absolute;top:50%;width:12px;height:17px;background:#ddaf72;border:2px solid #9f794c;border-radius:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffefd0}
.finger-equation-v51:before{left:4px}.finger-equation-v51:after{right:4px}
.finger-equation-v51 .finger-eq-digit,.finger-equation-v51 .finger-eq-sign{
 font:900 clamp(43px,12.3vw,72px)/1 "Chalkboard SE","Marker Felt","Comic Sans MS",system-ui,sans-serif!important;
 display:grid!important;place-items:center!important;min-width:0!important;
 color:#7e573b!important;text-shadow:1px 2px #fffaf0!important;
}
.finger-equation-v51 .finger-eq-sign{color:#879b77!important;font-size:clamp(34px,9.5vw,56px)!important}
.finger-equation-v51 .finger-eq-question{color:#d48c50!important;animation:finger-question-bob 2.6s ease-in-out infinite}
@keyframes finger-question-bob{50%{transform:translateY(-3px) rotate(7deg)}}
.finger-garden-v51{
 position:relative!important;flex:1 1 auto!important;min-height:140px!important;width:min(100%,520px)!important;
 max-width:520px!important;margin:0 auto!important;padding:0!important;
 border-radius:30px!important;border:3px solid #e8d59b82!important;
 background:radial-gradient(ellipse 67% 65% at 48% 40%,#fff9db86,#dce9cd5a 72%,transparent)!important;
 box-shadow:inset 0 2px #fff9d04f!important;overflow:hidden!important;
}
.finger-cloud-guide{position:absolute;top:0;left:50%;transform:translateX(-50%);height:29px;width:79px;z-index:3;opacity:.85;pointer-events:none}
.finger-cloud-guide svg{height:100%;width:100%}
.finger-hands-row{position:absolute;inset:8% 2.2% 25%!important;display:flex!important;align-items:stretch!important;gap:clamp(7px,2.3vw,17px)!important;justify-content:center!important}
.finger-hand-card-v51{
 display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;
 height:100%!important;flex:1 1 48%!important;max-width:240px!important;min-width:0!important;
 margin:0!important;padding:9px 2px 13px!important;
 border:5px solid #a87855!important;border-radius:30px 33px 25px 27px!important;
 background:linear-gradient(153deg,#fffce7 1%,#f8efcf 56%,#e5d6bb 100%)!important;
 box-shadow:inset 0 0 0 3px #fffdf2,2px 6px 0 #815e438c,0 9px 14px #6b7c4d25!important;
 overflow:hidden!important;touch-action:manipulation!important;transition:filter .15s!important;cursor:pointer!important;
}
.finger-card-right{background:linear-gradient(148deg,#eff9e9 0%,#d9edce 74%,#bdd8b6 100%)!important;border-color:#7fa377!important}
.finger-hand-card-v51:focus-visible{outline:4px solid #fff0a0;outline-offset:2px}
.finger-hand-card-v51:active{filter:brightness(1.08)}
.finger-card-tape{position:absolute;top:-4px;left:40%;width:24%;height:12px;border-radius:3px 3px 7px 7px;background:#f2d99cd9;box-shadow:inset 0 1px #fff6ce;transform:rotate(-4deg);z-index:2}
.finger-card-right .finger-card-tape{background:#cadcaccf;transform:rotate(4deg)}
.finger-card-num{position:absolute;top:8px;left:9px;width:clamp(31px,8vw,44px);height:clamp(31px,8vw,44px);display:grid;place-items:center;border-radius:50%;background:#fff1c5;border:3px solid #c8a06d;color:#8c5b42;font:900 clamp(20px,6vw,28px)/1 "Chalkboard SE",system-ui,sans-serif;box-shadow:inset 0 1px #fff8da,0 2px #a3835955;z-index:4}
.finger-card-right .finger-card-num{background:#e1f3cf;border-color:#96b67b;color:#567b4d}
.finger-card-picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:1}
.finger-adventure-v51 .finger-card-picture .hand-svg{
 display:block!important;width:132%!important;height:105%!important;max-width:none!important;max-height:none!important;min-width:0!important;object-fit:contain!important;
 position:relative!important;margin:0!important;
 filter:drop-shadow(2px 4px 1px #93715639)!important;
 transform:translateX(7%) translateY(1%)!important;
 animation:finger-doodle-breathe 4s ease-in-out infinite!important;
}
.finger-card-right .hand-svg{animation-delay:-1.7s!important}
@keyframes finger-doodle-breathe{0%,65%,100%{transform:translateX(7%) translateY(1%) rotate(0deg)}78%{transform:translateX(7%) translateY(-4%) rotate(-2deg)}}
.finger-hand-card-v51.finger-tapped .hand-svg{animation:finger-doodle-tap .58s ease-in-out 1!important}
@keyframes finger-doodle-tap{0%,100%{transform:translateX(7%) translateY(1%) rotate(0)}35%{transform:translateX(7%) translateY(-8%) rotate(9deg)}72%{transform:translateX(7%) translateY(1%) rotate(-6deg)}}
.finger-card-seeds{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:5px;z-index:3}
.finger-card-seeds i,.finger-result-dots i{display:block;width:clamp(8px,2.4vw,12px);height:clamp(8px,2.4vw,12px);border-radius:50%;background:#f8bf6e;border:2px solid #c28e55;box-shadow:0 0 0 1px #fff3d2}
.finger-card-right .finger-card-seeds i{background:#8ecaa2;border-color:#74a989}
.finger-card-sparkle{position:absolute;top:36%;left:44%;width:18px;height:18px;border:3px solid #e5ac6f;border-radius:50%;opacity:0;pointer-events:none;z-index:3}
.finger-hand-card-v51.finger-tapped .finger-card-sparkle{animation:finger-spark-pop .7s ease-out}
@keyframes finger-spark-pop{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(3)}}
.finger-friends-v51{position:absolute;bottom:0;left:0;width:100%;height:25%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 8%;pointer-events:none;z-index:4}
.finger-friends-v51 img{display:block;width:auto!important;height:100%!important;max-width:40%!important;object-fit:contain!important;overflow:visible;clip-path:none!important;filter:drop-shadow(1px 4px 2px #576f405e)!important;animation:finger-friend-greet 4.5s ease-in-out infinite!important;transform-origin:center bottom}
.finger-friends-v51 .finger-igor{animation-delay:-2s!important}
@keyframes finger-friend-greet{0%,60%,100%{transform:rotate(0)}74%{transform:rotate(7deg) translateY(-3px)}84%{transform:rotate(-4deg)}}
.finger-heart{width:22px;height:22px;align-self:center;margin-top:10px;position:relative;transform:rotate(-45deg);background:#e9a0b5;border:2px solid #b77c8f;border-radius:3px;box-shadow:2px 2px #fff2deb0}
.finger-heart:before,.finger-heart:after{content:"";position:absolute;width:20px;height:20px;background:#e9a0b5;border-radius:50%}
.finger-heart:before{top:-12px;left:-2px}.finger-heart:after{left:10px;top:-2px}
.finger-pick-v51{flex:none;width:min(100%,520px)!important;height:clamp(105px,18.5dvh,158px)!important;margin:0 auto!important;padding:0 0 2px!important;position:relative;z-index:5;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.finger-pick-signal{width:clamp(75px,23vw,120px);height:clamp(17px,3.3dvh,30px);opacity:.9;display:flex;align-items:center;justify-content:center}
.finger-pick-signal svg{width:100%;height:100%;filter:drop-shadow(0 2px #a781587b)}
.finger-answers-v51{display:flex!important;align-items:center!important;justify-content:space-around!important;gap:clamp(7px,2vw,18px)!important;width:100%!important;min-height:0!important;height:clamp(75px,13dvh,116px)!important;padding:0!important;margin:0!important}
.finger-adventure-v51 .finger-answer-v51{
 display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 30%!important;
 width:auto!important;min-width:0!important;max-width:180px!important;height:100%!important;min-height:0!important;
 border:5px solid #b48857!important;border-radius:clamp(22px,7vw,33px)!important;
 color:#895a3d!important;background:linear-gradient(160deg,#fff3cb,#eaba7f)!important;
 box-shadow:inset 0 0 0 3px #fffce5,2px 6px #89634098,0 9px 12px #4f6b4928!important;
 transform:none!important;position:relative;z-index:2;transition:filter .15s!important;
}
.finger-adventure-v51 .finger-answer-v51:nth-child(2){background:linear-gradient(160deg,#e6f6d4,#a6d194)!important;border-color:#82ae6b!important;color:#577f4e!important}
.finger-adventure-v51 .finger-answer-v51:nth-child(3){background:linear-gradient(160deg,#e6f4fa,#a8cfe1)!important;border-color:#7daabc!important;color:#587f9d!important}
.finger-adventure-v51 .finger-answer-v51:active{transform:translateY(3px)!important;filter:brightness(1.12)!important}
.finger-adventure-v51 .finger-answer-v51.wrong{animation:finger-shake-wrong .55s ease-in-out!important;background:linear-gradient(#f9d8d3,#eb9fb1)!important}
@keyframes finger-shake-wrong{0%,100%{transform:translateX(0)}25%{transform:translateX(-9px) rotate(-3deg)}55%{transform:translateX(9px) rotate(3deg)}80%{transform:translateX(-4px)}}
.finger-adventure-v51 .finger-answer-v51 .crayon-answer-number{width:74%!important;height:80%!important;display:flex!important;align-items:center!important;justify-content:center!important;filter:drop-shadow(0 1px #fff9de)}
.finger-adventure-v51 .finger-answer-v51 .crayon-answer-digit{width:clamp(34px,8vw,61px)!important;height:clamp(50px,12vw,81px)!important}
.finger-hint-v51{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important}
/* Reward phase. Same drawn hand series and background, playful organic heart/star. */
.finger-adventure-v51.finger-result-v51 .finger-equation-v51{height:clamp(75px,12dvh,110px)!important}
.finger-result-garden{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;min-height:170px!important}
.finger-success-symbol{position:absolute;top:0;right:9%;width:clamp(44px,12vw,70px);height:clamp(44px,12vw,70px);z-index:4;animation:finger-star-bounce 2.8s ease-in-out infinite}
.finger-success-symbol svg{width:100%;height:100%;filter:drop-shadow(2px 3px #9a724e55)}
@keyframes finger-star-bounce{0%,60%,100%{transform:rotate(-7deg)}75%{transform:rotate(11deg) translateY(-5px)}}
.finger-result-hand-box{width:100%;height:79%;min-height:0;display:flex!important;justify-content:center!important;align-items:center!important;gap:1%;z-index:2}
.finger-adventure-v51 .finger-result-hand-box .hand-svg{width:44%!important;max-width:215px!important;height:100%!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(2px 5px 2px #957a6155)!important;animation:finger-result-appear .43s cubic-bezier(.22,1.3,.38,1)!important}
.finger-adventure-v51 .finger-result-hand-box .hand-svg:only-child{width:62%!important}
.finger-result-hand-box .mirror-hand{transform:scaleX(-1)!important}
@keyframes finger-result-appear{from{opacity:.45;transform:translateY(13px) scale(.87)}to{opacity:1;transform:translateY(0) scale(1)}}
.finger-result-dots{position:absolute;bottom:9%;display:flex;justify-content:center;align-items:center;gap:clamp(4px,1.3vw,9px);z-index:4;max-width:96%;flex-wrap:wrap}
.finger-result-dots i{width:clamp(11px,3vw,16px);height:clamp(11px,3vw,16px);animation:finger-dot-glow 1.4s ease-in-out infinite;animation-delay:calc(var(--i)*.11s)}
@keyframes finger-dot-glow{50%{transform:translateY(-4px) scale(1.1)}}
.finger-count-message-v51{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important}
.finger-result-next-v51{flex:none;height:clamp(106px,19dvh,153px);width:100%;display:flex;justify-content:center;align-items:center}
.finger-adventure-v51 .finger-result-next-v51 .next-button{
 width:clamp(87px,27vw,125px)!important;height:clamp(87px,27vw,125px)!important;min-width:0!important;min-height:0!important;
 display:grid!important;place-items:center!important;padding:8px!important;border-radius:50%!important;
 background:linear-gradient(140deg,#fff4be,#efbc6d)!important;border:6px solid #aa794a!important;color:#785035!important;
 box-shadow:inset 0 0 0 3px #fff9d9,2px 6px #78573e9e!important;
}
.finger-result-next-v51 .next-button svg{width:64%;height:64%;filter:drop-shadow(0 2px #fff6ce)}
@media(max-height:650px) and (orientation:portrait){
 .finger-title-v51 h1{font-size:24px!important}
 .finger-adventure-v51 .finger-title-v51{height:42px!important;border-width:4px!important}
 .finger-progress-v51{height:21px!important;margin:2px auto!important}
 .finger-adventure-v51 .finger-equation-v51{height:67px!important;border-width:4px!important;border-radius:22px!important}
 .finger-equation-v51 .finger-eq-digit{font-size:39px!important}
 .finger-equation-v51 .finger-eq-sign{font-size:32px!important}
 .finger-adventure-v51 .finger-hand-card-v51{border-width:3px!important;padding:3px 0 8px!important;border-radius:21px!important}
 .finger-hands-row{inset:8% 2% 26%!important;gap:5px!important}
 .finger-friends-v51{height:26%!important}
 .finger-pick-v51{height:99px!important}
 .finger-answers-v51{height:73px!important}
 .finger-adventure-v51 .finger-answer-v51{border-width:3px!important;border-radius:21px!important}
 .finger-seed{width:11px;height:11px}
 .finger-result-next-v51{height:93px!important}
 .finger-card-num{width:29px;height:29px;font-size:18px}
}
@media(orientation:landscape) and (max-height:560px){
 .finger-adventure-v51.main-content{display:grid!important;grid-template-columns:40% 60%;grid-template-rows:42px 16px minmax(80px,1fr)!important;gap:1px!important;padding:0 10px 5px!important}
 .finger-adventure-v51 .finger-title-v51{grid-column:1;grid-row:1;height:39px!important;border-width:3px}
 .finger-adventure-v51 .finger-progress-v51{grid-column:1;grid-row:2;height:16px!important}
 .finger-adventure-v51 .finger-equation-v51{grid-column:1;grid-row:3;height:min(90px,45%)!important;align-self:start!important}
 .finger-adventure-v51 .finger-garden-v51{grid-column:2;grid-row:1/4;width:100%!important;height:100%!important;min-height:0!important}
 .finger-adventure-v51 .finger-pick-v51{grid-column:1;grid-row:3;align-self:end;height:48%!important;min-height:75px!important}
 .finger-adventure-v51 .finger-answer-v51{border-width:3px;height:76px!important;border-radius:20px!important}
 .finger-adventure-v51 .finger-answers-v51{height:76px!important}
 .finger-adventure-v51 .finger-pick-signal{display:none}
 .finger-adventure-v51 .finger-result-next-v51{grid-column:1;grid-row:3;align-self:end;height:45%!important}
}
@media(prefers-reduced-motion:reduce){
 .finger-adventure-v51 .hand-svg,.finger-adventure-v51 .finger-seed,.finger-adventure-v51 .finger-eq-question,.finger-adventure-v51 .finger-friends-v51 img{animation:none!important}
}

/* V51 final polish – bigger finger silhouettes, correct landscape title. */
.finger-adventure-v51 .finger-card-picture .hand-svg{height:117%!important}
@media(orientation:landscape) and (max-height:560px){
 .finger-adventure-v51 .finger-title-v51 h1{font-size:clamp(19px,3.1vw,25px)!important;letter-spacing:-.3px!important}
 .finger-adventure-v51 .finger-title-sun{width:17px;height:17px;left:6px}
 .finger-adventure-v51 .finger-title-butterfly{right:5px;transform:translateY(-50%) scale(.7)}
}