:root{--paper: #f6f4ec;--card: #ffffff;--edge: #ddd8c8;--ink: #2c3226;--ink-dim: #6b7260;--green: #4f7d3c;--green-deep: #3c6130;--orange: #e8862c;--bad: #b8483f;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45;height:100vh;overflow:hidden;display:flex;flex-direction:column}#app{width:min(1080px,100%);margin:0 auto;padding:16px 24px 20px;flex:1 1 auto;min-height:0;overflow-y:auto}button{font:inherit;color:inherit;border:none;cursor:pointer;background:none}.btn{font-weight:700;letter-spacing:.03em;background:var(--green);color:#fff;border-radius:10px;padding:10px 18px}.btn:hover{background:var(--green-deep)}.btn.small{padding:8px 14px;font-size:.85rem}.btn.ghost{background:none;color:var(--green-deep);border:1.5px dashed var(--green);margin-top:16px}.btn.ghost:hover{background:#eef5e6}.top{display:flex;align-items:center;gap:12px;padding:8px 0 16px}.home-link{color:var(--ink-dim);text-decoration:none;font-size:1.2rem}.home-link:hover{color:var(--green)}.brand{font-weight:800;letter-spacing:.14em;color:var(--green-deep)}.who{margin-left:auto;color:var(--ink-dim);font-weight:600;font-size:.9rem}.welcome{max-width:460px;margin:auto;text-align:center;display:flex;flex-direction:column;gap:14px}.welcome h1{color:var(--green-deep);letter-spacing:.08em}.welcome p{color:var(--ink-dim)}.welcome-row{display:flex;justify-content:center;gap:8px}.welcome input{font:inherit;padding:10px 14px;border:1.5px solid var(--edge);border-radius:10px;background:var(--card);outline:none;width:220px}.welcome input:focus{border-color:var(--green)}.trilha{margin:8px 0 26px}.trilha-grid{display:grid;grid-template-columns:1fr 260px;gap:36px;align-items:start}.trilha-main h2{font-size:1.5rem;color:var(--green-deep)}.trilha-desc{color:var(--ink-dim);font-size:.88rem;font-weight:600;margin:4px 0 18px}.trilha-side h3{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--green);margin:18px 0 8px}.trilha-side h3:first-child{margin-top:4px}.side-stats{list-style:none;color:var(--ink-dim);font-size:.88rem;display:flex;flex-direction:column;gap:4px}.side-stats b{color:var(--ink)}.side-achievements{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--ink-dim)}.side-achievements li{display:flex;align-items:center;gap:8px;opacity:.38;filter:grayscale(1)}.side-achievements li.earned{opacity:1;filter:none;color:var(--ink)}#field-stage{position:relative;flex:0 0 auto}.field{display:block;width:100%;height:clamp(160px,30vh,320px);touch-action:none;cursor:grab}.field:active{cursor:grabbing}#field-stage .hint{position:absolute;right:24px;bottom:14px;pointer-events:none;background:#f6f4ecd9;border-radius:999px;padding:6px 14px;margin:0}.tree-art{transform-box:fill-box;transform-origin:50% 100%}.tree-pop{animation:tree-pop .7s cubic-bezier(.34,1.56,.64,1)}@keyframes tree-pop{0%{transform:scale(.25)}to{transform:scale(1)}}.field-empty{font-size:15px;fill:#5c7a4f;font-style:italic}.fruit-tree{cursor:pointer}.fruit-tree:hover .fruit-dot{r:8}.fruit-dot{animation:fruit-glow 2s ease-in-out infinite}@keyframes fruit-glow{0%,to{opacity:1}50%{opacity:.65}}.hint{color:var(--orange);font-size:.85rem;font-weight:600;margin-top:8px}.materias{display:flex;flex-direction:column}.materia{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--edge)}.materia:first-child{border-top:1px solid var(--edge)}.materia-desc{color:var(--ink-dim);font-size:.82rem;margin:2px 0 4px}.materia-info{flex:1;min-width:0}.materia-info b{display:block}.materia-info span{color:var(--ink-dim);font-size:.8rem}.bar{height:6px;background:var(--paper);border-radius:999px;overflow:hidden;margin-top:6px}.bar>div{height:100%;background:var(--green);border-radius:999px}.round-top{align-items:center}.quit{color:var(--ink-dim);font-size:1.05rem}.round-ctx{font-weight:700;font-size:.9rem;white-space:nowrap}.round-bar{flex:1;height:8px;background:#e6e2d4;border-radius:999px;overflow:hidden}.round-bar>div{height:100%;background:var(--green);border-radius:999px;transition:width .25s ease}.question{max-width:640px;margin:0 auto}.prompt{font-size:1.06rem;font-weight:600;margin:10px 0 18px}.choices{display:flex;flex-direction:column;gap:10px}.choice{text-align:left;background:var(--card);border:1.5px solid var(--edge);border-radius:10px;padding:12px 14px}.choice b{color:var(--ink-dim);margin-right:8px}.choice:hover:not(:disabled){border-color:var(--green)}.choice.is-right{border-color:var(--green);background:#eef5e6}.choice.is-wrong{border-color:var(--bad);background:#f9ecea}.explain{margin-top:16px;padding:14px;border-radius:10px;background:#eef5e6;border:1.5px solid var(--green)}.explain.nope{background:#f9ecea;border-color:var(--bad)}.explain .btn{display:block;margin-top:12px}.growth{display:block;margin-top:6px;font-weight:700;color:var(--green-deep)}.summary{max-width:460px;margin:6vh auto 0;text-align:center;display:flex;flex-direction:column;gap:12px}.summary ul{list-style:none;color:var(--ink-dim)}.overlay{position:fixed;inset:0;background:#282e228c;display:grid;place-items:center;padding:16px;z-index:50}.card{background:var(--card);border-radius:14px;max-width:440px;padding:22px;display:flex;flex-direction:column;gap:12px;text-align:center}.card-tag{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--orange)}.empty{color:var(--ink-dim);text-align:center;margin-top:20vh}.foot{margin-top:8px;color:var(--ink-dim);font-size:.82rem;text-align:center}@media(max-width:760px){.trilha-grid{grid-template-columns:1fr;gap:20px}}