*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--cyan:#2de7d0;--cyan2:#79fff0;--blue:#3c82ff;--bg:#030b12;--panel:#071b2a;--text:#effcff;--muted:#87a4b6;--danger:#ff5d78;--gold:#ffd45a}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02080d;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}.game-shell{width:min(100%,560px);height:100dvh;margin:auto;display:grid;grid-template-rows:62px 1fr 34px;background:#04111c;box-shadow:0 0 90px rgba(0,0,0,.6)}
.game-topbar,.game-footer{display:flex;align-items:center;background:#071827;position:relative;z-index:20}.game-topbar{padding:0 10px;border-bottom:1px solid rgba(45,231,208,.12);gap:10px}.game-footer{padding:0 14px;justify-content:space-between;border-top:1px solid rgba(45,231,208,.1);font-size:8px;letter-spacing:.14em;color:#668497}.game-footer b{color:#a4c2ce}
.back-btn,.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(45,231,208,.14);border-radius:10px;background:#0a2232;color:#d9faf5;text-decoration:none;font-weight:900;cursor:pointer}.top-actions{margin-left:auto;display:flex;gap:6px}
.game-brand{display:flex;align-items:center;gap:9px}.mini-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,var(--cyan2),#12bcb0);color:#04131a;font-weight:950;font-size:20px;box-shadow:0 0 22px rgba(45,231,208,.16)}.game-brand strong,.game-brand span{display:block}.game-brand strong{font-size:13px;letter-spacing:.12em}.game-brand span{font-size:8px;color:#7895a8;letter-spacing:.15em;margin-top:2px}
.stage{position:relative;min-height:0;overflow:hidden;touch-action:none;user-select:none;background:#071b2a;isolation:isolate}canvas{display:block;position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;max-height:none}

.hud{position:absolute;z-index:8;left:12px;right:12px;top:12px;display:grid;grid-template-columns:92px 1fr 92px;align-items:start;pointer-events:none}.hud-box{padding:7px 10px;border:1px solid rgba(45,231,208,.14);border-radius:12px;background:rgba(4,18,29,.62);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.hud-box.right{text-align:right}.hud-box span,.hud-box strong{display:block}.hud-box span{font-size:8px;letter-spacing:.16em;color:#7394a7;font-weight:800}.hud-box strong{font-size:23px;line-height:1;margin-top:2px}.center-hud{display:grid;place-items:center;gap:5px}.zone-chip{padding:5px 9px;border:1px solid rgba(45,231,208,.15);border-radius:999px;background:rgba(4,18,29,.56);color:#7ba4b5;font-size:7px;letter-spacing:.14em;font-weight:900}.combo{opacity:0;transform:translateY(-4px);padding:5px 8px;border-radius:999px;background:rgba(45,231,208,.12);border:1px solid rgba(45,231,208,.22);color:var(--cyan2);font-size:7px;letter-spacing:.13em;font-weight:900;transition:.18s}.combo.show{opacity:1;transform:none}
.coin-hud{position:absolute;z-index:8;top:64px;right:14px;color:#8faebe;font-size:10px;letter-spacing:.08em;background:rgba(4,18,29,.52);padding:5px 8px;border-radius:8px;pointer-events:none}.coin-hud strong{color:#d8fff8}
.power-hud{position:absolute;z-index:8;left:14px;top:67px;display:flex;gap:5px;pointer-events:none}.power-pill{height:25px;padding:0 7px;display:flex;align-items:center;gap:5px;border:1px solid rgba(121,255,240,.18);border-radius:8px;background:rgba(4,18,29,.58);font-size:7px;letter-spacing:.09em;color:#a6c5d0}.power-pill span{color:var(--cyan2);font-size:11px}.power-pill b{font-size:7px;color:#d9fffa}
.sync-wrap{position:absolute;z-index:8;left:14px;right:14px;bottom:13px;pointer-events:none}.sync-top{display:flex;justify-content:space-between;margin-bottom:4px;font-size:7px;font-weight:900;letter-spacing:.14em;color:#668a9d}.sync-top strong{color:#9fd0d9}.sync-track{height:5px;border-radius:999px;background:rgba(3,13,21,.64);border:1px solid rgba(45,231,208,.11);overflow:hidden}.sync-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2384ff,var(--cyan2));box-shadow:0 0 12px rgba(45,231,208,.35);transition:width .12s linear}
.zone-banner{position:absolute;z-index:9;left:50%;top:19%;transform:translate(-50%,-12px) scale(.95);min-width:210px;padding:10px 18px;border:1px solid rgba(121,255,240,.22);border-radius:14px;background:rgba(3,15,24,.78);backdrop-filter:blur(10px);text-align:center;opacity:0;pointer-events:none;transition:.25s}.zone-banner.show{opacity:1;transform:translate(-50%,0) scale(1)}.zone-banner small,.zone-banner strong{display:block}.zone-banner small{font-size:6.5px;letter-spacing:.18em;color:#7299ab}.zone-banner strong{margin-top:2px;font-size:14px;letter-spacing:.14em;color:#e9ffff}
.fever-banner{position:absolute;z-index:9;left:50%;top:29%;transform:translate(-50%,10px) scale(.9);opacity:0;padding:8px 13px;border-radius:10px;background:linear-gradient(135deg,rgba(43,130,255,.88),rgba(45,231,208,.9));color:#04131a;font-size:10px;font-weight:950;letter-spacing:.14em;box-shadow:0 0 34px rgba(45,231,208,.28);pointer-events:none;transition:.2s}.fever-banner.show{opacity:1;transform:translate(-50%,0) scale(1)}

.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:rgba(1,7,12,.42);backdrop-filter:blur(2px);z-index:12;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}
.panel{width:min(100%,430px);border:1px solid rgba(45,231,208,.18);border-radius:22px;background:linear-gradient(180deg,rgba(11,35,51,.98),rgba(4,17,28,.985));box-shadow:0 26px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);padding:24px 19px;text-align:center}.menu-panel{max-height:calc(100% - 10px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(45,231,208,.24) transparent}
.eyebrow{margin:0 0 7px;color:var(--cyan);font-size:8.5px;letter-spacing:.2em;font-weight:900}.eyebrow.danger{color:#ff7189}.panel h1,.panel h2{margin:0;letter-spacing:-.05em;line-height:.95}.panel h1{font-size:46px}.panel h2{font-size:34px}.overdrive-label{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:6px;background:linear-gradient(135deg,#287fff,#2de7d0);color:#03131b;font-size:7px;font-weight:950;letter-spacing:.18em}.subline{max-width:330px;margin:11px auto 16px;color:#9ab2c0;font-size:11px;line-height:1.5}
.profile-row,.result-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.stat-card,.result-row>div{padding:10px 5px;border:1px solid rgba(45,231,208,.11);background:rgba(2,12,20,.42);border-radius:11px}.stat-card span,.stat-card strong,.result-row span,.result-row strong{display:block}.stat-card span,.result-row span{font-size:6.5px;letter-spacing:.14em;color:#7898aa;font-weight:850}.stat-card strong,.result-row strong{font-size:19px;margin-top:2px}

.xp-card,.cloud-save-card,.contracts-card,.leaderboard-card{margin:8px 0;border:1px solid rgba(45,231,208,.105);border-radius:12px;background:rgba(2,12,20,.42);padding:9px}.xp-head{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.13em;font-weight:900;color:#7898aa}.xp-head strong{color:#b8d5df}.xp-track{height:5px;margin-top:6px;border-radius:999px;overflow:hidden;background:#061723}.xp-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3c82ff,#2de7d0);transition:width .25s}.xp-card small{display:block;margin-top:5px;text-align:left;color:#597b8d;font-size:7px}
.cloud-save-main{display:flex;align-items:center;gap:8px}.cloud-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#ffb84d;box-shadow:0 0 12px rgba(255,184,77,.55)}.cloud-copy{min-width:0;flex:1;text-align:left}.cloud-copy small,.cloud-copy strong{display:block}.cloud-copy small{font-size:6.2px;letter-spacing:.13em;color:#6d8b9d}.cloud-copy strong{margin-top:1px;font-size:8px;letter-spacing:.07em;color:#c8e2e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-btn{height:29px;padding:0 8px;border-radius:8px;border:1px solid rgba(45,231,208,.15);background:#0b2b3b;color:#a9f4eb;font-size:6.7px;font-weight:900;letter-spacing:.09em;cursor:pointer}.cloud-user-line{margin-top:7px;padding-top:7px;border-top:1px solid rgba(45,231,208,.07);color:#668798;font-size:7px;line-height:1.35;text-align:left}
.card-head,.leaderboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.card-head>span,.leaderboard-head>span{font-size:7px;font-weight:900;letter-spacing:.14em;color:#a9c1cc}.card-head button,.leaderboard-head button{min-width:26px;height:23px;padding:0 7px;border-radius:7px;border:1px solid rgba(45,231,208,.12);background:#08202f;color:#9beee4;font-size:6.5px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.contracts-mini{display:grid;gap:4px}.contract-mini{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:7px 7px;border-radius:8px;background:rgba(8,32,47,.7);text-align:left}.contract-mini div{min-width:0}.contract-mini strong,.contract-mini small{display:block}.contract-mini strong{font-size:7.5px;color:#c9dde4}.contract-mini small{margin-top:2px;font-size:6.2px;color:#5f8293}.contract-mini b{font-size:7px;color:var(--cyan2)}
.leaderboard-card{padding-bottom:7px}.leaderboard-list{display:grid;gap:3px}.leaderboard-row{display:grid;grid-template-columns:25px 1fr 48px;align-items:center;min-height:23px;padding:0 6px;border-radius:7px;background:rgba(8,32,47,.72);font-size:7.5px}.leaderboard-row.me{border:1px solid rgba(121,255,240,.24);background:rgba(45,231,208,.07)}.leaderboard-pos{color:#5f8193;font-weight:900}.leaderboard-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bdd2db;font-weight:750}.leaderboard-score{text-align:right;color:#f1ffff;font-weight:950}.leaderboard-empty{padding:10px 4px;color:#617f90;font-size:7.5px;text-align:center}

.skin-title{display:flex;justify-content:space-between;align-items:center;text-align:left;margin:12px 2px 7px}.skin-title span{font-size:7.5px;letter-spacing:.15em;font-weight:850;color:#b6ccd5}.skin-title small{font-size:7px;color:#5f8194}.skins{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:12px}.skin-btn{min-height:49px;border:1px solid rgba(45,231,208,.1);border-radius:10px;background:#081d2c;position:relative;cursor:pointer}.skin-btn.selected{border-color:rgba(121,255,240,.62);box-shadow:inset 0 0 0 1px rgba(121,255,240,.15),0 0 16px rgba(45,231,208,.08)}.skin-btn.locked{opacity:.52}.skin-dot{width:24px;height:18px;border-radius:50%;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);box-shadow:0 0 12px rgba(255,255,255,.08)}.skin-dot:after{content:"";position:absolute;right:-7px;top:5px;border-left:9px solid #e9ffff;border-top:4px solid transparent;border-bottom:4px solid transparent}.skin-btn small{position:absolute;left:2px;right:2px;bottom:4px;font-size:5.5px;letter-spacing:.05em;color:#7899a9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.primary-btn,.secondary-btn{min-height:46px;border-radius:12px;font-weight:950;letter-spacing:.09em;font-size:10px;cursor:pointer}.primary-btn{width:100%;border:0;background:linear-gradient(135deg,var(--cyan2),#13beb2);color:#03141c;box-shadow:0 12px 28px rgba(45,231,208,.13)}.primary-btn span{font-size:17px;margin-left:9px}.secondary-btn{width:100%;border:1px solid rgba(45,231,208,.15);background:#0a2333;color:#c9e5eb}.control-hint{margin-top:9px;color:#5d7d8f;font-size:6.5px;letter-spacing:.09em}

.result-panel{max-width:400px}.result-actions{display:grid;grid-template-columns:1.3fr .7fr;gap:8px}.medal{width:64px;height:64px;margin:15px auto 4px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#123749,#071d2b);border:2px solid #47758a;color:#9bc2cd;font-weight:950;font-size:25px;box-shadow:0 0 30px rgba(45,231,208,.1)}.result-details{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:8px 0 10px;color:#66899a;font-size:6.5px;letter-spacing:.09em}.result-details b{color:#c8e5e9}.new-best,.level-up{margin:7px 0;color:var(--cyan2);font-size:8px;letter-spacing:.15em;font-weight:900}.level-up{display:inline-block;padding:5px 8px;border-radius:7px;background:rgba(255,212,90,.1);border:1px solid rgba(255,212,90,.18);color:#ffe081}

.missions-panel{max-width:400px;max-height:calc(100% - 18px);overflow-y:auto}.missions-copy{margin:10px auto 14px;max-width:310px;color:#879fad;font-size:9.5px;line-height:1.45}.missions-list{display:grid;gap:7px;margin-bottom:11px}.mission-row{padding:10px;border:1px solid rgba(45,231,208,.1);border-radius:10px;background:rgba(3,15,24,.5);text-align:left}.mission-row.done{border-color:rgba(121,255,240,.26);background:rgba(45,231,208,.06)}.mission-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.mission-top strong{font-size:8.5px;color:#d4e8ed}.mission-top span{font-size:7px;font-weight:900;color:#7ffcec}.mission-row p{margin:4px 0 7px;color:#648494;font-size:7px}.mission-progress{height:5px;border-radius:999px;overflow:hidden;background:#061723}.mission-progress i{display:block;height:100%;background:linear-gradient(90deg,#3c82ff,#2de7d0)}.mission-bottom{display:flex;justify-content:space-between;margin-top:5px;color:#5c7d8f;font-size:6.5px}.achievement-summary{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px;padding:9px;border-radius:10px;background:#081d2b;border:1px solid rgba(45,231,208,.1);font-size:7px;letter-spacing:.11em;color:#7595a7}.achievement-summary strong{color:#d7f6f2}

.auth-panel{max-width:390px}.auth-copy{margin:11px auto 18px;max-width:315px;color:#8da8b6;font-size:9.5px;line-height:1.5}.field-label{display:block;margin:10px 2px 5px;text-align:left;color:#7392a3;font-size:7px;font-weight:900;letter-spacing:.13em}.auth-input{width:100%;height:42px;border:1px solid rgba(45,231,208,.14);border-radius:10px;background:#061a28;color:#edffff;padding:0 12px;outline:none;font:750 12px system-ui}.auth-input:focus{border-color:rgba(121,255,240,.5);box-shadow:0 0 0 2px rgba(45,231,208,.06)}.auth-message{min-height:18px;margin:9px 0 3px;color:#ff8296;font-size:8px;line-height:1.35}.auth-message.ok{color:#7affee}.auth-actions{display:grid;grid-template-columns:1fr;gap:7px}.auth-bottom{display:flex;justify-content:space-between;margin-top:11px}.text-btn{border:0;background:transparent;color:#6e8d9e;padding:5px;font-size:8px;cursor:pointer}.danger-text{color:#ff7188}.pause-panel p:not(.eyebrow){color:#94afbd;font-size:11px}
.toast{position:absolute;z-index:11;left:50%;bottom:36px;transform:translate(-50%,12px);opacity:0;padding:8px 11px;border-radius:9px;background:rgba(4,18,29,.82);border:1px solid rgba(45,231,208,.16);color:#c7eee8;font-size:7.5px;letter-spacing:.1em;font-weight:850;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:560px){.game-shell{width:100%}.game-topbar{padding-top:env(safe-area-inset-top);min-height:calc(62px + env(safe-area-inset-top))}.game-footer{padding-bottom:env(safe-area-inset-bottom);min-height:calc(34px + env(safe-area-inset-bottom))}.panel{padding:20px 15px}.panel h1{font-size:42px}.skins{grid-template-columns:repeat(6,1fr)}}
@media(max-width:390px){.game-brand span{font-size:6.7px}.game-brand strong{font-size:11px}.back-btn,.icon-btn{width:34px;height:34px}.top-actions{gap:4px}.skins{grid-template-columns:repeat(3,1fr)}.skin-btn{min-height:47px}.hud{grid-template-columns:83px 1fr 83px}.hud-box strong{font-size:21px}}
@media(max-height:760px){.menu-panel{max-height:calc(100% - 6px)}.profile-row{margin:9px 0}.xp-card,.cloud-save-card,.contracts-card,.leaderboard-card{margin:5px 0}.leaderboard-row{min-height:20px}.skins{margin-bottom:7px}.subline{margin-bottom:10px}.panel{padding-top:17px;padding-bottom:17px}}
@media(max-height:660px){.game-shell{grid-template-rows:54px 1fr 28px}.game-topbar{min-height:54px}.panel{transform:scale(.91)}.menu-panel{max-height:110%;transform:scale(.88)}}

/* v3.3 visual identity + cleaner Overdrive */
.fever-banner{max-width:calc(100% - 28px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zone-chip{box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 22px rgba(45,231,208,.04)}
.sync-top span{letter-spacing:.15em}

/* v3.4 unique bird skins */
.skin-btn{overflow:hidden}
.skin-dot{overflow:visible}
.skin-dot.classic{border-radius:50% 55% 48% 50%}
.skin-dot.fighter{border-radius:40% 58% 52% 44%; width:26px; height:16px}
.skin-dot.fighter:before{content:""; position:absolute; left:-8px; top:5px; width:16px; height:8px; background:inherit; clip-path:polygon(100% 50%,0 0,35% 50%,0 100%)}
.skin-dot.hawk{border-radius:46% 60% 44% 48%; width:24px; height:17px}
.skin-dot.hawk:before{content:""; position:absolute; left:2px; top:-5px; width:10px; height:7px; background:inherit; clip-path:polygon(0 100%,55% 0,100% 100%)}
.skin-dot.royal{border-radius:50%; width:24px; height:18px}
.skin-dot.royal:before{content:""; position:absolute; left:3px; top:-6px; width:16px; height:8px; background:inherit; clip-path:polygon(0 100%,15% 35%,30% 100%,50% 15%,70% 100%,85% 35%,100% 100%)}
.skin-dot.stealth{border-radius:24% 58% 58% 24%; width:28px; height:14px}
.skin-dot.stealth:before{content:""; position:absolute; left:-8px; top:3px; width:18px; height:12px; background:inherit; clip-path:polygon(100% 50%,20% 0,0 50%,20% 100%)}
.skin-dot.drone{border-radius:50%; width:22px; height:22px; top:36%}
.skin-dot.drone:before{content:""; position:absolute; inset:-4px; border:1.3px solid rgba(217,255,255,.6); border-radius:50%; opacity:.8}
.skin-dot.drone:after{content:""; position:absolute; right:-7px; top:7px; border-left:9px solid #e9ffff; border-top:4px solid transparent; border-bottom:4px solid transparent}
.skin-dot.classic:after,.skin-dot.fighter:after,.skin-dot.hawk:after,.skin-dot.royal:after,.skin-dot.stealth:after{content:"";position:absolute;right:-7px;top:5px;border-left:9px solid #e9ffff;border-top:4px solid transparent;border-bottom:4px solid transparent}

/* v3.4.1 improved skin preview */
.skins{gap:6px;margin-bottom:13px}
.skin-btn{min-height:60px;background:linear-gradient(180deg,#091c2a,#071723)}
.skin-btn small{bottom:5px;font-size:6px;letter-spacing:.08em}
.skin-preview{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:42px;height:28px;overflow:visible;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--skin-glow) 45%, transparent));}
.skin-preview span{position:absolute;display:block}
.skin-preview .pv-body{left:12px;top:6px;width:22px;height:16px;border-radius:50% 55% 48% 50%;background:linear-gradient(145deg,var(--skin-c1),var(--skin-c2));box-shadow:0 0 10px color-mix(in srgb, var(--skin-glow) 40%, transparent)}
.skin-preview .pv-wing{left:5px;top:13px;width:18px;height:8px;border-radius:50%;background:var(--skin-c2);transform:rotate(18deg)}
.skin-preview .pv-tail{left:1px;top:11px;width:12px;height:6px;background:var(--skin-c2);clip-path:polygon(100% 50%,0 0,28% 50%,0 100%)}
.skin-preview .pv-beak{left:32px;top:11px;width:10px;height:8px;background:#efffff;clip-path:polygon(0 0,100% 50%,0 100%)}
.skin-preview .pv-eye{left:24px;top:8px;width:8px;height:7px;border-radius:50%;background:#081520;box-shadow:2px -1px 0 0 var(--skin-c1) inset}
.skin-preview .pv-trail{left:-9px;top:12px;width:16px;height:4px;background:linear-gradient(90deg,color-mix(in srgb, var(--skin-glow) 0%, transparent), color-mix(in srgb, var(--skin-glow) 75%, transparent));border-radius:999px}
.skin-preview .pv-crown,.skin-preview .pv-ring{display:none}

/* unique preview silhouettes matching the real skins */
.skin-preview.skin-fighter .pv-body{width:24px;height:14px;border-radius:42% 58% 52% 44%;left:11px;top:7px}
.skin-preview.skin-fighter .pv-wing{left:4px;top:11px;width:20px;height:10px;background:var(--skin-c2);clip-path:polygon(100% 50%,0 0,40% 50%,0 100%);transform:rotate(0deg)}
.skin-preview.skin-fighter .pv-tail{left:0;top:10px;width:16px;height:8px;clip-path:polygon(100% 50%,18% 0,0 50%,18% 100%)}
.skin-preview.skin-fighter .pv-eye{width:9px;height:6px;border-radius:40% 60% 50% 50%;box-shadow:2px -1px 0 0 var(--skin-c1) inset}

.skin-preview.skin-hawk .pv-body{width:22px;height:16px;border-radius:46% 60% 44% 48%;left:12px;top:6px}
.skin-preview.skin-hawk .pv-wing{left:4px;top:10px;width:22px;height:12px;background:var(--skin-c2);clip-path:polygon(100% 50%,40% 0,0 18%,18% 50%,0 82%,40% 100%);transform:rotate(12deg)}
.skin-preview.skin-hawk .pv-tail{left:2px;top:11px;width:12px;height:8px;clip-path:polygon(100% 50%,0 0,24% 50%,0 100%)}
.skin-preview.skin-hawk .pv-crown{display:block;left:15px;top:1px;width:10px;height:6px;background:var(--skin-c2);clip-path:polygon(0 100%,55% 0,100% 100%)}

.skin-preview.skin-royal .pv-body{width:23px;height:17px;left:11px;top:6px}
.skin-preview.skin-royal .pv-wing{left:6px;top:13px;width:18px;height:8px;border-radius:50%;transform:rotate(16deg)}
.skin-preview.skin-royal .pv-tail{left:1px;top:8px;width:15px;height:12px;clip-path:polygon(100% 50%,0 0,35% 25%,18% 50%,35% 75%,0 100%)}
.skin-preview.skin-royal .pv-crown{display:block;left:16px;top:0;width:14px;height:7px;background:var(--skin-c1);clip-path:polygon(0 100%,14% 32%,28% 100%,50% 0,72% 100%,86% 32%,100% 100%)}

.skin-preview.skin-stealth .pv-body{width:26px;height:13px;border-radius:24% 58% 58% 24%;left:10px;top:8px;background:linear-gradient(145deg,var(--skin-c2),var(--skin-c1))}
.skin-preview.skin-stealth .pv-wing{left:2px;top:10px;width:22px;height:12px;background:var(--skin-c2);clip-path:polygon(100% 50%,20% 0,0 50%,20% 100%);transform:rotate(-2deg)}
.skin-preview.skin-stealth .pv-tail{left:-1px;top:11px;width:15px;height:7px;clip-path:polygon(100% 50%,0 10%,24% 50%,0 90%)}
.skin-preview.skin-stealth .pv-eye{box-shadow:2px -1px 0 0 var(--skin-c1) inset;opacity:.95}

.skin-preview.skin-drone{width:44px;height:30px}
.skin-preview.skin-drone .pv-body{left:13px;top:5px;width:18px;height:18px;border-radius:50%}
.skin-preview.skin-drone .pv-wing{display:none}
.skin-preview.skin-drone .pv-tail{left:2px;top:11px;width:10px;height:6px;clip-path:polygon(100% 50%,0 0,30% 50%,0 100%)}
.skin-preview.skin-drone .pv-beak{left:30px;top:11px;width:9px;height:8px}
.skin-preview.skin-drone .pv-eye{left:18px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--skin-c1);box-shadow:none}
.skin-preview.skin-drone .pv-ring{display:block;left:8px;top:1px;width:28px;height:24px;border:1.4px solid color-mix(in srgb, var(--skin-c1) 82%, white);border-radius:50%;opacity:.8}
.skin-preview.skin-drone .pv-crown{display:block;left:13px;top:5px;width:18px;height:18px;border:1.2px solid color-mix(in srgb, var(--skin-c2) 82%, white);border-radius:50%;opacity:.45}

@media(max-width:390px){.skin-btn{min-height:57px}.skin-preview{top:36%}}

/* v3.4.2 pre-run countdown */
.countdown-overlay{position:absolute;inset:0;z-index:11;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle at center,rgba(6,29,42,.16),rgba(1,7,12,.18));transition:opacity .14s ease,visibility .14s ease}
.countdown-overlay.show{opacity:1;visibility:visible}
.countdown-ring{width:142px;height:142px;border-radius:50%;display:grid;place-items:center;align-content:center;position:relative;background:radial-gradient(circle,rgba(10,38,52,.94) 0%,rgba(4,18,28,.92) 67%,rgba(4,18,28,.5) 68%);border:2px solid rgba(121,255,240,.46);box-shadow:0 0 0 8px rgba(45,231,208,.045),0 0 44px rgba(45,231,208,.2),inset 0 0 26px rgba(45,231,208,.08);transform:scale(.88);opacity:.2}
.countdown-overlay.show .countdown-ring{opacity:1;transform:scale(1)}
.countdown-ring:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(121,255,240,.23);animation:countSpin 2.4s linear infinite}
.countdown-ring small{font-size:7px;letter-spacing:.22em;color:#7f9eae;font-weight:900;margin-bottom:-4px}
.countdown-ring strong{font-size:66px;line-height:.95;letter-spacing:-.06em;color:#eaffff;text-shadow:0 0 22px rgba(121,255,240,.48)}
.countdown-ring span{font-size:7px;letter-spacing:.18em;color:#71cfc7;font-weight:900;margin-top:4px}
.countdown-ring.pulse{animation:countPulse .28s ease-out}
.countdown-ring.go{border-color:#79fff0;box-shadow:0 0 0 10px rgba(45,231,208,.07),0 0 64px rgba(45,231,208,.42),inset 0 0 34px rgba(45,231,208,.15)}
.countdown-ring.go strong{font-size:42px;letter-spacing:.08em;color:#79fff0;text-shadow:0 0 28px rgba(121,255,240,.7)}
@keyframes countPulse{0%{transform:scale(.72);opacity:.35}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes countSpin{to{transform:rotate(360deg)}}
@media(max-height:690px){.countdown-ring{width:122px;height:122px}.countdown-ring strong{font-size:56px}.countdown-ring.go strong{font-size:36px}}


/* v4.0 release safety: author display rules must never override HTML hidden state */
[hidden]{display:none!important}