:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#ecf3de;background:#103d32;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 80% 20%,#35664788,transparent 55%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header{height:100px;max-width:1100px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:5}.brand{color:inherit;text-decoration:none;font-weight:900;display:flex;align-items:center;font-size:38px;letter-spacing:-4px;gap:3px}.brand>span{color:#d8f58a;font-size:27px}.brand small{font-size:9px;line-height:1.3;letter-spacing:2px;margin-left:13px}.event-tag{font-size:10px;letter-spacing:1.5px;border:1px solid #ffffff30;padding:10px 12px;border-radius:30px}.event-tag i{display:inline-block;background:#d8f58a;width:6px;height:6px;border-radius:50%;margin-right:5px}main{max-width:1000px;margin:auto;padding:20px 24px 110px;position:relative}h1{font-size:clamp(42px,8vw,70px);letter-spacing:-3px;line-height:1.02;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#d8f58a}p{color:#b9d0bc;line-height:1.7;font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:#bed19e}.welcome{max-width:480px;margin:auto}.hero-animals{display:flex;align-items:end;justify-content:center;height:180px;margin:8px 0 20px;background:radial-gradient(ellipse at bottom,#9dbd6040,transparent 68%)}.hero-animals img{width:31%;height:130px;filter:drop-shadow(0 12px 8px #0003);transform:rotate(-10deg)}.hero-animals img:nth-child(2){height:180px;width:40%;transform:rotate(7deg)}.hero-animals img:nth-child(3){transform:rotate(9deg)}label{display:block;font-size:12px;margin:16px 0;color:#d5e1c9}input{display:block;width:100%;padding:16px;margin-top:8px;background:#ffffff09;border:1px solid #bcd3b342;border-radius:12px;color:white;outline:none}input:focus{border-color:#d8f58a}input::placeholder{color:#94ae9d;font-size:12px}.privacy{font-size:11px;color:#9eb6a7}.primary{border:0;background:#d8f58a;color:#183b2c;font-weight:750;padding:18px 22px;border-radius:14px;width:100%;display:flex;justify-content:space-between;box-shadow:0 8px 25px #0002}.panel{max-width:430px;margin:12vh auto}.panel .primary{margin-top:32px}nav{position:fixed;bottom:0;left:0;right:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:8px;background:#10382fee;backdrop-filter:blur(12px);border-top:1px solid #ffffff14;z-index:10}nav button{background:transparent;border:0;color:#8ca99a;padding:10px 30px;border-radius:13px;font-size:22px;display:flex;gap:9px;align-items:center}nav span{font-size:12px}nav button.selected{color:#d8f58a;background:#d8f58a12}#camera,.scrim{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;display:none}.camera-on #camera{display:block}.camera-on .scrim{display:block;background:linear-gradient(#092f32b0,transparent 45%,#092f32aa)}.hud{display:flex;justify-content:space-between;align-items:center}.hud strong{display:block;font-size:22px;margin-top:6px}.score{text-align:right}.score strong{font-size:34px;color:#d8f58a}.score span{font-size:8px;letter-spacing:2px}.status{display:table;margin:18px auto;padding:9px 15px;border-radius:20px;background:#142f2fcc;font-size:11px;color:#d8f58a}.status.bad{color:#ffd5ab}.play-bottom{position:fixed;bottom:100px;left:24px;right:24px;text-align:center;pointer-events:none}.hint{font-size:12px;background:#123b32bb;display:inline-block;padding:10px 16px;border-radius:25px}.round{display:flex;justify-content:space-between;max-width:450px;margin:18px auto 0;font-size:11px}#animals{position:fixed;inset:255px 15px 195px;overflow:hidden}.animal{position:absolute;left:var(--x);top:var(--y);width:100px;height:115px;margin-left:-50px;margin-top:-50px;border:0;background:transparent;color:#fff;transition:opacity .2s,scale .2s;filter:drop-shadow(0 8px 5px #0005);animation:bob 3s ease-in-out infinite;animation-delay:var(--delay)}.animal img{width:100%;height:90px;pointer-events:none}.animal span{display:block;font-size:9px;text-shadow:0 1px 3px #000;background:#183e32b0;border-radius:10px;padding:3px}.animal.caught{scale:1.7;opacity:0}.animal:active{scale:.9}@keyframes bob{50%{transform:translateY(-9px) rotate(4deg)}}.ranking{max-width:650px;margin:auto}.ranking h1{font-size:48px}.ranking h1 span{color:#d8f58a}ol{padding:0;list-style:none;margin:30px 0}li{display:flex;align-items:center;gap:18px;padding:18px 12px;border-bottom:1px solid #ffffff15}li:first-child{background:#d8f58a;border-radius:14px;color:#173c2e}li .place{font-size:15px;opacity:.6;width:25px}li .person{flex:1;font-size:15px;font-weight:650}li .count{font-size:24px;font-weight:800}h2{font-size:18px}#feed>div{font-size:12px;color:#bdd0ba;padding:12px 0;border-bottom:1px solid #ffffff10}#toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#edf7dc;color:#183d2f;padding:14px 20px;border-radius:13px;z-index:20;max-width:90vw;width:max-content;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}body.dashboard header{max-width:1400px}body.dashboard main{max-width:1100px}body.dashboard .ranking{max-width:100%}body.dashboard nav{display:none}body.dashboard ol{columns:2;column-gap:35px}body.dashboard li{break-inside:avoid}@media(min-width:700px){.welcome{padding:10px 0}.hero-animals{height:200px}#animals{left:15%;right:15%}.animal{width:135px;height:150px}.animal img{height:120px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.encounter{max-width:380px;margin:10px auto;background:#103d32db;border:1px solid #ffffff26;padding:14px 18px;border-radius:18px}.encounter>strong{display:block;font-size:20px;margin-top:7px}.target-route{display:flex;gap:14px;align-items:center;margin-top:10px;font-size:12px}.target-route small{display:block;margin-top:5px;color:#b9d0bc}#direction-arrow{font-size:28px;color:#d8f58a}.encounter p{font-size:11px;margin:10px 0 0}.play-bottom{pointer-events:auto;bottom:90px}.play-bottom>.primary{max-width:340px;margin:10px auto}.secondary{display:block;border:1px solid #ffffff50;background:#103d32cc;color:#edf7dc;border-radius:20px;padding:8px 15px;margin:8px auto}.play-bottom .hint{max-width:90vw}.play-bottom .round{margin-top:10px}#ar-distance{display:table;margin:8px auto;background:#103d32dd;border-radius:20px;padding:9px 16px;font-size:16px;font-weight:700}.xr-canvas{position:fixed;inset:0;z-index:0}#ui{position:relative;z-index:1}#ui:fullscreen,#ui:xr-overlay{background:transparent!important}.ar-on{background:transparent!important}.ar-on #camera,.ar-on .scrim{display:none}.ar-on header{height:60px;padding:10px 20px}.ar-on main{padding-top:0}.ar-on .encounter{padding:8px 14px}.ar-on .encounter p,.ar-on .target-route,.ar-on nav{display:none}.ar-on .play-bottom{bottom:20px}.ar-on .hud strong{font-size:18px}.ar-on #location-status{margin:8px auto}.ar-on #animals{display:none}#animals{inset:340px 20px 225px}.animal{animation:none}#play .animal{width:150px;height:155px;margin-left:-75px;margin-top:-75px}#play .animal img{height:125px}.camera-on .encounter{backdrop-filter:blur(8px)}@media(max-height:720px){header{height:75px}.encounter{padding:10px 14px}.encounter p{display:none}#animals{inset:295px 20px 200px}.play-bottom{bottom:85px}.round{margin-top:5px!important}.status{margin:8px auto}.ar-on .encounter{display:none}}

html.xr-active{background:transparent!important}