:root{--color-blue-dark:210 90% 12%;--color-blue:210 95% 56%;--color-teal:185 85% 55%;--color-green:145 70% 45%;--color-yellow:45 95% 60%;--color-orange:25 95% 58%;--color-pink:330 85% 60%;--color-white:0 0% 100%;--color-glass-bg:210 80% 8% / .72;--color-glass-border:185 80% 50% / .3;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glow-teal:0 0 15px #2bdeee99;--glow-yellow:0 0 15px #fac93899;--glow-pink:0 0 15px #f0429999;--shadow-premium:0 15px 35px #0006}@font-face{font-family:Outfit;font-weight:400 900;font-style:normal;font-display:swap;src:url(/jogo2/fonts/outfit-var.woff2)format("woff2-variations")}@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/jogo2/fonts/inter-400.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/jogo2/fonts/inter-700.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-body);color:#fff;-webkit-user-select:none;user-select:none;background-color:#020f1d;overflow:hidden}html,body{overscroll-behavior:none}#root{-webkit-touch-callout:none}button{touch-action:manipulation}.canvas-loading{opacity:0;animation:.18s .15s forwards canvas-loading-in}@keyframes canvas-loading-in{to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}body{background:radial-gradient(circle at 50% 30%,#042c49 0%,#010d18 100%);justify-content:center;align-items:center;display:flex}.app-shell{background:radial-gradient(circle at 50% 30%,#042c49 0%,#010d18 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden;container-type:size}.game-frame{background:#020617;width:min(100cqw,56.25cqh);height:min(100cqh,216.67cqw);position:relative;overflow:hidden;container-type:size}@media (aspect-ratio>=10/16){.game-frame{border-radius:22px;box-shadow:0 0 0 1px #56ccf238,0 30px 80px #020617cc}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#2bdeee80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2bdeeecc}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #56ccf266}50%{box-shadow:0 0 25px #56ccf2cc}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.03)}70%{opacity:.95;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes wave-flow{0%{background-position-x:0}to{background-position-x:1000px}}.animate-float{animation:4s ease-in-out infinite float}.animate-bounce-in{animation:.5s cubic-bezier(.175,.885,.32,1.2) forwards bounce-in}.animate-slide-up{animation:.4s cubic-bezier(.25,.8,.25,1) forwards slide-up}.glass-panel{background:hsl(var(--color-glass-bg));border:2px solid hsl(var(--color-glass-border));-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-premium);border-radius:24px}.game-btn{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;padding:14px 28px;font-size:1.1rem;font-weight:800;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 15px #0003}.game-btn:active{transform:scale(.96)}.game-btn-primary{background:linear-gradient(135deg, hsl(var(--color-yellow)), hsl(var(--color-orange)));color:hsl(var(--color-blue-dark));border-bottom:4px solid #e06106}.game-btn-primary:hover{box-shadow:0 8px 25px #f2c94c66, var(--glow-yellow);transform:translateY(-2px)}.game-btn-secondary{background:linear-gradient(135deg, hsl(var(--color-blue)), hsl(var(--color-teal)));color:#fff;border-bottom:4px solid #0566c7}.game-btn-secondary:hover{box-shadow:0 8px 25px #2f80ed66, var(--glow-teal);transform:translateY(-2px)}.game-btn-danger{color:#fff;background:linear-gradient(135deg,#f04299,#ee2b4b);border-bottom:4px solid #bd0f66}.game-btn-danger:hover{box-shadow:0 8px 25px #ec489966, var(--glow-pink);transform:translateY(-2px)}.copacabana-waves{pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C150,90 350,90 500,0 C650,-90 850,-90 1000,0 C1150,90 1350,90 1500,0 L1500,120 L0,120 Z' fill='%232F80ED' opacity='0.35'/%3E%3C/svg%3E");background-size:600px 60px;width:100%;height:60px;animation:15s linear infinite wave-flow;position:absolute;bottom:0;left:0}.copacabana-waves-2{pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C150,90 350,90 500,0 C650,-90 850,-90 1000,0 C1150,90 1350,90 1500,0 L1500,120 L0,120 Z' fill='%2356CCF2' opacity='0.5'/%3E%3C/svg%3E");background-size:500px 45px;width:100%;height:45px;animation:10s linear infinite reverse wave-flow;position:absolute;bottom:0;left:0}.flex-center{justify-content:center;align-items:center;display:flex}.glow-text{text-shadow:0 0 12px #56ccf299}.text-gold{color:hsl(var(--color-yellow));text-shadow:0 0 8px #f2c94c66}.hud-container{pointer-events:none;z-index:10;font-family:var(--font-body);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:1.25rem;left:.35rem;right:1.25rem}.pause-btn{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 26%,#86d0ff 0%,#3f9fee 42%,#1f62b8 78%,#144a92 100%);border:clamp(2px,.6cqi,4px) solid #eaf7ff;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:clamp(48px,12cqi,66px);height:clamp(48px,12cqi,66px);padding:0;transition:transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 0 0 clamp(2px,.5cqi,3px) #1756a0bf,0 6px 18px #020617a6,0 0 18px #56ccf273,inset 0 -6px 12px #0828548c}.pause-btn:before{content:"";pointer-events:none;background:linear-gradient(#fffc,#fff0);border-radius:50%;width:66%;height:40%;position:absolute;top:7%;left:17%}.pause-btn:hover{transform:scale(1.06);box-shadow:0 0 0 clamp(2px,.5cqi,3px) #1756a0bf,0 8px 22px #020617b3,0 0 26px #7ee3ffcc,inset 0 -6px 12px #0828548c}.pause-btn:active{transform:scale(.95)}.pause-btn:focus-visible{box-shadow:0 0 0 4px #fffffff2,0 6px 18px #020617a6}.pause-btn-glyph{fill:#fff;filter:drop-shadow(0 2px 3px #06224499);width:52%;height:52%;position:relative}.hud-left-stack{flex-direction:column;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.hud-left-panel{pointer-events:auto;background-color:#0f172aa6;border-color:#56ccf259;flex-direction:column;gap:.35rem;padding:.75rem 1.25rem;transition:transform .2s;display:flex}.hud-left-panel:hover{transform:scale(1.03)}.hud-score-row{align-items:baseline;gap:.5rem;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.08em;color:#56ccf2;font-size:clamp(.72rem,2.6cqi,1.05rem);font-weight:800}.hud-score-value{font-family:var(--font-heading);color:#fff;text-shadow:0 0 10px #56ccf266;font-size:clamp(1.9rem,8.4cqi,3.4rem);font-weight:900;line-height:1}.hud-record-row{color:#cbd5e1;align-items:baseline;gap:.5rem;font-size:clamp(.85rem,3cqi,1.25rem);display:flex}.hud-record-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:clamp(.62rem,2.2cqi,.95rem);font-weight:700}.hud-record-value{font-weight:700}.hud-divider{background-color:#33415580;height:1px;margin:.2rem 0}.hud-distance-row{color:#f2c94c;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:flex}.hud-distance-icon{width:14px;height:14px}.hud-right-panel{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.bite-gauge{aspect-ratio:316/582;pointer-events:none;flex-shrink:0;width:clamp(121px,41.2cqi,203px);margin-left:clamp(26px,9cqi,46px);position:relative}.bite-gauge-art{object-fit:contain;filter:drop-shadow(0 6px 16px #02061799);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.bite-gauge-pointer{margin-right:-5%;line-height:0;transition:top .35s cubic-bezier(.34,1.15,.64,1);position:absolute;right:100%;transform:translateY(-50%)}.bite-gauge-arrow{fill:#ffd451;stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ffd451f2)drop-shadow(0 2px 4px #020617e6);width:clamp(30px,11cqi,52px);height:auto;animation:1.6s ease-in-out infinite bite-arrow-nudge;display:block;transform:scaleX(-1)}@keyframes bite-arrow-nudge{0%,to{transform:scaleX(-1)translate(0)}50%{transform:scaleX(-1)translate(-3px)}}@media (prefers-reduced-motion:reduce){.bite-gauge-arrow{animation:none}}.bite-gauge-zone-glow{pointer-events:none;border:2px solid #ffffffe6;border-radius:9%/12%;width:62.6%;transition:top .3s,height .3s,box-shadow .3s;position:absolute;left:32.7%}.bite-gauge-zone-saudavel{height:24%;top:12.7%;box-shadow:0 0 14px #3cc85af2,inset 0 0 14px #78ff9659}.bite-gauge-zone-habito-inicial{height:25.1%;top:36.4%;box-shadow:0 0 14px #f5be3cf2,inset 0 0 14px #ffdc7859}.bite-gauge-zone-mordida-aberta{height:26.4%;top:61.9%;box-shadow:0 0 16px #e63c32fa,inset 0 0 14px #ff827866}@media (prefers-reduced-motion:reduce){.bite-gauge-pointer,.bite-gauge-zone-glow{transition:none}}.shield-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#2f80ed,#56ccf2);border:1px solid #99e5ff;border-radius:9999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.65rem;font-weight:900;animation:1.5s infinite pulse-glow;display:flex;box-shadow:0 0 12px #56ccf299}.player-tag{color:#cbd5e1;text-transform:uppercase;letter-spacing:.1em;background:#0f172a99;border:1px solid #33415580;border-radius:6px;padding:.2rem .6rem;font-size:.6rem;font-weight:700}.menu-overlay{z-index:30;background-position:50%;background-size:cover;justify-content:center;align-items:center;padding:clamp(.35rem,1.4dvh,1rem);display:flex;position:absolute;inset:0}.menu-overlay-art{background:#071d3a;padding:0}.menu-art-stage{aspect-ratio:941/1672;background:#071d3a url(data:image/webp;base64,UklGRtQBAABXRUJQVlA4IMgBAAAwCgCdASoYACsAPu1gpk2ppSMiMAgBMB2JbACdMstQFk2AWfr1h/UptkdwxvKvoAdKg+fTAI8/3pGrVxIe5MDbwtNblQRqFNw/b1dpEbQMRzGOoSnxUbT2dwAA9oQH97DkVhqacdmL+qOcnZePhC8LXjbI1aHnMLqCyU0ODan5Fp558BdZTivZkb8GS/+UFxPdmWA8hhmil6l9cIQvZ3LV+yZEDlxtowhwGT0iFZh4tmv4okEPT3rFCKOraZp8CNIPUNC7/bEFUBYF6AH8erzFb20x3McmapuGiqe5K/fR/H/EAphfZ0HbdM0DY+iqBtQdhqBFhwXuevI82okfRBgbF4Gz0cxIUfRfxOzMb6ac0k/4MjgdMCR7YilwKS9hujCeet5nj0FXhdNioSmLMi6NiU+i/5QmZ14qeI886cUxiWkWp8xWSqRqLafv2EQCYNJPSVZLrz5y3VP1slP9wV0v2f9ch+sr/NOn/cs6ZLd1adrWQlXnxk7TrgsznKsn+/lBqjuQGTcYxICcfCsbLkx952RrPyYnQPj19Evx6IhDOTU0H3Lm55/Vwv4/ylRKxlbHfESztK0ekot5yX7pSwP3RXhZhy0RAAA=) 50%/100% 100% no-repeat;width:100%;max-width:100%;max-height:100%;margin:auto;position:relative}.menu-art-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;width:100%;height:100%;display:block}.menu-art-img.is-ready{opacity:1;transition:opacity .18s}.menu-art-img.no-fade{transition:none}.menu-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:3px solid #0000;outline:none;margin:0;padding:0;transition:box-shadow .2s,background-color .2s,transform .12s;position:absolute}.menu-hotspot:active{transform:scale(.97)}.menu-hotspot:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.menu-hot-joao,.menu-hot-julia{border-radius:12.8%/6%;height:33.79%;top:44.08%}.menu-hot-joao{width:28.16%;left:20.19%}.menu-hot-julia{width:28.27%;left:51.22%}.menu-hot-joao:hover,.menu-hot-julia:hover{background-color:#ffffff1a}.menu-hot-joao.is-selected{border-color:#4aa8ff;box-shadow:0 0 22px #4aa8fff2,inset 0 0 18px #4aa8ff80}.menu-hot-julia.is-selected{border-color:#ff5fa2;box-shadow:0 0 22px #ff5fa2f2,inset 0 0 18px #ff5fa280}.menu-hot-guide,.menu-hot-settings{border-radius:50%;width:9.88%;height:5.56%;top:82.66%}.menu-hot-guide{left:12.97%}.menu-hot-settings{left:77.15%}.menu-hot-start{border-radius:9999px;width:49.2%;height:6.52%;top:82.42%;left:25.19%}.menu-hot-guide:hover,.menu-hot-settings:hover,.menu-hot-start:hover{background-color:#ffffff2e}.pause-overlay{-webkit-backdrop-filter:blur(14px)saturate(.85);z-index:20;background-color:#020617bd;justify-content:center;align-items:center;padding:clamp(.5rem,3cqi,1.5rem);display:flex;position:absolute;inset:0}.pause-art-stage{aspect-ratio:755/865;pointer-events:auto;width:100%;max-width:min(100%,460px);max-height:100%;position:relative}.pause-art-img{object-fit:contain;filter:drop-shadow(0 18px 40px #020617bf);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.pause-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;outline:none;width:71.79%;margin:0;padding:0;transition:background-color .2s,transform .12s;position:absolute;left:13.91%}.pause-hot-resume{height:11.79%;top:61.97%}.pause-hot-exit{height:11.45%;top:78.38%}.pause-hotspot:hover{background-color:#fff3}.pause-hotspot:active{transform:scale(.97)}.pause-hotspot:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.quiz-backdrop{-webkit-backdrop-filter:blur(12px)saturate(.9);z-index:25;background-color:#020617b8;justify-content:center;align-items:center;padding:clamp(.4rem,2.5cqi,1.2rem);display:flex;position:absolute;inset:0}.quiz-art-stage{aspect-ratio:672/854;pointer-events:auto;width:100%;max-width:min(100%,440px);max-height:100%;position:relative}.quiz-art-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.quiz-subtitle{text-align:center;text-wrap:balance;width:55%;height:8.2%;font-family:var(--font-heading);color:#ffd980;text-shadow:0 1px 3px #040c28e6;justify-content:center;align-items:center;margin:0;font-size:clamp(.48rem,2.75cqi,.9rem);font-weight:800;line-height:1.25;display:flex;position:absolute;top:26.7%;left:38%}.quiz-question{text-align:center;width:72.92%;height:10.89%;font-family:var(--font-heading);color:#fff;text-shadow:0 2px 5px #040c28d9;justify-content:center;align-items:center;font-size:clamp(.7rem,4.4cqi,1.3rem);font-weight:800;line-height:1.18;display:flex;position:absolute;top:37.35%;left:14.88%}.quiz-question.is-feedback{font-size:clamp(.55rem,3.1cqi,.92rem);font-weight:700;line-height:1.25}.quiz-verdict-ok{color:#7df5a4}.quiz-verdict-no{color:#ff9ec4}.quiz-option{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:14px;outline:none;align-items:center;width:83.78%;height:9.95%;margin:0;padding:0;transition:background-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,box-shadow .2s,border-color .2s;display:flex;position:absolute;left:8.63%}.quiz-option-0{top:52.34%}.quiz-option-1{top:63.82%}.quiz-option-2{top:75.53%}.quiz-option:disabled{cursor:default}.quiz-option:not(:disabled):hover{-webkit-backdrop-filter:brightness(1.22);background-color:#ffffff14}.quiz-option.is-selected{background-color:#ffd45133;border-color:#ffd451;box-shadow:0 0 16px #ffd451cc}.quiz-option.is-correct{background-color:#4ade8047;border-color:#4ade80;box-shadow:0 0 18px #4ade80e6}.quiz-option.is-wrong{background-color:#f8717147;border-color:#f87171;box-shadow:0 0 18px #f87171d9}.quiz-option.is-dim{opacity:.55}.quiz-option-letter{visibility:hidden;flex-shrink:0;width:16%}.quiz-option-text{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #040c28e6;flex:1;padding-right:3%;font-size:clamp(.55rem,3.3cqi,.98rem);font-weight:700;line-height:1.15}.quiz-confirm{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;outline:none;justify-content:center;align-items:center;width:78.57%;height:9.48%;margin:0;padding:0;transition:background-color .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s,box-shadow .2s,transform .12s,opacity .2s;display:flex;position:absolute;top:86.89%;left:10.71%}.quiz-confirm:not(:disabled):hover,.quiz-confirm:not(:disabled):focus-visible{-webkit-backdrop-filter:brightness(1.32)saturate(1.12);background-color:#ffffff29;transform:scale(1.015);box-shadow:0 0 22px #ffbe4ae6}.quiz-confirm:not(:disabled):active{transform:scale(.97)}.quiz-confirm:disabled{cursor:not-allowed;opacity:.9;background-color:#02061773}.quiz-confirm:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.quiz-confirm-label{font-family:var(--font-heading);letter-spacing:.02em;color:#fff;text-shadow:0 2px 4px #782d04d9;pointer-events:none;font-size:clamp(.6rem,4.2cqi,1.3rem);font-weight:800;line-height:1}.quiz-confirm:disabled .quiz-confirm-label{color:#ffffff85;text-shadow:none}.gameover-overlay{-webkit-backdrop-filter:blur(14px)saturate(.85);z-index:25;background-color:#020617b8;justify-content:center;align-items:center;padding:clamp(.4rem,2.5cqi,1.2rem);display:flex;position:absolute;inset:0}.gameover-art-stage{aspect-ratio:800/1415;pointer-events:auto;width:100%;max-width:min(100%,430px);max-height:100%;position:relative}.gameover-credits-label{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 2px #06224ed9,0 4px 10px #020c2099;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(.68rem,3.35cqi,1.15rem);font-weight:900;display:flex;position:absolute;inset:0}.credits-overlay{z-index:40;-webkit-backdrop-filter:blur(16px)saturate(.9);background-color:#020617e0;justify-content:center;align-items:center;padding:clamp(.6rem,3cqi,1.4rem);display:flex;position:absolute;inset:0}.credits-card{background:linear-gradient(165deg,#0d2c52 0%,#071d3a 60%,#04162e 100%);border:2px solid #56ccf259;border-radius:20px;flex-direction:column;width:100%;max-width:min(100%,420px);min-height:0;max-height:100%;padding:clamp(1rem,4.5cqi,1.7rem);display:flex;box-shadow:0 24px 60px #020617d9,inset 0 1px #ffffff14}.credits-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.credits-head{border-bottom:1px solid #56ccf240;flex-shrink:0;align-items:center;gap:.55rem;margin-bottom:clamp(.7rem,2.6cqi,1.1rem);padding-bottom:clamp(.5rem,2cqi,.85rem);display:flex}.credits-emblem{filter:drop-shadow(0 0 8px #7ee3ffb3);font-size:clamp(1.1rem,4.6cqi,1.5rem);line-height:1}.credits-head h2{color:#ffd451;letter-spacing:.01em;margin:0;font-size:clamp(1.15rem,5cqi,1.6rem);font-weight:900}.credits-list{gap:clamp(.5rem,2.1cqi,.8rem);margin:0;display:grid}.credits-list dt{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:#6fb6e8;font-size:clamp(.54rem,2.1cqi,.68rem);font-weight:800}.credits-list dd{color:#eaf4ff;margin:.12em 0 0;font-size:clamp(.78rem,3.1cqi,.95rem);line-height:1.35}.credits-rule{border:0;border-top:1px solid #56ccf233;margin:clamp(.8rem,3cqi,1.2rem) 0}.credits-close{width:100%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:#06213f;cursor:pointer;background:linear-gradient(#ffd451,#f0a92c);border:2px solid #fff3cf;border-radius:9999px;flex-shrink:0;margin-top:clamp(1rem,3.6cqi,1.5rem);padding:.7em 1em;font-size:clamp(.82rem,3.2cqi,1rem);font-weight:900;transition:transform .15s,filter .15s;display:block;box-shadow:0 6px 16px #0206178c}.credits-close:hover,.credits-close:focus-visible{filter:brightness(1.08);transform:scale(1.02)}.credits-close:active{transform:scale(.98)}.gameover-art-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.gameover-score,.gameover-record,.gameover-count{font-family:var(--font-heading);white-space:nowrap;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute}.gameover-score{color:#fffdf2;text-shadow:0 0 10px #ffe68cf2,0 0 26px #ffbe3cbf,0 4px #b8791a,0 7px 12px #04142db3;width:61.25%;height:13.78%;font-size:clamp(2rem,15cqi,4.2rem);top:33.57%;left:19.38%}.gameover-record{color:#ffd451;text-shadow:0 2px 4px #04142dcc;width:16.25%;height:4.24%;font-size:clamp(.75rem,4.6cqi,1.35rem);top:49.33%;left:56.88%}.gameover-record.is-new{border-radius:8px;animation:1.4s ease-in-out infinite pulse-glow}.gameover-new-record{color:#5a2f04;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:linear-gradient(135deg,#ffd451,#f2994a);border:2px solid #fff6d5;border-radius:9999px;padding:.18em .7em;font-size:clamp(.5rem,2.9cqi,.85rem);font-weight:900;position:absolute;top:45.4%;left:50%;transform:translate(-50%);box-shadow:0 0 16px #ffd451e6}.gameover-count{height:6.36%;font-size:clamp(1rem,7.2cqi,2.1rem);top:66.78%}.gameover-count-good{color:#b6ff6b;text-shadow:0 0 10px #6ee63ce6,0 3px 5px #041e0abf;width:21.88%;left:19.38%}.gameover-count-bad{color:#ff9ec4;text-shadow:0 0 10px #ec4899e6,0 3px 5px #2d0416bf;width:18.75%;left:60.63%}.gameover-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;outline:none;margin:0;padding:0;transition:background-color .2s,transform .12s;position:absolute}.gameover-hotspot:hover{background-color:#fff3}.gameover-hotspot:active{transform:scale(.97)}.gameover-hotspot:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.gameover-hot-menu{width:81.25%;height:7.58%;top:79.09%;left:9.38%}.gameover-hot-again{width:59.38%;height:7.47%;top:89.39%;left:20.63%}.guide-carousel-stage{aspect-ratio:462/828;pointer-events:auto;border-radius:18px;width:100%;max-width:min(100%,430px);max-height:100%;position:relative;overflow:hidden;box-shadow:0 20px 50px #020617bf}.guide-carousel-track{width:100%;height:100%;transition:transform .42s cubic-bezier(.4,0,.2,1);display:flex}.guide-carousel-page{flex:0 0 100%;width:100%;height:100%}.guide-carousel-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.guide-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9999px;outline:none;height:5.8%;margin:0;padding:0;transition:background-color .2s,transform .12s;position:absolute;top:85.2%}.guide-hotspot:hover{background-color:#ffffff38}.guide-hotspot:active{transform:scale(.97)}.guide-hotspot:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.guide-hot-next{width:48.2%;left:27.5%}.guide-hot-start{width:66.2%;left:17.5%}@media (prefers-reduced-motion:reduce){.guide-carousel-track{transition:none}}.settings-art-stage{aspect-ratio:620/622;pointer-events:auto;width:100%;max-width:min(100%,440px);max-height:100%;position:relative}.settings-art-img{object-fit:contain;filter:drop-shadow(0 0 26px #56ccf273)drop-shadow(0 18px 38px #020617b3);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.settings-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;transition:background-color .2s,transform .12s;position:absolute}.settings-hotspot:hover{background-color:#ffffff2e}.settings-hotspot:active{transform:scale(.97)}.settings-hotspot:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.settings-hot-close{border-radius:50%;width:9.35%;height:9.32%;top:7.23%;left:86.94%}.settings-hot-fechar{border-radius:9999px;width:77.1%;height:13.83%;top:77.01%;left:11.29%}.settings-toggle{cursor:pointer;width:33.2%;height:9.8%;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #00000073;-webkit-tap-highlight-color:transparent;border:2px solid #ffffffd9;border-radius:9999px;outline:none;justify-content:center;align-items:center;gap:.5em;margin:0;padding:0 .55em;font-size:clamp(.5rem,2.4cqi,.95rem);font-weight:900;transition:background .2s,box-shadow .2s,transform .12s;display:flex;position:absolute;left:59.6%}.settings-toggle-sound{top:35.2%}.settings-toggle-quiz{top:56.4%}.settings-toggle.is-on{background:linear-gradient(#3fc95f,#1f8a3a);box-shadow:0 4px 12px #02061780,inset 0 2px #ffffff73}.settings-toggle.is-off{background:linear-gradient(#f05a5a,#b01d1d);box-shadow:0 4px 12px #02061780,inset 0 2px #ffffff59}.settings-toggle:active{transform:scale(.96)}.settings-toggle:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.settings-toggle-text{white-space:nowrap;line-height:1}.settings-toggle-mark{width:1.5em;height:1.5em;text-shadow:none;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85em;line-height:1;display:flex;box-shadow:inset 0 -1px 2px #0003}.settings-toggle.is-on .settings-toggle-mark{color:#1f8a3a}.settings-toggle.is-off .settings-toggle-mark{color:#b01d1d}.intro-choose-overlay{z-index:2;background:#071d3a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.intro-art-stage{aspect-ratio:740/1600;flex-shrink:0;width:100%;height:auto;position:relative}.intro-art-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.intro-hotspot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;transition:box-shadow .2s,background-color .2s,transform .12s;position:absolute}.intro-hotspot:hover{background-color:#ffffff29}.intro-hotspot:active{transform:scale(.97)}.intro-hotspot:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.intro-sound-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:16px;outline:none;justify-content:center;align-items:center;height:8.4%;margin:0;padding:0;transition:background .2s,box-shadow .2s,color .2s,transform .12s;display:flex;position:absolute;top:63.4%}.intro-sound-on{width:36%;left:15%}.intro-sound-off{width:32%;left:52%}.intro-sound-btn{color:#94a3b8;background:linear-gradient(#39424f,#262d38);border:2px solid #94a3b873}.intro-sound-btn.is-active{color:#fff;text-shadow:0 1px 3px #03283c8c;background:linear-gradient(#5fd8f5,#1e9fd4);border-color:#bff2ff;box-shadow:0 0 18px #7ee3ffd9,inset 0 2px #ffffff73}.intro-sound-btn:active{transform:scale(.96)}.intro-sound-btn:focus-visible{box-shadow:0 0 0 4px #ffffffe6}.intro-sound-icon{flex-shrink:0;font-size:clamp(1.1rem,12cqi,3.5rem);line-height:1;transition:filter .2s}.intro-sound-btn:not(.is-active) .intro-sound-icon{filter:grayscale(.7)brightness(.8)opacity(.7)}.intro-hot-watch,.intro-hot-skip{border-radius:9999px;width:72.3%;left:14.19%}.intro-hot-watch{height:6.38%;top:74.13%}.intro-hot-skip{height:6%;top:82%}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.menu-stage{flex-direction:column;gap:clamp(.5rem,1.6dvh,1rem);width:100%;max-width:500px;min-height:0;max-height:calc(100cqh - clamp(.7rem,2.8dvh,2rem));display:flex}.menu-card{-webkit-backdrop-filter:blur(14px)saturate(1.2);background-color:#e2f4ff29;border-color:#ffffff8c;flex-direction:column;gap:clamp(.55rem,1.8dvh,1.5rem);width:100%;min-height:0;padding:clamp(.8rem,2.4dvh,2rem);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 46px #04162e80,inset 0 1px #ffffff80}.menu-header-logo{text-align:center;position:relative}.menu-header-logo h1{color:#4aa8ff;-webkit-text-stroke:clamp(2px, .55dvh, 4px) #fff;paint-order:stroke fill;letter-spacing:.01em;text-shadow:0 2px #1e63b8,0 4px #17509a,0 6px #103c76,0 10px 18px #03142c8c;margin-bottom:clamp(0rem,.3dvh,.1rem);font-size:clamp(1.7rem,5.6dvh,3rem);line-height:1}.menu-header-logo h2{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.18em;font-size:clamp(2rem,6.6dvh,3.5rem);line-height:.9;display:flex}.menu-title-smile,.menu-title-dash{-webkit-text-stroke:clamp(2px, .55dvh, 4px) #fff;paint-order:stroke fill}.menu-title-smile{color:#ffa726;text-shadow:0 2px #d97706,0 4px #b45309,0 6px #92400e,0 10px 18px #03142c8c}.menu-title-dash{color:#ff5fa2;text-shadow:0 2px #d61f74,0 4px #b01560,0 6px #8a0f4b,0 10px 18px #03142c8c}.menu-ribbon{color:#fff;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,#1f6fd0,#17529f);border:2px solid #ffffffbf;border-radius:9999px;margin-top:clamp(.25rem,.9dvh,.6rem);padding:clamp(.22rem,.7dvh,.4rem) clamp(.9rem,2.4dvh,1.6rem);font-size:clamp(.6rem,1.7dvh,.85rem);font-weight:900;display:inline-block;box-shadow:0 4px 12px #03142c73}.menu-choose-title{text-align:center;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.03em;color:#0b3a6b;text-shadow:0 1px #ffffffd9;font-size:clamp(.72rem,2.1dvh,1rem);font-weight:900;line-height:1.15}@container (width<=600px){.menu-header-logo h2{font-size:clamp(1.75rem,6dvh,2.1rem)}}.hide-on-mobile{display:inline}.show-on-mobile{display:none}@container (width<=600px){.hide-on-mobile{display:none!important}.show-on-mobile{display:inline!important}}.mobile-lane-button{z-index:18;color:#fff;width:clamp(3rem,13cqw,4rem);height:clamp(8rem,32cqw,10rem);font-family:var(--font-heading);touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:#0206176b;border:2px solid #ffffff73;border-radius:14px;justify-content:center;align-items:center;font-size:clamp(2rem,8cqw,2.7rem);font-weight:900;line-height:1;display:inline-flex;position:absolute;top:52%;transform:translateY(-50%);box-shadow:0 10px 24px #02061747}.mobile-lane-button-left{left:max(.35rem, env(safe-area-inset-left))}.mobile-lane-button-right{right:max(.35rem, env(safe-area-inset-right))}.mobile-lane-button:active{background:#56ccf29e;border-color:#ffffffdb;transform:translateY(-50%)scale(.96)}.mobile-lane-button:focus-visible{outline:3px solid hsl(var(--color-yellow));outline-offset:3px}.highscore-badge{color:#cbd5e1;background:#0f172a99;border:1px solid #334155cc;border-radius:12px;align-self:center;align-items:center;gap:.4rem;padding:.4rem 1rem;font-size:.75rem;display:flex}.char-select-container{flex-direction:column;gap:clamp(.35rem,1.2dvh,.75rem);min-height:0;display:flex}.char-cards-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.55rem,1.6dvh,1rem);min-height:0;display:grid}.char-card{cursor:pointer;background-color:#fff3;border-width:2px;border-color:#ffffff8c;flex-direction:column;justify-content:space-between;align-items:center;gap:clamp(.25rem,.9dvh,.5rem);min-height:0;padding:clamp(.55rem,1.5dvh,1rem);transition:all .2s;display:flex;box-shadow:inset 0 1px #fff9}.char-card:hover{border-color:#ffffffe6;transform:translateY(-2px)}.char-card.selected-joao{background-color:#4aa8ff3d;border-color:#4aa8ff;box-shadow:0 0 20px #4aa8ffa6,inset 0 1px #fff9}.char-card.selected-julia{background-color:#ff5fa23d;border-color:#ff5fa2;box-shadow:0 0 20px #ff5fa2a6,inset 0 1px #fff9}.char-avatar-wrapper{background-color:#0000;border-radius:12px;justify-content:center;align-items:center;width:100%;height:clamp(92px,19dvh,140px);display:flex;position:relative;overflow:hidden}.char-avatar-img{object-fit:contain;width:100%;height:100%}.char-avatar-emoji{display:none}.char-name{width:100%;font-family:var(--font-heading);color:#fff;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 3px #00000073;border:2px solid #fffc;border-radius:9999px;padding:clamp(.2rem,.7dvh,.4rem) .5rem;font-size:clamp(.85rem,2.1dvh,1.1rem);font-weight:900;box-shadow:0 3px 10px #03142c66}.char-name-joao{background:linear-gradient(135deg,#2f80ed,#1a5fbd)}.char-name-julia{background:linear-gradient(135deg,#ff5fa2,#e02f7f)}.menu-start-tooth{filter:drop-shadow(0 2px 3px #00000059);margin-left:.4em}.menu-actions{flex-direction:row;flex-shrink:0;align-items:center;gap:clamp(.45rem,1.4dvh,.75rem);width:100%;display:flex}.menu-icon-btn{border-radius:50%;flex-shrink:0;width:clamp(46px,7dvh,58px);height:clamp(46px,7dvh,58px);padding:0;font-size:clamp(1rem,2.5dvh,1.25rem)}.menu-start-btn{border-radius:9999px;flex:1;min-width:0;padding:clamp(10px,1.9dvh,16px) clamp(12px,2.2dvh,28px);font-size:clamp(.95rem,2.4dvh,1.25rem)}@container (width<=480px){.menu-actions{gap:.5rem}.menu-icon-btn{width:48px;height:48px}.menu-start-btn{min-width:8rem;padding:10px 12px;font-size:.9rem}.menu-start-btn .show-on-mobile{text-align:center;width:100%;display:block!important}}@container (height<=640px){.menu-card{max-width:min(94cqw,720px)}.char-avatar-wrapper{height:clamp(64px,13dvh,86px)}}@container (width<=480px){.menu-card{max-width:94cqw}.char-avatar-wrapper{height:clamp(68px,13.5dvh,96px)}}.char-description{color:#94a3b8;text-align:center;font-size:.65rem;line-height:1.2}.guide-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background-color:#020617d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.guide-card{background-color:#0f172aeb;border-color:#56ccf259;flex-direction:column;width:100%;max-width:550px;max-height:85cqh;padding:1.5rem;display:flex}.guide-header{border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.guide-title{color:#56ccf2;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:900;display:flex}.guide-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.guide-close-btn:hover{color:#fff}.guide-scrollable-content{color:#cbd5e1;flex-direction:column;flex:1;gap:1.25rem;padding-right:.5rem;font-size:.85rem;display:flex;overflow-y:auto}.guide-section-box{border:1px solid #ffffff0d;border-radius:16px;padding:1rem}.guide-section-good{background-color:#27ae6014;border-color:#27ae6033}.guide-section-bad{background-color:#dc262614;border-color:#dc262633}.guide-section-special{background-color:#56ccf214;border-color:#56ccf240;align-items:center;gap:.75rem;display:flex}.guide-section-title-good{color:#27ae60;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:850}.guide-section-title-bad{color:#ec4899;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:850}.guide-section-title-special{color:#56ccf2;text-transform:uppercase;margin-bottom:.15rem;font-size:.8rem;font-weight:850}.guide-items-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.guide-item-card{background:#0f172a99;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;font-size:.75rem;display:flex}.guide-item-emoji{font-size:1.5rem}.guide-item-image{object-fit:contain;flex-shrink:0;width:1.8rem;height:1.8rem}.guide-item-details strong{color:#fff;font-size:.75rem;display:block}.quiz-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background-color:#020617d9;justify-content:center;align-items:center;padding:clamp(.35rem,1.6dvh,1rem);display:flex;position:absolute;inset:0}.quiz-card{background-color:#0f172ad9;border-color:#56ccf273;flex-direction:column;gap:clamp(.6rem,1.8dvh,1.5rem);width:100%;max-width:580px;max-height:calc(100cqh - clamp(.7rem,3.2dvh,2rem));padding:clamp(.85rem,2.7dvh,2rem);display:flex;position:relative;overflow:hidden}.quiz-header{border-bottom:1px solid #56ccf233;align-items:center;gap:clamp(.65rem,1.6dvh,1rem);padding-bottom:clamp(.45rem,1.2dvh,.75rem);display:flex}.quiz-avatar-wrapper{position:relative}.quiz-avatar{background:linear-gradient(135deg,#56ccf2,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:clamp(44px,8dvh,60px);height:clamp(44px,8dvh,60px);padding:1.5px;font-size:clamp(1.65rem,4.4dvh,2.2rem);display:flex;box-shadow:0 0 10px #56ccf280}.quiz-avatar-tag{color:#0c233c;text-transform:uppercase;background:#f2c94c;border:1px solid #fff;border-radius:99px;padding:.15rem .5rem;font-size:.65rem;font-weight:900;position:absolute;bottom:-4px;right:-4px}.quiz-header-text h3{color:#56ccf2;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(1rem,3.1dvh,1.5rem);font-weight:900}.quiz-header-text p{color:#cbd5e1;font-size:clamp(.72rem,1.9dvh,.95rem)}.quiz-question-box{background:#02061766;border:1px solid #1e293b;border-radius:12px;padding:clamp(.65rem,1.8dvh,1.25rem)}.quiz-question-text{color:#fff;font-size:clamp(.95rem,2.5dvh,1.3rem);font-weight:800;line-height:1.25}.quiz-options-list{flex-direction:column;gap:clamp(.35rem,1dvh,.65rem);display:flex}.quiz-option-btn{text-align:left;color:#e2e8f0;cursor:pointer;background:#1e293b66;border:2px solid #334155;border-radius:12px;align-items:center;gap:clamp(.5rem,1.3dvh,1rem);width:100%;padding:clamp(.58rem,1.5dvh,1rem) clamp(.75rem,2dvh,1.25rem);font-size:clamp(.86rem,2.15dvh,1.1rem);font-weight:750;line-height:1.15;transition:all .2s;display:flex}.quiz-option-btn:hover:not(:disabled){background:#1e293bcc;border-color:#64748b}.quiz-option-btn.selected{background:#56ccf214;border-color:#56ccf2;box-shadow:0 0 10px #56ccf233}.quiz-option-btn.submitted-correct{color:#a7f3d0;background:#27ae601f;border-color:#27ae60;box-shadow:0 0 12px #27ae604d}.quiz-option-btn.submitted-incorrect{color:#fca5a5;background:#dc26261f;border-color:#dc2626;box-shadow:0 0 12px #dc26264d}.quiz-option-btn.submitted-disabled{opacity:.4;color:#64748b;cursor:default;background:#0f172a33;border-color:#1e293b}.quiz-option-badge{color:#cbd5e1;background-color:#475569;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(25px,4.6dvh,32px);height:clamp(25px,4.6dvh,32px);font-size:clamp(.78rem,1.9dvh,.95rem);font-weight:900;display:flex}.quiz-option-btn.selected .quiz-option-badge{color:#0c233c;background-color:#56ccf2}.quiz-option-btn.submitted-correct .quiz-option-badge{color:#fff;background-color:#27ae60}.quiz-option-btn.submitted-incorrect .quiz-option-badge{color:#fff;background-color:#dc2626}.quiz-feedback-box{border:1px solid #0000;border-radius:12px;padding:clamp(.65rem,1.6dvh,1.15rem);font-size:clamp(.8rem,1.9dvh,1.05rem);line-height:1.22}.quiz-action-stack{flex-direction:column;gap:clamp(.4rem,1.2dvh,.75rem);margin-top:clamp(0rem,.7dvh,.5rem);display:flex}.quiz-action-stack .game-btn{padding:clamp(.62rem,1.8dvh,.95rem) clamp(.8rem,2.1dvh,1.4rem);font-size:clamp(.85rem,2dvh,1.05rem)}.quiz-feedback-title{text-transform:uppercase;margin-bottom:clamp(.12rem,.5dvh,.25rem);font-weight:850}.quiz-feedback-bonus{text-transform:uppercase;margin-top:clamp(.16rem,.6dvh,.35rem);font-size:clamp(.58rem,1.45dvh,.65rem);font-weight:800}.quiz-feedback-correct{color:#a7f3d0;background:#27ae6014;border-color:#27ae604d}.quiz-feedback-incorrect{color:#fca5a5;background:#dc262614;border-color:#dc26264d}@container (width<=600px) or (height<=680px){.quiz-card{gap:clamp(.42rem,1.25dvh,.8rem);max-width:min(94cqw,560px)}.quiz-header-text p{display:none}.quiz-avatar-tag{padding:.1rem .38rem;font-size:.55rem}.quiz-question-text{line-height:1.18}.quiz-option-btn{border-width:1px;border-radius:10px}}@container (height<=560px){.quiz-avatar-wrapper{display:none}.quiz-header{text-align:center;justify-content:center}.quiz-feedback-box{line-height:1.12}}.gameover-overlay{z-index:40;background-color:#020617e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.gameover-card{background-color:#0f172ad9;border-color:#f2994a73;flex-direction:column;gap:1.25rem;width:100%;max-width:400px;padding:2rem 1.5rem;display:flex;position:relative}.gameover-score-card{background:#02061780;border:1px solid #1e293b;border-radius:16px;flex-direction:column;align-items:center;gap:.2rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.record-ribbon{color:#0c233c;text-transform:uppercase;background:#f2c94c;border-radius:99px;padding:.15rem .5rem;font-size:.55rem;font-weight:900;animation:2s infinite float;position:absolute;top:10px;right:10px}.gameover-score-label{color:#94a3b8;text-transform:uppercase;font-size:.65rem;font-weight:700}.gameover-score-value{font-family:var(--font-heading);color:#fff;text-shadow:0 0 15px #f2994a66;font-size:3.25rem;font-weight:900;line-height:1}.gameover-score-subgrid{border-top:1px solid #33415580;justify-content:center;gap:1.5rem;width:100%;margin-top:.75rem;padding-top:.75rem;font-size:.8rem;display:flex}.gameover-sub-item{text-align:center}.gameover-sub-label{color:#64748b;text-transform:uppercase;font-size:.6rem;font-weight:700}.gameover-sub-value{color:#e2e8f0;font-weight:700}.gameover-vertical-divider{background-color:#33415580;width:1px}.gameover-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}button:focus-visible,.char-card:focus-visible,.quiz-option-btn:focus-visible{outline:3px solid hsl(var(--color-yellow));outline-offset:3px}@container (width<=600px){.hud-container{top:max(.35rem, env(safe-area-inset-top));align-items:flex-start;gap:.35rem;left:.35rem;right:.35rem}.hud-container>div:first-child{flex:auto;min-width:0;gap:.35rem!important}.pause-btn{width:clamp(42px,11cqi,58px);height:clamp(42px,11cqi,58px)}.hud-left-panel{border-radius:18px;gap:.22rem;min-width:0;max-width:min(66cqi,300px);padding:.5rem .85rem}.hud-score-row,.hud-record-row,.hud-distance-row{gap:.4rem}.hud-label{letter-spacing:.06em}.hud-right-panel{flex:0 auto;gap:.3rem;max-width:min(58cqi,300px)}.bite-gauge{width:clamp(129px,44.9cqi,205px)}.player-tag{display:none}.shield-badge{padding:.25rem .6rem;font-size:clamp(.58rem,2cqi,.78rem)}}@container (width<=380px){.hud-left-panel{max-width:min(60cqi,200px);padding-inline:.6rem}.bite-gauge{width:clamp(119px,41.7cqi,176px)}}.gameover-stat-card{text-align:center;border:1px solid #0000;border-radius:12px;padding:.75rem}.gameover-stat-card-good{background-color:#27ae600d;border-color:#27ae6026}.gameover-stat-card-bad{background-color:#dc26260d;border-color:#dc262626}.gameover-stat-label-good{color:#27ae60;text-transform:uppercase;margin-bottom:.2rem;font-size:.6rem;font-weight:800}.gameover-stat-label-bad{color:#ec4899;text-transform:uppercase;margin-bottom:.2rem;font-size:.6rem;font-weight:800}.gameover-stat-value{font-family:var(--font-heading);font-size:1.5rem;font-weight:900}.gameover-feedback-box{color:#cbd5e1;background:#0f172a66;border:1px solid #1e293b;border-radius:12px;padding:.85rem 1rem;font-size:.75rem;line-height:1.4}.gameover-feedback-title{color:#56ccf2;text-transform:uppercase;margin-bottom:.25rem;font-weight:850}