:root{--ink:#1a1a1a;--paper:#fff8e7;--yellow:#ffd60a;--red:#e63946;--blue:#457b9d;--green:#2a9d8f;--orange:#f48c06}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{background:var(--paper);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;padding:0;font-family:"Baloo 2",Comic Sans MS,Chalkboard SE,cursive,sans-serif;overflow-x:hidden}.cartoon-btn{color:var(--ink);background:var(--yellow);border:4px solid var(--ink);cursor:pointer;box-shadow:0 6px 0 var(--ink);text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-family:inherit;font-size:1.15rem;font-weight:800;line-height:1;transition:transform 80ms,box-shadow 80ms,background .15s;display:inline-flex}.cartoon-btn svg{flex-shrink:0;display:block}.cartoon-btn:hover{box-shadow:0 8px 0 var(--ink);background:#ffe14d;transform:translateY(-2px)}.cartoon-btn:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.cartoon-btn.red{background:var(--red);color:#fff}.cartoon-btn.blue{background:var(--blue);color:#fff}.cartoon-btn.green{background:var(--green);color:#fff}.cartoon-btn.orange{background:var(--orange)}.cartoon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cartoon-card{border:4px solid var(--ink);box-shadow:0 8px 0 var(--ink);background:#fff;border-radius:20px;padding:1.2rem 1.4rem}.cartoon-title{--ol:.055em;letter-spacing:.02em;color:var(--yellow);text-shadow:calc(var(--ol)*-1) 0 0 var(--ink),var(--ol) 0 0 var(--ink),0 calc(var(--ol)*-1) 0 var(--ink),0 var(--ol) 0 var(--ink),calc(var(--ol)*-1) calc(var(--ol)*-1) 0 var(--ink),var(--ol) calc(var(--ol)*-1) 0 var(--ink),calc(var(--ol)*-1) var(--ol) 0 var(--ink),var(--ol) var(--ol) 0 var(--ink),0 .14em 0 var(--ink);font-weight:800}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 6px 0 var(--ink),0 0 0 0 #ffd60a99}50%{box-shadow:0 6px 0 var(--ink),0 0 0 12px #ffd60a00}}.anim-bob{animation:3s ease-in-out infinite bob}.anim-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) both pop-in}.anim-wiggle{animation:.6s ease-in-out infinite wiggle}.anim-slide-up{animation:.3s ease-out both slide-up}.anim-glow{animation:1.6s ease-in-out infinite pulse-glow}.fade-enter-active,.fade-leave-active{transition:opacity .25s,transform .25s}.fade-enter-from,.fade-leave-to{opacity:0;transform:scale(.96)}.seg{gap:.5rem;display:flex}.seg-btn{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.6rem;font-family:inherit;font-weight:800;line-height:1;transition:all .12s;display:inline-flex}.seg-btn.active{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--ink);transform:translateY(-2px)}.species-row{flex-wrap:wrap;gap:.4rem;display:flex}.species-chip{border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1;transition:transform .1s;display:inline-flex}.species-chip.active{background:var(--yellow);transform:scale(1.06)}.dot{border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.map-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}@media (width<=480px){.map-grid{grid-template-columns:1fr 1fr}}.map-card{text-align:left;border:3px solid var(--ink);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:.15rem;padding:.6rem .8rem;font-family:inherit;transition:all .12s;display:flex}.map-card small{color:#1a1a1a99;font-weight:600}.map-card.active{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--ink);transform:translateY(-2px)}.map-card.active small{color:#fffc}.hint{color:#1a1a1a99;font-weight:600}.cartoon-range{width:100%;accent-color:var(--red);height:28px}@media (pointer:coarse) and (height<=640px){.cartoon-title{font-size:clamp(1.4rem,5.5vw,2rem)!important}.cartoon-card{border-width:3px!important;border-radius:14px!important;padding:.75rem .85rem!important}.cartoon-btn{box-shadow:0 4px 0 var(--ink);border-width:3px;padding:.5rem 1.1rem;font-size:.95rem}.seg-btn{padding:.4rem .8rem;font-size:.82rem}.map-card{padding:.5rem .65rem}.map-card small{font-size:.68rem;line-height:1.25}.step-chip{padding:.26rem .6rem;font-size:.74rem}.species-chip{padding:.3rem .6rem;font-size:.8rem}h2{margin-bottom:.4rem!important;font-size:1.05rem!important}}[dir=rtl] .play{direction:ltr}[dir=rtl] .play .cartoon-card,[dir=rtl] .play .hud *{unicode-bidi:plaintext}[dir=rtl] input,[dir=rtl] textarea{text-align:start}.global-sound[data-v-9e29a961]{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));z-index:350;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex;position:fixed}.maint-overlay[data-v-884ad61a]{z-index:400;background:#0b3d51eb;justify-content:center;padding:1rem;position:fixed;inset:0}.maint-card[data-v-884ad61a],.maint-overlay[data-v-884ad61a]{align-items:center;display:flex}.maint-card[data-v-884ad61a]{text-align:center;flex-direction:column;gap:.6rem;width:min(440px,94vw)}.maint-card h2[data-v-884ad61a]{letter-spacing:2px;margin:0}.maint-msg[data-v-884ad61a]{color:#1a1a1acc;margin:0;font-weight:600}.maint-eta[data-v-884ad61a]{color:#b8860b;align-items:center;gap:.35rem;margin:0;font-weight:800;display:inline-flex}.maint-actions[data-v-884ad61a]{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:.3rem;display:flex}.rotate-gate[data-v-884ad61a]{display:none}html.allow-portrait .rotate-gate{display:none!important}@media (orientation:portrait) and (pointer:coarse){.rotate-gate[data-v-884ad61a]{z-index:500;background:#0b3d51;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}}.rotate-card[data-v-884ad61a]{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:min(360px,92vw);display:flex}.rotate-card p[data-v-884ad61a]{color:#1a1a1a99;margin:0;font-weight:600}.rot-ico[data-v-884ad61a]{animation:1.6s ease-in-out infinite rot-hint-884ad61a;display:inline-block}@keyframes rot-hint-884ad61a{0%,35%,to{transform:rotate(0)}55%,80%{transform:rotate(90deg)}}