:root{--bg: #12351b;--card: #fffdf6;--ink: #23262b;--muted: #6b7280;--green: #43a047;--blue: #1e88e5;--gold: #ffb300;--red: #e53935;--radius: 22px;font-family:Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}canvas#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}#hud-tl{position:absolute;top:max(10px,env(safe-area-inset-top));left:10px;background:#00000080;color:#fff;padding:8px 12px;border-radius:16px;min-width:170px;pointer-events:none}#hud-name{font-weight:800;font-size:15px}#hud-stats{font-size:14px;margin:2px 0 4px}#hud-stats b{color:var(--gold)}.bar{height:7px;background:#ffffff40;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffd54f,#ff9800);transition:width .4s}#place{margin-top:5px;font-size:13px;opacity:.9}#hud-tr{position:absolute;top:max(10px,env(safe-area-inset-top));right:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.hbtn{width:48px;height:48px;border-radius:16px;background:#00000080;color:#fff;font-size:24px;display:grid;place-items:center}.hbtn:active{transform:scale(.94);background:#000000b3}#legend{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;pointer-events:none;max-width:70vw}#legend span,.legend span{color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:12px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}#joy{position:absolute;left:22px;bottom:max(26px,env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.4);display:none;touch-action:none}#knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#ffffffbf;box-shadow:0 2px 8px #0000004d}#btn-jump{position:absolute;right:26px;bottom:max(30px,env(safe-area-inset-bottom));width:84px;height:84px;border-radius:50%;font-size:34px;background:#ffffff59;border:3px solid rgba(255,255,255,.6);display:none;touch-action:none}body.touch #joy,body.touch #btn-jump{display:block}#btn-act{position:absolute;right:24px;bottom:calc(max(30px,env(safe-area-inset-bottom)) + 100px);padding:16px 20px;border-radius:22px;color:#fff;font-weight:800;font-size:18px;box-shadow:0 6px 16px #00000059;text-shadow:0 1px 2px rgba(0,0,0,.4);animation:pulse 1.2s infinite}#btn-rescue{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);padding:16px 22px;border-radius:22px;background:#0277bd;color:#fff;font-weight:900;font-size:18px;box-shadow:0 6px 16px #00000059;animation:pulse 1s infinite}body:not(.touch) #btn-act{right:50%;transform:translate(50%);bottom:70px}@keyframes pulse{50%{transform:scale(1.06)}}body:not(.touch) #btn-act{animation:none}#hotbar{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:6px;padding:8px;background:#0000008c;border-radius:18px;max-width:96vw;overflow-x:auto}#hotbar .slot,#hotbar .mode{width:46px;height:46px;flex:0 0 auto;border-radius:12px;background:#fff3;display:grid;place-items:center;font-size:22px;border:3px solid transparent}#hotbar .on{border-color:#ffd54f;background:#fff6}#hotbar canvas{image-rendering:pixelated;border-radius:4px}body.touch #hotbar{bottom:max(170px,env(safe-area-inset-bottom))}#toast{position:fixed;top:74px;left:50%;transform:translate(-50%,-20px);background:#141414e0;color:#fff;padding:12px 20px;border-radius:18px;font-weight:700;font-size:16px;opacity:0;transition:.25s;pointer-events:none;z-index:60;max-width:88vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}#conn{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#b71c1c;color:#fff;padding:8px 16px;border-radius:14px;z-index:70;display:none;font-weight:700}#conn.show{display:block}.fatal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:20px;text-align:center;padding:20px}#screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;overflow:auto;background:radial-gradient(circle at 30% 20%,#4caf50,#1b5e20 60%,#0d3312);z-index:40;touch-action:pan-y}#screen.open{display:grid}#modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:50}#modal.open{display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:12px;overflow:auto;touch-action:pan-y}.card{background:var(--card);border-radius:var(--radius);padding:22px 20px;width:min(460px,94vw);box-shadow:0 12px 40px #0006;text-align:center;margin:auto}.card.wide{width:min(620px,96vw)}.card.auth{width:min(480px,94vw)}h1{margin:0;font-size:34px;letter-spacing:.5px;color:#2e7d32}h2{margin:0 0 10px;font-size:24px}.logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}.lg1{font-size:44px}.lead{font-size:18px;margin:4px 0 16px}.muted{color:var(--muted)}.tiny{font-size:12px;margin-top:14px}.row{display:flex;gap:10px;justify-content:center}.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px;margin:10px 0}.big{display:block;width:100%;padding:16px 18px;margin:10px 0;border-radius:20px;font-size:20px;font-weight:800;color:#fff;box-shadow:0 5px #0003}.big:active{transform:translateY(3px);box-shadow:0 2px #0003}.big.green{background:var(--green)}.big.blue{background:var(--blue)}.big.ghost{background:#eceff1;color:var(--ink)}.big.nick{background:#fff;color:var(--ink);border:3px solid #cfd8dc;font-size:19px}.big.year{flex:1 1 28%;min-width:96px;background:var(--blue)}.link{background:none;color:var(--muted);margin-top:10px;font-size:15px;text-decoration:underline}.text{width:100%;padding:14px;font-size:18px;border-radius:16px;border:3px solid #cfd8dc;margin:8px 0;user-select:text;-webkit-user-select:text}.swatch{width:46px;height:46px;border-radius:14px;border:4px solid #fff;box-shadow:0 0 0 2px #b0bec5}.swatch:active{transform:scale(.92)}.pin-dots{display:flex;gap:12px;justify-content:center;margin:10px 0 14px}.pin-dots i{width:22px;height:22px;border-radius:50%;border:3px solid #90a4ae}.pin-dots i.on{background:var(--blue);border-color:var(--blue)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto}.key{padding:16px 0;font-size:26px;font-weight:800;border-radius:18px;background:#e3f2fd;color:#0d47a1;box-shadow:0 4px #90caf9}.key:active{transform:translateY(3px);box-shadow:0 1px #90caf9}.preview{display:grid;place-items:center;height:170px;margin-bottom:6px}.figure{position:relative;width:90px;height:160px}.figure>div{position:absolute}.f-head{left:25px;top:0;width:40px;height:40px;border-radius:4px}.f-head i{position:absolute;top:16px;width:7px;height:7px;background:#2b2b6b}.f-head>i:nth-of-type(1){left:8px}.f-head>i:nth-of-type(2){right:8px}.f-body{left:22px;top:42px;width:46px;height:58px;border-radius:4px}.f-arm{top:42px;width:16px;height:56px;border-radius:4px}.f-arm.l{left:4px}.f-arm.r{right:4px}.f-leg{top:100px;width:22px;height:58px;background:#37474f;border-radius:4px}.f-leg.l{left:23px}.f-leg.r{right:23px}.qcard{--c: #4fc3f7;background:var(--card);width:min(560px,96vw);border-radius:26px;overflow:hidden;box-shadow:0 14px 44px #00000080;margin:auto;border:5px solid var(--c)}.qhead{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--c);color:#fff;font-weight:800;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.qhead.plain{background:none;color:var(--ink);text-shadow:none;padding:0 0 8px}.qhead.plain h2{margin:0;flex:1;text-align:left}.qhead>span:first-child{flex:1;text-align:left}.stars{font-size:14px}.x{width:40px;height:40px;border-radius:12px;background:#00000040;color:#fff;font-size:18px}.qhead.plain .x{background:#eceff1;color:var(--ink)}.coins{font-weight:800;color:#b26a00}.qvisual{font-size:clamp(30px,8vw,52px);text-align:center;padding:14px 12px 0;line-height:1.25;word-break:break-word}.qprompt{display:flex;gap:10px;align-items:center;justify-content:center;padding:12px 18px;font-size:clamp(19px,4.6vw,26px);font-weight:800;text-align:center}.say{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#fff3e0;font-size:26px;box-shadow:0 3px #ffcc80}.qopts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 16px 16px}@media (max-width: 420px){.qopts{grid-template-columns:1fr}}.opt{display:flex;align-items:center;gap:10px;padding:16px 12px;min-height:68px;border-radius:20px;background:#fff;border:4px solid #cfd8dc;font-size:clamp(18px,4.5vw,24px);font-weight:800;color:var(--ink);text-align:left;box-shadow:0 4px #cfd8dc}.opt b{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:18px}.opt span{flex:1;text-align:center}.opt-say{flex:0 0 auto;font-style:normal;font-size:25px;padding:8px;margin:-8px -5px -8px 0;border-radius:12px;background:#fff3e0}.opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #cfd8dc}.opt.bad{background:#ffebee;border-color:#ef9a9a;opacity:.6}.opt.good{background:#e8f5e9;border-color:var(--green);animation:pop .5s}@keyframes pop{50%{transform:scale(1.06)}}.hint{margin:0 16px 14px;padding:12px 14px;border-radius:16px;background:#fff8e1;border:3px solid #ffe082;font-weight:700;font-size:17px}.feedback{margin:0 16px 16px;padding:14px;border-radius:18px;background:#e8f5e9;text-align:center}.feedback .big-msg{font-size:26px;font-weight:900;color:#2e7d32}.feedback .reward{font-size:24px;font-weight:900;color:#b26a00;margin-top:4px}.feedback .streak,.feedback .levelup{margin-top:6px;font-weight:800}.feedback .levelup{color:#6a1b9a;font-size:18px}.shake{animation:shake .4s}@keyframes shake{20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.tabs{display:flex;gap:8px;margin:8px 0 12px}.tabs button{flex:1;padding:12px;border-radius:14px;background:#eceff1;font-weight:800;font-size:16px}.tabs button.on{background:var(--blue);color:#fff}.grid{display:grid;gap:10px}.grid.shop{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.item{background:#fff;border:3px solid #e0e0e0;border-radius:18px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px}.item.owned{border-color:#a5d6a7;background:#f1f8e9}.item canvas{image-rendering:pixelated;border-radius:6px}.item .emoji{font-size:40px;line-height:44px}.iname{font-size:13px;font-weight:700;min-height:32px;display:grid;place-items:center}.own{color:#2e7d32;font-weight:800;font-size:14px}.buy{padding:8px 14px;border-radius:12px;background:var(--gold);color:#3e2723;font-weight:800;font-size:15px}.buy.wear{background:var(--blue);color:#fff}.friend{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:16px;background:#fff;border:3px solid #e0e0e0;font-weight:800;text-align:left}.friend small{color:var(--muted);font-weight:600}.grid.emotes{grid-template-columns:1fr 1fr}.emote{padding:16px 8px;border-radius:18px;background:#e3f2fd;font-size:19px;font-weight:800;color:#0d47a1;box-shadow:0 4px #90caf9}.emote:active{transform:translateY(3px);box-shadow:none}.help{text-align:left;line-height:1.9;font-size:16px;padding-left:20px;margin:0}.reward{font-size:28px;font-weight:900;color:#b26a00;margin:8px 0}.f-head i{background:var(--eye, #2b2b6b)!important}.f-head{z-index:2}.f-hair{position:absolute;left:-3px;top:-7px;width:46px;height:15px;background:var(--hc);border-radius:5px 5px 0 0;z-index:3}.f-hair b{position:absolute;display:none;background:var(--hc)}.f-hair.longo{height:15px}.f-hair.longo b{display:block;top:8px;width:9px;height:46px;border-radius:0 0 4px 4px}.f-hair.longo b:first-child{left:0}.f-hair.longo b:last-child{right:0}.f-hair.cacheado{top:-10px;left:-6px;width:52px;height:24px;border-radius:14px 14px 4px 4px}.f-hair.cacheado b{display:block;top:12px;width:8px;height:26px}.f-hair.cacheado b:first-child{left:0}.f-hair.cacheado b:last-child{right:0}.f-hair.moicano{left:15px;top:-16px;width:12px;height:22px;border-radius:4px 4px 0 0}.f-hair.coque{height:12px}.f-hair.coque b:first-child{display:block;left:14px;top:-14px;width:18px;height:18px;border-radius:50%}.f-hair.curto b{display:none}.picker{text-align:center}.pick{margin:4px 0 8px}.pick p{margin:4px 0;font-size:14px}.swatch.sel{box-shadow:0 0 0 4px #ffb300;transform:scale(1.08)}.chip{padding:9px 14px;border-radius:14px;background:#eceff1;font-weight:800;font-size:15px;color:var(--ink);border:3px solid transparent}.chip.sel{background:#e3f2fd;border-color:var(--blue);color:#0d47a1}.creator{margin-top:14px;padding-top:12px;border-top:3px dashed #cfd8dc;text-align:left}.creator h3{margin:0 0 6px;text-align:center}.nickmsg{margin:4px 2px 8px;font-size:14px;font-weight:700;min-height:20px}.nickmsg.bad{color:#c62828}.nickmsg.good{color:#2e7d32}.card.auth{max-height:96vh;overflow-y:auto}.grid.pets{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.pet-choice{min-height:130px;border-radius:18px;border:3px solid #d7e2e7;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:16px}.pet-choice .emoji,.pet-big{font-size:48px;line-height:1;margin:0}.pet-choice small{color:var(--muted)}.pet-choice.selected{border-color:var(--green);background:#f1f8e9;box-shadow:0 0 0 3px #c8e6c9}.pet-choice:active{transform:scale(.96)}.pick-label{margin:10px 0 5px;font-weight:800;color:var(--muted)}