:root{--azul:#176b87;--azul-claro:#dff3fb;--papel:#fffef8;--texto:#30434c;--foco:#7b46b3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;color:var(--texto);background:linear-gradient(145deg,#eefaff,#f4faed);font-family:system-ui,sans-serif}.pagina-escrita{width:min(1280px,calc(100% - 20px));height:100svh;margin:auto;padding:8px 0}.navegacao-ambiente{position:fixed;z-index:100;inset-block-start:12px;inset-inline:12px;display:flex;justify-content:space-between;pointer-events:none}.navegacao-ambiente .botao{min-width:112px;min-height:50px;background:#fffffff5;border-color:#bddce9;box-shadow:0 7px 18px #2f5d711f;pointer-events:auto}.ambiente{height:calc(100svh - 16px);display:grid;grid-template-columns:minmax(132px,.2fr) minmax(420px,1fr) minmax(132px,.2fr);gap:10px;padding:58px 10px 8px;border:3px solid #fff;border-radius:30px;background:#fffffff2;box-shadow:0 18px 50px #35667a24}.trilho{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;padding:8px;border:2px solid #cce4ee;border-radius:20px;background:#f5fbfe}.trilho h2{margin:0;text-align:center;font-size:.9rem}.miniaturas{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(50px,1fr));grid-auto-rows:minmax(62px,1fr);align-content:start;gap:6px}.mini-folha{position:relative;min-width:0;min-height:62px;padding:3px;border:2px solid #c5d8df;border-radius:6px;background:var(--papel);box-shadow:0 3px 7px #2632381c;cursor:default}.mini-folha:disabled{opacity:1}.mini-folha .guia-algarismo,.mini-tracado{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.centro{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px}.orientacao{text-align:center;min-height:58px}.orientacao h1{margin:0;font-size:clamp(1rem,2vw,1.45rem)}.orientacao p{margin:1px 0;font-weight:800}.orientacao #feedback{min-height:1.2em;color:#793f22}.trabalho{min-height:0;display:grid;place-items:center}.folha{position:relative;height:100%;max-height:680px;aspect-ratio:5/6.3;max-width:100%;border:3px solid #cad9df;border-radius:10px;background:repeating-linear-gradient(#fffefb 0 38px,#eaf3f6 39px 40px);box-shadow:0 12px 30px #26323824;touch-action:none;user-select:none}.camada-guia,.camada-guia>svg,#canvas-escrita{position:absolute;inset:0;width:100%;height:100%}.percurso-guia{fill:none;stroke:#7d929b;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4.5 5}.percurso-futuro{opacity:.25}.ponto-inicial{fill:#41a85f;stroke:#fff;stroke-width:1.5}.seta-direcao{fill:none;stroke:#41a85f;stroke-width:2.3;stroke-linecap:round}.seta-direcao+*{fill:#41a85f}#canvas-escrita{z-index:2;cursor:crosshair}.painel-decisao{align-self:center;display:grid;place-items:center;gap:14px;text-align:center}.painel-decisao p{margin:0;font-size:clamp(1.25rem,3vw,2rem);font-weight:900}.decisoes{display:flex;gap:14px}.decisoes .botao{min-width:110px}.escolha-livre{display:grid;grid-template-columns:repeat(5,minmax(60px,90px));gap:10px}.escolha-livre button{min-height:66px;border:3px solid #9dcfe3;border-radius:17px;color:var(--azul);background:#fff;font:950 2rem/1 system-ui;cursor:pointer}.mini-folha:focus-visible,.escolha-livre button:focus-visible,.botao:focus-visible{outline:5px solid var(--foco);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}