*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body,html{height:100%}body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial;background:#0f172a;color:#e5e7eb;user-select:none}.global-nav{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-bottom:2px solid rgba(255,255,255,.2);pointer-events:auto}.global-nav .home-link{font-weight:600;font-size:1.1rem;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;background:rgba(255,255,255,.1);transition:all .3s ease}.global-nav .home-link:hover{background:rgba(255,255,255,.2)}.global-nav .global-links{display:flex;flex-wrap:wrap;gap:.75rem}.global-nav .global-links a{color:#fff;text-decoration:none;font-size:.9rem;padding:.4rem .8rem;border-radius:.4rem;background:rgba(255,255,255,.05);transition:all .3s ease;pointer-events:auto}.global-nav .global-links a:hover{background:rgba(255,255,255,.15)}.global-nav .global-links a.active{background:rgba(255,255,255,.25);font-weight:600}@media (max-width:768px){.global-nav{flex-direction:column;align-items:flex-start;padding:.75rem 1rem}.global-nav .global-links{width:100%;justify-content:flex-start}.global-nav .global-links a{font-size:.85rem;padding:.35rem .65rem}}.page-header{background:rgba(0,0,0,.3);padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100}.header-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto}.header-nav a{color:#a78bfa;text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem .75rem;border-radius:.25rem;transition:all .3s ease;pointer-events:auto}.header-nav a:hover{color:#c4b5fd;background:rgba(167,139,250,.1)}.page-main{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:1.5rem}.layout{display:flex;flex-direction:column;width:100%;padding:1.5rem;gap:1.5rem}.main-panel{text-align:center;display:flex;flex-direction:column;align-items:center}h1{font-size:clamp(1.8rem, 5vw, 2.4rem);margin-bottom:1rem;font-weight:700}.count{font-size:clamp(3.5rem, 12vw, 5rem);font-weight:800;line-height:1;display:inline-flex}.count .digit{display:inline-block;transition:none}.count .digit.digit-roll{animation:digit-roll .3s ease-out}@keyframes digit-roll{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}.hint{margin-top:1.2rem;font-size:.9rem;opacity:.6}.click-btn-wrapper{position:relative;display:inline-block;margin-top:1.5rem}#heatmapCanvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:1rem;opacity:.4}.click-btn{padding:1rem 3rem;font-size:1.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:1rem;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 15px rgba(99,102,241,.4);touch-action:manipulation}.click-btn:active{transform:scale(.95);box-shadow:0 2px 8px rgba(99,102,241,.3)}.my-clicks{margin-top:.5rem;font-size:.85rem;opacity:.5;font-weight:500}.combo{margin-top:.5rem;font-size:1.2rem;font-weight:800;min-height:1.6rem;opacity:0;transition:opacity .15s}.combo-show{opacity:1;animation:combo-pulse .2s ease-out}.combo-hot{color:#fbbf24}.combo-super{color:#f97316}.combo-epic{color:#ef4444}.combo-legendary{color:#a855f7;text-shadow:0 0 12px rgba(168,85,247,.6)}@keyframes combo-pulse{0%{transform:scale(1.4)}100%{transform:scale(1)}}.screen-shake{animation:screen-shake .3s ease-out}@keyframes screen-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px) rotate(-.5deg)}40%{transform:translateX(4px) rotate(.5deg)}60%{transform:translateX(-2px) rotate(-.3deg)}80%{transform:translateX(2px) rotate(.3deg)}}.cps-display{margin-top:.3rem;font-size:.8rem;color:#fbbf24;font-weight:700;opacity:0;transition:opacity .2s}.cps-display.visible{opacity:1}.rank-display{margin-top:.3rem;font-size:.8rem;color:#60a5fa;font-weight:600}.streak-display{margin-top:.3rem;font-size:.8rem;color:#f97316;font-weight:600}.personal-rank{margin-top:.3rem;font-size:.8rem;color:#a78bfa;font-weight:600}.powerup-banner{position:fixed;top:5rem;left:50%;transform:translateX(-50%) translateY(-100%);background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:.75rem 2rem;border-radius:1rem;font-weight:800;font-size:1.1rem;z-index:250;opacity:0;transition:transform .3s,opacity .3s;pointer-events:none}.powerup-banner.visible{transform:translateX(-50%) translateY(0);opacity:1}.prestige-btn{margin-top:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;border-radius:.5rem;font-size:.8rem;font-weight:700;cursor:pointer;pointer-events:auto;display:none;animation:prestige-glow 2s ease-in-out infinite}@keyframes prestige-glow{0%,100%{box-shadow:0 0 5px rgba(245,158,11,.4)}50%{box-shadow:0 0 20px rgba(245,158,11,.8)}}.share-btn{margin-top:.5rem;padding:.4rem 1rem;background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;font-size:.8rem;font-weight:600;cursor:pointer;pointer-events:auto;transition:background .2s}.share-btn:hover{background:rgba(59,130,246,.25)}.emote-panel{display:flex;gap:.3rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.emote-btn{background:rgba(255,255,255,.1);border:none;border-radius:.5rem;font-size:1.2rem;padding:.3rem .5rem;cursor:pointer;pointer-events:auto;transition:background .2s,transform .1s}.emote-btn:hover{background:rgba(255,255,255,.2)}.emote-btn:active{transform:scale(.9)}.floating-emote{position:fixed;font-size:2rem;pointer-events:none;z-index:400;animation:float-up 2s ease-out forwards}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-200px) scale(.5);opacity:0}}.battle-banner{position:fixed;top:4rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#dc2626,#f59e0b);color:#fff;padding:.75rem 2rem;border-radius:1rem;font-weight:800;font-size:1rem;z-index:200;display:none;text-align:center;animation:battle-pulse 1s ease-in-out infinite}.battle-banner.visible{display:block}@keyframes battle-pulse{0%,100%{box-shadow:0 0 10px rgba(220,38,38,.5)}50%{box-shadow:0 0 30px rgba(220,38,38,.9)}}body.battle-active{border:3px solid rgba(220,38,38,.5)}#particleContainer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500;overflow:hidden}.particle{position:absolute;font-weight:800;font-size:1.2rem;color:#a78bfa;pointer-events:none;animation:particle-fly .8s ease-out forwards}@keyframes particle-fly{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-80px) scale(.5);opacity:0}}#bgOverlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;transition:background-color 2s ease}#liveFeed{position:fixed;bottom:1rem;left:1rem;max-width:250px;z-index:150;display:flex;flex-direction:column;gap:.3rem;pointer-events:none}.feed-item{background:rgba(0,0,0,.6);color:#e5e7eb;padding:.3rem .6rem;border-radius:.4rem;font-size:.75rem;animation:feed-in .3s ease-out;transition:opacity .5s}.feed-item.feed-fade{opacity:0}@keyframes feed-in{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.confetti-piece{position:fixed;width:8px;height:8px;pointer-events:none;z-index:500;animation:confetti-fall 2s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.achievements-btn{margin-top:1rem;padding:.4rem 1rem;background:rgba(167,139,250,.15);color:#a78bfa;border:1px solid rgba(167,139,250,.3);border-radius:.5rem;font-size:.8rem;font-weight:600;cursor:pointer;pointer-events:auto;transition:background .2s}.achievements-btn:hover{background:rgba(167,139,250,.25)}.toast-container{position:fixed;top:5rem;right:1rem;z-index:200;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:rgba(167,139,250,.9);color:#fff;padding:.6rem 1.2rem;border-radius:.5rem;font-size:.85rem;font-weight:600;animation:toast-in .3s ease-out;transition:opacity .4s}.toast-fade{opacity:0}@keyframes toast-in{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.achievements-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;z-index:300;min-width:260px;max-width:340px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.achievements-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.achievements-header h3{font-size:1.1rem;font-weight:700}.achievements-close{background:0 0;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;pointer-events:auto;line-height:1}.achievements-list{display:flex;flex-direction:column;gap:.5rem}.achievement-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem}.achievement-item.unlocked{background:rgba(167,139,250,.15);color:#c4b5fd}.achievement-item.locked{background:rgba(255,255,255,.05);color:#6b7280}.achievement-icon{font-size:1.1rem}.leaderboard-tabs{display:flex;gap:.25rem;margin-bottom:1rem}.leaderboard-tab{flex:1;padding:.35rem .5rem;background:rgba(255,255,255,.05);color:#9ca3af;border:1px solid rgba(255,255,255,.1);border-radius:.4rem;font-size:.7rem;font-weight:600;cursor:pointer;pointer-events:auto;transition:all .2s}.leaderboard-tab.active{background:rgba(167,139,250,.2);color:#c4b5fd;border-color:rgba(167,139,250,.4)}.leaderboard-tab:hover{background:rgba(255,255,255,.1)}.countries-section{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.countries-title{font-size:1rem;margin-bottom:1rem;opacity:.7;font-weight:500}.countries-list{display:flex;flex-direction:column;gap:.5rem;max-width:260px;margin:0 auto}.country-item{background:rgba(255,255,255,.1);padding:.4rem .8rem;border-radius:.5rem;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.country-flag{font-size:1.2rem;line-height:1}.country-code{font-weight:600;font-size:.9rem}.country-count{background:rgba(255,255,255,.2);padding:.1rem .4rem;border-radius:.3rem;font-size:.75rem;font-weight:500}.country-clicks{background:rgba(255,255,255,.15);padding:.1rem .4rem;border-radius:.3rem;font-size:.75rem;font-weight:500}.no-countries{opacity:.5;font-size:.85rem;font-style:italic}.seo-content-container{width:100%;max-width:900px;margin:0 auto;padding:3rem 1.5rem}.seo-content-section{margin-bottom:2.5rem;padding:2rem;background:rgba(255,255,255,.05);border-left:4px solid #3b82f6;border-radius:.5rem}.seo-content-section h2{font-size:1.5rem;margin-bottom:1rem;color:#e5e7eb}.seo-content-section p{line-height:1.6;color:#d1d5db;font-size:.95rem}.features-list{list-style:none;margin:1rem 0}.features-list li{padding:.75rem 0;padding-left:1.5rem;position:relative;line-height:1.6;color:#d1d5db;font-size:.95rem}.features-list li:before{content:"\2713";position:absolute;left:0;color:#3b82f6;font-weight:700}.page-footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);font-size:.85rem;color:#9ca3af}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem}.footer-nav a{color:#a78bfa;text-decoration:none;font-size:.9rem;padding:.5rem .75rem;border-radius:.25rem;transition:all .3s ease;pointer-events:auto}.footer-nav a:hover{color:#c4b5fd;background:rgba(167,139,250,.1)}body.season-halloween{background:#1a0a2e}body.season-halloween .click-btn{background:linear-gradient(135deg,#f97316,#7c3aed)}body.season-xmas{background:#0f1a0f}body.season-xmas .click-btn{background:linear-gradient(135deg,#dc2626,#16a34a)}body.season-newyear{background:#0a0a2e}body.season-newyear .click-btn{background:linear-gradient(135deg,#eab308,#3b82f6)}body.season-valentines{background:#2e0a1a}body.season-valentines .click-btn{background:linear-gradient(135deg,#ec4899,#f43f5e)}@media (min-width:768px){.page-header{padding:1rem 3rem}.header-nav{gap:2rem}.page-main{padding:2rem 3rem}.layout{flex-direction:row;align-items:center;justify-content:center;max-width:1200px;margin:0 auto;width:100%}.side-panel{max-width:320px}.main-panel{flex:1}.seo-content-container{padding:3rem 3rem}}