:root{--dark:#11291d;--green:#194c36;--lime:#c8f34a;--cream:#fff8e8;--ink:#13231b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Nunito,system-ui,sans-serif}body{background:var(--dark);color:var(--cream)}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}.start{min-height:100svh;background:radial-gradient(circle at 75% 20%,#336e4b,transparent 35%),linear-gradient(145deg,#10251c,#194d36);position:relative;overflow:hidden;padding:20px}.start:before,.start:after{content:'✦';position:absolute;color:var(--lime);font-size:6rem;opacity:.35}.start:before{top:8%;left:12%}.start:after{right:12%;bottom:8%}.back{color:white;text-decoration:none;font-weight:900}.start-inner{text-align:center;max-width:650px;margin:clamp(20px,4vh,65px) auto 0}.start-art{position:relative;width:clamp(145px,23vh,230px);margin:auto}.start-art img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:8px solid var(--lime);box-shadow:12px 14px 0 #0b241a}.start-art span{position:absolute;right:-55px;bottom:4px;transform:rotate(8deg);padding:5px 10px;background:#ffdb62;border:2px solid var(--ink);border-radius:8px;color:var(--ink);font-size:.7rem;font-weight:900;white-space:nowrap}.eyebrow{color:var(--lime);font-weight:900;letter-spacing:.15em;font-size:.75rem;margin:28px 0 10px}.start h1{font:800 clamp(3.5rem,10vw,7rem)/.83 'Baloo 2',sans-serif;letter-spacing:-.05em;margin:0}.start h1 em{font-style:normal;color:var(--lime)}.start-inner>p:not(.eyebrow){font-weight:800}.primary{background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:999px;font-weight:900;padding:15px 24px;box-shadow:5px 6px 0 #071e12;transition:transform .2s}.primary:hover{transform:translateY(-3px)}.primary b{margin-left:15px}.start .small{font-size:.76rem;opacity:.75}.game{height:100svh;min-height:480px;display:flex;flex-direction:column;overflow:hidden}.hud{height:65px;flex:none;display:flex;align-items:center;gap:15px;padding:8px 18px;background:var(--dark);z-index:2}.hud-back{color:white;text-decoration:none;font-size:1.4rem;font-weight:900}.level{display:flex;flex-direction:column;line-height:1}.level span{font-size:.63rem;color:var(--lime);font-weight:900;letter-spacing:.13em}.level strong{font:800 1.45rem 'Baloo 2',sans-serif}.hud-stat{margin-left:auto;white-space:nowrap}.hint-button{border:1px solid var(--lime);border-radius:999px;background:var(--lime);color:var(--ink);font-weight:900;padding:9px 14px;white-space:nowrap}.view{position:relative;flex:1;min-height:0;overflow:hidden;background:#315744;touch-action:none;cursor:grab}.view.dragging{cursor:grabbing}.scene{position:absolute;width:1536px;height:1024px;transform-origin:0 0;user-select:none}.scene>img{width:100%;height:100%;display:block;pointer-events:none}.simba{position:absolute;border:0;background:none;padding:0;cursor:pointer;filter:drop-shadow(1px 2px 1px #26342680);transition:filter .2s}.simba img{width:100%;height:100%;object-fit:contain;pointer-events:none}.simba.found{filter:drop-shadow(0 0 13px #edff43) drop-shadow(0 0 20px #edff43);animation:celebrate .45s 3}.hint-area{display:none;position:absolute;width:390px;height:310px;border:9px solid #e8ff58;border-radius:50%;box-shadow:0 0 0 100vmax #122b2170;pointer-events:none;animation:hintglow 2s forwards}.hint-area.show{display:block}.wrong{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);background:#fff8e8;color:var(--ink);border:3px solid var(--ink);border-radius:18px;padding:10px 18px;font-weight:900;opacity:0;pointer-events:none}.wrong.show{animation:wrong 1s}.bottom{min-height:58px;flex:none;display:flex;align-items:center;gap:15px;padding:7px 18px;background:var(--dark);z-index:2}.zoom-controls{display:flex;align-items:center;gap:8px;white-space:nowrap}.zoom-controls button{background:#ffffff22;color:white;border:1px solid #ffffff55;width:31px;height:31px;border-radius:50%;font-size:1.25rem}.zoom-controls span{font-size:.73rem;font-weight:900;min-width:36px}.bottom p{margin:0;flex:1;text-align:center;font-size:.8rem;font-weight:800;color:#d4e0d7}.errors{font-size:.75rem;white-space:nowrap}.result{min-height:100svh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 25%,#387251,transparent 50%),#10291d}.result-card{text-align:center;width:min(100%,530px);border:3px solid var(--lime);border-radius:30px;background:#194631;padding:32px 25px;box-shadow:12px 14px 0 #091d12}.result h2{font:800 clamp(2.7rem,8vw,4.5rem)/.95 'Baloo 2',sans-serif;margin:6px 0}.result-card>p:not(.eyebrow){font-weight:800}.result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:25px 0}.result-stats span{background:#fff8e8;color:var(--ink);border-radius:15px;padding:9px 12px;font-weight:900;font-size:.83rem}@keyframes wrong{15%,75%{opacity:1}100%{opacity:0}}@keyframes celebrate{50%{transform:rotate(-9deg) scale(1.08)}}@keyframes hintglow{0%{opacity:0}25%,75%{opacity:1}100%{opacity:0}}@media(max-width:650px){.hud{height:57px;padding:6px 10px;gap:8px}.level strong{font-size:1.15rem}.hud-stat{font-size:.84rem}.hint-button{font-size:.72rem;padding:8px 10px}.bottom{padding:5px 9px;min-height:50px}.bottom p{font-size:.66rem}.start-art span{right:-30px;font-size:.57rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}
