#cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-36px,-24px);will-change:transform;transition:transform .06s ease}#cursor.swatting{transform:translate(-36px,-24px) scale(1.25) rotate(18deg) skew(-8deg)}.mesh-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,124,240,.13) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 80% 20%,rgba(121,40,202,.11) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 60% 80%,rgba(255,0,128,.09) 0%,transparent 60%);pointer-events:none}#splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:100;transition:opacity .35s ease,visibility .35s ease}#splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center;padding:0 24px}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:100px;border:1px solid #2a2a2a;background:#111;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.1em;color:#777;text-transform:uppercase}h1{font-size:clamp(52px,9vw,88px);font-weight:600;letter-spacing:-3px;line-height:1;color:#fff}.gradient-text{background:linear-gradient(135deg,#007cf0,#00dfd8,#ff0080);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:17px;color:#777;font-weight:400;letter-spacing:-.3px}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:320px}.how-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;border-radius:10px;border:1px solid #1e1e1e;background:#111}.how-num{font-size:24px;font-weight:600;color:#fff;letter-spacing:-1px}.how-label{font-size:11px;color:#555;font-family:Geist Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.btn-primary{padding:13px 36px;border-radius:8px;border:none;background:#fff;color:#0a0a0a;font-family:Geist,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.3px;cursor:none;transition:background .12s,transform .1s,box-shadow .15s;box-shadow:0 0 #fff0}.btn-primary:hover{background:#e8e8e8;transform:translateY(-1px);box-shadow:0 8px 28px #ffffff1f}.btn-primary:active{transform:translateY(0)}.gameover-actions{display:flex;gap:10px;align-items:center}.btn-secondary{padding:13px 36px;border-radius:8px;border:1px solid #333;background:transparent;color:#aaa;font-family:Geist,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.3px;cursor:none;transition:background .12s,color .12s,border-color .12s,transform .1s}.btn-secondary:hover{background:#1a1a1a;color:#fff;border-color:#555;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.timer-picker{display:flex;flex-direction:column;align-items:center;gap:8px}.timer-picker-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#555;font-family:Geist Mono,monospace}.timer-options{display:flex;gap:6px}.timer-opt{padding:7px 16px;border-radius:7px;border:1px solid #222;background:#111;color:#666;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;cursor:none;transition:background .12s,color .12s,border-color .12s}.timer-opt:hover{background:#1a1a1a;color:#ccc;border-color:#333}.timer-opt.active{background:#fff;color:#0a0a0a;border-color:#fff}.splash-links{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center}.splash-links a{font-size:12px;color:#444;text-decoration:none;font-family:Geist Mono,monospace;letter-spacing:.04em;transition:color .15s;cursor:auto}.splash-links a:hover{color:#aaa}body.light .splash-links a{color:#bbb}body.light .splash-links a:hover{color:#555}.best-splash-row{font-size:12px;color:#444;font-family:Geist Mono,monospace}.splash-controls{display:flex;gap:8px;align-items:center}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid #222;background:#111;color:#666;cursor:none;transition:background .12s,color .12s,border-color .12s,transform .1s}.icon-btn:hover{background:#1a1a1a;color:#ccc;border-color:#333;transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn svg{display:block;pointer-events:none}.hidden-icon{display:none}#hud{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #181818;background:#0a0a0ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:50}#hud.hidden{display:none}.hud-label{font-family:Geist Mono,monospace;font-size:9px;letter-spacing:.14em;color:#444;text-transform:uppercase;margin-bottom:1px}.hud-value{font-size:20px;font-weight:600;letter-spacing:-1px;color:#fff;line-height:1}.hud-center-block{text-align:center}.hud-mode{font-size:13px;font-weight:600;color:#fff;letter-spacing:-.4px}.hud-sub{font-size:10px;color:#444;font-family:Geist Mono,monospace;letter-spacing:.1em}.hud-right{text-align:right}#time-display.urgent{color:#ff4d4d;animation:pulse .45s ease infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.45}}#timer-bar{position:fixed;top:52px;left:0;right:0;height:3px;background:#111;z-index:51}#timer-bar.hidden{display:none}#timer-fill{height:100%;background:linear-gradient(90deg,#007cf0,#00dfd8);width:100%;transition:width .2s linear,background .3s}#timer-fill.urgent-fill{background:linear-gradient(90deg,#ff4d4d,#ff8c00)}#arena{position:fixed;inset:55px 0 0;background:#0a0a0a;overflow:hidden}#arena.hidden{display:none}#arena:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.fly{position:absolute;display:flex;align-items:center;justify-content:center;cursor:none;border-radius:50%;transform-origin:center;user-select:none;pointer-events:all}.fly:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 50%,transparent 70%);pointer-events:none}.fly-inner{font-size:var(--fly-emoji-size, 36px);line-height:1;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,255,255,.1));transition:filter .08s}.fly:hover .fly-inner{filter:drop-shadow(0 0 12px rgba(255,255,255,.35))}.fly-ring{position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(255,255,255,.06);pointer-events:none}@keyframes fly-spawn{0%{opacity:0;transform:scale(.35)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.fly.spawning{animation:fly-spawn .18s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fly-swatted{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(0)}}.fly.dying{animation:fly-swatted .13s ease forwards;pointer-events:none}#effects{position:fixed;inset:0;pointer-events:none;z-index:60}.score-pop{position:absolute;font-family:Geist Mono,monospace;font-size:22px;font-weight:600;color:#fff;opacity:1;white-space:nowrap;animation:score-float .55s ease forwards;z-index:61;letter-spacing:-1px}@keyframes score-float{0%{transform:translateY(0) scale(1);opacity:1}55%{transform:translateY(-30px) scale(1.1);opacity:1}to{transform:translateY(-52px) scale(.85);opacity:0}}.splat-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.15);animation:splat .3s ease forwards;z-index:60}@keyframes splat{to{transform:translate(-50%,-50%) scale(2.2);opacity:0;border-color:transparent}}.miss-flash{position:fixed;inset:0;background:#ff3c3c12;pointer-events:none;animation:miss-fade .22s ease forwards;z-index:59}@keyframes miss-fade{to{opacity:0}}#gameover{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0a0a;z-index:100;transition:opacity .35s ease,visibility .35s ease}#gameover.hidden{opacity:0;visibility:hidden;pointer-events:none}.gameover-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:0 24px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px}.stat-block{padding:18px 16px;border-radius:10px;border:1px solid #1e1e1e;background:#0f0f0f;display:flex;flex-direction:column;align-items:center;gap:6px}.stat-label{font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.12em;color:#444;text-transform:uppercase}.stat-value{font-size:36px;font-weight:600;letter-spacing:-2px;color:#fff;line-height:1}.best-badge{padding:5px 16px;border-radius:100px;background:linear-gradient(135deg,#007cf0,#00dfd8);font-size:12px;font-weight:600;color:#fff;letter-spacing:.04em}.best-badge.hidden{display:none}body.light{background:#f5f5f5;color:#111}body.light #splash,body.light #gameover{background:#f5f5f5}body.light #arena{background:#efefef}body.light #arena:before{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}body.light #hud{background:#f5f5f5eb;border-bottom-color:#ddd}body.light #timer-bar{background:#ddd}body.light .hud-label{color:#aaa}body.light .hud-value,body.light .hud-mode{color:#111}body.light .hud-sub{color:#aaa}body.light .badge{background:#eee;border-color:#ddd;color:#888}body.light h1{color:#111}body.light .tagline{color:#888}body.light .how-item{background:#eee;border-color:#ddd}body.light .how-num{color:#111}body.light .how-label{color:#999}body.light .btn-primary{background:#111;color:#fff}body.light .btn-primary:hover{background:#222;box-shadow:0 8px 28px #00000026}body.light .btn-secondary{border-color:#ccc;color:#666}body.light .btn-secondary:hover{background:#e0e0e0;color:#111;border-color:#aaa}body.light .best-splash-row,body.light .timer-picker-label{color:#aaa}body.light .timer-opt{background:#eee;border-color:#ddd;color:#888}body.light .timer-opt:hover{background:#e0e0e0;color:#333;border-color:#ccc}body.light .timer-opt.active{background:#111;color:#fff;border-color:#111}body.light .icon-btn{background:#eee;border-color:#ddd;color:#888}body.light .icon-btn:hover{background:#e0e0e0;color:#333;border-color:#ccc}body.light .stat-block{background:#eee;border-color:#ddd}body.light .stat-label{color:#aaa}body.light .stat-value,body.light .score-pop{color:#111}body.light .splat-ring{border-color:#00000080}body.light .fly:before{background:radial-gradient(circle at 40% 35%,rgba(0,0,0,.04) 0%,transparent 70%)}body.light .fly-ring{border-color:#0000001a}body.light .fly-inner{filter:drop-shadow(0 0 4px rgba(0,0,0,.15))}body.light .fly:hover .fly-inner{filter:drop-shadow(0 0 10px rgba(0,0,0,.3))}body.light .miss-flash{background:#dc1e1e0f}body.light .mesh-gradient{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,100,220,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 80% 20%,rgba(100,20,180,.06) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 60% 80%,rgba(220,0,100,.05) 0%,transparent 60%)}@media(max-width:480px){.how-grid,.stat-grid{max-width:280px}.stat-value{font-size:28px}}#seo-content{position:relative;z-index:101;margin-top:100vh;background:#0a0a0a;padding:64px 24px 80px}.seo-inner{max-width:720px;margin:0 auto;color:#888;font-size:15px;line-height:1.75}.seo-inner h2{font-size:clamp(22px,3vw,30px);font-weight:600;color:#fff;letter-spacing:-.5px;margin-bottom:16px}.seo-inner h3{font-size:17px;font-weight:600;color:#ccc;letter-spacing:-.3px;margin-top:36px;margin-bottom:10px}.seo-inner p{margin-bottom:16px}.seo-inner strong{color:#ccc;font-weight:500}.seo-inner ul{padding-left:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.seo-inner li::marker{color:#444}#faq{position:relative;z-index:101;background:#0a0a0a;padding:0 24px 80px}.faq-item{border-top:1px solid #1e1e1e;padding-top:24px;margin-top:24px}.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary h3{margin:0}.faq-item summary:after{content:"+";flex-shrink:0;font-size:20px;color:#666;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin-top:14px}body.light #seo-content,body.light #faq{background:#f5f5f5}body.light .faq-item{border-top-color:#ddd}body.light .seo-inner{color:#666}body.light .seo-inner h2{color:#111}body.light .seo-inner h3,body.light .seo-inner strong{color:#333}body.light .seo-inner li::marker{color:#bbb}#home-footer{position:relative;z-index:101;background:#0a0a0a;border-top:1px solid #1e1e1e;padding:40px 24px}.home-footer-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.home-footer-inner nav{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center}.home-footer-inner nav a{font-size:13px;color:#555;text-decoration:none;transition:color .15s;cursor:auto}.home-footer-inner nav a:hover{color:#ccc}#home-footer .footer-copy{font-size:12px;color:#333;font-family:Geist Mono,monospace}body.light #home-footer{background:#f5f5f5;border-top-color:#ddd}body.light .home-footer-inner nav a{color:#aaa}body.light .home-footer-inner nav a:hover{color:#333}body.light #home-footer .footer-copy{color:#bbb}
