/* Contraste e navegação compartilhados dos três mundos da Digitação F5 Kids. */

:root{--ink:#071d3b;--muted:#3f5875;--line:#aac3dc;--soft:#dcecf8;--shadow:0 24px 60px rgba(18,65,109,.2)}
body{background:#cfe4f4}
.app{background:radial-gradient(circle at 86% 5%,rgba(255,201,40,.28),transparent 22rem),radial-gradient(circle at 8% 96%,rgba(122,99,255,.18),transparent 24rem),linear-gradient(145deg,#d9ecf9,#c8dfef)}
.topbar{background:linear-gradient(135deg,#0b2a4b,#123e68);border-bottom-color:#2d78a8;box-shadow:0 8px 24px rgba(7,29,59,.18)}
.brand img{filter:invert(73%) sepia(54%) saturate(697%) hue-rotate(349deg) brightness(103%) contrast(97%)}
.brand-copy strong,.progress-top strong{color:#fff}.brand-copy span,.progress-top span{color:#c7dcee}.brand-line{background:rgba(255,255,255,.26)}
.track{background:rgba(255,255,255,.2)}
.top-actions{flex-wrap:nowrap;white-space:nowrap}
.top-actions>.icon-btn{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.1)}
.score-chip{border-color:rgba(255,255,255,.34)}
.kids-course-action{width:auto;height:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:2px solid transparent;border-radius:13px;font-size:.7rem;font-weight:1000;line-height:1;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.kids-course-action:hover{transform:translateY(-2px);filter:brightness(1.05)}
.kids-course-action svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kids-course-action .label-short{display:none}
.kids-course-action--fullscreen{color:#061a2c;background:linear-gradient(135deg,#8beeff,#42ccef);border-color:#b6f5ff;box-shadow:0 7px 18px rgba(66,204,239,.25)}
.kids-course-action--area{color:#fff;background:#245fa9;border-color:#70a9e8;box-shadow:0 7px 18px rgba(20,70,130,.28)}
.kids-course-action--logout{color:#14213a;background:linear-gradient(135deg,#ffe16a,#ffc01d);border-color:#fff0a5;box-shadow:0 7px 18px rgba(255,192,29,.25)}
.kids-course-action:focus-visible,.kids-stage-fullscreen:focus-visible{outline:3px solid #fff;outline-offset:3px}
.kids-course-action:disabled{opacity:.7;cursor:wait;transform:none}

.workspace{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(24,93,145,.05))}
.sidebar{background:linear-gradient(180deg,rgba(233,246,255,.98),rgba(215,235,248,.98));border-right-color:#9abbd6}
.world-head{border-bottom-color:#aac5dc}.world-head p,.lesson,.side-tip p{color:#405a76}
.map::before{background:repeating-linear-gradient(to bottom,#9cbcd7 0 9px,transparent 9px 16px)}
.lesson.active{background:#fff7d7;border-color:#e6b927;box-shadow:0 9px 22px rgba(122,84,0,.14)}
.lesson.locked{opacity:.62}.node{border-color:#9ebbd5;background:#f5fbff}
.side-tip{background:#d9f2e6;border-color:#8bd3ae}
.main{background:radial-gradient(circle at 92% 8%,rgba(255,255,255,.52),transparent 18rem),linear-gradient(180deg,rgba(233,246,255,.72),rgba(214,233,246,.7))}
.lesson-head p,.counter span{color:#3d5570}
.stage{background:#eaf5fc;border-color:#89afd0;box-shadow:0 26px 62px rgba(21,67,108,.23)}
.stage-bar,#lessonStage:fullscreen .stage-bar{background:#dceef9;border-bottom-color:#9abbd6}
.goal{background:#cce4f4;color:#294763}.focus-btn,.pause-btn{border-color:#83a9ca;background:#f8fcff;color:#183b60}
.focus-btn.kids-stage-fullscreen{width:auto;min-width:112px;color:#061a2c;background:linear-gradient(135deg,#8beeff,#42ccef);border-color:#39b9dc;box-shadow:0 5px 14px rgba(36,160,198,.22)}
.focus-btn.kids-stage-fullscreen span{display:inline}
#lessonStage:fullscreen{background:#d6eaf7}
#lessonStage:fullscreen .stage-body,.stage-body{background:linear-gradient(180deg,#edf7fd,#e4f1f9)}
.word-box{background:#d7ecf8;border-color:#82b2d4}.word-box::before{background:rgba(36,107,253,.1)}
.letter{background:#f8fcff;border-color:#9db7cf;color:#536b85;text-shadow:0 1px #fff}
.context{background:#fff0b9;color:#314c68;border:1px solid #e7c856}
.keyboard-wrap{background:#dcecf7;border-color:#86aeca;box-shadow:inset 0 1px rgba(255,255,255,.75)}
.keyboard-top span{color:#2e4b68}.finger-chip{color:#0b52b5!important;background:#c9e1fb;border:1px solid #85b2e3}
.key{border-color:rgba(7,29,59,.28);color:#071d3b;box-shadow:0 2px 0 rgba(7,29,59,.08)}
.coach-card{background:#eeeaff;border-color:#a89be8}.coach-title span,.coach-card p{color:#3f5571}
.metric{border-color:#8eb1cf}.metric:first-child{background:#d9f5e7}.metric:last-child{background:#d9ebff}
.posture-panel{background:linear-gradient(145deg,#eaf4ff,#dcecf8);border-color:#86acce}.posture-panel>p{color:#3d5570}.posture-item{background:#f7fbff;border-color:#9ab9d3}
.intro-keyboard{background:#dcecf7;border-color:#86aeca}
.stage-guide .encourage{color:#314d69}.stage-guide .secondary{background:#f8fcff;border-color:#84a9c9;color:#244664}
.stage-footer{background:#dceef9;border-top-color:#9abbd6}
.complete-card{border-color:#a7d7ef;background:#edf8ff}.complete p,.complete-note{color:#3f5875}
.stage:not(.started) .word-box::after{background:rgba(215,236,248,.94);color:#154f9d}

@media(max-width:1180px){.score-chip{display:none}.kids-course-action{padding-inline:10px}.kids-course-action .label-long{display:none}.kids-course-action .label-short{display:inline}}
@media(max-width:820px){.topbar{display:flex;justify-content:space-between;gap:8px}.progress{display:none}.top-actions{gap:5px}.kids-course-action{height:38px;padding-inline:9px}.kids-course-action .label-short{display:inline}}
@media(max-width:620px){.topbar{padding-inline:8px}.top-actions{gap:4px}.top-actions>#soundBtn{display:none}.mobile-menu{width:38px;height:38px}.kids-course-action{height:38px;padding-inline:8px;font-size:.66rem}.kids-course-action--fullscreen{min-width:88px}.focus-btn.kids-stage-fullscreen{width:auto;min-width:104px;padding-inline:9px}.focus-btn.kids-stage-fullscreen span{display:inline}}
@media(max-width:420px){.brand img{width:36px;height:36px}.topbar{padding-inline:6px}.kids-course-action{padding-inline:6px;font-size:.62rem}.kids-course-action svg{width:14px;height:14px;flex-basis:14px}.kids-course-action--fullscreen{min-width:82px}}