:root{color-scheme:dark;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-side:env(safe-area-inset-left,0px);--radius-sm:6px;--radius-base:10px;--radius-lg:16px;--nav-btn-height:46px;--bg-deep:#020c18;--bg-mid:#041527;--glass:rgba(5,18,38,0.72);--glass-bright:rgba(8,28,58,0.85);--glass-border:rgba(0,210,255,0.12);--glass-border-hover:rgba(0,210,255,0.28);--accent-cyan:#00d4ff;--accent-teal:#14b8a6;--accent-gold:#f59e0b;--accent-red:#ef4444;--text-primary:#ccd8e8;--text-secondary:rgba(180,210,240,0.6);--text-bright:#f0f6ff;--glow-cyan:0 0 20px rgba(0,212,255,0.25);--glow-gold:0 0 30px rgba(245,158,11,0.45);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 90% 55% at 50% -5%,rgba(0,180,220,.13) 0,transparent 60%),radial-gradient(ellipse 55% 45% at 95% 95%,rgba(20,184,166,.09) 0,transparent 55%),radial-gradient(ellipse 45% 40% at 5% 90%,rgba(59,130,246,.08) 0,transparent 55%),linear-gradient(175deg,#020c18,#041527 55%,#020c18);z-index:-2;animation:bgPulse 9s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.8}}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 0);background-size:52px 52px;z-index:-1;pointer-events:none}.loading-screen{position:fixed;inset:0;background:var(--bg-deep);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;gap:22px;transition:opacity .6s var(--ease-out),visibility .6s}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{height:90px;width:auto;filter:drop-shadow(0 0 24px rgba(0,212,255,.4));animation:logoPulse 2.2s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 18px rgba(0,212,255,.35))}50%{filter:drop-shadow(0 0 42px rgba(0,212,255,.75))}}.loading-bar{width:220px;height:3px;background:rgba(0,212,255,.12);border-radius:2px;overflow:hidden;position:relative}.loading-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);animation:barSlide 1.3s ease-in-out infinite}@keyframes barSlide{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.loading-text{color:var(--text-secondary);font-size:11px;letter-spacing:3px;text-transform:uppercase;animation:textFade 1.6s ease-in-out infinite}@keyframes textFade{0%,to{opacity:.4}50%{opacity:1}}.frame{width:100%;max-width:none;background:transparent;border:none;border-radius:var(--radius-base);position:relative;padding:16px 14px 120px}.game-logo{position:absolute;top:14px;left:14px;z-index:15;pointer-events:none}.game-logo img{display:block;height:96px;width:auto;opacity:.95;filter:drop-shadow(0 4px 18px rgba(0,0,0,.5)) drop-shadow(0 0 12px rgba(0,212,255,.15));transition:filter .2s ease}.desc,.status-bar,.title{display:none}.city-tooltip{position:fixed;top:0;left:0;z-index:20;min-width:172px;max-width:270px;padding:11px 14px 13px;border-radius:var(--radius-base);background:var(--glass-bright);border:1px solid var(--glass-border);box-shadow:0 14px 36px rgba(0,0,0,.55),var(--glow-cyan);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);color:var(--text-primary);font-size:13px;opacity:1;transform:translateY(0) scale(1);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.city-tooltip.hidden{opacity:0;transform:translateY(8px) scale(.97);pointer-events:none}.city-tooltip__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:5px}.city-tooltip__title{font-weight:700;font-size:14px;line-height:1.25;color:var(--text-bright)}.city-tooltip__subtitle{font-size:12px;color:var(--accent-cyan);font-weight:600;letter-spacing:.3px}.city-tooltip__actions{display:none;gap:5px;flex-shrink:0}.city-tooltip__btn{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:rgba(0,212,255,.1);color:var(--accent-cyan);font-size:11px;font-weight:700;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.city-tooltip__btn:hover{transform:translateY(-2px);background:rgba(0,212,255,.22);box-shadow:0 4px 14px rgba(0,212,255,.3)}.city-tooltip__btn--close{color:rgba(220,230,240,.7);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.city-tooltip__btn--close:hover{background:rgba(239,68,68,.25);box-shadow:0 4px 14px rgba(239,68,68,.3);color:#ef4444}.city-tooltip--pinned{pointer-events:auto;border-color:var(--glass-border-hover);background:rgba(4,18,38,.9)}.city-tooltip--pinned .city-tooltip__actions{display:inline-flex}.map-wrap{width:100%;height:min(80vh,720px);overflow:hidden;border-radius:var(--radius-lg);background:transparent;border:1px solid rgba(0,212,255,.07);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 32px 80px rgba(0,0,0,.4),inset 0 0 80px rgba(0,0,0,.15);position:relative;animation:mapReveal .8s var(--ease-out) both;animation-delay:.2s}@keyframes mapReveal{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.map-wrap svg{width:100%;height:100%;display:block}.region{fill:#1b5438;cursor:pointer;transition:fill .16s ease,filter .16s ease}.region.region--hover{fill:#2b7350}.region.region--selected{fill:#ef4444!important;stroke:#991b1b;stroke-width:.8}.controls{position:fixed;left:0;right:0;bottom:0;width:100%;gap:10px;padding:12px 18px calc(14px + var(--safe-bottom));background:rgba(2,10,22,.88);border-top:1px solid var(--glass-border);box-shadow:0 -12px 40px rgba(0,0,0,.55),0 -1px 0 rgba(0,212,255,.06);z-index:12;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.controls,.ui-btn{display:flex;justify-content:center;align-items:center}.ui-btn{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-primary);font-weight:600;gap:6px;cursor:pointer;font-family:inherit;position:relative;overflow:hidden;transition:background .2s ease,border-color .2s ease,transform .13s ease,box-shadow .2s ease}.ui-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(0,212,255,.1),transparent 60%);opacity:0;transition:opacity .2s ease;pointer-events:none}.ui-btn:hover:before{opacity:1}.ui-btn:hover{background:rgba(0,212,255,.1);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 18px rgba(0,212,255,.1)}.ui-btn:active{transform:translateY(0);box-shadow:none}.btn-label{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-icon{flex-shrink:0;opacity:.75;transition:opacity .15s ease}.ui-btn:hover .btn-icon{opacity:1}.nav-btn{border-radius:var(--radius-base);height:var(--nav-btn-height);min-width:102px;padding:0 14px;font-weight:600;font-size:clamp(10px,1.4vw,12px);line-height:1;letter-spacing:.5px}#birthBtn,.nav-btn{text-transform:uppercase}#birthBtn{--btn-size:88px;position:relative;width:var(--btn-size);height:var(--btn-size);padding:10px;border-radius:50%;border:none;background:radial-gradient(circle at 35% 30%,#ffe9b8 0,#ffd166 38%,#f59e0b 70%,#d97706 100%);color:#fff7ed;letter-spacing:.6px;font-weight:800;font-size:12px;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(245,158,11,.45),inset 0 3px 6px rgba(255,255,255,.38),inset 0 -5px 10px rgba(0,0,0,.22);transition:transform .18s var(--ease-spring),box-shadow .2s ease,filter .2s ease;isolation:isolate;font-family:inherit;animation:birthPulse 3s ease-in-out infinite}@keyframes birthPulse{0%,to{box-shadow:0 10px 30px rgba(245,158,11,.45),inset 0 3px 6px rgba(255,255,255,.38),inset 0 -5px 10px rgba(0,0,0,.22)}50%{box-shadow:0 14px 40px rgba(245,158,11,.7),0 0 50px rgba(245,158,11,.28),inset 0 3px 6px rgba(255,255,255,.38),inset 0 -5px 10px rgba(0,0,0,.22)}}#birthBtn:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 0deg,#fbbf24,#f59e0b,#d97706,#92400e,#f59e0b,#fbbf24);z-index:-1;filter:blur(3px);opacity:.55;animation:ringRotate 4s linear infinite}@keyframes ringRotate{to{transform:rotate(1turn)}}#birthBtn:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(251,191,36,.4);animation:ringPulse 2.4s ease-out infinite}@keyframes ringPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.45);opacity:0}}#birthBtn .btn-label{text-shadow:0 1px 3px rgba(0,0,0,.45);position:relative;z-index:1}#birthBtn:hover{transform:translateY(-3px) scale(1.06);animation:none;box-shadow:0 20px 45px rgba(245,158,11,.55),0 0 55px rgba(245,158,11,.3),inset 0 3px 6px rgba(255,255,255,.48),inset 0 -5px 10px rgba(0,0,0,.28)}#birthBtn:active{transform:translateY(0) scale(.97);animation:none;box-shadow:inset 0 6px 14px rgba(0,0,0,.45),0 5px 16px rgba(245,158,11,.3)}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);transform:scale(0);animation:rippleAnim .65s var(--ease-out) forwards;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;justify-content:center;align-items:center;padding:16px;z-index:10}.modal-backdrop--open{display:flex}.modal-panel{background:rgba(3,15,32,.92);border:1px solid var(--glass-border-hover);border-radius:var(--radius-lg);padding:24px;max-width:490px;width:100%;box-shadow:0 28px 70px rgba(0,0,0,.65),0 0 50px rgba(0,212,255,.06);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);animation:modalIn .35s var(--ease-spring)}@keyframes modalIn{0%{opacity:0;transform:translateY(32px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.modal-header h2{margin:0;font-size:18px;color:var(--text-bright);font-weight:700;line-height:1.3}.modal-close{background:rgba(0,212,255,.1);color:var(--accent-cyan);border:1px solid rgba(0,212,255,.25);border-radius:var(--radius-sm);padding:8px 15px;font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background .18s ease,box-shadow .18s ease,transform .12s ease;flex-shrink:0}.modal-close:hover{background:rgba(0,212,255,.22);box-shadow:0 4px 16px rgba(0,212,255,.3);transform:translateY(-1px)}.modal-close:active{transform:translateY(0)}.modal-body p{margin:0 0 12px;color:var(--text-primary);line-height:1.65}.modal-message.hidden{display:none}.modal-city__meta{font-weight:700;color:var(--text-bright);font-size:15px;margin-bottom:8px!important}.modal-city__chance{color:var(--accent-cyan);font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:12px!important;opacity:.85}.modal-city__chance.hidden{display:none}.modal-city__curiosity{color:rgba(190,215,250,.88);font-size:14px;line-height:1.72;border-left:2px solid var(--glass-border-hover);padding-left:12px;margin-bottom:14px!important}.modal-city__placeholder{color:var(--text-secondary);font-size:12px;margin-bottom:0}.modal-city.hidden{display:none}.toast{position:fixed;bottom:calc(130px + var(--safe-bottom));left:50%;transform:translateX(-50%) translateY(14px);background:var(--glass-bright);border:1px solid var(--glass-border);border-radius:var(--radius-base);padding:11px 20px;color:var(--text-primary);font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px rgba(0,0,0,.45);z-index:25;max-width:min(420px,calc(100vw - 32px));text-align:center;opacity:0;transition:opacity .28s ease,transform .28s var(--ease-spring);pointer-events:none}.toast.toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}.zoom-reset{position:fixed;top:16px;right:16px;background:var(--glass-bright);color:var(--accent-cyan);border:1px solid var(--glass-border);border-radius:var(--radius-base);padding:10px 18px;font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.4);display:none;z-index:14;font-family:inherit;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease;align-items:center;gap:7px}.zoom-reset.zoom-reset--visible{display:inline-flex;animation:fadeSlideDown .25s var(--ease-spring)}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.zoom-reset:before{content:"←";font-size:14px}.zoom-reset:hover{background:rgba(0,212,255,.14);border-color:var(--glass-border-hover);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.45),0 0 22px rgba(0,212,255,.15)}.zoom-reset:active{transform:translateY(0)}@media (max-width:640px){body{padding:0 8px calc(250px + var(--safe-bottom))}.frame{padding:12px 10px calc(260px + var(--safe-bottom))}.controls{left:8px;right:8px;width:auto;display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));grid-gap:8px;gap:8px;padding:10px 12px calc(12px + var(--safe-bottom));border-radius:var(--radius-base);border:1px solid var(--glass-border);justify-items:stretch;align-items:center}.nav-btn{width:100%;height:42px;font-size:clamp(10px,2.4vw,12px);padding:0 8px;min-width:unset}#birthBtn{--btn-size:80px;grid-column:1/-1;justify-self:center}.map-wrap{height:min(70vh,560px)}.zoom-reset{top:12px;right:12px}.nav-btn--wide{grid-column:1/-1;order:9}#birthBtn{order:10}.state-panel{display:none}.heat-legend{left:8px;right:8px;bottom:calc(270px + var(--safe-bottom));justify-content:center}.toast{bottom:calc(280px + var(--safe-bottom))}.modal-panel--wide{max-height:82vh}}.nav-btn--active{background:rgba(0,212,255,.16);border-color:var(--glass-border-hover);color:var(--accent-cyan);box-shadow:0 0 18px rgba(0,212,255,.18)}.modal-panel--wide{max-width:680px;max-height:86vh;display:flex;flex-direction:column}.dex-count{font-size:12px;font-weight:600;color:var(--accent-cyan);margin-left:8px;letter-spacing:.4px}.overlay-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-right:4px;min-height:120px}.overlay-empty{color:var(--text-secondary);font-size:13px;text-align:center;padding:28px 12px;margin:0}.progress{height:6px;border-radius:3px;background:rgba(0,212,255,.1);overflow:hidden;margin-bottom:12px}.progress__fill{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-cyan));transition:width .4s var(--ease-out)}.progress--mini{height:4px;margin-bottom:0;width:90px}.tier-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tier-chip{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid;background:rgba(0,0,0,.25)}.dex-controls{display:flex;gap:8px}.dex-input{flex:1 1;background:rgba(0,20,40,.6);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s ease}.dex-input:focus{border-color:var(--glass-border-hover)}.dex-select{flex:0 1 200px}.dex-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:rgba(0,212,255,.04);border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-primary);font-family:inherit;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.dex-row:hover{background:rgba(0,212,255,.1);border-color:var(--glass-border)}.rarity-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.dex-row__city{flex:1 1;font-weight:600;color:var(--text-bright);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dex-row__city em{font-style:normal;font-weight:500;color:var(--text-secondary)}.dex-daily{margin-left:6px;font-size:11px}.dex-row__date,.dex-row__meta{color:var(--text-secondary);font-size:11px;white-space:nowrap}.dex-row__date{flex-shrink:0}.ach-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.12)}.ach-row--locked{background:rgba(255,255,255,.02);border-color:transparent;opacity:.55;filter:grayscale(.7)}.ach-row__emoji{font-size:22px;flex-shrink:0;width:30px;text-align:center}.ach-row__text{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.ach-row__text strong{color:var(--text-bright);font-size:13px}.ach-row__text small{color:var(--text-secondary);font-size:11px}.state-row__uf{font-weight:800;font-size:13px;color:var(--accent-cyan);width:30px;flex-shrink:0}.state-row__sub{display:block;color:var(--text-secondary);font-size:10px;font-weight:400;margin-top:1px}.state-row__progress{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.state-row__progress small{color:var(--text-secondary);font-size:10px}.state-panel{position:fixed;top:130px;left:16px;z-index:13;width:210px;padding:14px 16px;border-radius:var(--radius-base);background:var(--glass-bright);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 14px 36px rgba(0,0,0,.5);animation:fadeSlideDown .25s var(--ease-spring)}.state-panel h3{margin:0 0 10px;font-size:15px;color:var(--text-bright)}.state-panel__uf{font-size:11px;color:var(--accent-cyan);font-weight:700;margin-left:4px}.state-panel dl{margin:0 0 10px;display:flex;flex-direction:column;gap:6px}.state-panel dl div{display:flex;justify-content:space-between;gap:8px}.state-panel dt{color:var(--text-secondary);font-size:11px}.state-panel dd{margin:0;font-size:12px;font-weight:700;color:var(--text-bright)}.state-panel dd small{color:var(--text-secondary);font-weight:500}.heat-legend{position:fixed;right:16px;bottom:calc(96px + var(--safe-bottom));z-index:13;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;border-radius:var(--radius-base);background:var(--glass-bright);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.45);font-size:11px;color:var(--text-secondary);max-width:min(520px,calc(100vw - 32px));animation:fadeSlideDown .25s var(--ease-spring)}.heat-legend__title{font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:10px;color:var(--text-primary)}.heat-legend__item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.heat-legend__swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.rarity-badge{text-transform:uppercase;border-radius:999px;border:1px solid;margin-left:8px}.new-capture,.rarity-badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.6px;padding:2px 8px;vertical-align:1px}.new-capture{border-radius:999px;margin-left:6px;color:#052012;background:linear-gradient(135deg,#34d399,#10b981);animation:newCapturePop .4s var(--ease-spring)}@keyframes newCapturePop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.share-btn{width:100%;margin-top:4px;padding:11px 16px;border-radius:var(--radius-base);border:1px solid rgba(0,212,255,.3);background:rgba(0,212,255,.12);color:var(--accent-cyan);font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.4px;cursor:pointer;transition:background .16s ease,transform .12s ease,box-shadow .16s ease}.share-btn:hover{background:rgba(0,212,255,.22);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,212,255,.2)}.share-btn:active{transform:translateY(0)}#birthBtn.birth-cooldown{animation:none;cursor:default;background:radial-gradient(circle at 50% 45%,#0b4426 0,#063018 55%,#021a0c 100%);color:#a8ffd0;box-shadow:0 0 28px rgba(0,230,118,.35),inset 0 0 20px rgba(0,0,0,.55)}#birthBtn.birth-cooldown:active,#birthBtn.birth-cooldown:hover{transform:none;box-shadow:0 0 28px rgba(0,230,118,.35),inset 0 0 20px rgba(0,0,0,.55)}#birthBtn.birth-cooldown:before{background:conic-gradient(from 0deg,#00e676,#00c853,#00963f,#005f27,#00e676);opacity:.35}#birthBtn.birth-cooldown:after{border-color:rgba(0,230,118,.35)}#birthBtn .sonar-sweep{--sweep:0deg;position:absolute;inset:5px;border-radius:50%;overflow:hidden;pointer-events:none;z-index:0;background:conic-gradient(rgba(0,255,140,.28) var(--sweep),transparent 0),repeating-radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(0,255,140,.14) 22% 23.5%),linear-gradient(rgba(0,255,140,.1),rgba(0,255,140,.1)) 50% 0 /1px 100% no-repeat,linear-gradient(rgba(0,255,140,.1),rgba(0,255,140,.1)) 0 50% /100% 1px no-repeat,radial-gradient(circle at 50% 50%,rgba(0,70,36,.95),rgba(1,22,11,.98))}#birthBtn .sonar-sweep:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from calc(var(--sweep) - 42deg),transparent 0deg,rgba(0,255,140,.08) 18deg,rgba(120,255,190,.55) 40deg,rgba(200,255,225,.95) 42deg,transparent 43deg);filter:drop-shadow(0 0 6px rgba(0,255,140,.8))}#birthBtn .sonar-sweep:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#7dffbe;box-shadow:0 0 10px rgba(0,255,140,.9);animation:sonarBlip .75s ease-in-out infinite}@keyframes sonarBlip{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}