.button-container{position:relative;-webkit-user-select:none;user-select:none;isolation:isolate;display:grid;place-items:center}.lizard-button{appearance:none;border:none;cursor:pointer;padding:0;width:220px;height:220px;border-radius:50%;position:relative;background:radial-gradient(closest-side at 50% 42%,#fff,#f7f9ff 58%,#eaf0ff 74%,#dfe7ff),linear-gradient(180deg,#fff,#eef3ff 55%,#d9e2ff);box-shadow:0 0 0 2px #ffffff59 inset,0 -8px 16px #ffffff8c inset,0 10px 18px #0000002e inset,0 0 40px 6px #ffffff59,0 0 140px 16px #b4c8ff47,0 22px 48px #0000008c;display:grid;place-items:center;transition:transform .12s cubic-bezier(.2,.8,.16,1),box-shadow .16s ease,filter .14s ease;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45)) brightness(1);font-size:96px;color:#333}.lizard-button:after{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(60% 60% at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,.05) 70%,transparent 85%);filter:blur(1.2px);mix-blend-mode:screen}.lizard-button:hover{transform:scale(1.015);filter:drop-shadow(0 20px 32px rgba(0,0,0,.5)) brightness(1.02);box-shadow:0 0 0 2px #fff6 inset,0 -8px 16px #fff9 inset,0 10px 18px #0003 inset,0 0 50px 8px #fff6,0 0 160px 20px #b4c8ff52,0 24px 52px #0009}.lizard-button:active{transform:scale(.985);filter:drop-shadow(0 14px 22px rgba(0,0,0,.6)) brightness(.98);box-shadow:0 0 0 2px #ffffff4d inset,0 -6px 12px #fff6 inset,0 8px 14px #00000040 inset,0 0 30px 4px #ffffff40,0 0 100px 12px #b4c8ff33,0 16px 36px #000000b3}.lizard-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;filter:none!important}@media (max-width: 768px),(max-height: 700px){.lizard-button{width:180px;height:180px;font-size:76px}}@media (max-width: 480px){.lizard-button{width:160px;height:160px;font-size:68px}}@media (prefers-reduced-motion: reduce){.lizard-button{transition:none}.lizard-button:hover,.lizard-button:active{transform:none}}.lizard-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:100}.lizard{position:absolute;width:52px;height:52px;font-size:48px;display:flex;align-items:center;justify-content:center;animation:runAway var(--duration, 3s) ease-out forwards;pointer-events:none;-webkit-user-select:none;user-select:none}.lizard-emoji{display:inline-block;transform-origin:center;animation:goofyJiggle var(--jiggle-speed, .26s) ease-in-out infinite;will-change:transform}@keyframes runAway{0%{opacity:1;transform:translate(0) translate(-50%,-50%) scale(1)}12%{opacity:.88;transform:translate(0) translate(-50%,-50%) scale(.98)}85%{opacity:.15;transform:translate(calc(var(--end-x) - var(--start-x)),calc(var(--end-y) - var(--start-y))) translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(calc(var(--end-x) - var(--start-x)),calc(var(--end-y) - var(--start-y))) translate(-50%,-50%) scale(.8)}}@keyframes goofyJiggle{0%{transform:rotate(calc(180deg + var(--heading, 0deg) - 5deg)) translateY(0) translate(-.5px) scale(1)}25%{transform:rotate(calc(180deg + var(--heading, 0deg) + 4deg)) translateY(-1.5px) translate(.5px) scale(1.01)}50%{transform:rotate(calc(180deg + var(--heading, 0deg) - 4deg)) translateY(0) translate(-.5px) scale(.995)}75%{transform:rotate(calc(180deg + var(--heading, 0deg) + 3deg)) translateY(1px) translate(.3px) scale(1.005)}to{transform:rotate(calc(180deg + var(--heading, 0deg) - 5deg)) translateY(0) translate(-.5px) scale(1)}}@media (prefers-reduced-motion: reduce){.lizard{animation-duration:1s!important}.lizard-emoji{animation:none;transform:rotate(calc(180deg + var(--heading, 0deg)))}}.counter-badge{position:fixed;top:16px;padding:7px 12px;font-size:13.5px;color:#eef3ff;background:#14182d8c;border:1px solid rgba(255,255,255,.15);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;-webkit-user-select:none;user-select:none;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:max-content}.counter-number{font-variant-numeric:tabular-nums;font-weight:600}.counter-all{right:16px}.counter-mine{left:16px}@media (max-width: 480px),(max-height: 580px){.counter-badge{font-size:12.5px;padding:6px 10px;top:12px}.counter-all{right:12px}.counter-mine{left:12px}}.audio-hint{position:fixed;z-index:1000;bottom:12px;left:50%;transform:translate(-50%);padding:6px 12px;font-size:12.5px;color:#eef3ff;background:#14182d8c;border:1px solid rgba(255,255,255,.15);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 480px),(max-height: 580px){.audio-hint{font-size:11.5px;padding:5px 10px;bottom:10px}}.app{width:100vw;height:100vh;position:relative;overflow:hidden;display:grid;place-items:center}:root{--bg: #0d1020;--cx: 50%;--cy: 50%;--glow1: rgba(255, 255, 255, .1);--glow2: rgba(180, 200, 255, .1);--glow3: rgba(255, 255, 255, .08);--ring: rgba(255, 255, 255, .35);--g1: 900px;--g2: 1400px;--g3: 280px;--spot: rgba(255, 255, 255, .12)}@media (max-width: 1024px),(max-height: 800px){:root{--glow1: rgba(255, 255, 255, .08);--glow2: rgba(180, 200, 255, .08);--spot: rgba(255, 255, 255, .1);--g1: 720px;--g2: 1120px;--g3: 240px}}@media (max-width: 768px),(max-height: 700px){:root{--glow1: rgba(255, 255, 255, .06);--glow2: rgba(180, 200, 255, .06);--spot: rgba(255, 255, 255, .08);--g1: 540px;--g2: 900px;--g3: 200px}}@media (max-width: 480px),(max-height: 600px){:root{--glow1: rgba(255, 255, 255, .04);--glow2: rgba(180, 200, 255, .04);--spot: rgba(255, 255, 255, .06);--g1: 400px;--g2: 680px;--g3: 160px}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;color:#fff;display:grid;place-items:center;overflow:hidden;background:radial-gradient(var(--g1) var(--g1) at var(--cx) var(--cy),var(--glow2),transparent 60%),radial-gradient(var(--g2) var(--g2) at var(--cx) var(--cy),var(--glow1),transparent 70%),radial-gradient(var(--g3) var(--g3) at var(--cx) var(--cy),var(--spot),transparent 70%),var(--bg)}#root{width:100vw;height:100vh;position:relative;display:grid;place-items:center}
