@font-face{font-family:AddYekan;src:url('../fonts/BYekan.ttf');font-display:swap}
body.addition-adventure .wrapper{background:#23bcf1 url('../assets/addition/classroom.jpg') center top/cover fixed!important}
#addAdventure,#addAdventure *{box-sizing:border-box;font-family:AddYekan,Tahoma,sans-serif}
#addAdventure{width:min(960px,calc(100% - 24px));margin:22px auto 30px;color:#194d6b;padding:14px;background:#ddf6ffed;border:4px solid white;border-radius:30px;box-shadow:0 8px #087da8,0 15px 35px #00497155}
#addAdventure [hidden]{display:none!important}
#addAdventure .aa-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:#11b9ec;border:3px solid #c5f7ff;border-radius:21px;padding:9px 12px;box-shadow:0 5px #087eae}
#addAdventure h1{color:white;font-size:33px;margin:0;text-shadow:0 3px #136591}
#addAdventure .aa-tools{display:flex;align-items:center;gap:10px;justify-self:end;white-space:nowrap;color:#fff;font-size:16px}
#addAdventure .aa-button,#addAdventure .vm-controls button{position:relative;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;gap:4px;width:auto;min-height:42px;border:2px solid #fff;border-radius:13px;padding:7px 13px;background:linear-gradient(#58dcff,#00a5e7);color:#123f60;font-size:15px;font-weight:bold;box-shadow:0 4px #097ea9;text-decoration:none;cursor:pointer;transition:transform .18s}
#addAdventure .aa-top>a{justify-self:start;background:linear-gradient(#ffec75,#ffbd24);color:#64440b;box-shadow:0 4px #c58c19}
#addAdventure .aa-button:before,#addAdventure .vm-controls button:before{content:'';position:absolute;inset:-40% auto -40% -60%;width:30%;background:#ffffff66;transform:rotate(20deg);transition:left .5s;pointer-events:none}
#addAdventure .aa-button:hover:before,#addAdventure .vm-controls button:hover:before{left:130%}
#addAdventure button:hover{transform:translateY(-2px)}
#addAdventure button:disabled{opacity:.65;cursor:default;transform:none}
#addAdventure #aaSound{font-size:30px;width:43px;padding:0;background:linear-gradient(#ffe35c,#ffab1c);color:#75409d}
#addAdventure #aaSound.muted:after{content:'';width:38px;height:3px;background:#e63260;position:absolute;transform:rotate(-45deg);box-shadow:0 0 0 1px white}
#addAdventure .aa-digits{display:grid;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);direction:ltr;align-items:end;gap:9px;max-width:420px;margin:18px auto 10px}
#addAdventure .aa-digits label{display:block;min-width:0;text-align:center;font-size:14px;margin:0}
#addAdventure .aa-digits select{display:block;width:100%;min-width:0;height:39px;margin-top:4px;border:2px solid #39a7d0;border-radius:10px;background:#fff;color:#174c68;text-align:center;direction:rtl;font-size:15px}
#addAdventure .aa-digits>b{text-align:center;font-size:27px;padding-bottom:4px;color:#9943be}
#aaEquation{width:fit-content;margin:12px auto 17px;background:#ffdc39;color:#2459a3;padding:7px 25px;border:3px solid white;border-radius:18px;box-shadow:0 5px #e4a41e;font-size:34px;font-weight:bold;text-shadow:0 2px #fff5}
#addAdventure .aa-work{position:relative;background:#fffbed;border:3px solid #fff;border-radius:24px;box-shadow:0 5px #8dbfd2;padding:40px 17px 14px 73px}
#aaVisual{position:relative;min-width:0}
#addAdventure .vm-stage{position:static;color:#194d6b}
#addAdventure .vm-guide{display:flex;align-items:center;justify-content:center;direction:rtl;gap:9px;margin:0 auto 22px;max-width:470px;min-height:80px}
#addAdventure .vm-guide img{width:70px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 2px #7a806644)}
#addAdventure .vm-speech{position:relative;margin:0;padding:9px 15px;background:#ffeb8c;border:2px solid #e7b23e;border-radius:18px;box-shadow:0 3px #e8ca70;font-size:14px;line-height:1.7}
#addAdventure .vm-shapes{position:absolute;left:-60px;top:75px;display:flex;flex-direction:column;gap:8px}
#addAdventure .vm-shapes button{width:44px;height:44px;border:2px solid white;border-radius:13px;background:linear-gradient(#ff8acb,#ef389a);box-shadow:0 4px #b92670;font-size:26px;padding:2px;cursor:pointer}
#addAdventure .vm-shapes button:nth-child(2){background:linear-gradient(#ffe176,#ffa11c);box-shadow:0 4px #c17913}
#addAdventure .vm-shapes button:nth-child(3){background:linear-gradient(#c09aff,#8b48e0);box-shadow:0 4px #62379f}
#addAdventure .vm-shapes button:nth-child(4){background:linear-gradient(#83e3ff,#22b3e0);box-shadow:0 4px #147c9f}
#addAdventure .vm-shapes button[aria-pressed=true]{outline:3px solid #ffc800;outline-offset:2px}
#addAdventure .vm-board{display:flex;direction:ltr;justify-content:center;align-items:start;gap:14px}
#addAdventure .vm-basket{direction:rtl;width:50%;max-width:290px;min-width:0;min-height:110px;padding:8px;background:repeating-linear-gradient(90deg,#8ae0f8 0 18px,#b7eeff 18px 22px);border:3px solid #31acd1;border-bottom:8px solid #2697bb;border-radius:18px 18px 32px 32px;box-shadow:0 5px #c4dfe3}
#addAdventure .vm-basket:nth-child(2){background:repeating-linear-gradient(90deg,#9be6ad 0 18px,#c4f6cd 18px 22px);border-color:#39b976;border-bottom-color:#269761}
#addAdventure .vm-basket h3{width:fit-content;margin:0 auto 7px;padding:5px 10px;background:#fffef4;border-radius:10px;font-size:13px;font-weight:bold}
#addAdventure .vm-items{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;min-width:0}
#addAdventure .vm-token{border:0;background:none;min-width:0;margin:0;padding:2px;cursor:pointer;border-radius:9px;max-width:100%}
#addAdventure .vm-token-1 .vm-token-grid{font-size:27px;line-height:1.2}
#addAdventure .vm-token-10,#addAdventure .vm-token-100{background:#ffdf6c;border:2px solid #e7a722;padding:4px}
#addAdventure .vm-token-100{background:#d3b8ff;border-color:#9464ca}
#addAdventure .vm-token:not(.vm-token-1) .vm-token-grid{display:none}
#addAdventure .vm-token-10:before{content:'🎁';font-size:25px}
#addAdventure .vm-token-100:before{content:'🧰';font-size:25px}
#addAdventure .vm-token b{display:block;font-size:11px}
#addAdventure .vm-empty{padding:17px 3px;color:#50776b;font-size:12px}
#addAdventure .vm-controls{position:absolute;right:0;top:-30px}
#addAdventure .vm-controls button{background:linear-gradient(#c6f576,#7fd329);color:#2e5315;box-shadow:0 4px #68a525;min-height:33px;font-size:12px;padding:4px 10px}
#addAdventure .vm-legend{font-size:11px;text-align:center;margin:0 0 5px}
#addAdventure .aa-arrow{position:absolute;top:81px;left:50%;transform:translateX(-50%);width:115px;color:#1d8fbc;pointer-events:none}
#addAdventure .aa-arrow svg{width:100%;height:33px}
#aaForm{display:flex;direction:rtl;justify-content:center;align-items:center;gap:8px;margin:20px auto 8px;max-width:340px}
#aaAnswer{min-width:0;width:170px;height:43px;background:white;border:2px solid #e4a41e;border-radius:12px;text-align:center;font-size:19px;color:#274263}
#addAdventure #aaCheck{background:linear-gradient(#ffec70,#ffc122);box-shadow:0 4px #c88b13;color:#5c410c;white-space:nowrap}
#aaFeedback{min-height:18px;margin:8px 0;text-align:center;font-size:14px}
#addAdventure .aa-actions{display:flex;direction:ltr;justify-content:space-between;gap:8px}
#addAdventure #aaNext{background:linear-gradient(#7be7ff,#16b0e8)}
#addAdventure #aaHint{background:linear-gradient(#c59afa,#9954e6);color:white;box-shadow:0 4px #7039b5}
#addAdventure .aa-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#addAdventure :focus-visible{outline:3px solid #c338a2;outline-offset:3px}
#addAdventure.aa-win .vm-guide img{animation:aaHappy .5s 2}
#addAdventure.aa-retry .vm-guide img{animation:aaTry .6s}
.addition-adventure .vm-flying{position:fixed;z-index:10000;font-size:33px;pointer-events:none;animation:aaFly .65s forwards}
@keyframes aaFly{50%{transform:translate(var(--mx),var(--my)) scale(1.25)}100%{transform:translate(var(--dx),var(--dy));opacity:0}}
@keyframes aaHappy{50%{transform:translateY(-10px) rotate(5deg)}}@keyframes aaTry{40%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}}
@media(min-width:1250px){#addAdventure{width:73%;max-width:1000px}}
@media(max-width:600px){body.addition-adventure .wrapper{background-attachment:scroll!important}#addAdventure{width:calc(100% - 12px);margin:10px 6px 20px;padding:8px;border-width:3px;border-radius:22px}#addAdventure .aa-top{gap:5px;padding:7px}#addAdventure h1{font-size:25px}#addAdventure .aa-top>a{font-size:11px;padding:6px;min-height:38px}#addAdventure .aa-tools{gap:4px;font-size:11px}#addAdventure #aaSound{width:33px;min-height:37px;font-size:25px}#addAdventure .aa-digits{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:6px;margin:13px auto 8px}#addAdventure .aa-digits label{font-size:12px}#addAdventure .aa-digits select{font-size:13px}#aaEquation{font-size:29px;margin:10px auto 14px;padding:5px 22px}#addAdventure .aa-work{padding:38px 8px 9px;border-radius:20px}#addAdventure .vm-guide{min-height:65px;margin-bottom:7px}#addAdventure .vm-guide img{width:49px;height:68px}#addAdventure .vm-speech{font-size:12px;padding:6px 9px}#addAdventure .vm-shapes{position:static;flex-direction:row;justify-content:center;gap:10px;margin:5px auto 27px}#addAdventure .vm-shapes button{width:39px;height:39px;font-size:24px}#addAdventure .aa-arrow{top:108px;width:95px}#addAdventure .vm-board{gap:8px}#addAdventure .vm-basket{padding:6px 3px;min-height:100px}#addAdventure .vm-basket h3{font-size:11px;padding:4px 7px}#addAdventure .vm-token-1 .vm-token-grid{font-size:25px}#addAdventure .vm-items{gap:1px}#aaForm{margin-top:17px}#aaAnswer{width:140px;font-size:17px}#addAdventure .aa-actions button{font-size:12px;padding:6px 9px}#aaFeedback{font-size:12px}}
#addAdventure .aa-bear{display:block;flex:0 0 112px;width:112px;height:112px;background:url('../assets/addition/bear-states.png') 0 0/300% 100% no-repeat;filter:drop-shadow(0 4px 3px #55778033);transform-origin:50% 90%}
#addAdventure.aa-win .aa-bear{background-position:50% 0;animation:aaHappy .5s 3}
#addAdventure.aa-retry .aa-bear{background-position:100% 0;animation:aaTry .7s}
#addAdventure .vm-token-1{position:relative;filter:drop-shadow(0 2px 1px #47595533)}
#addAdventure .vm-token-1:after{content:'';position:absolute;width:6px;height:3px;border-radius:50%;background:#fff9;left:30%;top:22%;transform:rotate(-25deg);pointer-events:none}
#addAdventure.aa-win .aa-work{box-shadow:0 5px #8dbfd2,0 0 22px #ffe15c}
@media(max-width:600px){#addAdventure .aa-bear{width:82px;height:82px;flex-basis:82px}#addAdventure .aa-arrow{top:122px}}
@media(prefers-reduced-motion:reduce){#addAdventure *, .addition-adventure .vm-flying{animation:none!important;transition:none!important}}