:root{--paper: #fdf6e9;--card: #ffffff;--ink: #26304a;--ink-soft: #5a6480;--line: #ece3cf;--sun: #ffc24b;--sun-deep: #e9a23b;--cheek: #ff8a5c;--logica: #7c5ce0;--logica-soft: #f1ecfc;--portugues: #ff6b57;--portugues-soft: #ffefeb;--matematica: #0fa98e;--matematica-soft: #e4f6f1;--ok: #0fa98e;--bad: #ff6b57;--display: "Baloo 2", system-ui, sans-serif;--body: "Nunito Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}button:focus-visible{outline:3px solid var(--logica);outline-offset:2px}.app{max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}h1,h2,h3{font-family:var(--display);line-height:1.15}.btn{font-family:var(--display);font-weight:700;font-size:1.05rem;border-radius:999px;padding:14px 28px;background:var(--sun);color:var(--ink);box-shadow:0 4px 0 var(--sun-deep);transition:transform .1s;min-height:52px}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sun-deep)}.btn.ghost{background:var(--card);box-shadow:0 3px 0 var(--line);border:2px solid var(--line)}.btn.small{font-size:.9rem;padding:8px 16px;min-height:40px}.profiles-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:22px;padding:32px 24px;text-align:center;overflow-y:auto}.profiles-screen h1{font-size:2.4rem;font-weight:800}.profiles-list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.profile-card{background:var(--card);border:2.5px solid var(--line);border-radius:22px;padding:18px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:128px;box-shadow:0 4px 0 var(--line);transition:transform .12s}.profile-card:active{transform:scale(.96)}.profile-card .avatar{font-size:2.6rem}.profile-card .name{font-family:var(--display);font-weight:700;font-size:1.1rem}.profile-card .meta{font-size:.75rem;color:var(--ink-soft);font-weight:700}.create-form{background:var(--card);border:2.5px solid var(--line);border-radius:22px;padding:20px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;text-align:left}.create-form label{font-family:var(--display);font-weight:700;font-size:.9rem}.create-form input[type=text]{width:100%;font-family:var(--body);font-weight:700;font-size:1.05rem;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:var(--paper);color:var(--ink);margin-top:6px}.emoji-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.emoji-opt{font-size:1.7rem;padding:8px;border-radius:12px;border:2.5px solid transparent}.emoji-opt.sel{border-color:var(--sun);background:#fff3dc}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.mode-opt{border:2.5px solid var(--line);border-radius:14px;padding:10px;text-align:center;font-weight:700;font-size:.85rem;color:var(--ink-soft)}.mode-opt .big{font-size:1.4rem;display:block}.mode-opt.sel{border-color:var(--sun);background:#fff3dc;color:var(--ink)}.hud{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:12px 16px;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line)}.hud .who{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:1rem;flex:1;min-width:0}.hud .who .avatar{font-size:1.5rem}.hud .chip{font-family:var(--display);font-weight:700;font-size:.85rem;background:var(--card);border:2px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}.meta-dots{display:flex;gap:4px;align-items:center}.meta-dots .dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.meta-dots .dot.on{background:var(--ok)}.map-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.map-inner{position:relative;width:100%}.map-inner svg.trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.node{position:absolute;width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;transform:translate(-50%,-50%);border:3px solid #fff;box-shadow:0 4px #26304a26}.node.locked{background:#e6e0d2;filter:grayscale(1);opacity:.65}.node.done{background:var(--card)}.node.done .stars-mini{font-size:.6rem;letter-spacing:-1px}.node.current{background:var(--sun);animation:pulse 1.6s ease-in-out infinite;cursor:pointer;z-index:2}.node.chest-node{border-radius:18px}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}.node-label{position:absolute;top:70px;left:50%;transform:translate(-50%);font-family:var(--display);font-weight:700;font-size:.68rem;color:var(--ink-soft);white-space:nowrap;background:color-mix(in srgb,var(--paper) 80%,transparent);border-radius:8px;padding:1px 7px}.map-footer{text-align:center;padding:20px;color:var(--ink-soft);font-weight:700;font-size:.85rem}.game-screen{flex:1;display:flex;flex-direction:column;padding:14px 18px 26px;gap:14px;overflow-y:auto}.game-top{display:flex;align-items:center;gap:10px}.progress-track{flex:1;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--ok);transition:width .4s cubic-bezier(.34,1.56,.64,1)}.close-btn{font-size:1.3rem;padding:6px 10px;border-radius:12px;background:var(--card);border:2px solid var(--line)}.prompt-card{background:var(--card);border:2.5px solid var(--line);border-radius:20px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.prompt-card .prompt-text{font-family:var(--display);font-weight:800;font-size:1.35rem;text-wrap:balance}.prompt-card .image{font-size:3.4rem;line-height:1}.speak-btn{font-size:1.1rem;background:var(--sun);border-radius:999px;width:44px;height:44px;box-shadow:0 3px 0 var(--sun-deep)}.support-line{font-size:1.5rem;letter-spacing:2px}.seq-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:2rem}.seq-row .mystery{width:44px;height:44px;border-radius:12px;border:3px dashed var(--logica);color:var(--logica);font-family:var(--display);font-weight:800;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;margin-top:auto}.choice{background:var(--card);border:3px solid var(--line);border-radius:20px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:2.2rem;box-shadow:0 5px 0 var(--line);transition:transform .1s}.choice:active{transform:translateY(3px);box-shadow:0 2px 0 var(--line)}.choice .lbl{font-family:var(--display);font-weight:800;font-size:1.5rem}.choice .word{font-family:var(--display);font-weight:700;font-size:.85rem;color:var(--ink-soft)}.choice.correct{border-color:var(--ok);background:var(--matematica-soft);box-shadow:0 5px 0 var(--ok)}.choice.wrong{border-color:var(--bad);background:var(--portugues-soft);animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.slots-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.slot{min-width:58px;height:58px;padding:0 10px;border-radius:14px;border:3px dashed var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:1.25rem;background:var(--paper)}.slot.filled{border-style:solid;border-color:var(--portugues);background:var(--portugues-soft);animation:pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.bank{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:auto}.piece{min-width:64px;min-height:56px;padding:8px 14px;border-radius:16px;background:var(--portugues);color:#fff;font-family:var(--display);font-weight:800;font-size:1.3rem;box-shadow:0 4px #d94f3d;transition:transform .1s}.piece:active{transform:translateY(3px);box-shadow:0 1px #d94f3d}.piece.used{opacity:.25;pointer-events:none}.piece.wrong{animation:shake .4s}.endcard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:16px;text-align:center;padding:24px;overflow-y:auto}.endcard .stars-big{font-size:3rem;letter-spacing:4px}.endcard h2{font-size:2rem;font-weight:800}.reward-chip{font-family:var(--display);font-weight:700;font-size:1.05rem;background:var(--card);border:2.5px solid var(--line);border-radius:999px;padding:8px 18px}.chest-banner{background:#fff3dc;border:2.5px solid var(--sun);border-radius:18px;padding:14px 20px;font-weight:800;font-family:var(--display)}.meta-banner{background:var(--matematica-soft);border:2.5px solid var(--ok);border-radius:18px;padding:12px 20px;font-weight:800;font-family:var(--display);color:#08725f}.panel{flex:1;padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.panel h2{font-size:1.5rem}.panel-card{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:16px 18px}.panel-card h3{font-size:1.05rem;margin-bottom:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink-soft);font-weight:600}.stat-row:first-of-type{border-top:none}.stat-row b{color:var(--ink)}.bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden;flex:1;margin:0 10px}.bar>i{display:block;height:100%;border-radius:999px}.gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.gate input{font-size:1.6rem;font-family:var(--display);font-weight:800;text-align:center;width:120px;padding:10px;border-radius:14px;border:2.5px solid var(--line);background:var(--card);color:var(--ink)}.screen{display:flex;flex-direction:column;flex:1;min-height:0}.home{flex:1;display:flex;flex-direction:column;overflow-y:auto}.home-hero{display:flex;align-items:center;gap:10px;padding:18px 20px 6px}.home-greet{flex:1;display:flex;align-items:center;gap:12px;justify-content:space-between}.bubble{background:var(--card);border:2.5px solid var(--line);border-radius:18px 18px 18px 4px;padding:10px 14px;font-family:var(--display);font-weight:700;font-size:.98rem;max-width:190px}.meta-ring{flex-shrink:0}.trail-list{display:flex;flex-direction:column;gap:14px;padding:14px 20px 28px}.trail-card{display:flex;align-items:center;gap:14px;border-radius:22px;border:2.5px solid rgba(38,48,74,.1);padding:16px 18px;text-align:left;box-shadow:0 5px #26304a1f;transition:transform .1s}.trail-card:active{transform:translateY(3px);box-shadow:0 2px #26304a1f}.trail-emoji{font-size:2.4rem;line-height:1;filter:drop-shadow(0 3px 2px rgba(38,48,74,.18))}.trail-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.trail-info b{font-family:var(--display);font-weight:800;font-size:1.12rem}.trail-info small{font-weight:700;font-size:.8rem}.trail-bar{height:8px;border-radius:999px;background:#26304a1f;overflow:hidden;margin-top:4px}.trail-bar>i{display:block;height:100%;border-radius:999px}.trail-count{font-family:var(--display);font-weight:800;font-size:.85rem;flex-shrink:0}.decor{position:absolute;font-size:1.6rem;opacity:.55;pointer-events:none}.node.on-dark{border-color:#ffffff8c}.node.on-dark.locked{background:#3a4066;opacity:.8}.node-label{background:none}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.confetti span{position:absolute;font-size:1.4rem}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}