:root{--brand:#7C3AED;--brand-dark:#4C1D95;--brand-light:#A78BFA;--card-bg:#FFFFFF;--card-border:#E9D5FF;--text-main:#1E1B2E;--text-on-brand:#FFFFFF;--play-btn:#F59E0B;--sky-day:#7DD3FC;--sky-night:#1E1B4B}*{box-sizing:border-box}.hidden{display:none !important}.overlay-screen[hidden],.modal[hidden]{display:none !important}html,body{margin:0;padding:0;height:100%;background:var(--brand-dark);color:var(--text-main);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,a,input,.arrow-btn,.carousel-card{touch-action:manipulation}body{font-family:'Nunito',system-ui,sans-serif;font-weight:500}#app-root.game-shell{position:fixed;inset:0;height:100dvh;width:100%;overflow:hidden;background:var(--brand-dark);display:flex;justify-content:center}@media (min-width:540px){#app-root.game-shell{background:linear-gradient(180deg,var(--brand-dark),var(--brand))}#app-root.game-shell::before,#app-root.game-shell::after{content:none}#game,.overlay-screen,.hud,#confetti-canvas,#btn-pause,#rotate-hint{max-width:480px;margin:0 auto}}canvas#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}@media (min-width:540px){canvas#game{left:50%;transform:translateX(-50%);width:480px}}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:center;z-index:20;pointer-events:none}.hud{flex-direction:column;align-items:center;gap:2px}.hud-score{font-weight:800;font-size:48px;color:#FFFFFF;text-shadow:0 2px 0 rgba(30,27,46,.35),0 6px 18px rgba(0,0,0,.25);line-height:1}.hud-coins{display:flex;align-items:center;gap:6px;font-weight:800;font-size:18px;color:#FDE68A;text-shadow:0 2px 0 rgba(30,27,46,.35)}.hud-coins i{color:#F59E0B}.coin-wallet{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#FDE68A;font-weight:800;font-size:17px;border-radius:999px;padding:8px 16px;cursor:pointer;transition:transform .12s ease}.coin-wallet:active{transform:scale(.95)}.coin-wallet i{color:#F59E0B}.coin-wallet-sm{font-size:15px;padding:6px 12px}.icon-btn{width:48px;height:48px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--card-border);color:var(--brand-dark);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 10px rgba(76,29,149,.25);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.icon-btn:active{transform:scale(.92);box-shadow:0 2px 6px rgba(76,29,149,.25)}.btn-pause{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;z-index:21}.overlay-screen{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;overflow-y:auto;animation:fadeSlideIn .35s ease both}.overlay-screen.hidden{display:none}@keyframes fadeSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen-menu{background:linear-gradient(160deg,var(--brand-dark) 0%,var(--brand) 100%);justify-content:flex-start;padding:max(22px,env(safe-area-inset-top)) 20px 24px}.menu-inner{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:4px}.logo-bird{filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}.game-title{font-weight:800;font-size:40px;line-height:1.1;color:#FFFFFF;text-align:center;text-shadow:0 3px 0 rgba(30,27,46,.35);margin:0}@media (min-width:380px){.game-title{font-size:48px}}.picker-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.picker-label{color:var(--brand-light);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em}.carousel{width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.arrow-btn{width:44px;height:44px;min-width:44px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .12s ease}.arrow-btn:active{transform:scale(.88);background:rgba(255,255,255,.28)}.carousel-card{position:relative;flex:1;max-width:220px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;box-shadow:0 8px 20px rgba(30,27,46,.25);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;animation:cardPop .28s ease}.lock-badge{position:absolute;top:6px;right:8px;width:26px;height:26px;border-radius:999px;background:var(--brand-dark);color:#FDE68A;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.lock-badge.hidden{display:none}.btn-buy{width:100%;max-width:220px;margin:2px auto 0;min-height:42px;border-radius:14px;background:linear-gradient(135deg,#FACC15,#F59E0B);color:#1E1B2E;border:none;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 10px rgba(180,83,9,.4);transition:transform .12s ease}.btn-buy:active{transform:scale(.96)}.btn-buy.hidden{display:none}.btn-buy:disabled{background:#D6D3E0;color:#8B7FA3;box-shadow:none;cursor:not-allowed}.booster-icon{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:linear-gradient(135deg,var(--brand-light),var(--brand));box-shadow:inset 0 0 0 2px rgba(255,255,255,.4)}.booster-mult{font-size:13px;font-weight:700;color:#6B5A8E}@keyframes cardPop{from{transform:scale(.86);opacity:.4}to{transform:scale(1);opacity:1}}.carousel-name{font-weight:700;font-size:15px;color:var(--text-main)}.btn-play{width:100%;max-width:320px;padding:16px 20px;border-radius:18px;background:var(--play-btn);color:#1E1B2E;font-weight:800;font-size:24px;border:none;box-shadow:0 8px 0 #B45309,0 14px 24px rgba(0,0,0,.3);cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;min-height:48px}.btn-play:active{transform:translateY(6px);box-shadow:0 2px 0 #B45309,0 6px 14px rgba(0,0,0,.25)}.btn-play:disabled{background:#D6D3E0;color:#8B7FA3;box-shadow:0 8px 0 #B7ADC9,0 14px 24px rgba(0,0,0,.2);cursor:not-allowed}.btn-play:disabled:active{transform:none}.menu-row{width:100%;max-width:320px;display:flex;align-items:center;justify-content:center;gap:12px}.btn-secondary{flex:1;min-height:48px;border-radius:14px;background:rgba(255,255,255,.95);color:var(--brand-dark);border:1px solid var(--card-border);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 10px rgba(76,29,149,.25);transition:transform .12s ease}.btn-secondary:active{transform:scale(.96)}.btn-full{width:100%;max-width:320px}.social-row{gap:16px}.social-btn{width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.25);transition:transform .12s ease;text-decoration:none}.social-btn:active{transform:scale(.9)}.social-vk{background:#0077FF}.social-tg{background:#26A5E4}.bird-fact{text-align:center;font-size:13px;line-height:1.4;color:#6B5A8E;margin:2px 0 0}.bird-fact::before{content:"🐦 "}.dev-quote{text-align:center;font-size:13px;font-style:italic;line-height:1.4;color:var(--brand-light);margin:2px 0 0;padding:0 8px}.dev-quote-sign{display:block;font-style:normal;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.6);margin-top:2px}.modal-card .dev-quote{color:#6B5A8E}.modal-card .dev-quote-sign{color:#9B8CB8}.screen-pause{background:rgba(30,27,46,.72);justify-content:center}.pause-card,.gameover-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:22px;padding:28px 24px;width:min(340px,88%);margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 18px 40px rgba(0,0,0,.35)}.overlay-title{font-weight:800;font-size:28px;color:var(--text-main);margin:0;text-align:center}.screen-gameover{background:rgba(30,27,46,.72);justify-content:center;padding:20px}.gameover-sub{font-weight:700;color:var(--brand);margin:-6px 0 0;text-align:center;min-height:20px}.score-row{display:flex;gap:14px;width:100%}.score-box{flex:1;background:#F5F1FF;border:1px solid var(--card-border);border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.score-box-label{font-size:13px;color:#6B5A8E;font-weight:700;text-transform:uppercase}.score-box-value{font-size:32px;font-weight:800;color:var(--brand-dark)}.nickname-input{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--card-border);padding:0 16px;font-size:16px;font-weight:700;color:var(--text-main);font-family:inherit}.nickname-input:focus{outline:2px solid var(--brand);outline-offset:2px}.save-status{font-size:14px;min-height:18px;margin:-6px 0 0;color:#6B5A8E;text-align:center}.modal{position:absolute;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center}.modal.hidden{display:none}@media (min-width:540px){.modal{align-items:center}}.modal-backdrop{position:absolute;inset:0;background:rgba(30,27,46,.55)}.modal-card{position:relative;background:var(--card-bg);width:100%;max-width:440px;max-height:82dvh;border-radius:24px 24px 0 0;padding:20px;display:flex;flex-direction:column;gap:10px;animation:modalUp .28s ease both;box-shadow:0 -10px 30px rgba(0,0,0,.3)}@media (min-width:540px){.modal-card{border-radius:24px}}@keyframes modalUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:24px;font-weight:800;margin:0;color:var(--text-main)}.leaderboard-loading{text-align:center;color:#6B5A8E;padding:20px 0}.leaderboard-list{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.leaderboard-list.hidden,.leaderboard-empty.hidden,.leaderboard-error.hidden,.leaderboard-loading.hidden{display:none}.leaderboard-row{display:flex;align-items:center;gap:10px;background:#F5F1FF;border:1px solid var(--card-border);border-radius:14px;padding:8px 12px}.lb-rank{font-weight:800;color:var(--brand);width:28px}.lb-swatch{width:22px;height:22px;border-radius:999px;flex-shrink:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.lb-name{flex:1;font-weight:700;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-score{font-weight:800;font-size:18px;color:var(--brand-dark)}.leaderboard-row.top1{background:linear-gradient(90deg,#FFF7E0,#F5F1FF)}.leaderboard-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 6px;text-align:center}.leaderboard-empty p{font-weight:700;color:#6B5A8E;margin:0}.leaderboard-error{text-align:center;color:#B45309;font-weight:700;font-size:14px;padding:8px 0}.screen-customize .menu-inner{padding-top:4px}.customize-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.customize-title{color:#fff;font-size:26px;margin:0}.social-links-list{display:flex;flex-direction:column;gap:10px;padding-bottom:4px}.social-link-card{display:flex;align-items:center;gap:12px;background:#F5F1FF;border:1px solid var(--card-border);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--text-main);transition:transform .12s ease}.social-link-card:active{transform:scale(.97)}.social-link-card > i:first-child{font-size:26px;flex-shrink:0}.social-link-tg > i:first-child{color:#26A5E4}.social-link-yt > i:first-child{color:#FF0000}.social-link-text{display:flex;flex-direction:column;flex:1;min-width:0}.social-link-title{font-weight:800;font-size:16px}.social-link-sub{font-size:13px;color:#6B5A8E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-link-go{font-size:14px;color:#6B5A8E;flex-shrink:0}.btn-show-map{width:100%;max-width:220px;margin:0 auto}.location-map{width:100%;height:260px;border-radius:16px;overflow:hidden;border:1px solid var(--card-border)}.location-map.hidden{display:none}#map-loading.hidden{display:none}.rotate-hint{display:none;position:absolute;inset:0;z-index:50;background:var(--brand-dark);color:#fff;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:22px;font-weight:700;text-align:center;padding:20px}.rotate-hint i{font-size:48px}@media (orientation:landscape) and (max-height:500px){.rotate-hint{display:flex}}.confetti-canvas{position:absolute;inset:0;pointer-events:none;z-index:40}@media (min-width:540px){.confetti-canvas{width:480px;left:50%;transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.logo-bird,.overlay-screen,.carousel-card,.modal-card{animation:none !important}}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #F59E0B;outline-offset:2px}