:root{--cream:#a7caf5;--navy:#152342;--navy-soft:#526078;--coral:#ff6552;--coral-dark:#c94034;--cobalt:#3159c6;--body-font:Inter, ui-sans-serif, system-ui, sans-serif;--display-font:"Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;color:var(--navy);background:var(--cream);font-family:var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}::selection{color:#fff;background:var(--coral)}.app{background-color:var(--cream);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.app__gif-button{z-index:1;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:min(72vmin,54vw);padding:0;display:block;position:relative}.app__counter{z-index:1;width:min(20vw,20rem);color:var(--navy);text-align:left;flex-direction:column;gap:.8rem;display:flex;position:absolute;top:50%;left:clamp(1.5rem,4vw,4rem);transform:translateY(-50%)}.app__counter-label{font-size:clamp(1rem,2vw,1.35rem);font-weight:700;line-height:1.45}.app__counter-value{color:var(--coral-dark);font-family:var(--display-font);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1}.app__image{aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;display:block}.app__gif-button:focus-visible{outline:4px solid var(--cobalt);outline-offset:6px}.app__gif-button:disabled{cursor:default}.leaderboard-panel{z-index:1;width:min(22vw,20rem);max-height:calc(100svh - 3rem);color:var(--navy);padding:0;position:absolute;top:50%;right:clamp(1.5rem,4vw,4rem);overflow-y:auto;transform:translateY(-50%)}.username-field{color:var(--navy-soft);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:.5rem;font-size:.78rem;font-weight:800;display:flex}.username-field small{letter-spacing:0;text-transform:none;font-size:.68rem;font-weight:700}.username-field input{width:100%;color:var(--navy);letter-spacing:0;text-transform:none;background:#fffc;border:1px solid #15234233;border-radius:.7rem;outline:none;padding:.7rem .8rem;font-size:.92rem;font-weight:700;transition:border-color .12s,box-shadow .12s}.username-field input:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px #3159c629}.username-field input::placeholder{color:#5260789e}.leaderboard{margin-top:1.25rem}.leaderboard h2{font-family:var(--display-font);letter-spacing:-.025em;margin:0 0 .8rem;font-size:clamp(1.15rem,2vw,1.45rem)}.leaderboard ol{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.leaderboard li{grid-template-columns:1.7rem minmax(0,1fr) auto;align-items:center;gap:.55rem;min-width:0;padding:.3rem 0;font-size:.82rem;display:grid}.leaderboard__rank{color:var(--navy-soft);font-size:.78rem;font-weight:900}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.leaderboard__count{color:var(--coral-dark);font-variant-numeric:tabular-nums;font-weight:900}.leaderboard__status{color:var(--navy-soft);margin:0;font-size:.8rem;line-height:1.45}.app__effects{z-index:2;pointer-events:none;display:block;position:fixed;inset:0;overflow:hidden}.app__effect{display:block;position:absolute;bottom:-280px}.app__effect-image{-webkit-user-select:none;user-select:none;width:100%;height:auto;animation:2.4s cubic-bezier(.2,.65,.3,1) forwards click-effect;display:block}@keyframes click-effect{0%{opacity:0;transform:translateY(0)scale(.7)}10%{opacity:1;transform:translateY(-8vh)scale(1)}88%{opacity:1;transform:translateY(calc(-100vh - 180px))scale(1)}to{opacity:0;transform:translateY(calc(-100vh - 320px))scale(.85)}}@media (width<=1100px){.app{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.4rem;min-height:100svh;padding:1.5rem 1rem 2rem;display:flex;overflow:hidden auto}.app__counter{text-align:center;gap:.4rem;width:min(90vw,28rem);position:static;transform:none}.app__gif-button{flex:none;width:min(65vmin,28rem)}.leaderboard-panel{width:min(100%,28rem);max-height:none;position:static;transform:none}}