:root{--ink:#1f3347;--sky:#e9f7ff;--card:#fff;--accent:#ff8a3d;--accent2:#2f9fd8;--good:#2fb36b;--bad:#e5484d;--r:22px;--font:ui-rounded,"SF Pro Rounded","Nunito","Trebuchet MS",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--ink);overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}body{background:radial-gradient(at 50% 40%,#1d3b63 0%,#0c1a33 70%)}#globe{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.lbl{white-space:nowrap;text-shadow:0 1px 2px #00000073,0 0 6px #00000059;color:#fff;will-change:transform;font-weight:800;display:none;position:absolute;top:0;left:0}.lbl.region{letter-spacing:.08em;text-transform:uppercase;opacity:.95;font-size:15px}.lbl.ocean{color:#d7f1ff;letter-spacing:.12em;font-size:14px;font-style:italic}.lbl.country{color:#22405b;text-shadow:0 0 3px #fff,0 0 3px #fff;font-size:11px;font-weight:700}.lbl.bird{text-shadow:none;background:#142337b8;border-radius:12px;padding:2px 9px;font-size:13px}.lbl.bird.seen:after{content:" ✓";color:#7de8a4}#top{padding:calc(env(safe-area-inset-top) + 12px) 14px 0;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}#top>*{pointer-events:auto}.brand{color:#fff;text-shadow:0 2px 6px #0006;font-size:clamp(16px,2.4vw,24px);font-weight:900}.brand span{color:#ffd37a}nav{gap:8px;display:flex}.pill{font:inherit;min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:12px 18px;font-size:16px;font-weight:800;box-shadow:0 3px #0000002e}.pill:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.pill.play{background:var(--accent);color:#fff}#hint{color:#fff;pointer-events:none;text-align:center;background:#0a14288c;border-radius:999px;align-self:center;max-width:92vw;padding:8px 16px;font-size:14px;font-weight:700;transition:opacity .6s}#hint.gone{opacity:0}.sheet{z-index:5;background:var(--card);touch-action:pan-y;border-radius:var(--r) var(--r) 0 0;max-height:78vh;padding:20px;animation:.25s ease-out up;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 10px 40px #00000059}.sheet[hidden]{display:none}@keyframes up{0%{opacity:0;transform:translateY(40px)}}@media (width>=900px){.sheet{border-radius:var(--r);width:400px;max-height:none;inset:76px 18px 18px auto}.sheet.wide{width:min(720px,100vw - 36px)}.sheet.low{top:auto}}.sheet h2{margin:0 0 4px;font-size:26px;line-height:1.1}.sheet h3{margin:18px 0 6px;font-size:17px}.sheet p{margin:6px 0;line-height:1.45}.sci{opacity:.65;margin:0 0 8px;font-style:italic}.head{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-right:44px;display:flex}.art{background:linear-gradient(#cdeeff,#eaf9ff);border-radius:12px;flex:none;width:64px;padding:2px}.art svg{width:100%;height:auto;display:block}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.btn{font:inherit;background:var(--accent2);color:#fff;cursor:pointer;border:0;border-radius:16px;min-height:50px;padding:13px 20px;font-size:17px;font-weight:800;box-shadow:0 3px #0003}.btn:active{transform:translateY(2px);box-shadow:0 1px #0003}.btn.alt{color:var(--ink);background:#eef3f7}.btn.go{background:var(--good)}.btn.warn{background:var(--bad)}.btn:disabled{opacity:.55}.close{cursor:pointer;background:#eef3f7;border:0;border-radius:50%;width:44px;height:44px;font-size:20px;font-weight:900;position:absolute;top:10px;right:12px}.fact{background:#fff7e6;border-radius:14px;margin-top:10px;padding:10px 14px}.tag{background:#e8f4fb;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.tile{text-align:center;font:inherit;color:inherit;cursor:pointer;background:#eaf6fd;border:0;border-radius:16px;min-height:100px;padding:6px 4px 8px}.tile svg{width:100%;height:auto}.tile small{font-size:12px;font-weight:800;line-height:1.1;display:block}.tile.locked{background:#e3e8ee}.tile.locked small{opacity:.55}.bar{background:#e3edf3;border-radius:99px;height:12px;margin:6px 0 14px;overflow:hidden}.bar i{background:var(--good);height:100%;display:block}.choices{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.choices .btn{color:var(--ink);background:#eaf6fd;box-shadow:0 3px #bcd5e4}.choices .btn.right{background:var(--good);color:#fff}.choices .btn.wrong{background:var(--bad);color:#fff}.score{text-align:center;margin:8px 0;font-size:42px;font-weight:900}.stars{text-align:center;font-size:34px}.toggle{border-bottom:1px solid #e5eef4;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.menu-list{gap:10px;margin-top:14px;display:grid}.small{opacity:.75;font-size:13px}#toast{color:#fff;opacity:0;pointer-events:none;z-index:9;background:#222c;border-radius:999px;padding:10px 18px;font-weight:800;transition:all .3s;position:fixed;top:84px;left:50%;transform:translate(-50%,-20px)}#toast.on{opacity:1;transform:translate(-50%)}.hide-s{display:inline}@media (width<=560px){.hide-s{display:none}.pill{padding:12px 14px}}.credits li{margin:6px 0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.photo{text-align:center;margin:10px 0 14px}.photo img{object-fit:contain;background:#eef4f8;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:min(340px,45vh);margin:0 auto 10px;display:block}.photo a{text-decoration:none;display:inline-block}.tile{content-visibility:auto;contain-intrinsic-size:100px 90px}.status{border-left:6px solid var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);border-radius:10px;margin:8px 0;padding:10px 12px}.status>b{color:var(--c);filter:brightness(.8);margin-top:6px;display:block}.status .note{opacity:.8;font-size:14px}.scale{gap:3px;display:flex}.step{text-align:center;opacity:.5;flex:1;min-width:0}.step i{background:color-mix(in srgb,var(--s) 35%,#fff);color:#333;border-radius:6px;padding:5px 0;font-size:12px;font-style:normal;font-weight:800;display:block}.step em{margin-top:3px;font-size:10px;font-style:normal;font-weight:700;line-height:1.1;display:none}.step.on{opacity:1;transform:translateY(-2px)}.step.on i{background:var(--s);color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--s)}.step.on em{color:#333;display:block}#dock{padding:0 12px calc(env(safe-area-inset-bottom) + 12px);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}#dock>*{pointer-events:auto}#hint{pointer-events:none}.jump{scrollbar-width:none;touch-action:pan-x;justify-content:center;gap:8px;padding:2px 2px 4px;display:flex;overflow-x:auto}.jump::-webkit-scrollbar{display:none}.jump button{font:inherit;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0e1e389e;border:1px solid #ffffff38;border-radius:999px;flex:none;min-height:42px;padding:9px 14px;font-size:14px;font-weight:800}.jump button:hover{background:#1e3c64cc}.jump button:active{transform:translateY(1px)}@media (width<=760px){.jump{justify-content:flex-start}}#mapctl{left:14px;bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:2;flex-direction:column;gap:8px;display:flex;position:fixed}.ctl{width:48px;height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:14px;place-items:center;font-size:22px;font-weight:900;display:grid;box-shadow:0 3px #0000002e}.ctl:active{transform:translateY(2px);box-shadow:0 1px #0000002e}@media (width<=899px){body.sheet-open #dock,body.sheet-open #mapctl{display:none}}@media (width>=900px){body.sheet-open #dock{right:436px}}.brand{-webkit-backdrop-filter:blur(6px);background:#0e1e3873;border-radius:999px;padding:8px 14px}.grab{background:#d5e0e8;border-radius:9px;width:44px;height:5px;margin:-8px auto 10px}@media (width>=900px){.grab{display:none}}#top{flex-wrap:nowrap}.brand{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}nav{flex:none}@media (width<=560px){#top{gap:6px;padding-left:10px;padding-right:10px}.brand{padding:7px 10px;font-size:clamp(11px,3.3vw,16px)}nav{gap:6px}.pill{min-height:44px;padding:10px 12px;font-size:15px}}@media (width<=380px){.brand{padding:6px 8px}.pill{padding:10px}}.sheet{max-height:78dvh}@media (width<=360px){.pill{min-height:42px;padding:9px;font-size:14px}#top{gap:4px;padding-left:8px;padding-right:8px}nav{gap:4px}}#intro{z-index:20;-webkit-backdrop-filter:blur(3px);background:#08122699;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.intro-card{border-radius:var(--r);text-align:center;background:#fff;width:100%;max-width:380px;padding:24px 22px 20px;animation:.25s ease-out up;box-shadow:0 10px 40px #0006}.intro-card h2{margin:6px 0;font-size:24px}.intro-ico{font-size:52px;line-height:1}.intro-card .dots{justify-content:center;gap:6px;margin:14px 0 4px;display:flex}.dots i{background:#d5e0e8;border-radius:50%;width:9px;height:9px}.dots i.on{background:var(--accent);border-radius:9px;width:22px}.diet-bar{border-radius:99px;gap:2px;height:14px;margin:8px 0;display:flex;overflow:hidden}.diet-bar i{min-width:4px;display:block}.diet{margin:0;padding:0;list-style:none}.diet li{border-bottom:1px solid #eef3f7;justify-content:space-between;padding:4px 0;display:flex}.photo .credit{opacity:.6;margin:0;font-size:10px;line-height:1.2}.wiki{text-align:center;margin:14px 0 0;font-size:11px}.wiki a{color:var(--ink);opacity:.6}.contact{text-align:center;margin:18px 0 4px;font-size:14px}.contact a{color:var(--accent2);font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;color:var(--ink);cursor:pointer;border:2px solid #d9e6ee;border-color:var(--s,#d9e6ee);background:#fff;background:color-mix(in srgb,var(--s,#fff) 14%,#fff);border-radius:999px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:700}.chip.on{background:var(--s,var(--accent2));border-color:var(--s,var(--accent2));color:#fff;text-shadow:0 1px 1px #00000040}.sel{font:inherit;width:100%;color:var(--ink);background:#fff;border:2px solid #d9e6ee;border-radius:12px;margin:4px 0 6px;padding:12px;font-size:16px}#filterbar{color:#fff;background:#ff8a3df2;border-radius:999px;align-self:center;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px #0003}#filterbar[hidden]{display:none}#filterbar button{font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:999px;padding:6px 12px;font-weight:800}.ctl.on{background:var(--accent);color:#fff}img.globe-ico{vertical-align:middle;border-radius:8px;width:28px;height:28px;margin:-3px 8px 0 -4px}@media (width<=380px){img.globe-ico{width:22px;height:22px;margin-right:6px}}.mascot{filter:drop-shadow(0 6px 8px #00000040);width:104px;height:auto;margin:-62px auto 4px;display:block}.intro-card{margin-top:60px;overflow:visible}.intro-card .intro-ico{font-size:34px}.mascot.sm{float:right;filter:none;width:56px;margin:0 52px 6px 8px}