:root{--red:#e23b3b;--yellow:#ffc93c;--green:#21a35a;--blue:#2f6fe0;--orange:#ff8a1f;--pink:#ff6b9d;--purple:#8a4fd0;--teal:#1fa5a0;--bg:#e9f6d8;--text:#2b1810;--ink:#2b1810;--accent:#1fa5a0;--accent-2:#ff8a1f;--radius:18px;--tap:56px;--font:"Trebuchet MS", "Arial Rounded MT Bold", Verdana, Arial, sans-serif}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg) url(/assets/bg-grass-1viN20YV.svg) repeat;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;font-size:18px;line-height:1.35}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0 0 .4em;font-weight:900;line-height:1.1}.app{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex;overflow-x:hidden}.screen{flex-direction:column;flex:1;gap:14px;padding:12px 14px 28px;display:flex}.banderitas-top{background:url(/assets/banderitas-tile-CJWvG-w0.svg) 0 0/160px 70px repeat-x;flex:none;height:70px}.hint{text-align:center;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);background:#fff;padding:10px 14px;font-size:19px;font-weight:900}.panel{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);background:#fff;padding:12px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap;justify-content:center}.center{text-align:center;place-items:center;gap:12px;display:grid}.grow{flex:1}.btn{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;background:var(--yellow);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 5px 0 var(--ink);padding:10px 22px;font-size:20px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.choice:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.cell:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.tap:focus-visible{outline:4px solid var(--accent-2);outline-offset:3px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.big{width:100%;min-height:68px;font-size:26px}.btn.accent{background:var(--accent);color:#fff}.btn.ghost{background:#fff}.icon-btn{width:var(--tap);height:var(--tap);background:#fff;place-items:center;padding:8px;display:grid}.icon-btn img{width:100%;height:100%}.choice{font:inherit;color:var(--ink);min-height:var(--tap);cursor:pointer;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);background:#fff;padding:8px 16px;font-weight:900}.choice[aria-pressed=true]{background:var(--yellow);box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.tap{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.banner{text-align:center;border:4px solid var(--ink);border-radius:var(--radius);background:var(--yellow);box-shadow:0 6px 0 var(--ink);padding:14px;font-size:26px;font-weight:900}.toast{z-index:40;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;padding:10px 18px;font-weight:900;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.map{aspect-ratio:1;width:min(96vw,540px);margin:0 auto;position:relative}.map .frame{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.grid6{border-radius:6px;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);display:grid;position:absolute;top:5.56%;bottom:5.56%;left:5.56%;right:5.56%;overflow:hidden}.cell{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.cell>img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cell .pet{z-index:3;width:84%;height:84%;top:8%;bottom:8%;left:8%;right:8%}.cell .heat{background:var(--heat-color,#ff8a1f);opacity:calc(var(--p,0) * .55);z-index:2;pointer-events:none;mix-blend-mode:multiply;position:absolute;top:0;bottom:0;left:0;right:0}.cell.water,.cell[disabled]{cursor:default}.sky{height:40px;position:relative}.sky>img{width:100%;height:100%}.sky .sun{width:52px;transition:left .6s ease-in-out;position:absolute;top:-8px;transform:translate(-50%)}.hours{text-align:center;font-weight:900}.neighbours{justify-content:center;gap:8px;display:flex}.neighbours .tap img{filter:drop-shadow(0 4px #00000040);width:min(28vw,130px);transition:transform .15s}.neighbours .tap[aria-pressed=true] img{transform:translateY(-12px)}.pets-row{justify-content:center;gap:10px;display:flex}.pets-row img{width:56px}.clue-log{gap:6px;max-height:180px;display:grid;overflow:auto}.clue{border:2px solid var(--ink);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;font-size:15px;font-weight:700;display:flex}.clue img{width:30px;height:30px}@keyframes pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes shake-x{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sway{0%,to{transform:translate(-6px)}50%{transform:translate(6px)}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes card-flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes rise-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes confetti-fall{to{transform:translate3d(var(--drift), 110vh, 0) rotate(var(--rot))}}.anim-pop{animation:.4s ease-out both pop}.anim-bump{animation:.35s ease-out bump}.anim-fade-in{animation:.3s ease-out both fade-in}.anim-slide-up{animation:.35s ease-out both slide-up}.anim-shake-x{animation:.3s ease-in-out shake-x}.anim-float{animation:2.6s ease-in-out infinite float}.anim-sway{animation:3s ease-in-out infinite sway}.anim-wobble{animation:1.2s ease-in-out infinite wobble}.anim-card-flip{-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:.4s ease-out both card-flip}.anim-rise-fade{animation:.9s ease-out forwards rise-fade}.confetti-layer{pointer-events:none;z-index:50;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti-piece{top:-24px;left:var(--x);width:var(--w);height:var(--h);background:var(--c);border-radius:var(--r);animation:confetti-fall var(--d) linear var(--delay) forwards;position:absolute}@keyframes rustle{0%,to{transform:rotate(0)}20%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}}@keyframes pet-jump{0%{opacity:0;transform:translateY(40%)scale(.4)}50%{opacity:1;transform:translateY(-18%)scale(1.15)}75%{transform:translateY(4%)scale(.96)}to{transform:none}}@keyframes paw-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes sun-glow{0%,to{filter:drop-shadow(0 0 2px #ffc93c)}50%{filter:drop-shadow(0 0 10px #ffc93c)}}.anim-rustle{transform-origin:bottom;animation:.5s ease-in-out rustle}.anim-pet-jump{animation:.6s cubic-bezier(.3,.7,.4,1) both pet-jump}.anim-paw-in{animation:.35s ease-out both paw-in}.anim-sun-glow{animation:2s ease-in-out infinite sun-glow}@media (prefers-reduced-motion:reduce){.anim-sun-glow,.anim-float,.anim-sway,.anim-wobble{animation:none}.confetti-layer{display:none}}html{-webkit-text-size-adjust:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}input,select,textarea{-webkit-user-select:text;user-select:text}h2{font-size:22px}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}.screen>*{min-width:0}.note{opacity:.85;font-size:16px}.with-icon{justify-content:center;align-items:center;gap:8px;display:inline-flex}.with-icon img{flex:none;width:34px;height:34px}.btn.small,.choice.small{min-height:48px;padding:6px 12px;font-size:16px}.chip{border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:4px;margin:2px;padding:2px 10px;font-size:15px;font-weight:900;display:inline-flex}.chip img{width:24px}.topbar{align-items:center;gap:8px;padding:10px 14px 0;display:flex}.topbar-spacer{width:var(--tap);flex:none}.topbar-title{text-align:center;overflow-wrap:anywhere;flex:1;margin:0;font-size:22px}.lang{flex:none;gap:4px;display:flex}.lang .choice{min-width:50px;padding:6px 8px;font-size:16px}.lang-big{justify-content:center;gap:10px}.lang-big .choice{flex:1;font-size:20px}.home{text-align:center;align-items:stretch}.logo{width:min(100%,440px);margin:0 auto}.tagline{margin-top:-10px;font-size:20px;font-weight:900}.bilingual{background:#fff7d6;gap:10px;display:grid}.bilingual-title{margin:0;font-size:21px;display:grid}.bilingual-title span+span{opacity:.8;font-size:17px}.hero{border:3px solid var(--ink);border-radius:var(--radius);width:100%}.trio{justify-content:center;gap:12px;display:flex}.trio li{text-align:center;justify-items:center;font-size:15px;font-weight:900;display:grid}.trio img{width:84px;height:84px}.home .trio{margin-top:-54px}.intro{font-size:19px;font-weight:700}.rules h2{align-items:center;gap:8px;display:flex}.rules .panel{gap:10px;display:grid}.h-icon{width:36px;height:36px}.rules .sky{margin:6px 0}.bakas-demo{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;font-size:14px;font-weight:700;display:grid}.bakas-demo img{border:2px solid var(--ink);background:#cbe8a6;border-radius:10px}.neighbour-list{gap:14px;display:grid}.neighbour-list li{grid-template-columns:96px 1fr;align-items:start;gap:12px;display:grid}.neighbour-list h3{margin:0 0 4px;font-size:18px}.neighbour-list p{font-size:16px}.example{background:#f3f9ea;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;display:flex}.example img{width:30px;height:30px}.example-steps{gap:6px;padding-left:24px;list-style:decimal;display:grid}.setup .panel{gap:10px;display:grid}.setup h2{margin:0}.choice.num{width:64px;font-size:24px}.names{grid-template-columns:1fr 1fr;gap:8px;display:grid}.names input{width:100%;min-height:48px;font:inherit;border:3px solid var(--ink);border-radius:12px;padding:6px 10px;font-weight:700}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options.diff{grid-template-columns:repeat(3,1fr)}.option{text-align:center;justify-items:center;gap:4px;padding:10px 6px;display:grid}.option small{font-size:13px;font-weight:700}.thumb{border:2px solid var(--ink);border-radius:8px;grid-template-columns:repeat(6,1fr);width:100%;max-width:150px;display:grid;overflow:hidden}.game{gap:10px}.clock .sky{margin:0 6px}.hours{justify-content:center;align-items:center;gap:6px;margin-top:4px;font-size:18px;display:flex}.hours img{width:26px}.pets-row li img{width:52px}.turn{text-align:center;font-weight:900}.turn span{background:var(--teal);color:#fff;border:3px solid var(--ink);border-radius:999px;padding:4px 14px;display:inline-block}.banner.warn{background:var(--orange);padding:8px;font-size:18px}.status{font-size:17px}.bubble{border:3px solid var(--ink);border-radius:var(--radius);box-shadow:0 4px 0 var(--ink);background:#fff;align-items:center;gap:10px;padding:8px 12px;font-size:17px;font-weight:900;display:flex;position:relative}.bubble:after{content:"";border:10px solid #0000;border-top-color:var(--ink);position:absolute;bottom:-14px;left:34px}.bubble .who{border-radius:8px;width:44px}.bubble .answer{flex:none;width:46px;height:46px}.map{width:min(100%,540px)}.cell>img:not(:first-child){z-index:3;pointer-events:none}.cell>.overlay{z-index:4}.cell .pct{z-index:4;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;pointer-events:none;font-size:11px;font-weight:900;position:absolute;bottom:1px;right:2px}.cell[aria-disabled=true]{cursor:default}.cell.pickable:hover>img:first-child{filter:brightness(1.12)}.hinted{outline-offset:-4px;z-index:6;animation:1.2s ease-in-out infinite hint-pulse;outline:4px dashed var(--purple)!important}.tap.hinted,.choice.hinted{outline-offset:2px;border-radius:12px}@keyframes hint-pulse{50%{outline-color:var(--yellow)}}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn.action{justify-items:center;gap:2px;padding:8px;font-size:21px;display:grid}.btn.action img{width:46px;height:46px}.btn.action.search{background:var(--yellow)}.btn.action.ask{background:var(--teal);color:#fff}.flow{gap:12px;display:grid}.list-pick{gap:4px;font-size:15px;font-weight:700;display:grid}.list-pick select{min-height:48px;font:inherit;border:3px solid var(--ink);background:#fff;border-radius:12px;padding:6px;font-size:16px}.card-pick{justify-items:center;gap:4px;display:grid}.card-pick .caption{text-align:center;max-width:min(28vw,130px);font-size:13px;font-weight:900}.pet-choice{align-items:center;gap:6px;padding:6px 12px 6px 6px;display:inline-flex}.pet-choice img{width:38px}.pet-choice[aria-pressed=true]{background:var(--pet,var(--yellow));color:#fff;text-shadow:0 1px 0 var(--ink)}.lines{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hint-box{border:3px dashed var(--purple);border-radius:var(--radius);background:#f1e6ff;align-items:center;gap:10px;padding:8px 10px;font-weight:900;display:flex}.hint-box img{flex:none;width:40px}.hint-box p{flex:1}.tools .choice{font-size:17px}.badge{background:var(--purple);color:#fff;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:15px;display:inline-grid}.notebook{gap:8px;font-size:16px;font-weight:700;display:grid}.notebook li{align-items:center;gap:8px;display:flex}.dot{border:2px solid var(--ink);border-radius:50%;flex:none;width:14px;height:14px}.clues-title{margin:4px 0 6px;font-size:20px}.clue-log{max-height:240px}.end .scene{width:min(100%,460px)}.end .banner{margin:0;font-size:24px}.big-line{font-size:21px;font-weight:900}.missing{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-weight:900;display:flex}.end-buttons{width:100%}.end-buttons .btn{white-space:nowrap;flex:1;padding:10px;font-size:19px}.end-buttons .btn img{width:28px;height:28px}@media (min-width:600px){.neighbour-list li{grid-template-columns:120px 1fr}}