html,body{overscroll-behavior:none}#game{height:100vh;height:100dvh}#world{touch-action:none}button{-webkit-touch-callout:none}button[aria-pressed=true][data-key]{background:#37789ce8;border-color:#bcecff;transform:scale(.96)}dialog{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}dialog input:not([type=checkbox]),dialog select{font-size:16px}#fullscreen[hidden]{display:none}.phone-hint{display:none}.touch button{min-width:48px;min-height:48px}
@media(pointer:coarse){header{padding:calc(12px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) 10px calc(14px + env(safe-area-inset-left,0px))}.touch{left:calc(14px + env(safe-area-inset-left,0px));right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(76px + env(safe-area-inset-bottom,0px))}.touch>div{gap:10px}.touch button{width:64px;height:64px;font-size:24px;background:#0b263bd9;border:2px solid #9ed7f299}.touch .jump{width:100px;height:64px;font-size:14px}.bottom{left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));gap:6px;flex-wrap:nowrap}.bottom button{min-height:44px;padding:8px;font-size:11px;white-space:nowrap}.bottom #fullscreen{font-size:0;padding:8px 12px}.bottom #fullscreen:after{content:'⛶';font-size:18px}#caption{bottom:calc(156px + env(safe-area-inset-bottom,0px));font-size:13px;width:min(600px,90%)}.phone-hint{display:block!important;font-size:11px!important;color:#b2d9ef!important}.overlay{padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}#pauseMenu,#finish{overflow-y:auto;align-items:safe center}.close{min-width:44px;min-height:44px}}
@media(pointer:coarse) and (orientation:portrait){#world{height:calc(100% - 158px - env(safe-area-inset-bottom,0px))}#missionHud{top:calc(105px + env(safe-area-inset-top,0px));left:14px;max-width:calc(100% - 28px);font-size:10px;padding:10px 12px}#location{top:calc(80px + env(safe-area-inset-top,0px));left:16px;font-size:9px;letter-spacing:1.5px}.logo{font-size:23px}.hud>span{padding:7px}.hud b{font-size:14px}.hud button{min-height:44px;min-width:40px;padding:7px}.touch{bottom:calc(72px + env(safe-area-inset-bottom,0px))}.touch>div{gap:7px}.touch button{width:56px;height:64px;min-width:56px}.touch .jump{width:88px}.menu .keys{font-size:10px}#achievementToast{top:calc(240px + env(safe-area-inset-top,0px));left:14px;right:auto;font-size:12px;max-width:calc(100% - 28px)}#caption{bottom:calc(162px + env(safe-area-inset-bottom,0px))}.bottom button{font-size:10px;padding:6px}.bottom #fullscreen{padding:6px 9px}}
@media(pointer:coarse) and (orientation:landscape){.touch{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.touch button{width:58px;height:58px;min-width:58px}.touch .jump{height:58px;width:100px}.logo{font-size:23px}.logo span{font-size:7px}#missionHud{top:calc(78px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));font-size:9px;padding:7px 10px;gap:3px;max-width:300px}#missionHud strong{display:none}#location{top:calc(59px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));font-size:9px;letter-spacing:1px}#caption{bottom:calc(135px + env(safe-area-inset-bottom,0px));width:min(430px,55%);font-size:11px;padding:8px 12px}#achievementToast{top:65px;font-size:11px;padding:10px 14px}.phone-hint{display:none!important}dialog{padding:20px}.lesson-answer{padding:12px}.lesson-answer>span{font-size:34px}#lessonVisual{font-size:28px;padding:12px;margin:10px 0}#lessonQuestion{font-size:22px}#friendStory p{font-size:14px}.overlay{padding-left:calc(30px + env(safe-area-inset-left,0px));padding-right:calc(30px + env(safe-area-inset-right,0px))}}

@media(pointer:coarse) and (orientation:portrait){#missionHud{grid-template-columns:1fr 1fr;gap:3px}#missionHud strong{display:none}#missionCount,#meetFriend{grid-column:1/-1}#learningCount,#powerHud{font-size:9px;line-height:1.4}#achievementToast{top:190px}}
@media(pointer:coarse){dialog button,.overlay button{touch-action:manipulation}}
.touch .attack{font-size:12px!important;font-weight:900;background:#753b78d9;border-color:#e7afff}#combatHud{color:#ffc3aa;font-weight:700;font-size:11px}@media(pointer:coarse) and (orientation:portrait){.touch{align-items:end}.touch>div:last-child{display:grid;grid-template-columns:56px 56px;gap:7px}.touch>div:last-child button{height:52px;min-height:48px}.touch>div:last-child .jump{grid-column:1/-1;width:119px;height:54px}.touch .attack{font-size:10px!important}#combatHud{grid-column:1/-1;font-size:9px}}
.touch .attack{padding:4px}
#participantName{grid-column:1/-1;display:block;color:#b5f0ff;font-weight:900;font-size:14px;max-width:100%;overflow-wrap:anywhere}
#routeProgress{position:absolute;top:0;left:0;width:100%;height:4px;border:0;appearance:none;background:#122d48;z-index:7}#routeProgress::-webkit-progress-bar{background:#122d48}#routeProgress::-webkit-progress-value{background:linear-gradient(90deg,#5cdbff,#b4f6c8)}#routeProgress::-moz-progress-bar{background:#77e6ff}#stagePreview{border-left:3px solid #7bdfed;padding-left:12px;color:#c9eff4;font-size:13px;line-height:1.6}#challengeHud{color:#d2f6d3;font-weight:700;line-height:1.5;grid-column:1/-1}#hudToggle{min-height:36px;font-size:11px;padding:7px 10px;color:#e0f6ff;background:#164765;border-color:#76b9ce;grid-column:1/-1}#missionHud{max-height:min(380px,calc(100dvh - 170px));overflow:auto}#missionHud.compact-hud{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;max-width:320px;padding:9px 12px;background:#06172deb}#missionHud.compact-hud>strong,#missionHud.compact-hud #missionCount,#missionHud.compact-hud #teamHud,#missionHud.compact-hud #combatHud,#missionHud.compact-hud #learningCount{display:none}#missionHud.compact-hud #powerHud:empty{display:none}#missionHud.compact-hud #powerHud{display:none}#missionHud.compact-hud #participantName{grid-column:1;grid-row:1;align-self:center;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#missionHud.compact-hud #hudToggle{grid-column:2;grid-row:1;font-size:10px}#missionHud.compact-hud #lessonScoreHud,#missionHud.compact-hud #challengeHud{grid-column:1/-1;font-size:10px}#missionHud.compact-hud #trophyProgress{grid-column:1;font-size:10px}#missionHud.compact-hud #sessionHud{grid-column:2;font-size:10px}#missionHud.compact-hud #meetFriend,#missionHud.compact-hud #lessonPrompt{grid-column:1/-1}.lesson-answer.incorrect{border:3px dashed #ffb2b6;background:#522a40}.lesson-answer.incorrect:after{content:'Tente outra';font-size:11px;color:#ffe5e8}.lesson-answer.correct{border:3px solid #a4ffd3;background:#185647}.lesson-answer.correct:after{content:'✓ Muito bem!';font-size:12px;color:#c3ffe4}.lesson-answer:disabled{cursor:default}.lesson-answer:disabled:not(.correct){opacity:.7}button:focus-visible,a:focus-visible{outline:3px solid #b5f4ff;outline-offset:3px}@media(pointer:coarse){#hudToggle{min-height:44px}#missionHud.compact-hud{max-width:min(320px,calc(100% - 28px))}}@media(pointer:coarse) and (orientation:landscape){#missionHud.compact-hud{max-width:285px;padding:7px 10px}#missionHud.compact-hud #challengeHud{font-size:9px}}
#missionHud.compact-hud #powerHud[data-active=true]{display:block;grid-column:1/-1;font-size:10px;color:#ffe08a}
#equipmentButton{grid-column:1/-1;min-height:44px;padding:7px 10px;font-size:11px;background:#284669;border-color:#83bce4;text-align:left}#equipmentDialog{width:min(640px,94vw)}#equipmentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}#equipmentGrid button{min-height:64px;padding:10px;font-size:13px;touch-action:manipulation}#equipmentGrid button[aria-pressed=true]{border:3px solid #ffe074;background:#35556c}#equipmentGrid button[aria-pressed=true]:after{content:' ✓ Equipado';display:block;font-size:11px;color:#ffe99b}#equipmentGrid button:disabled{opacity:.55;cursor:default}
#equipmentGrid canvas{display:block;width:100%;height:auto;max-height:100px;object-fit:contain}#equipmentGrid span{display:block}#lessonReward{border:1px solid #f4d676;border-radius:18px;background:linear-gradient(145deg,#173f5c,#10243a);text-align:center;margin:14px 0;padding:12px;overflow:hidden}#lessonReward[hidden]{display:none}#lessonReward>p{color:#ffe58a;font-size:10px;letter-spacing:2px;margin:0}#rewardName{font-size:24px;color:#fff4c9;margin:10px 0 0}.reward-stage{position:relative;height:150px;background:linear-gradient(transparent 83%,#7dcbe333 83%,#7dcbe333 84%,transparent 84%)}#rewardImage{width:min(100%,360px);height:150px;object-fit:contain;background:transparent;animation:reward-arrive .55s ease-out both,reward-cruise 2.2s .55s ease-in-out infinite}#lessonReward small{color:#b9f6d8;font-size:12px}@keyframes reward-arrive{from{transform:translateX(-100px) scale(.75);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes reward-cruise{0%,100%{transform:translateX(-14px) translateY(0)}50%{transform:translateX(14px) translateY(-4px)}}@media(prefers-reduced-motion:reduce){#rewardImage{animation:none}}@media(pointer:coarse) and (orientation:landscape){.reward-stage,#rewardImage{height:110px}#rewardName{font-size:21px}}
#travelHud{grid-column:1/-1;color:#a4eaf7;font-size:10px;line-height:1.4}.touch button[data-key=down]{font-size:12px;font-weight:bold;background:#145d89}.touch button[hidden]{display:none!important}@media(pointer:coarse){.touch button[data-key=down]{position:absolute;right:0;bottom:80px;border-radius:16px;width:100px;height:44px;min-height:44px}}@media(pointer:coarse) and (orientation:portrait){.touch button[data-key=down]{bottom:130px;width:119px}}
#lessonReward>p,#rewardName,#rewardRoute{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#lessonReward[data-state=won]{border-color:#93efbb}#lessonReward[data-state=lost]{border-color:#ef9da4;background:linear-gradient(145deg,#44283c,#18243b)}#lessonReward[data-state=lost] #rewardImage{animation:reward-leave 1.2s ease-in-out both}.reward-stage:after{position:absolute;right:8px;top:4px;content:'+';font-size:32px;font-weight:900;color:#9dffc6}#lessonReward[data-state=lost] .reward-stage:after{content:'−';color:#ffc1c5}@keyframes reward-leave{from{transform:translateX(0) scale(1);opacity:1}to{transform:translateX(65px) scale(.7);opacity:.3}}@media(prefers-reduced-motion:reduce){#lessonReward[data-state=lost] #rewardImage{animation:none;opacity:.65}}
#lessonConfetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:5}#lessonConfetti[hidden]{display:none}#lessonConfetti i{position:absolute;top:-16px;width:9px;height:15px;animation:lesson-confetti 1.5s ease-out both;will-change:transform,opacity}#lessonConfetti i:nth-child(3n){border-radius:50%;width:11px;height:11px}@keyframes lesson-confetti{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(75vh) rotate(480deg);opacity:0}}@media(prefers-reduced-motion:reduce){#lessonConfetti i{animation:none;top:12px;transform:rotate(20deg);will-change:auto}}
#lessonVictory{position:relative;text-align:center;padding:12px;margin:8px 0 14px;border:2px solid #ffe075;border-radius:20px;background:radial-gradient(ellipse at top,#5d501c,#17344f 75%);animation:victory-pop .55s ease-out both}#lessonVictory[hidden]{display:none}.victory-icons{display:flex;justify-content:center;align-items:center;gap:24px;font-size:clamp(32px,7vw,54px)}.victory-icons span{display:inline-block;animation:victory-clap .3s ease-in-out 6 alternate}.victory-icons span:nth-child(2){font-size:1.3em;animation:victory-trophy .55s ease-in-out 4 alternate}#lessonVictory strong{display:block;color:#ffe075;font-size:clamp(25px,6vw,38px);letter-spacing:2px;text-shadow:0 2px #594018}.victory-stars{display:block;font-size:24px;letter-spacing:12px;color:#ffe075;animation:victory-pop .65s .15s ease-out both}#lessonVictory small{display:block;color:#b7ffdc;font-weight:800;font-size:12px;margin-top:4px}#lessonConfetti i{animation-duration:2.1s}#lessonConfetti i:nth-child(4n){width:14px;height:14px;clip-path:polygon(50% 0,61% 35%,100% 38%,70% 61%,80% 100%,50% 77%,20% 100%,30% 61%,0 38%,39% 35%)}@keyframes victory-pop{from{transform:scale(.65);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}@keyframes victory-clap{from{transform:rotate(-15deg) scale(.9)}to{transform:rotate(15deg) scale(1.15)}}@keyframes victory-trophy{from{transform:translateY(3px) rotate(-6deg)}to{transform:translateY(-6px) rotate(6deg)}}@media(pointer:coarse) and (orientation:landscape){#lessonVictory{padding:6px}.victory-icons{font-size:28px}#lessonVictory strong{font-size:24px}.victory-stars{font-size:16px}}@media(prefers-reduced-motion:reduce){#lessonVictory,.victory-icons span,.victory-stars{animation:none}}
@media(pointer:coarse){#missionHud{z-index:9;top:calc(105px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));width:min(285px,calc(100% - 28px));max-width:calc(100% - 28px);grid-template-columns:minmax(0,1fr);max-height:min(340px,calc(100dvh - 265px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}#missionHud>#hudToggle{position:sticky;top:0;z-index:2;grid-column:1/-1;grid-row:1;min-height:44px;min-width:110px;width:100%;font-size:12px;touch-action:manipulation;pointer-events:auto;box-shadow:0 2px 8px #06172d80}#missionHud.compact-hud{display:block;width:max-content;max-width:calc(100% - 28px);max-height:none;padding:0;gap:0;border:0;background:transparent;overflow:visible}#missionHud.compact-hud>:not(#hudToggle){display:none!important}#missionHud.compact-hud>#hudToggle{position:relative;grid-column:auto;grid-row:auto;margin:0;padding:10px 14px;font-size:12px;background:#123c55ed;border:1px solid #8fd1e8;border-radius:14px}#game>#lessonPrompt,#game>#meetFriend{position:absolute;top:calc(105px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));left:auto;z-index:8;width:min(190px,46%);max-width:46%;min-height:44px;padding:8px 10px;font-size:11px;line-height:1.35;touch-action:manipulation;pointer-events:auto}#game>#lessonPrompt[hidden],#game>#meetFriend[hidden]{display:none}#game:has(>.overlay:not([hidden]))>#missionHud,#game:has(>.overlay:not([hidden]))>#lessonPrompt,#game:has(>.overlay:not([hidden]))>#meetFriend{visibility:hidden;pointer-events:none}}@media(pointer:coarse) and (orientation:landscape){#missionHud,#game>#lessonPrompt,#game>#meetFriend{top:calc(78px + env(safe-area-inset-top,0px))}#missionHud:not(.compact-hud){max-height:calc(100dvh - 215px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:min(270px,42vw)}}
#bossHud{position:absolute;top:94px;left:50%;transform:translateX(-50%);z-index:3;width:min(440px,58%);padding:10px 16px;border:1px solid #ffc08b;border-radius:16px;background:#162540ed;text-align:center;pointer-events:none;box-shadow:0 5px 18px #05112380}#bossHud[hidden]{display:none}#bossTitle{display:block;color:#ffe39a;font-size:13px;letter-spacing:1px}.boss-track{height:9px;background:#3f4258;border-radius:8px;overflow:hidden;margin:7px 0}#bossHealth{display:block;height:100%;background:linear-gradient(90deg,#ed7980,#ffda84);transition:width .15s linear}#bossHint{display:block;color:#dbf3ff;font-size:11px}@media(pointer:coarse){#bossHud{top:calc(158px + env(safe-area-inset-top,0px));width:min(400px,88%);padding:8px 12px}#bossTitle{font-size:11px}#bossHint{font-size:10px}}@media(pointer:coarse) and (orientation:landscape){#bossHud{top:calc(128px + env(safe-area-inset-top,0px));width:min(360px,50%)}}@media(prefers-reduced-motion:reduce){#bossHealth{transition:none}}
#finalVictory{margin:14px 0;padding:16px;border:2px solid #ffdf7e;border-radius:16px;background:linear-gradient(135deg,#65501e,#17384d);color:#fff1b3;font-weight:900;line-height:1.6;text-align:center}#finalVictory[hidden],#finishNewAdventure[hidden]{display:none}#finishNewAdventure{margin-top:10px;background:#1f5c71;border-color:#9ce7d1;font-weight:bold}
#learningDialog[open]{display:grid;grid-template-rows:minmax(0,1fr) auto;height:min(700px,calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:0;overflow:hidden}#lessonBody{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px;-webkit-overflow-scrolling:touch}#lessonBody>form{position:sticky;top:0;display:flex;justify-content:flex-end;z-index:6;margin:0;min-height:44px;pointer-events:none}#lessonBody>form .close{pointer-events:auto;min-height:44px;min-width:44px}#lessonActions{position:relative;z-index:10;padding:10px 16px max(10px,env(safe-area-inset-bottom,0px));border-top:1px solid #8cd7e544;background:#102c43;box-shadow:0 -6px 16px #06152955}#lessonActions[hidden]{display:none}#lessonActions #continueLesson{display:block;width:100%;min-height:48px;margin:0;touch-action:manipulation}#learningDialog[data-solved=true] #lessonLanguage,#learningDialog[data-solved=true] #lessonQuestion,#learningDialog[data-solved=true] #lessonTranslation,#learningDialog[data-solved=true] #lessonVisual,#learningDialog[data-solved=true] #lessonAnswers,#learningDialog[data-solved=true] #lessonFeedback,#learningDialog[data-solved=true] #lessonTools{display:none!important}#rewardLevel{display:block;color:#ffe79d;font-size:12px;font-weight:900;letter-spacing:1px;margin:5px 0}#learningDialog #lessonConfetti{z-index:8}@media(max-height:500px){#lessonBody{padding:10px 16px}#learningDialog[data-solved=true] #lessonBody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-content:center;align-items:center}#learningDialog[data-solved=true] #lessonBody>form{grid-column:1/-1;min-height:38px}#learningDialog[data-solved=true] #lessonVictory{margin:0;padding:8px}#learningDialog[data-solved=true] #lessonReward{margin:0;padding:6px}.victory-icons{font-size:26px;gap:12px}#lessonVictory strong{font-size:24px}.victory-stars{font-size:18px}#lessonVictory small{font-size:10px}.reward-stage,#rewardImage{height:100px}#lessonActions{padding:7px 12px}#lessonActions #continueLesson{min-height:44px}}
#livesHud,#livesHud b{color:#ffb3c6}#arsenalButton{grid-column:1/-1;min-height:44px;font-size:11px;text-align:left;padding:8px 10px;background:#285364;border-color:#8bdfc9}#arsenalDialog{width:min(650px,94vw)}#arsenalGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}#arsenalGrid button{min-height:120px;padding:8px;font-size:12px;touch-action:manipulation}#arsenalGrid canvas{width:100%;height:90px;background:transparent;object-fit:contain}#arsenalGrid button:disabled{opacity:.4}#arsenalGrid button[aria-pressed=true]{border:3px solid #a8fbd2;background:#215c64}#defeat{z-index:5;overflow-y:auto;align-items:safe center}#defeat h2{font-size:clamp(28px,5vw,42px)}@media(pointer:coarse){.hud{gap:5px}#livesHud{padding:7px;font-size:17px}#livesHud b{font-size:14px}#arsenalGrid{grid-template-columns:1fr 1fr}}