:root{--papel:#eff1e9;--lamina:#f8f9f4;--lavado:#cfdccb;--ceniza:#cdd4c8;--piedra:#66706a;--tinta:#1c2621;--bosque:#1f4d3d;--sello:#b8432f;--jade:#3e8a6a;--oro:#e3a92b;--serif:"Noto Serif", Georgia, serif;--ui:"Geist", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--papel);color:var(--tinta);font:15px/1.5 var(--ui);-webkit-tap-highlight-color:transparent}h1,h2{font-family:var(--serif);margin:0 0 4px;font-weight:500}h1{font-size:30px}h2{font-size:20px}a{color:var(--bosque)}code{font-family:var(--mono);font-size:13px}.muted{color:var(--piedra)}.small{font-size:13px}.error{color:var(--sello)}.ok{color:var(--jade)}button{font:500 14px var(--ui);color:var(--lamina);background:var(--bosque);cursor:pointer;border:0;border-radius:999px;min-height:40px;padding:9px 16px}button.ghost{color:var(--bosque);border:1px solid var(--ceniza);background:0 0}.page{max-width:760px;margin:0 auto;padding:56px 16px 32px}.home header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.cards{gap:12px;margin:20px 0;display:grid}.card{background:var(--lamina);border:1px solid var(--ceniza);color:inherit;border-radius:14px;grid-template-columns:36px 1fr;column-gap:12px;padding:16px;text-decoration:none;display:grid}.card .num{background:var(--bosque);width:32px;height:32px;color:var(--lamina);font-family:var(--mono);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.card strong{font-family:var(--serif);font-size:17px;font-weight:500}.back{z-index:10;background:var(--lamina);border:1px solid var(--ceniza);border-radius:999px;padding:6px 14px;font-weight:500;text-decoration:none;position:fixed;top:10px;left:10px}.fps{z-index:10;background:var(--lamina);color:var(--tinta);border:1px solid var(--ceniza);border-radius:12px;flex-direction:column;align-items:flex-end;gap:0;min-height:0;padding:6px 12px;font-size:12px;display:flex;position:fixed;top:10px;right:10px}.fps strong{font:600 22px/1 var(--mono)}.fps span{color:var(--piedra);font-size:11px}.fps-ok strong{color:var(--jade)}.fps-warn strong{color:var(--oro)}.fps-bad strong{color:var(--sello)}.map-page,.tree-page{position:fixed;inset:0}.map-page .map-box{position:absolute;inset:0}.globe-box{background:radial-gradient(circle at 50% 45%,#f8f9f4 0%,#e3e8dc 70%,#d6ddd0 100%)}.tree-stage{position:absolute;inset:48px 0 330px;overflow:hidden}.tree-stage canvas{display:block;position:absolute;inset:0}.tree-fade{pointer-events:none;background:linear-gradient(to bottom, transparent, var(--papel));height:30%;transition:opacity .8s;position:absolute;bottom:0;left:0;right:0}.panel{z-index:5;background:color-mix(in srgb, var(--lamina) 94%, transparent);border:1px solid var(--ceniza);border-radius:16px;gap:8px;max-width:460px;margin:0 auto;padding:14px 16px;font-size:14px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.panel p{margin:0}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{color:var(--bosque);border:1px solid var(--ceniza);background:0 0;min-height:36px;padding:6px 12px}.seg button.on{background:var(--bosque);color:var(--lamina);border-color:var(--bosque)}.check{align-items:center;gap:8px;display:flex}.check input{width:18px;height:18px;accent-color:var(--bosque)}input[type=range]{width:100%;accent-color:var(--bosque)}.branch{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.leaf{transition:opacity .8s .4s}.bloom{animation:.9s cubic-bezier(.2,.8,.3,1.3) both bloom}@keyframes bloom{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.fade-in{animation:1.2s both fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.branch,.leaf{transition:none}.bloom,.fade-in{animation:none}}.sources{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:16px 0;display:grid}.source{cursor:pointer;background:var(--lamina);border:1px dashed var(--piedra);border-radius:14px;gap:2px;padding:14px;display:grid}.source input{display:none}.source strong{font-family:var(--serif);font-size:17px;font-weight:500}.source span{color:var(--piedra);font-size:12px;font-family:var(--mono)}.summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.summary div{background:var(--lamina);border:1px solid var(--ceniza);border-radius:12px;padding:10px;font-size:13px;display:grid}.summary .good{border-color:var(--jade)}.summary .mid{border-color:var(--oro)}.summary .bad{border-color:var(--sello)}.rows{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.rows th,.rows td{text-align:left;border-bottom:1px solid var(--ceniza);vertical-align:top;word-break:break-word;padding:8px 6px}