:root{--ink:#eef5ff;--muted:#b8c4dc;--panel:#17223cdd;--line:#334569;--gold:#ffd666;--green:#66e3a4;--danger:#ff7c8a;--purple:#8a72ff;--cyan:#55d9ff;--shadow:0 14px 36px #05091466}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#07111f;color:var(--ink)}
body{background:radial-gradient(circle at 15% 0,#24375e 0 12%,transparent 32%),radial-gradient(circle at 90% 12%,#4b2860 0 8%,transparent 28%),linear-gradient(#091629,#07111f 55%,#081522)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(90deg,#fff 1px,transparent 1px),linear-gradient(#fff 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(#000,transparent 70%)}
.app{max-width:1040px;margin:auto;padding:14px 14px 90px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}.brand{font-weight:950;letter-spacing:.04em}.xp{background:#131f38;border:1px solid #34466d;padding:8px 12px;border-radius:999px;font-weight:850}.back{background:#17243e;border:1px solid #3b4e73;color:white;padding:10px 13px;border-radius:13px;font-weight:800}.hidden{display:none!important}
.hero{position:relative;overflow:hidden;border:1px solid #42567d;background:linear-gradient(135deg,#243867e8,#372967e8);border-radius:28px;padding:22px;box-shadow:var(--shadow);min-height:180px}.hero:after{content:"";position:absolute;right:-30px;bottom:-30px;width:190px;height:110px;background:linear-gradient(90deg,#6f5cff 0 33%,#4ccca4 33% 66%,#f2bd4f 66%);clip-path:polygon(0 40%,20% 40%,20% 20%,44% 20%,44% 50%,70% 50%,70% 15%,100% 15%,100% 100%,0 100%);opacity:.35}.glitch{font-size:clamp(1.8rem,6vw,3.2rem);margin:.1em 0;font-weight:1000;text-shadow:2px 0 #55d9ff,-2px 0 #ff6bc8}.eyebrow{display:inline-flex;gap:6px;background:#090f1f99;border:1px solid #ffffff2b;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.hero p{max-width:650px;color:#d5def2}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:13px;margin-top:14px}.portal{position:relative;overflow:hidden;min-height:152px;padding:17px;border-radius:24px;background:linear-gradient(145deg,#15233d,#111a2f);border:1px solid #354b70;box-shadow:var(--shadow);cursor:pointer;transition:.16s}.portal:active{transform:scale(.98)}.portal:before{content:"";position:absolute;right:-15px;bottom:-10px;width:115px;height:75px;opacity:.18;background:repeating-linear-gradient(0deg,#fff 0 13px,transparent 13px 26px),repeating-linear-gradient(90deg,#fff 0 13px,transparent 13px 26px)}.portal .icon{font-size:2.4rem}.portal h3{margin:.25em 0}.portal p{margin:.2em 0;color:var(--muted);font-size:.93rem}.daily{border:2px solid #ffd66688;background:linear-gradient(145deg,#3c3219,#17223b)}.daily .pulse{display:inline-block;animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(1.12)}}
.biome{border-radius:28px;padding:18px;margin-top:14px;border:1px solid #374d73;background:linear-gradient(160deg,#10243f,#0b1628);box-shadow:var(--shadow)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.mission{background:#15243d;border:1px solid #3b5279;border-radius:20px;padding:16px;cursor:pointer}.mission.done{border-color:#54dca0;background:#15362f}.mission.partial{border-color:#ffd666}.mission .status{font-size:.84rem;color:var(--muted)}
.game-shell{min-height:78vh;display:flex;flex-direction:column}.quest-scene{position:relative;min-height:560px;border-radius:28px;border:1px solid #42587c;background:linear-gradient(#183153,#0d1c34 58%,#102d29);overflow:hidden;box-shadow:var(--shadow);padding:18px}.quest-scene:before{content:"";position:absolute;inset:auto 0 0;height:155px;background:linear-gradient(#316246 0 18%,#79513c 18% 46%,#593827 46% 70%,#3a291f 70%);opacity:.75}.stars{position:absolute;inset:0 0 auto;height:150px;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#55d9ff 1px,transparent 1px);background-size:37px 37px,61px 61px;opacity:.32}.quest-card{position:relative;z-index:2;background:#f6f0df;color:#152034;border:4px solid #7b5c36;box-shadow:0 10px 0 #4c3825,0 22px 40px #0006;border-radius:16px;padding:18px;max-width:760px;margin:52px auto 20px}.quest-card:before,.quest-card:after{content:"";position:absolute;width:18px;height:18px;background:#b78a4e;border:3px solid #6a4a26}.quest-card:before{left:8px;top:8px}.quest-card:after{right:8px;bottom:8px}.quest-title{font-size:clamp(1.15rem,4vw,1.55rem);font-weight:900;line-height:1.45}.meta{font-size:.82rem;color:#5d5c58;font-weight:800}.answers{position:relative;z-index:2;max-width:760px;margin:auto}.answer{display:block;width:100%;text-align:left;margin:8px 0;padding:13px 15px;border-radius:14px;border:2px solid #3a5279;background:#15243d;color:white;font-size:1rem;font-weight:780}.answer:active{transform:scale(.99)}.inputrow{display:flex;gap:8px}.inputrow input{flex:1;padding:13px;border-radius:13px;border:2px solid #3a5279;font-size:1.05rem}.primary{background:#6b5df4;color:#fff;border:0;border-radius:13px;padding:12px 16px;font-weight:900}.hint{background:#1b3452;color:#eaf5ff;border:1px solid #496889;border-radius:13px;padding:11px 14px;font-weight:850}.feedback{position:relative;z-index:3;padding:12px 14px;border-radius:14px;margin:10px auto;max-width:760px;font-weight:850}.feedback.ok{background:#153b30;border:1px solid #58d5a2}.feedback.bad{background:#44222b;border:1px solid #ff7c8a}.progress-track{height:14px;background:#0b1324;border:1px solid #34496d;border-radius:999px;overflow:hidden}.progress-track>div{height:100%;background:linear-gradient(90deg,#5bdfaa,#ffd666,#a473ff);transition:.3s}.stage-label{text-align:center;color:#bfcbe3;font-size:.86rem;margin:8px 0}
.pdfbox{position:relative;z-index:2;max-width:900px;margin:10px auto;background:#101b2f;border:1px solid #40577c;border-radius:16px;overflow:hidden}.pdfbox iframe{width:100%;height:64vh;border:0;background:white}.pdfhead{display:flex;justify-content:space-between;align-items:center;padding:10px}.pdfhead a{color:#9ee6ff}.small{font-size:.86rem;color:var(--muted)}
.panel{background:#111d33;border:1px solid #344b70;border-radius:22px;padding:17px;margin:12px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.stat{background:#172640;border:1px solid #344d73;border-radius:16px;padding:13px}.stat b{font-size:1.35rem}.badge{display:inline-block;padding:6px 10px;margin:4px;border-radius:999px;background:#2a2547;border:1px solid #7568c8}.maprow{display:grid;grid-template-columns:1fr auto;gap:8px;margin:9px 0}.bar{height:10px;background:#0b1425;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#55d9ff,#7d70ff)}
.library-list{max-height:65vh;overflow:auto}.libitem{padding:11px;border-bottom:1px solid #2e405e}.libitem a{color:#91e7ff;font-weight:800;text-decoration:none}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip{background:#16263f;border:1px solid #3b5279;color:white;border-radius:999px;padding:8px 10px;font-weight:800}.chip.active{background:#5d53d7}.locked{opacity:.55}
.creature{position:absolute;z-index:1;right:16px;top:15px;width:70px;height:70px;border-radius:18px 18px 28px 28px;background:#61d69d;box-shadow:inset -12px -10px #2f9a70;transform:rotate(3deg)}.creature:before,.creature:after{content:"";position:absolute;top:24px;width:9px;height:9px;background:#07111f;border-radius:3px}.creature:before{left:18px}.creature:after{right:18px}.glitchline{position:absolute;z-index:1;left:0;right:0;top:33%;height:3px;background:#63e8ff77;box-shadow:0 11px #ff61c877;animation:gl 3s infinite}@keyframes gl{0%,92%,100%{transform:translateX(0);opacity:.2}94%{transform:translateX(15px);opacity:.8}96%{transform:translateX(-9px);opacity:.8}}
@media(max-width:600px){.app{padding:10px 10px 70px}.hero{padding:18px;min-height:160px}.portal{min-height:135px}.quest-scene{padding:10px;min-height:650px}.quest-card{margin-top:54px;padding:16px}.pdfbox iframe{height:58vh}.inputrow{flex-direction:column}}

.cloudpanel{border-color:#4d6a97;background:linear-gradient(145deg,#11263e,#132f2e)}

/* ===== V4.0 BASE ROBUSTA ===== */
.sync-pill{display:inline-flex;align-items:center;gap:5px}.sync-good{color:#7ff0b9}.sync-wait{color:#ffd666}.sync-off{color:#b8c4dc}
.notice{padding:12px 14px;border-radius:15px;border:1px solid #496889;background:#10233b;margin:10px 0}.notice.good{border-color:#58d5a2;background:#12372d}.notice.warn{border-color:#d9ae51;background:#352e17}.notice.bad{border-color:#ff7c8a;background:#44222b}
.diag-banner{background:linear-gradient(145deg,#17385c,#2a2455);border:1px solid #6371ba;border-radius:18px;padding:14px;margin:10px 0}.diag-status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900;background:#222e49;border:1px solid #445a84}.diag-status.done{background:#153b30;border-color:#58d5a2}
.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.skill{border:1px solid #344d73;background:#13213a;border-radius:14px;padding:10px}.skill strong{display:block;margin-bottom:3px}.skill.domina{border-color:#58d5a2}.skill.desenvolvimento{border-color:#ffd666}.skill.nao_estudou{border-color:#8391ac;opacity:.9}
.choice-secondary{width:100%;margin-top:8px;background:#2a2f43;color:#f4f6ff;border:1px dashed #7180a0;border-radius:13px;padding:11px;font-weight:850}
.weekly-card{background:linear-gradient(145deg,#183b38,#1d2444);border:1px solid #4d7a74;border-radius:20px;padding:16px}.chapter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chapter-dot{width:36px;height:36px;border-radius:10px;border:1px solid #496889;background:#182840;color:white;font-weight:900}.chapter-dot.done{background:#1c674f;border-color:#66e3a4}
.typing-shell{border-radius:28px;padding:16px;border:1px solid #42587c;background:linear-gradient(160deg,#0c1c34,#142744 55%,#112a28);box-shadow:var(--shadow)}.typing-target{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.2rem,3.6vw,1.8rem);line-height:1.7;background:#0b1425;border:1px solid #3d557d;border-radius:16px;padding:16px;min-height:90px;white-space:pre-wrap;word-break:break-word}.typing-target .typed{opacity:.22}.typing-target .current{background:#ffd666;color:#151a24;border-radius:5px;padding:1px 2px;box-shadow:0 0 0 2px #ffd66655}.typing-build{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.15rem;min-height:54px;background:#16233a;border:1px solid #344d73;border-radius:14px;padding:12px;white-space:pre-wrap}.typing-caret{display:inline-block;width:3px;height:1.2em;background:#66e3a4;vertical-align:-3px;animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.typing-capture{position:absolute;opacity:.02;left:-9999px;width:1px;height:1px}.keyboard{display:grid;gap:5px;margin:14px auto;max-width:760px}.keyrow{display:flex;justify-content:center;gap:5px}.key{min-width:35px;height:38px;display:flex;align-items:center;justify-content:center;padding:0 8px;border-radius:8px;border:1px solid #40577c;background:#15243d;font-family:ui-monospace,monospace;font-weight:800;text-transform:uppercase}.key.space{min-width:210px}.key.active{background:#ffd666;color:#121722;border-color:#fff0a6;transform:translateY(-2px);box-shadow:0 0 16px #ffd66666}
.hands-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:620px;margin:12px auto}.hand-card{text-align:center;background:#101d32;border:1px solid #344d73;border-radius:16px;padding:8px}.hand-svg{width:100%;max-width:220px;height:auto}.hand-svg .palm{fill:#d6b08c;stroke:#f1d0b0;stroke-width:2}.hand-svg .finger{fill:#c99872;stroke:#f1d0b0;stroke-width:2;transition:.15s}.hand-svg .finger.active{fill:#ffd666;stroke:#fff3b0;stroke-width:4;filter:drop-shadow(0 0 6px #ffd666)}.finger-label{text-align:center;font-weight:900;color:#ffd666;min-height:24px}.typing-error{animation:typeerr .18s 2}@keyframes typeerr{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.typing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:10px 0}.typing-stat{border-radius:12px;background:#14233b;border:1px solid #344d73;padding:9px;text-align:center}.typing-stat b{font-size:1.15rem}
.atelier-form{display:grid;gap:9px}.atelier-form input,.atelier-form textarea,.goals-grid input,.goals-grid select,.inputrow select{width:100%;padding:11px;border-radius:12px;border:1px solid #3d557d;background:#f8fbff;color:#111827;font-size:1rem}.atelier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.art-card{background:#14233b;border:1px solid #344d73;border-radius:16px;overflow:hidden}.art-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#0b1425}.art-card .art-body{padding:10px}.art-card p{margin:.25em 0}
.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.goal-box{background:#14233b;border:1px solid #344d73;border-radius:16px;padding:12px}.goal-box label{display:block;margin:8px 0 4px;font-size:.82rem;color:#c7d3ea;font-weight:800}.checkline{display:flex!important;align-items:center;gap:7px}.checkline input{width:auto!important}
.pin-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.pin-tools input{padding:11px;border-radius:12px;border:1px solid #3d557d;font-size:1rem}
details.panel summary{cursor:pointer;font-weight:900}.version-chip{font-size:.74rem;color:#9db1d1;margin-top:8px}
@media(max-width:600px){.hands-wrap{grid-template-columns:1fr 1fr}.key{min-width:27px;height:34px;padding:0 5px;font-size:.78rem}.key.space{min-width:150px}.typing-shell{padding:10px}.typing-target{padding:12px}.goals-grid{grid-template-columns:1fr}}

/* ===== V4 FINAL ===== */
.linkbtn{display:inline-block;text-decoration:none}.softline{border:0;border-top:1px solid #344d73;margin:12px 0}.oly-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.oly-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.danger-btn{background:#44222b;color:#ffdfe4;border:1px solid #ff7c8a;border-radius:13px;padding:11px 14px;font-weight:850}.panel.compact{padding:12px}.companion-biome{background:radial-gradient(circle at 80% 10%,#284f53 0 10%,transparent 30%),linear-gradient(160deg,#122f37,#111c35)}.companion-stage{display:flex;align-items:center;gap:16px;background:#12243d;border:1px solid #476486;border-radius:20px;padding:14px;margin:12px 0}.companion-big{font-size:4rem;filter:drop-shadow(0 8px 8px #0005)}.companion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.companion-card{display:grid;gap:5px;justify-items:center;background:#15243d;color:white;border:1px solid #3d557d;border-radius:16px;padding:13px;cursor:pointer}.companion-card span{font-size:2.4rem}.companion-card small{color:#b8c4dc}.companion-card.selected{border:2px solid #ffd666;background:#342f1e}.companion-card.locked{opacity:.48;cursor:not-allowed}


/* ==========================================================
   V4.2 — OBJETIVIDADE, TELAS COMPACTAS E XP EXTRA
   ========================================================== */
.app{max-width:1180px;padding-bottom:50px}.topbar{margin-bottom:8px}.home-hero{min-height:132px;padding:17px 20px}.home-hero .creature{transform:scale(.8);transform-origin:top right}.home-hero p{margin:.45em 0}.home-lane{margin-top:12px}.lane-title{display:flex;align-items:center;gap:9px;margin:4px 2px 7px;color:#dbe7f8}.lane-title>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#6b5df4;font-weight:950}.lane-title div{display:flex;gap:8px;align-items:baseline}.lane-title small{color:#91a4c4}.home-grid{margin-top:0;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.portal{min-height:122px;padding:13px 14px;border-radius:19px}.portal .icon{font-size:2rem}.portal h3{font-size:1rem}.portal p{font-size:.83rem}.focus-grid .path-main{grid-column:span 2}.path-badge,.bonus-chip{display:inline-flex;margin-top:7px;border-radius:999px;padding:4px 7px;font-size:.69rem;font-weight:900;background:#2a2547;border:1px solid #7568c8;color:#e9e3ff}.path-badge{background:#3a3017;border-color:#d2a847;color:#ffe9a3}.bonus-chip{background:#15372e;border-color:#4e9d7e;color:#aef5d6}.inline-bonus{vertical-align:middle;margin:0 0 0 5px}.compact-home-grid{grid-template-columns:repeat(auto-fit,minmax(180px,260px))}.compact-portal{min-height:105px}.more-practice{margin-top:9px;background:#0e192c;border:1px solid #2f4262;border-radius:14px;padding:10px 12px}.more-practice summary{cursor:pointer;font-weight:850;color:#c9d5e8}.more-practice summary span{font-size:.72rem;color:#8fa2c0;font-weight:700}

/* Questões: reduzir rolagem e manter resposta perto do enunciado */
.compact-game{min-height:0}.slim-track{height:8px}.compact-scene{min-height:0;padding:10px 12px 12px;border-radius:20px}.compact-scene:before{height:70px;opacity:.34}.compact-stars{height:70px;opacity:.16}.compact-question-card{margin:8px auto 10px;padding:13px 15px;border-width:3px;box-shadow:0 6px 0 #4c3825,0 12px 25px #0005;max-width:820px}.compact-question-card:before,.compact-question-card:after{width:11px;height:11px;border-width:2px}.compact-question-card .quest-title{font-size:clamp(1.02rem,2.1vw,1.32rem);line-height:1.35}.diag-help{margin:.4em 0 0}.compact-answers{max-width:820px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.official-choice-grid{grid-template-columns:repeat(5,1fr)}.compact-answer{margin:0;padding:9px 11px;border-radius:11px;font-size:.93rem;min-height:42px}.compact-inputrow input{padding:10px}.feedback{padding:9px 11px;margin:7px auto}.stage-label{margin:4px 0 6px}.official-workspace{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(520px,1.22fr);gap:10px;align-items:start}.official-answer-pane{background:linear-gradient(160deg,#10243f,#0b1628);border:1px solid #374d73;border-radius:20px;padding:8px 10px}.compact-pdf{margin:0;max-width:none}.compact-pdf iframe{height:calc(100dvh - 150px);min-height:480px;max-height:700px}.compact-pdf .pdfhead{padding:7px 9px;font-size:.86rem}.finish-compact{max-width:760px;margin:12px auto}.xp-extra-toast{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;background:linear-gradient(90deg,#403418,#193d31);border:1px solid #d6b34e;border-radius:999px;padding:8px 11px;margin:10px 0;font-weight:950;color:#ffe693}.xp-extra-toast span{font-size:.74rem;color:#bfe8d5;font-weight:700}

/* Digitação compacta */
.typing-shell.typing-compact{max-width:1050px;margin:8px auto;padding:9px 13px 11px;border-radius:20px}.typing-headline{display:flex;align-items:center;justify-content:space-between;gap:10px}.typing-headline .stage-label{margin:0;text-align:left}.typing-mini-score{display:flex;gap:6px}.typing-mini-score span{background:#101d32;border:1px solid #344d73;border-radius:999px;padding:4px 8px;font-size:.76rem;font-weight:850}.typing-focus-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:8px;align-items:stretch;margin-top:6px}.typing-copy-zone{display:grid;align-content:center;gap:6px;min-width:0}.typing-compact .typing-target{margin:0;padding:9px 11px;min-height:54px;max-height:88px;overflow:auto;font-size:clamp(.96rem,1.5vw,1.2rem);line-height:1.35}.typing-compact .typing-build{margin:0;padding:7px 10px;min-height:37px;font-size:.95rem}.compact-hands{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0;max-width:none}.compact-hand{padding:3px;border-radius:11px;font-size:.7rem}.compact-hand .hand-svg{max-width:112px;max-height:100px}.typing-compact .finger-label{font-size:.84rem;min-height:18px}.typing-compact .keyboard{gap:3px;margin:6px auto 3px;max-width:620px}.typing-compact .keyrow{gap:3px}.typing-compact .key{min-width:29px;height:27px;padding:0 5px;border-radius:6px;font-size:.73rem}.typing-compact .key.space{min-width:150px}.typing-footer{display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;margin-top:3px}.typing-footer .small{font-size:.74rem}.typing-activate{padding:7px 10px;font-size:.78rem}

/* Companheiros com habitat */
.companion-stage-click{cursor:pointer;transition:.16s}.companion-stage-click:hover{transform:translateY(-2px);border-color:#ffd666}.companion-avatar{font-size:3.5rem;min-width:75px;text-align:center}.companion-stage-info{display:grid;gap:3px}.companion-enter{margin-top:5px;width:max-content}.habitat-shell{max-width:1080px;margin:8px auto;overflow:hidden}.habitat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.habitat-scene{height:min(50vh,455px);min-height:320px;position:relative;border-radius:20px;overflow:hidden;margin-top:8px;border:2px solid #476486;background:linear-gradient(#142b58 0 55%,#173b30 55%)}.habitat-tunnel .habitat-scene{background:radial-gradient(circle at 50% 20%,#385277,#10192b 48%,#1c1820 100%)}.habitat-forest .habitat-scene{background:linear-gradient(#14355d 0 46%,#173d31 46%)}.habitat-lake .habitat-scene{background:linear-gradient(#183c67 0 52%,#174d63 52%)}.habitat-tower .habitat-scene{background:linear-gradient(#111a3d,#2b2158)}.habitat-cave .habitat-scene{background:radial-gradient(circle at 60% 40%,#174b59,#10162a 62%)}.habitat-mountain .habitat-scene{background:linear-gradient(#17345f,#344763 62%,#e1e8f2 63%)}.habitat-stars{position:absolute;left:8%;top:7%;right:8%;font-size:1.2rem;color:#d8e7ff;letter-spacing:10px;opacity:.75}.habitat-ground{position:absolute;left:-5%;right:-5%;bottom:-20px;height:130px;background:linear-gradient(#234b38,#173128);border-radius:50% 50% 0 0}.habitat-animal{position:absolute;left:9%;bottom:68px;border:0;background:none;color:white;font-size:4.6rem;cursor:pointer;filter:drop-shadow(0 10px 10px #0006)}.habitat-animal span{display:block;font-size:.72rem;background:#0e1a2bcc;padding:4px 8px;border-radius:999px}.habitat-crystal{position:absolute;border:0;background:transparent;font-size:2rem;cursor:pointer;filter:drop-shadow(0 0 8px #7ad8ff);animation:crystalFloat 2.1s ease-in-out infinite}.habitat-crystal.found{opacity:0;transform:scale(1.8);pointer-events:none}.crystal-1{left:31%;top:25%}.crystal-2{left:50%;top:64%}.crystal-3{right:24%;top:20%}.crystal-4{right:8%;top:55%}.crystal-5{left:62%;top:40%}.habitat-portal{position:absolute;right:9%;bottom:66px;width:95px;height:132px;border-radius:50%;display:grid;place-items:center;border:7px solid #5a5ae6;background:#111633aa;box-shadow:0 0 25px #725cff66 inset,0 0 18px #725cff55;font-size:2.6rem;transition:.25s}.habitat-portal.open{border-color:#ffd666;box-shadow:0 0 35px #ffd66699,0 0 30px #79e6ff88 inset;transform:scale(1.06)}.habitat-bottom{display:grid;grid-template-columns:125px 1fr;gap:8px;margin-top:8px}.habitat-counter{background:#14233b;border:1px solid #344d73;border-radius:12px;padding:8px;text-align:center}.habitat-counter b{display:block;font-size:1.2rem}@keyframes crystalFloat{50%{transform:translateY(-6px)}}

/* Ateliê mais lúdico + áudio */
.atelier-world{max-width:1080px;margin:8px auto 30px;padding:16px;position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 8% 12%,#683fc144 0 10%,transparent 28%),radial-gradient(circle at 93% 8%,#0bc5a844 0 10%,transparent 28%),linear-gradient(145deg,#101b38,#172544 55%,#102f35);border:1px solid #3d557d}.atelier-sparkles{position:absolute;top:13px;right:17px;color:#ffd666;font-size:1.1rem;letter-spacing:6px}.atelier-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:7px 2px 13px}.atelier-hero h1{font-size:clamp(2rem,4vw,3.5rem);margin:.1em 0}.atelier-hero p{max-width:720px;color:#d3dded;margin:.35em 0}.atelier-mascot{font-size:4rem;transform:rotate(-8deg)}.atelier-mascot span{font-size:1.5rem}.creation-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.creation-type{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;text-align:left;column-gap:8px;align-items:center;background:#14233bd9;color:white;border:1px solid #40577c;border-radius:15px;padding:10px;cursor:pointer}.creation-type>span{grid-row:1/3;font-size:1.9rem}.creation-type small{color:#b9c8df;font-size:.72rem}.creation-type.selected{border-color:#ffd666;background:#2e2a3f;transform:translateY(-1px)}.atelier-create-card{margin-top:9px;background:#0f1b31dd;border:1px solid #4a6284;border-radius:18px;padding:12px}.creative-upload,.creative-action{display:grid;gap:3px;background:#142b45;border:1px dashed #5d7da6;border-radius:14px;padding:11px;color:white;cursor:pointer}.creative-upload input,.creative-action input{margin-top:6px}.audio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creative-action{border-style:solid;font-weight:800}.creative-action.recording{border-color:#ff7c8a;background:#44222b}.audio-preview{display:grid;gap:6px;margin-top:8px;background:#111d33;border-radius:13px;padding:9px}.audio-preview audio,.art-card audio{width:100%;height:34px}.record-dot{display:inline-block;width:9px;height:9px;background:#ff5c68;border-radius:50%;animation:pulse 1s infinite}.publish-creation{margin-top:4px}.gallery-title{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:15px 2px 8px}.gallery-title>div{display:flex;align-items:center;gap:8px}.gallery-title h2{margin:0}.atelier-grid-playful{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.art-cover{aspect-ratio:4/3;display:grid;place-items:center;align-content:center;gap:6px;font-size:3rem}.art-cover span{font-size:.72rem;letter-spacing:.08em;font-weight:900}.audio-cover{background:linear-gradient(145deg,#4a275b,#173d4f)}.text-cover{background:linear-gradient(145deg,#4c351d,#263c5c)}.creative-snippet{max-height:105px;overflow:auto;line-height:1.35}.empty-gallery{grid-column:1/-1;text-align:center;padding:25px;border:1px dashed #526b91;border-radius:18px;background:#101b31}.empty-gallery>div{font-size:3.4rem}

@media(max-width:900px){.official-workspace{grid-template-columns:1fr}.compact-pdf iframe{height:48vh;min-height:360px}.typing-focus-grid{grid-template-columns:1fr}.compact-hands{max-width:390px;margin:auto}.focus-grid .path-main{grid-column:auto}}
@media(max-width:600px){.app{padding:8px 8px 42px}.home-hero{min-height:118px;padding:14px}.lane-title div{display:block}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.portal{min-height:112px;padding:10px}.portal .icon{font-size:1.75rem}.portal h3{font-size:.92rem}.portal p{font-size:.75rem}.answer-grid,.official-choice-grid{grid-template-columns:1fr}.compact-scene{padding:7px}.compact-question-card{padding:11px;margin:5px auto 7px}.compact-inputrow{flex-direction:column}.compact-pdf iframe{height:44vh;min-height:300px}.typing-compact .keyboard{transform:scale(.94);transform-origin:top center;margin-bottom:-3px}.compact-hands{gap:3px}.compact-hand .hand-svg{max-width:92px}.typing-footer{grid-template-columns:1fr}.creation-picker{grid-template-columns:1fr}.audio-actions{grid-template-columns:1fr}.atelier-mascot{display:none}.habitat-scene{min-height:300px}.habitat-animal{font-size:3.8rem}.habitat-portal{width:80px;height:112px}.habitat-bottom{grid-template-columns:1fr}}

/* ===== V4.3 • Desafios com propósito ===== */
.discovery-biome{max-width:980px;margin-inline:auto}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:14px 0}.discovery-card{min-height:126px;border:1px solid #3d557d;border-radius:18px;background:linear-gradient(160deg,#142743,#102038);color:#fff;padding:14px;display:grid;gap:5px;justify-items:start;text-align:left;cursor:pointer}.discovery-card span{font-size:2rem}.discovery-card b{font-size:1.02rem}.discovery-card small{color:#b9c7df;line-height:1.3}.discovery-card.surprise{background:linear-gradient(160deg,#312c5e,#16334b);border-color:#8c83ff}.learn-note{margin-top:8px;padding:8px 10px;border-radius:11px;background:#102c28;border:1px solid #397c68;font-size:.88rem;line-height:1.35;text-align:left}.discovery-portal .icon{filter:drop-shadow(0 5px 8px #0005)}
@media(max-height:760px) and (min-width:700px){.discovery-card{min-height:105px;padding:10px}.discovery-grid{gap:7px;margin:9px 0}.discovery-biome{padding-top:12px;padding-bottom:12px}}

/* ===== V4.4 — navegação estável + digitação centralizada ===== */
.typing-shell.typing-compact{max-width:1020px}
.centered-copy{max-width:900px;margin:5px auto 0}
.typing-guidance-row{display:grid;grid-template-columns:minmax(160px,.38fr) minmax(360px,.62fr);align-items:center;gap:10px;max-width:760px;margin:3px auto 0}
.typing-guidance-row .finger-label{text-align:right;margin:0;font-size:.86rem}
.centered-hands{width:100%;max-width:470px;margin:0 auto}
.centered-hands .compact-hand{min-height:105px;display:grid;align-content:center;justify-items:center}
.centered-hands .compact-hand .hand-svg{max-width:135px;max-height:112px}
.typing-compact .keyboard{margin-top:4px}
.typing-compact .typing-target{max-height:74px}
.typing-compact .typing-build{min-height:34px}

/* Keep answer screens visually contained on common notebook/desktop resolutions. */
.compact-game,.compact-scene{max-width:1100px;margin-left:auto;margin-right:auto}
.compact-question-card,.compact-answers{max-width:860px}
@media (min-width:901px) and (max-height:800px){
  .topbar{margin-bottom:6px}
  .compact-scene{padding-top:7px;padding-bottom:8px}
  .compact-question-card{padding:10px 13px;margin:5px auto 7px}
  .compact-answer{min-height:38px;padding:7px 10px}
  .typing-shell.typing-compact{margin-top:4px;padding-top:7px;padding-bottom:8px}
  .centered-hands .compact-hand{min-height:92px}
  .centered-hands .compact-hand .hand-svg{max-width:118px;max-height:94px}
  .typing-compact .keyboard{margin:3px auto 1px}
  .typing-compact .key{height:25px}
}
@media(max-width:900px){
  .typing-guidance-row{grid-template-columns:1fr;max-width:430px}
  .typing-guidance-row .finger-label{text-align:center}
  .centered-hands{max-width:390px}
}

/* ===== V4.5 — volta ao início + digitação ampliada ===== */
.back-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

/* A oficina usa melhor a largura disponível sem ficar alta demais. */
.typing-shell.typing-compact{
  width:min(1180px,calc(100vw - 28px));
  max-width:1180px;
  padding:10px 18px 12px;
}

.centered-copy{
  max-width:1040px;
}

.typing-guidance-row{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  max-width:760px;
  margin:5px auto 0;
}

.typing-guidance-row .finger-label{
  text-align:center;
  width:100%;
  margin:0;
  font-size:.98rem;
}

.centered-hands{
  width:min(100%,620px);
  max-width:620px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.centered-hands .compact-hand{
  min-height:132px;
  padding:6px 8px;
  font-size:.78rem;
}

.centered-hands .compact-hand .hand-svg{
  max-width:170px;
  max-height:132px;
}

.typing-compact .keyboard{
  width:min(100%,760px);
  max-width:760px;
  margin:6px auto 4px;
  gap:4px;
}

.typing-compact .keyrow{
  gap:4px;
}

.typing-compact .key{
  min-width:37px;
  height:33px;
  padding:0 7px;
  border-radius:7px;
  font-size:.84rem;
}

.typing-compact .key.space{
  min-width:200px;
}

.typing-compact .typing-target{
  font-size:clamp(1.05rem,1.6vw,1.3rem);
  padding:10px 13px;
}

.typing-compact .typing-build{
  font-size:1rem;
  padding:8px 12px;
}

@media (display-mode: standalone) and (min-width:900px){
  .typing-shell.typing-compact{
    width:min(1240px,calc(100vw - 18px));
    max-width:1240px;
  }
  .centered-hands{
    width:min(100%,660px);
    max-width:660px;
  }
  .centered-hands .compact-hand .hand-svg{
    max-width:182px;
    max-height:140px;
  }
  .typing-compact .keyboard{
    width:min(100%,800px);
    max-width:800px;
  }
  .typing-compact .key{
    min-width:39px;
    height:34px;
    font-size:.87rem;
  }
  .typing-compact .key.space{
    min-width:215px;
  }
}

/* Notebook mais baixo: preserva tudo no campo de visão sem voltar a ficar minúsculo. */
@media (min-width:901px) and (max-height:760px){
  .typing-shell.typing-compact{
    padding-top:7px;
    padding-bottom:8px;
  }
  .centered-hands .compact-hand{
    min-height:108px;
  }
  .centered-hands .compact-hand .hand-svg{
    max-width:150px;
    max-height:108px;
  }
  .typing-compact .key{
    min-width:35px;
    height:30px;
  }
  .typing-compact .key.space{
    min-width:185px;
  }
}

@media(max-width:900px){
  .typing-shell.typing-compact{
    width:min(100%,calc(100vw - 12px));
    padding-left:10px;
    padding-right:10px;
  }
  .centered-hands{
    width:min(100%,450px);
    gap:6px;
  }
  .centered-hands .compact-hand{
    min-height:104px;
  }
  .centered-hands .compact-hand .hand-svg{
    max-width:135px;
    max-height:102px;
  }
  .typing-compact .keyboard{
    width:min(100%,560px);
  }
  .typing-compact .key{
    min-width:29px;
    height:29px;
    padding:0 5px;
    font-size:.75rem;
  }
  .typing-compact .key.space{
    min-width:150px;
  }
}

/* ===== V4.6 — XAM'S + digitação expandida ===== */
.typing-menu-rich .typing-stats{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
.typing-challenges .mission{min-height:125px}
.xams-avatar{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;font-weight:1000;font-size:1.65rem;letter-spacing:-.06em;background:#0e1c35;border:2px solid #5c78a4;box-shadow:inset 0 0 18px #ffffff0e,0 7px 18px #0005}
.xams-avatar.big{width:88px;height:88px;font-size:2.35rem;border-radius:24px}
.xams-xam{background:linear-gradient(145deg,#263c70,#111b34);text-shadow:2px 0 #6ff,-2px 0 #f5a}
.xams-zam{background:linear-gradient(145deg,#51246b,#171329);text-shadow:2px 0 #ffd34d,-2px 0 #66f}
.xams-xay{background:linear-gradient(145deg,#174e52,#0d1f2b);text-shadow:2px 0 #9ff,-2px 0 #7f7}
.xams-bipolares{background:linear-gradient(90deg,#14213c 0 49%,#5b284d 51%);font-size:1.35rem;text-shadow:1px 0 #fff7,-1px 0 #fff7}
.xams-scene{min-height:360px}
.xams-character .xams-avatar{pointer-events:none}
.xams-token{position:absolute!important;font-size:1.35rem!important;animation:xamsPulse 1.8s infinite ease-in-out}
.xams-token.found{opacity:.08;transform:translate(-50%,-50%) scale(.45)!important;pointer-events:none}
@keyframes xamsPulse{0%,100%{filter:drop-shadow(0 0 3px #fff6);transform:translate(-50%,-50%) scale(1)}50%{filter:drop-shadow(0 0 11px #8ff);transform:translate(-50%,-50%) scale(1.12)}}
.habitat-xam{background:linear-gradient(160deg,#0e1731,#172f51)}
.habitat-zam{background:linear-gradient(160deg,#1d1231,#43254f)}
.habitat-xay{background:linear-gradient(160deg,#092733,#164653)}
.habitat-bipolares{background:linear-gradient(110deg,#111e39 0 48%,#46203f 52% 100%)}


/* ===== V4.7 — painel unificado, hub e estudo honesto ===== */
.profile-cloud-alert,.profile-cloud-ok{max-width:1180px;margin:7px auto 10px;border-radius:15px;padding:10px 13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-cloud-alert{background:#402d13;border:1px solid #ffcb67;color:#ffe8b3}.profile-cloud-alert.pending{background:#27324a;border-color:#7ea7ff}.profile-cloud-alert span{flex:1;min-width:220px}.profile-cloud-ok{background:#102d26;border:1px solid #3acb96;color:#bdf7df;font-size:.88rem}
.home-objective-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-width:1120px;margin-left:auto;margin-right:auto}.home-objective-grid .portal{min-height:154px}.home-objective-grid .path-main{grid-column:span 2;min-height:162px}.olymp-hub-card{background:linear-gradient(145deg,#1a3156,#211d43)}
.more-practice{max-width:1100px;margin:10px auto}.more-practice summary{cursor:pointer;font-weight:850}.more-practice summary span{font-weight:500;opacity:.75}
.olymp-hub{max-width:1180px}.competition-section{margin-top:16px}.competition-section h2{font-size:1rem;margin:0 0 8px}.competition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:9px}.competition-card{border-radius:16px;border:1px solid #3c577f;background:#13233c;color:#fff;padding:13px;text-align:left;display:grid;gap:5px;min-height:116px}.competition-card span{font-size:1.75rem}.competition-card b{font-size:1rem}.competition-card small{color:#b8c8e2;line-height:1.3}.competition-card.active{cursor:pointer}.competition-card.active:hover{transform:translateY(-1px);border-color:#86a8ff}.competition-card.future{background:#192332;border-style:dashed;opacity:.82}.competition-card.locked{background:linear-gradient(145deg,#20242f,#171922);opacity:.7}
.research-world{max-width:900px}.research-form{display:grid;gap:8px;margin-top:12px}.research-form textarea,.research-form input{width:100%;box-sizing:border-box;background:#f7f9ff;color:#111827;border:1px solid #7287a7;border-radius:12px;padding:11px;font:inherit}.research-mission{background:linear-gradient(145deg,#173d3e,#142d43)}
.honesty-tools{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:9px auto 2px}.honesty-tools .choice-secondary{font-size:.84rem;padding:8px 10px}.notebook-proof{max-width:760px;margin:8px auto;padding:10px 12px;border-radius:14px;border:1px dashed #91a5c8;background:#111f36;display:grid;gap:7px}.notebook-proof>span{font-size:.83rem;color:#c8d3e8}.work-photo-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.84rem}.work-photo-label input{max-width:280px}
.compare-board{display:grid;gap:0;border:1px solid #314d74;border-radius:16px;overflow:hidden}.compare-head,.compare-row{display:grid;grid-template-columns:minmax(130px,1.3fr) 1fr 1fr;gap:6px;align-items:center;padding:9px 11px}.compare-head{background:#101f37}.compare-row:nth-child(even){background:#0f1b2e}.compare-row:nth-child(odd){background:#14243b}.compare-row span{text-align:center}.sync-good{color:#79e6b9}.sync-wait{color:#ffd072}
.work-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px}.work-proof-card{background:#101e33;border:1px solid #314e75;border-radius:16px;overflow:hidden}.work-proof-card img{width:100%;height:180px;object-fit:cover;background:#091321}.work-proof-card>div{padding:10px}
#manualSyncStatus{margin-top:8px}
@media(max-width:700px){.home-objective-grid .path-main{grid-column:span 1}.compare-head,.compare-row{grid-template-columns:minmax(105px,1.2fr) 1fr 1fr;font-size:.82rem;padding:8px 7px}.competition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.competition-card{min-height:108px;padding:10px}.profile-cloud-alert button{width:100%}}
.profile-sync-message{width:100%;font-size:.82rem;opacity:.92}

/* ===== V4.8 — temas, ícones maiores e recuperação ===== */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{--ink:#172237;--muted:#5d6b82;--panel:#ffffffeb;--line:#bac7d9;--shadow:0 12px 30px #52657a26;color-scheme:light}
html[data-theme="light"] body{background:radial-gradient(circle at 12% 0,#d7e8ff 0 14%,transparent 35%),radial-gradient(circle at 92% 12%,#f0ddff 0 10%,transparent 28%),linear-gradient(#f8fbff,#edf3f8 60%,#e9f0f6)}
html[data-theme="light"] body:before{opacity:.09;background-image:linear-gradient(90deg,#335 1px,transparent 1px),linear-gradient(#335 1px,transparent 1px)}
html[data-theme="light"] .portal,html[data-theme="light"] .mission,html[data-theme="light"] .panel,html[data-theme="light"] .biome,html[data-theme="light"] .stat,html[data-theme="light"] .competition-card,html[data-theme="light"] .goal-box{background:#ffffffed;color:var(--ink);border-color:#becadc}
html[data-theme="light"] .portal p,html[data-theme="light"] .small,html[data-theme="light"] .competition-card small{color:#5d6b82}
html[data-theme="light"] .back,html[data-theme="light"] .xp,html[data-theme="light"] .hint{background:#e7eef7;color:#172237;border-color:#b6c4d6}
html[data-theme="light"] .hero{background:linear-gradient(135deg,#cfe1ff,#eadcff);color:#172237}
html[data-theme="light"] .daily{background:linear-gradient(145deg,#fff2c8,#ffffff)}
html[data-theme="colorful"]{--ink:#fff8ff;--muted:#ddd8ff;--panel:#24194add;--line:#6d5ee8;--shadow:0 16px 42px #18093377;color-scheme:dark}
html[data-theme="colorful"] body{background:radial-gradient(circle at 8% 5%,#0e8a8a 0 13%,transparent 34%),radial-gradient(circle at 90% 5%,#9b348e 0 12%,transparent 30%),radial-gradient(circle at 50% 100%,#2c4fa4 0 18%,transparent 48%),linear-gradient(145deg,#07172a,#21103c 55%,#07172a)}
html[data-theme="colorful"] .portal,html[data-theme="colorful"] .mission,html[data-theme="colorful"] .panel,html[data-theme="colorful"] .biome,html[data-theme="colorful"] .competition-card{background:linear-gradient(145deg,#172c4bea,#2b1846ea);border-color:#7364d7}
html[data-theme="aurora"]{--ink:#efffff;--muted:#bce4e1;--panel:#0d3034dd;--line:#347a78;--shadow:0 14px 40px #031b256e;color-scheme:dark}
html[data-theme="aurora"] body{background:radial-gradient(circle at 18% 0,#176b72 0 16%,transparent 37%),radial-gradient(circle at 82% 10%,#54397d 0 13%,transparent 34%),linear-gradient(150deg,#061925,#082d31 50%,#12182d)}
html[data-theme="aurora"] .portal,html[data-theme="aurora"] .mission,html[data-theme="aurora"] .panel,html[data-theme="aurora"] .biome,html[data-theme="aurora"] .competition-card{background:linear-gradient(150deg,#0f343bdf,#172a45e8);border-color:#3d7d81}
.theme-picker{display:flex;gap:8px;flex-wrap:wrap}.theme-btn{border:1px solid #6b7da1;border-radius:14px;padding:11px 15px;font-weight:900;cursor:pointer}.theme-btn.dark{background:#101b30;color:white}.theme-btn.light{background:#f8fbff;color:#172237}.theme-btn.colorful{background:linear-gradient(135deg,#0d8c8c,#843a9c);color:white}.theme-btn.aurora{background:linear-gradient(135deg,#0d4d57,#49366f);color:white}
.recovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.recovery-card{display:grid;gap:6px;padding:13px;border-radius:16px;border:1px solid var(--line);background:#12213a}.manual-recovery{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.profile-sync-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 10px;padding:9px 11px;border:1px solid #354b70;border-radius:14px;background:#0c192c}
/* Ícones mais visíveis, inclusive os de segundo plano */
.portal .icon{font-size:3rem;line-height:1.05}.home-objective-grid .portal .icon{font-size:3.35rem}.mission .icon{font-size:2.85rem;line-height:1}.competition-card span{font-size:2.65rem;line-height:1.1}.discovery-card span{font-size:2.7rem}.creation-option span{font-size:2.65rem}.companion-card .xams-avatar{transform:scale(1.12);margin:5px}
@media(max-width:600px){.portal .icon{font-size:2.45rem}.home-objective-grid .portal .icon{font-size:2.65rem}.mission .icon{font-size:2.35rem}.competition-card span{font-size:2.25rem}.discovery-card span{font-size:2.3rem}}

/* ===== V4.8.1 — seletor de aparência na tela inicial ===== */
.home-theme-panel{margin-top:16px;margin-bottom:16px;padding:16px 18px}
.home-theme-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.home-theme-head b{font-size:1.08rem}
.home-theme-picker{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px}
.home-theme-picker .theme-btn{min-height:52px;font-size:.98rem;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.theme-btn.active,.theme-btn[aria-pressed="true"]{outline:3px solid #ffdf5d;outline-offset:2px;box-shadow:0 0 0 5px #ffdf5d22,0 10px 22px #0004;transform:translateY(-1px)}
html[data-theme="light"] .theme-btn.active,html[data-theme="light"] .theme-btn[aria-pressed="true"]{outline-color:#3157a4;box-shadow:0 0 0 5px #3157a422,0 8px 18px #52657a33}
@media(max-width:700px){.home-theme-picker{grid-template-columns:repeat(2,minmax(120px,1fr))}.home-theme-panel{padding:14px}.home-theme-head>span{display:none}}

/* ===== V4.8.3 — seletor de tema discreto ===== */
.home-main-hero{padding-top:22px}
.theme-quick{position:absolute;right:18px;top:16px;z-index:5;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#07111f99;border:1px solid #ffffff24;backdrop-filter:blur(8px);box-shadow:0 6px 18px #0003}
.theme-quick>span{font-size:.82rem;opacity:.8;margin-right:1px}
.theme-mini{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid #6b7da177;padding:0;cursor:pointer;font-size:.9rem;transition:.15s ease;background:#13203a;color:white}
.theme-mini.light{background:#f4f7fb}.theme-mini.colorful{background:linear-gradient(135deg,#0d8c8c,#843a9c)}.theme-mini.aurora{background:linear-gradient(135deg,#0d4d57,#49366f)}
.theme-mini[aria-pressed="true"],.theme-mini.active{outline:2px solid #ffdf5d;outline-offset:1px;transform:scale(1.06)}
@media(max-width:700px){.theme-quick{right:10px;top:10px;gap:3px;padding:4px 5px}.theme-mini{width:28px;height:28px;font-size:.78rem}.theme-quick>span{display:none}.home-main-hero{padding-top:48px}}

/* ===== V4.8.6 — novos mundos + manutenção discreta ===== */
.advanced-maintenance{opacity:.86;border-style:dashed;margin-top:20px}.advanced-maintenance>summary{font-size:.9rem;color:var(--muted);cursor:pointer}.maintenance-inner{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#07111f35}.maintenance-inner>summary{cursor:pointer;font-weight:800}.post-worlds{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff1f}.post-worlds h3{margin:0 0 10px}.post-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.world-card{border:1px solid #566d99;background:linear-gradient(145deg,#102442,#182954);color:inherit;border-radius:18px;padding:14px;min-height:132px;text-align:left;display:flex;flex-direction:column;gap:5px;cursor:pointer}.world-card.unlocked{border-color:#59d6a4;box-shadow:inset 0 0 22px #3fd6a414}.world-card.locked{opacity:.55;cursor:not-allowed}.world-card.neon-card{background:linear-gradient(145deg,#13172d,#302052 55%,#0d4550)}.world-icon{font-size:2.2rem}.world-card b{font-size:1rem}.world-card small{color:var(--muted);line-height:1.35}.world-note{margin-bottom:0}.cutscene-shell{max-width:1100px;margin:0 auto;padding:18px}.cutscene-title{text-align:center;max-width:760px;margin:auto}.happy-city{height:390px;position:relative;overflow:hidden;border:1px solid #6073a1;border-radius:26px;background:linear-gradient(#5ca9cf 0 48%,#bfe6e0 49% 53%,#5b8c57 54%);box-shadow:inset 0 0 60px #fff2}.city-sky{position:absolute;top:22px;left:0;right:0;text-align:center;font-size:2rem}.city-build{position:absolute;bottom:90px;border-radius:8px 8px 0 0;background:linear-gradient(#263c70,#111b35);box-shadow:inset 0 0 0 2px #ffffff12}.city-build:after{content:'▦ ▦\A▦ ▦\A▦ ▦';white-space:pre;display:block;color:#ffd96a99;padding:12px;line-height:1.6}.city-build.b1{left:7%;width:15%;height:150px}.city-build.b2{left:26%;width:18%;height:205px}.city-build.b3{right:27%;width:17%;height:175px}.city-build.b4{right:7%;width:15%;height:220px}.city-road{position:absolute;bottom:0;height:90px;left:0;right:0;background:linear-gradient(#4e5567,#292f3f)}.city-road:after{content:'';position:absolute;left:5%;right:5%;top:44px;border-top:6px dashed #e7d466}.city-pet{position:absolute;bottom:46px;display:grid;justify-items:center;gap:2px;animation:cityBounce 1.7s ease-in-out infinite}.city-pet span{font-size:.72rem;background:#0a1732cc;padding:3px 7px;border-radius:20px}.city-pet.p1{left:13%;animation-delay:0s}.city-pet.p2{left:34%;animation-delay:.25s}.city-pet.p3{right:34%;animation-delay:.5s}.city-pet.p4{right:12%;animation-delay:.75s}.city-confetti{position:absolute;top:82px;left:0;right:0;text-align:center;font-size:2rem;animation:confettiFloat 2.2s ease-in-out infinite}.cutscene-actions{display:flex;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}@keyframes cityBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes confettiFloat{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(18px);opacity:1}}.advanced-world{max-width:1050px;margin:auto}.sequence-board{padding:16px;border:1px solid #536b9c;background:#071429aa;border-radius:18px;text-align:center;margin:14px 0}.sequence-code{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:.15em;margin:10px}.world-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:820px;margin:16px auto}.world-pad{min-height:145px;border-radius:22px;border:1px solid #6e80ae;background:linear-gradient(#122744,#0b162c);color:inherit;display:grid;place-items:center;gap:3px;cursor:pointer}.world-pad span{font-size:3rem}.world-pad.hit{transform:scale(.96);box-shadow:0 0 28px #7ff}.neon-world .world-pad{background:linear-gradient(145deg,#14162d,#31205b);border-color:#9e6bff}.neon-world .world-pad.hit{box-shadow:0 0 32px #ff4fd8}.world-progress{display:flex;gap:7px;justify-content:center;margin-top:14px}.world-progress i{width:34px;height:7px;background:#ffffff20;border-radius:99px}.world-progress i.done{background:#57dbac}.finale-stage{min-height:330px;border:1px solid #5f75a4;border-radius:25px;margin:16px 0;position:relative;display:flex;align-items:center;justify-content:center;gap:24px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#344d88,#0b1428 72%)}.neon-finale .finale-stage{background:radial-gradient(circle at 50% 40%,#5c2475,#10152c 68%)}.finale-lights{position:absolute;top:24px;left:0;right:0;text-align:center;font-size:2rem;animation:confettiFloat 1.9s ease-in-out infinite}.finale-creature{display:grid;justify-items:center;gap:6px;z-index:2;animation:cityBounce 1.4s ease-in-out infinite}.finale-creature span{font-size:3.2rem}.fc2{animation-delay:.2s}.fc3{animation-delay:.4s}.fc4{animation-delay:.6s}.dj-console{font-size:2.2rem;text-align:center;padding:28px;border:1px solid #b974ff;border-radius:20px;background:#0a1022cc;box-shadow:0 0 42px #c94cff55}.pedro-companion-zone{background:linear-gradient(145deg,#0a1428,#171b39 58%,#251540)}
@media(max-width:800px){.post-world-grid{grid-template-columns:1fr}.world-pads{grid-template-columns:repeat(2,1fr)}.happy-city{height:330px}.city-build.b4,.city-build.b1{display:none}.city-pet.p1{left:5%}.city-pet.p2{left:28%}.city-pet.p3{right:28%}.city-pet.p4{right:5%}}