:root{color-scheme:dark;--ink:#edf7ff;--muted:#a1b7cf;--mint:#67f0c0;--yellow:#ffd76a}*{box-sizing:border-box}
html,body{height:100%;margin:0;background:#091529;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}
body{display:grid;place-items:center;overflow:hidden}
.shell{width:min(100vw,1160px);height:min(100dvh,760px);min-height:0;position:relative;overflow:hidden;border:1px solid rgba(194,226,255,.16);border-radius:28px;background:radial-gradient(ellipse at 52% 37%,#254c70 0,#142d4d 36%,#101f3b 75%);box-shadow:0 28px 100px #020a18a8}
.stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(2px 2px at 10% 20%,#d6eeff 45%,transparent 60%),radial-gradient(1px 1px at 68% 14%,#fff 45%,transparent 65%),radial-gradient(1.5px 1.5px at 84% 42%,#bce7ff 45%,transparent 65%),radial-gradient(1px 1px at 26% 68%,#fff 45%,transparent 65%),radial-gradient(2px 2px at 92% 78%,#d6eeff 45%,transparent 65%),radial-gradient(1px 1px at 43% 31%,#fff 45%,transparent 65%);pointer-events:none}
.header{position:absolute;z-index:3;top:28px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#77f1c5,#4dcae2);display:grid;place-items:center;box-shadow:0 8px 24px #47d6bb40}
.logo svg{width:24px}
.brandname{font:700 17px 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.4px}
.brandname span{color:#79eed0}
.best{border:1px solid #ffffff19;background:#ffffff0c;padding:8px 13px;border-radius:12px;font-size:11px;color:#a8bfd6;letter-spacing:.06em}
.best b{display:block;text-align:center;color:var(--yellow);font:700 17px 'Space Grotesk',system-ui,sans-serif;margin-top:2px}
.scene{position:absolute;inset:0}
.landscape{position:absolute;inset:0}
.mountain{position:absolute;bottom:calc(var(--ground-height,126px) - 10px);opacity:.55}
.m1{left:-10%;width:65%;height:52%;background:#1c4960;clip-path:polygon(0 100%,40% 12%,53% 43%,69% 0,100% 100%)}
.m2{right:-10%;width:67%;height:49%;background:#24556a;clip-path:polygon(0 100%,24% 38%,46% 64%,71% 5%,100% 100%)}
.sun{position:absolute;width:130px;height:130px;border-radius:50%;top:21%;left:calc(50% - 65px);background:radial-gradient(circle,#ffdf93 0,#f9c873 52%,#f5a95d 100%);box-shadow:0 0 90px #ffc56c38;opacity:.9}
.cloud{position:absolute;width:110px;height:25px;border-radius:30px;background:#a8d9e8;opacity:.14;top:30%;left:8%;filter:blur(.5px)}
.cloud:before,.cloud:after{content:'';position:absolute;bottom:0;border-radius:50%;background:inherit}
.cloud:before{width:42px;height:42px;left:20px}
.cloud:after{width:32px;height:32px;left:52px}
.cloud.c2{top:45%;left:auto;right:12%;transform:scale(.7)}
.ground{position:absolute;bottom:0;height:var(--ground-height,126px);left:0;right:0;background:linear-gradient(180deg,#78d48a 0,#42a66e 8px,#275e62 9px,#1c4457 100%)}
.ground:before{content:'';position:absolute;top:9px;left:0;right:0;height:11px;background:repeating-linear-gradient(110deg,#c3ed9a 0 22px,#83dc90 22px 42px);opacity:.72}
.ground:after{content:'';position:absolute;inset:22px 0 0;background-image:radial-gradient(2px 2px at 20% 40%,#91cf94 50%,transparent 60%),radial-gradient(2px 2px at 67% 75%,#91cf94 50%,transparent 60%);background-size:74px 42px;opacity:.25}
.content{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92%);text-align:center;transition:opacity .25s,transform .25s}
.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;color:#77efd0;text-transform:uppercase;margin-bottom:12px}
.title{font:700 clamp(44px,7vw,70px)/.95 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.065em;margin:0;text-shadow:0 8px 40px #06162c80}
.title em{font-style:normal;color:#78efcb}
.subtitle{color:#bbcee0;line-height:1.55;font-size:14px;margin:17px 0 26px}
.play{font:700 14px 'DM Sans',system-ui,sans-serif;letter-spacing:.02em;color:#0b2c3d;background:linear-gradient(135deg,#82f4cf,#56d8d4);border:0;border-radius:15px;padding:16px 28px;min-width:192px;box-shadow:0 12px 30px #51e6c040;cursor:pointer;transition:transform .15s,filter .15s}
.play:hover{transform:translateY(-2px);filter:brightness(1.05)}
.hint{font-size:11px;color:#8fa8c3;margin-top:14px}
.worlds{display:flex;justify-content:center;gap:8px;margin-top:27px}
.world{font-size:10px;font-weight:700;letter-spacing:.03em;color:#92aac2;padding:8px 11px;border:1px solid #ffffff17;border-radius:100px;background:#ffffff08}
.world.active{color:#7cf0cd;background:#6ff1c11a;border-color:#6ff1c144}
.bird{position:absolute;z-index:1;width:46px;height:46px;left:25%;top:47%;filter:drop-shadow(0 10px 12px #07192a55);transform:rotate(-8deg);transition:opacity .2s}
.bird svg{width:100%;height:100%;overflow:visible}
.hud{position:absolute;z-index:4;inset:100px 0 auto;display:none;justify-content:center;gap:10px;pointer-events:none}
.hud.show{display:flex}
.pill{background:#08182cbf;border:1px solid #ffffff20;border-radius:13px;padding:8px 18px;text-align:center;min-width:82px;backdrop-filter:blur(10px)}
.pill small{font-size:9px;color:#a9bed3;letter-spacing:.13em;display:block}
.pill strong{font:700 22px 'Space Grotesk',system-ui,sans-serif;color:#fff}
.gameover{display:none}
.gameover.show{display:block}
.gameover .title{font-size:50px}
.gameover .subtitle{margin:12px 0 22px}
.scoreline{color:#92abc5;font-size:11px;letter-spacing:.1em;margin-bottom:16px}
.scoreline b{font-size:19px;color:#ffda79;letter-spacing:0;margin-left:8px}
.content.hide{opacity:0;pointer-events:none;transform:translate(-50%,-46%)}
.touch-label{display:none}
.sound{position:absolute;right:34px;bottom:30px;z-index:5;border:1px solid #ffffff20;background:#08182c88;color:#c8daea;border-radius:50%;width:38px;height:38px;cursor:pointer}
.credit{position:absolute;left:34px;bottom:39px;color:#91a9c2;font-size:10px;z-index:2}
.credit b{color:#c6d8e6;font-weight:500}
@media(max-width:650px){.shell{height:100dvh;min-height:0;width:100vw;border-radius:0;border:0}
.header{top:20px;left:20px;right:20px}
.brandname{font-size:15px}
.logo{width:38px;height:38px}
.best{font-size:9px}
.content{top:47%}
.subtitle{font-size:13px;max-width:310px;margin:15px auto 23px}
.worlds{margin-top:24px}
.world{padding:8px 9px;font-size:9px}
.sun{width:105px;height:105px;left:calc(50% - 53px);top:20%}
.mountain{bottom:calc(var(--ground-height,108px) - 10px)}
.ground{height:var(--ground-height,108px)}
.credit{left:20px;bottom:25px;font-size:9px}
.sound{right:20px;bottom:17px}
.hud{top:91px}
.touch-label{display:block}
.hint:not(.touch-label){display:none}}
.shell[data-world="1"]{background:radial-gradient(ellipse at 52% 37%,#805943 0,#493c53 40%,#24213d 78%)}
.shell[data-world="1"] .sun{background:radial-gradient(circle,#ffe6a2 0,#f4b869 56%,#e58255 100%);box-shadow:0 0 90px #ffbd6338}
.shell[data-world="1"] .mountain.m1{background:#6b514f}
.shell[data-world="1"] .mountain.m2{background:#84634e}
.shell[data-world="1"] .ground{background:linear-gradient(180deg,#e3bd70 0,#bb8654 8px,#795a54 9px,#493d57 100%)}
.shell[data-world="1"] .ground:before{background:repeating-linear-gradient(110deg,#ffe29a 0 22px,#dca96b 22px 42px)}
.shell[data-world="2"]{background:radial-gradient(ellipse at 52% 37%,#34356f 0,#1d2853 40%,#0c1834 78%)}
.shell[data-world="2"] .sun{background:radial-gradient(circle,#e4eeff 0,#a4c6ec 55%,#8e9fda 100%);box-shadow:0 0 90px #adbdfd40}
.shell[data-world="2"] .mountain.m1{background:#273d71}
.shell[data-world="2"] .mountain.m2{background:#36477b}
.shell[data-world="2"] .ground{background:linear-gradient(180deg,#75bdc9 0,#437c9e 8px,#344b79 9px,#222d56 100%)}
.shell[data-world="2"] .ground:before{background:repeating-linear-gradient(110deg,#c6eff1 0 22px,#78c9d0 22px 42px)}
.shell{touch-action:manipulation;user-select:none;-webkit-user-select:none}
button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.pause-button{position:absolute;right:82px;bottom:30px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff20;background:#08182c88;color:#c8daea;cursor:pointer}
.pause-button[hidden],[hidden]{display:none!important}
.paused{z-index:6;background:#0b1d35ed;border:1px solid #ffffff20;border-radius:24px;padding:32px 18px}
.paused .title{font-size:40px}
.shell[data-state="over"] .bird{opacity:.35}
.shell[data-state="play"] .header,.shell[data-state="paused"] .header{pointer-events:none}
.gameover{background:#0b1d35e8;border-radius:24px;padding:24px 12px}
@media(max-width:650px){.pause-button{right:68px;bottom:17px}}
@media(max-height:500px){.header{top:12px;left:16px;right:16px}.content{top:53%;width:min(480px,90%)}.title,.gameover .title{font-size:38px}.eyebrow{margin-bottom:8px;font-size:9px}.subtitle{font-size:12px;margin:10px auto 14px}.worlds,.hint,.credit{display:none}.play{padding:12px 22px}.hud{top:70px}.pill{padding:5px 12px}.ground{min-height:0}.paused{padding:20px}.gameover{padding:18px 10px}.scoreline{margin-bottom:12px}}

/* Readable web controls without changing the game's visual identity. */
.subtitle{font-size:1rem;line-height:1.5}
.play{font-size:.9375rem;min-height:48px}
.hint,.world,.best,.pill small,.scoreline,.credit,.eyebrow{font-size:.8125rem}
.brandname{font-size:1.0625rem}
.best b{font-size:1.125rem}
.sound,.pause-button{width:44px;height:44px;font-size:1.125rem}
.pause-button{right:88px}
.worlds{gap:6px;flex-wrap:wrap}
.world{padding:8px 10px}
.gameover,.paused{max-height:calc(100% - 140px);overflow:auto}
@media(max-width:650px){.subtitle{font-size:1rem}.hint,.world,.best,.credit,.eyebrow{font-size:.75rem}.credit{max-width:calc(100% - 136px);line-height:1.45;bottom:18px}.pause-button{right:74px}.best{letter-spacing:0;font-size:.75rem}.header{gap:10px}.world{padding:8px}.title{letter-spacing:-.045em}.scoreline{font-size:.8125rem}}
@media(max-height:500px){.subtitle{font-size:.875rem}.eyebrow{font-size:.75rem}.header{top:10px}.gameover,.paused{max-height:calc(100% - 80px)}.hud{top:72px}.pill small{font-size:.75rem}}


/* Flap World visual refresh — brighter arcade/cosmic identity */
:root{--sky-a:#2764c7;--sky-b:#5637a5;--sky-c:#101d58;--glass:rgba(20,35,91,.62);--glow:#73f3ff}
.shell{background:
 radial-gradient(circle at 78% 18%,rgba(255,111,185,.28),transparent 24%),
 radial-gradient(circle at 20% 24%,rgba(79,241,255,.26),transparent 27%),
 linear-gradient(155deg,var(--sky-a) 0%,var(--sky-b) 46%,var(--sky-c) 100%);
 border-color:rgba(147,226,255,.32);box-shadow:0 28px 100px #06103a99,inset 0 0 70px rgba(94,221,255,.06)}
.stars{opacity:.85;background-image:
 radial-gradient(2px 2px at 10% 20%,#fff 45%,transparent 60%),radial-gradient(2px 2px at 68% 14%,#9ff7ff 45%,transparent 65%),
 radial-gradient(1.5px 1.5px at 84% 42%,#ffd6f2 45%,transparent 65%),radial-gradient(2px 2px at 26% 68%,#fff 45%,transparent 65%),
 radial-gradient(2px 2px at 92% 78%,#9feeff 45%,transparent 65%),radial-gradient(1.5px 1.5px at 43% 31%,#fff 45%,transparent 65%)}
.logo{background:linear-gradient(145deg,#65f7ff,#8c6cff 58%,#ff74b8);box-shadow:0 8px 28px #66dcff66}
.brandname span,.eyebrow{color:#8df7ff}.title em{color:#8df7ff;text-shadow:0 0 28px rgba(88,238,255,.35)}
.best,.pill{background:var(--glass);border-color:rgba(164,226,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.play{color:#14224d;background:linear-gradient(135deg,#79f5ff,#79f0c0 45%,#ffe36f);box-shadow:0 12px 34px rgba(81,231,255,.38)}
.world{background:rgba(25,34,91,.42);border-color:rgba(168,221,255,.22);color:#d0ddff}
.world.active{color:#172654;background:linear-gradient(135deg,#84f5ff,#a8ffca);border-color:transparent;box-shadow:0 6px 22px rgba(92,240,255,.25)}
.bird{width:54px;height:54px;filter:drop-shadow(0 8px 9px rgba(31,15,75,.38)) drop-shadow(0 0 10px rgba(255,216,83,.24))}
.sun{background:radial-gradient(circle at 36% 30%,#fffbd0 0,#ffe06d 26%,#ff9a55 60%,#ff5fa2 100%);box-shadow:0 0 40px #ffdf7388,0 0 100px #ff75b84d}
.m1{background:#245aa0}.m2{background:#3754a5}
.ground{background:linear-gradient(180deg,#74f0a1 0,#2fcda3 8px,#276d91 9px,#183b70 100%)}
.ground:before{background:repeating-linear-gradient(110deg,#c9ff9d 0 22px,#54e3b0 22px 42px)}
.gameover,.paused{background:linear-gradient(145deg,rgba(27,49,116,.94),rgba(70,38,115,.94));border:1px solid rgba(159,229,255,.28);box-shadow:0 24px 60px rgba(5,10,45,.38)}
.sound,.pause-button{background:rgba(34,47,111,.72);border-color:rgba(169,229,255,.3);color:#e9fbff;backdrop-filter:blur(12px)}
.shell[data-world="1"]{--sky-a:#d86567;--sky-b:#7a3e88;--sky-c:#24265d;background:radial-gradient(circle at 76% 18%,rgba(255,213,105,.28),transparent 24%),linear-gradient(155deg,var(--sky-a),var(--sky-b) 48%,var(--sky-c))}
.shell[data-world="2"]{--sky-a:#2949a3;--sky-b:#5b36a8;--sky-c:#12184b;background:radial-gradient(circle at 76% 18%,rgba(126,223,255,.23),transparent 24%),radial-gradient(circle at 18% 22%,rgba(244,112,255,.2),transparent 24%),linear-gradient(155deg,var(--sky-a),var(--sky-b) 46%,var(--sky-c))}
@media(max-width:650px){.bird{width:50px;height:50px}.content{width:min(420px,90%)}.shell{background-attachment:fixed}.play{width:min(290px,86%);font-size:1rem}.best{padding:7px 10px}.brandname{font-weight:800}}


/* Full app surfaces */
.app-nav{position:absolute;z-index:20;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:6px;padding:6px;border-radius:18px;background:rgba(19,30,87,.76);border:1px solid rgba(165,229,255,.28);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(5,10,45,.3)}
.app-nav button{border:0;background:transparent;color:#b9c9ee;min-width:74px;padding:8px 12px;border-radius:13px;font-weight:800;cursor:pointer}
.app-nav button span{display:block;font-size:9px;letter-spacing:.08em;margin-top:3px}.app-nav button.active{color:#182754;background:linear-gradient(135deg,#8df7ff,#b7ffc8)}
.panel{display:none;position:absolute;z-index:12;inset:86px 24px 82px;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,rgba(35,63,143,.82),rgba(75,42,131,.78));border:1px solid rgba(171,229,255,.25);box-shadow:0 24px 70px rgba(8,11,54,.35);backdrop-filter:blur(18px)}
.panel-scroll{height:100%;overflow:auto;padding:30px;text-align:center}.shell[data-section="home"] .home-panel,.shell[data-section="skins"] .skins-panel,.shell[data-section="rank"] .rank-panel{display:block}
.shell:not([data-section="play"]) .scene,.shell:not([data-section="play"]) #intro,.shell:not([data-section="play"]) #over,.shell:not([data-section="play"]) #hud,.shell:not([data-section="play"]) #pause,.shell:not([data-section="play"]) #paused,.shell:not([data-section="play"]) .sound,.shell:not([data-section="play"]) .credit{visibility:hidden}
.panel-kicker{color:#8df7ff;font-size:11px;font-weight:900;letter-spacing:.2em}.panel h2{font:800 clamp(34px,6vw,58px)/1 'Space Grotesk',system-ui;margin:8px 0 12px;letter-spacing:-.05em}.panel h2 em{font-style:normal;color:#9af7e2}.panel p{max-width:600px;margin:0 auto 24px;color:#d1dcf4;line-height:1.5}
.hero-coin{height:120px;position:relative;display:grid;place-items:center}.coin-core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fffbd1,#ffd84e 38%,#ff8d46 72%,#d64b69);color:#6c341e;font:900 38px Georgia;box-shadow:0 0 35px #ffe064aa,0 0 90px #ff7d9c66;animation:coinSpin 5s linear infinite}.coin-core span{position:absolute;font:900 8px system-ui;margin-top:52px;letter-spacing:.12em}.orbit{position:absolute;border:1px solid rgba(159,241,255,.35);border-radius:50%;width:160px;height:54px;transform:rotate(-18deg)}.orbit.o2{width:190px;height:76px;transform:rotate(24deg);border-color:rgba(255,174,229,.28)}@keyframes coinSpin{50%{transform:rotateY(180deg) scale(.92)}100%{transform:rotateY(360deg)}}
.token-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:700px;margin:20px auto}.token-grid article{padding:18px 10px;border-radius:18px;background:rgba(18,36,101,.58);border:1px solid rgba(165,229,255,.22)}.token-grid b{display:block;font-size:22px;color:#ffe36f}.token-grid span{display:block;font-size:9px;margin-top:5px;color:#bcd2ef;letter-spacing:.08em}.panel-cta{margin-top:8px;border:0;border-radius:15px;padding:15px 24px;background:linear-gradient(135deg,#80f5ff,#9affca,#ffe676);color:#172653;font-weight:900;cursor:pointer}
.skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-width:850px;margin:24px auto}.skin-card{min-height:180px;border-radius:20px;border:1px solid rgba(171,229,255,.22);background:rgba(17,34,96,.56);color:white;padding:16px 10px;cursor:pointer}.skin-card.selected{outline:2px solid #8df7ff;background:linear-gradient(145deg,rgba(48,121,176,.72),rgba(76,54,147,.72))}.skin-preview{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 10px;border-radius:50%;font-size:38px;background:linear-gradient(145deg,#8df7ff,#795fff)}.skin-preview.classic{background:linear-gradient(145deg,#fff278,#ff9849)}.skin-preview.neon{background:linear-gradient(145deg,#65ffcf,#3f67ff)}.skin-preview.royal{background:linear-gradient(145deg,#ffe776,#b56cff)}.skin-card b,.skin-card small,.skin-card strong{display:block}.skin-card small{color:#a9c4e9;font-size:9px;margin:5px}.skin-card strong{color:#9af7e2;font-size:11px}.burn-note{color:#ffd87b;font-size:12px}
.podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;max-width:720px;margin:28px auto 18px}.podium-card{width:30%;min-height:160px;padding:15px 8px;border-radius:20px 20px 8px 8px;background:rgba(22,37,97,.68);border:1px solid rgba(255,255,255,.18)}.podium-card.gold{min-height:205px;background:linear-gradient(180deg,rgba(255,210,73,.32),rgba(50,49,119,.72));border-color:#ffe176}.podium-card.silver{border-color:#dce9ff}.podium-card.bronze{border-color:#e6a06d}.medal{font-size:42px}.podium-card b,.podium-card span,.podium-card strong{display:block}.podium-card b{font-size:22px}.podium-card span{font-size:11px;color:#d5def4;margin:7px}.podium-card strong{color:#fff09a}.rank-list{max-width:650px;margin:auto}.rank-list div{display:grid;grid-template-columns:45px 1fr auto;gap:10px;padding:12px 16px;margin:7px;border-radius:13px;background:rgba(17,34,96,.5);text-align:left}.rank-list strong{color:#9af7e2}.rank-list .you{border:1px solid #8df7ff}
@media(max-width:650px){.panel{inset:78px 10px 78px;border-radius:20px}.panel-scroll{padding:22px 14px}.app-nav{bottom:10px;width:calc(100% - 20px);justify-content:space-around}.app-nav button{min-width:0;flex:1;padding:8px 3px}.token-grid{grid-template-columns:1fr 1fr}.token-grid article:first-child{grid-column:1/-1}.skin-grid{grid-template-columns:1fr 1fr}.skin-card{min-height:155px}.podium{gap:6px}.podium-card{width:33%;padding:12px 4px}.podium-card span{font-size:9px}.medal{font-size:34px}.credit,.sound,.pause-button{bottom:74px}}

/* Selected cosmetic previews applied to the playable bird. */




.bird-coin{overflow:visible}.bird-coin svg{width:64px;height:64px;filter:drop-shadow(0 4px 5px #9b3d3155)}.bird-coin span{margin-top:64px;color:#713727}.bird-coin{font-size:0}
.skin-preview.robot{background:linear-gradient(145deg,#d9e9ff,#526e9f)}.skin-preview.fire{background:linear-gradient(145deg,#ffd85a,#ff493d)}.skin-preview.ice{background:linear-gradient(145deg,#eaffff,#48b9ff)}.skin-preview.ninja{background:linear-gradient(145deg,#4c526b,#11172e)}.skin-preview.pirate{background:linear-gradient(145deg,#e7b263,#733f35)}.skin-preview.galaxy{background:radial-gradient(circle at 30% 25%,#ff9fea,#7358ff 42%,#172968)}

@media(min-width:651px){.skin-grid{grid-template-columns:repeat(5,1fr)}}

/* Detailed bird skin artwork */
.skin-preview{overflow:visible}.skin-preview svg{width:72px;height:72px;overflow:visible;filter:drop-shadow(0 6px 6px #10153655)}.skin-preview .sp-body{stroke-width:2.2}.skin-preview .sp-wing{stroke-width:1.8}.sp-eye{fill:#fff}.sp-pupil{fill:#13223e}.sp-beak{fill:#ff7449;stroke:#9d4436;stroke-width:1.6}
.skin-preview.classic .sp-body{fill:#ffd64e;stroke:#a44d38}.skin-preview.classic .sp-wing{fill:#ff9145;stroke:#a9503c}
.skin-preview.cosmic .sp-body{fill:#6c69e8;stroke:#343a8d}.skin-preview.cosmic .sp-wing{fill:#a36cf4;stroke:#493b9a}.sp-visor{fill:#78f4ffbb;stroke:#d5ffff;stroke-width:1.4}
.skin-preview.neon .sp-body{fill:#30e5c2;stroke:#116e80}.skin-preview.neon .sp-wing{fill:#2778ff;stroke:#153c9a}.sp-tech{fill:none;stroke:#eaff79;stroke-width:2;stroke-linecap:round}
.skin-preview.royal .sp-body{fill:#9e63e8;stroke:#57318e}.skin-preview.royal .sp-wing{fill:#f0b64c;stroke:#9d6731}.sp-crown{fill:#ffe15c;stroke:#a87527;stroke-width:1.5}
.skin-preview.robot .sp-body{fill:#91a9c6;stroke:#42566f}.skin-preview.robot .sp-wing{fill:#58748f;stroke:#33495d}.sp-plate{fill:#bfd4e8;stroke:#455d74;stroke-width:1}.sp-antenna{fill:none;stroke:#70e8ff;stroke-width:2}
.skin-preview.fire .sp-body{fill:#f05b38;stroke:#922f31}.skin-preview.fire .sp-wing{fill:#ffb52f;stroke:#b04c2c}.sp-flame{fill:#ffd735;stroke:#ff7433;stroke-width:1.5}
.skin-preview.ice .sp-body{fill:#a8ecff;stroke:#438ab0}.skin-preview.ice .sp-wing{fill:#65bdf4;stroke:#3678a7}.sp-ice{fill:none;stroke:#f4ffff;stroke-width:2}
.skin-preview.ninja .sp-body{fill:#34394c;stroke:#171b29}.skin-preview.ninja .sp-wing{fill:#202534;stroke:#111521}.sp-mask{fill:#151a27;stroke:#606b88;stroke-width:1}.sp-band{fill:none;stroke:#e34655;stroke-width:3}
.skin-preview.pirate .sp-body{fill:#b8733f;stroke:#633b31}.skin-preview.pirate .sp-wing{fill:#e3a14d;stroke:#74452e}.sp-hat{fill:#292334;stroke:#e7bb5a;stroke-width:1.4}.sp-patch{fill:#1a1820;stroke:#111;stroke-width:1}
.skin-preview.galaxy .sp-body{fill:#5542a8;stroke:#272363}.skin-preview.galaxy .sp-wing{fill:#d056c5;stroke:#69316f}.sp-ring{fill:none;stroke:#81f1ff;stroke-width:1.5;opacity:.9}
.skin-card:hover .skin-preview svg{transform:translateY(-3px) rotate(-3deg)}.skin-preview svg{transition:transform .2s}

/* Mobile skin shop overflow fix */
.panel,.panel-scroll,.skin-grid,.skin-card{min-width:0}
.panel-scroll{overflow-x:hidden}
.skin-grid{width:100%;box-sizing:border-box}
.skin-card{width:100%;max-width:100%;overflow:hidden}
@media(max-width:650px){
 .skins-panel .panel-scroll{padding:22px 12px 96px}
 .skins-panel h2{font-size:clamp(34px,11vw,48px);line-height:1.02;overflow-wrap:anywhere}
 .skins-panel p{font-size:14px;padding:0 4px}
 .skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
 .skin-card{min-height:174px;padding:13px 6px;border-radius:17px}
 .skin-preview{width:68px;height:68px}
 .skin-preview svg{width:64px;height:64px}
 .skin-card b{font-size:15px}
 .skin-card small{font-size:8px}
 .skin-card strong{font-size:10px;white-space:normal}
 .burn-note{padding:0 8px 10px;line-height:1.4}
}
@media(max-width:360px){
 .skins-panel .panel-scroll{padding-left:9px;padding-right:9px}
 .skin-grid{gap:7px}
 .skin-card{padding-left:3px;padding-right:3px}
 .skin-preview{width:60px;height:60px}
 .skin-preview svg{width:57px;height:57px}
}

/* Skin artwork cleanup: remove circular halos and normalize beaks */
.skin-preview,.skin-preview.classic,.skin-preview.cosmic,.skin-preview.neon,.skin-preview.royal,.skin-preview.robot,.skin-preview.fire,.skin-preview.ice,.skin-preview.ninja,.skin-preview.pirate,.skin-preview.galaxy{background:transparent!important;border-radius:0!important;box-shadow:none!important}
.skin-preview svg{overflow:visible;filter:drop-shadow(0 5px 5px rgba(8,15,52,.28))}
.skin-preview .sp-beak{fill:#f47a45!important;stroke:#9f4937!important;stroke-width:1.35!important;stroke-linejoin:round}
.skin-preview .sp-body,.skin-preview .sp-wing{stroke-linejoin:round}

.language-picker{position:absolute;z-index:40;top:18px;right:185px}.language-picker>button{border:1px solid rgba(170,230,255,.28);background:rgba(21,35,94,.76);color:#effcff;border-radius:12px;padding:9px 11px;font-weight:800;backdrop-filter:blur(12px)}.language-menu{position:absolute;right:0;top:44px;width:150px;padding:6px;border-radius:14px;background:#17255d;border:1px solid #6688c8;box-shadow:0 15px 35px #07102f99}.language-menu button{display:block;width:100%;border:0;background:transparent;color:#eaf3ff;text-align:left;padding:8px 10px;border-radius:8px}.language-menu button:hover{background:#294187}
.skin-preview svg{filter:drop-shadow(0 4px 4px rgba(5,12,38,.22))!important}.skin-preview{filter:none!important}.skin-preview *{vector-effect:non-scaling-stroke}
@media(max-width:650px){.language-picker{top:13px;right:13px}.language-picker>button{padding:7px 9px;font-size:11px}.language-menu{width:138px}.header .best{margin-right:64px}}

/* Flap Ball skin system */
.skin-preview{width:78px!important;height:78px!important;display:grid!important;place-items:center!important}
.skin-preview svg{width:76px!important;height:76px!important;transform:none!important}
.skin-card:hover .skin-preview svg{transform:translateY(-2px) scale(1.04)!important}
@media(max-width:650px){.skin-preview{width:70px!important;height:70px!important}.skin-preview svg{width:68px!important;height:68px!important}}

/* Final clean Flap Ball previews: SVG owns all appearance */
.skin-preview,.skin-preview[class]{background:none!important;filter:none!important;border:0!important;box-shadow:none!important}
.skin-preview svg{background:none!important;filter:drop-shadow(0 4px 4px rgba(10,17,48,.18))!important}
.skin-preview svg *{filter:none!important}

/* Mobile polish pass */
html,body{max-width:100%;overflow-x:hidden}.shell{max-width:100vw}.panel h2,.panel p,.panel-kicker{max-width:100%;box-sizing:border-box}
@media(max-width:650px){
 .header{padding:12px 12px;gap:8px}.brandname{font-size:10px}.logo{width:30px;height:30px}
 .best{font-size:9px;max-width:110px}.best strong{font-size:14px}
 .panel{left:8px;right:8px}.panel-scroll{width:100%;box-sizing:border-box}
 .panel h2{font-size:clamp(30px,9.8vw,44px)!important;line-height:1.02!important;letter-spacing:-.045em!important;white-space:normal!important;word-break:normal!important}
 .panel p{font-size:13px!important;line-height:1.45!important}
 .panel-kicker{font-size:9px!important;letter-spacing:.14em!important}
 .token-grid b{font-size:18px}.app-nav{max-width:calc(100vw - 18px);box-sizing:border-box}
}

.run-stats{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:12px 0 16px}.run-stats span{padding:8px 11px;border-radius:11px;background:rgba(24,40,101,.56);border:1px solid rgba(157,230,255,.2);font-size:10px;color:#c9d9f3}.run-stats b{color:#9af7e2;margin-left:4px}.run-stats #new-record{color:#ffe36f;border-color:#ffe36f66;background:#80642433}
.milestone #hud .pill:first-child{animation:scorePulse .42s ease}@keyframes scorePulse{45%{transform:scale(1.14);box-shadow:0 0 28px rgba(125,246,255,.55)}}
@media(max-width:650px){.gameover{width:min(390px,88%)}.run-stats{gap:6px}.run-stats span{padding:7px 8px;font-size:9px}}

/* Top 10 global ranking */
.rank-status{max-width:650px;margin:8px auto 12px;padding:10px 14px;border-radius:13px;background:rgba(18,34,91,.5);border:1px solid rgba(142,239,255,.2);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.rank-status span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#9af7e2}.rank-status small{font-size:9px;color:#aebfdf}.rank-list{padding-bottom:18px}.rank-list div:nth-child(-n+3) strong{color:#ffe28a}.rank-list div b{color:#b9cbeb}.rank-list .you{position:sticky;bottom:0;background:rgba(30,61,133,.96);backdrop-filter:blur(12px);box-shadow:0 -8px 24px rgba(11,18,61,.28)}
@media(max-width:650px){.rank-status{display:block;margin-top:4px}.rank-status small{display:block;margin-top:4px;line-height:1.35}.rank-list div{grid-template-columns:32px minmax(0,1fr) auto;padding:10px 11px;margin:5px 0;font-size:12px}.rank-list div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Shop polish */
.skin-card{position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background:linear-gradient(160deg,rgba(31,52,126,.78),rgba(29,38,102,.82))}
.skin-card:hover{transform:translateY(-2px);border-color:rgba(142,244,255,.52)}
.skin-card.selected{box-shadow:0 0 0 2px #8df7ff,0 10px 28px rgba(69,224,255,.18);background:linear-gradient(155deg,rgba(45,113,168,.88),rgba(64,48,143,.88))}
.skin-card b{font-weight:900;letter-spacing:-.02em}.skin-card small{display:inline-block!important;padding:3px 7px;border-radius:999px;background:rgba(148,170,224,.12);letter-spacing:.07em}.skin-card strong{margin-top:7px;font-size:12px!important;color:#9effdf!important;text-shadow:0 0 14px rgba(117,255,219,.18)}
.skin-card.selected:after{content:'✓';position:absolute;top:9px;right:9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#9af7e2;color:#18325d;font-size:12px;font-weight:900}
.burn-note{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px!important;border-radius:12px;background:rgba(255,174,77,.09);border:1px solid rgba(255,200,99,.18)}
@media(max-width:650px){.skin-card strong{font-size:10px!important}.skin-card.selected:after{width:18px;height:18px;top:7px;right:7px}.burn-note{font-size:10px!important}}

/* Mobile header interaction fix */
.header{position:relative;z-index:55}.language-picker{z-index:80;pointer-events:auto}.language-picker>button{position:relative;z-index:82;pointer-events:auto;touch-action:manipulation;cursor:pointer}.language-menu{z-index:100;pointer-events:auto}.language-menu button{pointer-events:auto;touch-action:manipulation;cursor:pointer;min-height:38px}
.panel{z-index:12}.app-nav{z-index:30}
@media(max-width:650px){.language-picker{right:12px;top:12px}.language-picker>button{min-width:58px;min-height:38px}.language-menu{top:42px;max-height:60vh;overflow-y:auto}}

/* Canonical Flap World bird: same artwork in logo, coin and Classic skin */
.official-bird svg,.bird-coin svg,.skin-preview.classic svg{width:100%;height:100%;display:block}
.logo.official-bird{display:grid;place-items:center;padding:3px;overflow:visible}
.logo.official-bird svg{width:30px;height:30px;filter:drop-shadow(0 3px 4px rgba(80,38,30,.18))}
.bird-coin{display:grid!important;place-items:center!important;padding:8px!important}
.bird-coin svg{width:76px!important;height:76px!important;filter:drop-shadow(0 5px 7px rgba(120,55,35,.22))!important}
.bird-coin span{display:none!important}
.skin-preview svg path:last-child{stroke-linejoin:round}

/* Header score only belongs to gameplay */
.shell:not([data-section="play"]) .best{display:none!important}

/* Keep the official bird perfectly circular while the coin energy rotates */
.bird-coin{animation:none!important;transform:none!important;border-radius:50%!important}
.bird-coin svg{animation:none!important;transform:none!important;aspect-ratio:1/1!important}
.hero-coin .orbit{animation-duration:5s!important}
.logo.official-bird{background:radial-gradient(circle at 35% 25%,#fff9b2,#ffd84f 58%,#ff9a52)!important;border-radius:50%!important}
.logo.official-bird svg{width:100%!important;height:100%!important;transform:none!important}

/* Premium interaction polish */
.panel-cta,.app-nav button,.skin-card,.language-picker button{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.panel-cta:active,.app-nav button:active,.skin-card:active,.language-picker>button:active{transform:scale(.97)}
.panel-cta{box-shadow:0 12px 28px rgba(73,235,218,.18)}
.panel-cta:hover{filter:brightness(1.06);box-shadow:0 14px 34px rgba(73,235,218,.28)}
.app-nav{backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(7,17,56,.2)}
.panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.skin-card:focus-visible,.app-nav button:focus-visible,.language-picker button:focus-visible,.panel-cta:focus-visible{outline:3px solid #9af7e2;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Visual consistency pass */
.skin-grid{align-items:stretch}.skin-card{isolation:isolate}.skin-card .skin-preview{margin-inline:auto}
.skin-card b,.skin-card small,.skin-card strong{position:relative;z-index:2}
.token-grid article{transition:transform .18s ease,border-color .18s ease}.token-grid article:hover{transform:translateY(-2px);border-color:rgba(151,244,255,.32)}
.header{background:linear-gradient(90deg,rgba(49,126,222,.16),rgba(114,65,190,.13));border-bottom:1px solid rgba(148,225,255,.16)}
@media(max-width:650px){
 .skins-panel .panel-scroll{scrollbar-width:thin}
 .skin-card{min-height:188px!important}
 .skin-preview,.skin-preview svg{max-width:72px!important;max-height:72px!important}
 .token-grid{gap:8px}.token-grid article{border-radius:16px}
}

/* Premium rarity hierarchy */
.skin-card small{font-weight:800}.skin-card strong{letter-spacing:.015em}
.skin-card:has(small:nth-of-type(1)){--rarity-glow:rgba(122,244,255,.12)}
.skin-card strong{padding:4px 8px;border-radius:9px;background:rgba(110,255,220,.055)}
.skin-card:hover strong{background:rgba(110,255,220,.1)}
.skin-card.selected strong{background:rgba(132,255,224,.12)}
@media(max-width:650px){.skin-card strong{padding:3px 5px}.skin-grid{padding-bottom:8px}}

/* World progression HUD */
.world-progress{position:absolute;z-index:8;top:84px;left:50%;transform:translateX(-50%);width:min(210px,38vw);height:5px;border-radius:999px;background:rgba(16,31,83,.42);overflow:hidden;opacity:0;transition:opacity .2s}.shell[data-state="play"] .world-progress,.shell[data-state="paused"] .world-progress{opacity:1}.world-progress i{display:block;width:4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ef5e2,#d8ff6d);box-shadow:0 0 12px rgba(126,245,226,.6);transition:width .28s ease}
.world-toast{position:absolute;z-index:15;left:50%;top:27%;transform:translate(-50%,-8px) scale(.96);padding:10px 18px;border-radius:999px;background:rgba(18,36,95,.88);border:1px solid rgba(151,244,255,.35);color:#b9fff0;font-size:11px;font-weight:900;letter-spacing:.13em;opacity:0;pointer-events:none;backdrop-filter:blur(12px)}.world-toast.show{animation:worldToast 1.8s ease both}@keyframes worldToast{0%{opacity:0;transform:translate(-50%,8px) scale(.94)}15%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-10px) scale(.98)}}
@media(max-width:650px){.world-progress{top:72px;width:34vw}.world-toast{top:24%;font-size:9px;padding:8px 13px}}

/* Home galaxy ambience */
.home-panel .panel-scroll{position:relative;overflow:hidden}.home-panel .panel-scroll>*:not(.hero-space){position:relative;z-index:2}.hero-space{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 14%,rgba(92,85,225,.18),transparent 34%)}
.space-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 9px #bafaff;animation:twinkle 2.8s ease-in-out infinite}.s1{left:12%;top:8%}.s2{left:24%;top:19%;animation-delay:.5s}.s3{left:78%;top:11%;animation-delay:1.2s}.s4{left:88%;top:26%;animation-delay:.8s}.s5{left:9%;top:38%;animation-delay:1.7s}.s6{left:67%;top:36%;animation-delay:.3s}.s7{left:36%;top:6%;animation-delay:2s}.s8{left:92%;top:48%;animation-delay:1.1s}.space-star:nth-child(3n){width:5px;height:5px;background:#a7fff0}
.planet{position:absolute;border-radius:50%;opacity:.72;filter:drop-shadow(0 0 10px rgba(154,238,255,.25));animation:planetFloat 6s ease-in-out infinite}.planet.p1{width:18px;height:18px;right:14%;top:17%;background:linear-gradient(145deg,#80f1e2,#6177f2)}.planet.p2{width:11px;height:11px;left:16%;top:29%;background:linear-gradient(145deg,#ffd76b,#ef77ba);animation-delay:-2.2s}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}@keyframes planetFloat{0%,100%{transform:translateY(-4px)}50%{transform:translateY(7px)}}
.hero-coin:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,225,104,.13),transparent 68%);animation:spacePulse 3.2s ease-in-out infinite;pointer-events:none}@keyframes spacePulse{50%{transform:scale(1.12);opacity:.65}}
.bird{border-radius:50%;overflow:visible}.bird>svg{width:100%;height:100%;display:block;overflow:visible}

/* Gameplay day cycle: morning / afternoon / night every 100 pipes */
.shell[data-section="play"][data-daypart="morning"] .scene{background:linear-gradient(180deg,#52b8ff 0%,#8ddcff 46%,#ffe7a1 100%)}
.shell[data-section="play"][data-daypart="afternoon"] .scene{background:linear-gradient(180deg,#4f78e8 0%,#b56ac9 52%,#ff9d67 100%)}
.shell[data-section="play"][data-daypart="night"] .scene{background:linear-gradient(180deg,#101b55 0%,#263c83 52%,#624f9c 100%)}
.shell[data-section="play"][data-daypart="morning"] .sun{filter:brightness(1.08);box-shadow:0 0 70px rgba(255,226,111,.55)}
.shell[data-section="play"][data-daypart="afternoon"] .sun{background:radial-gradient(circle at 35% 30%,#fff0a8,#ffad55 58%,#f06d69);box-shadow:0 0 85px rgba(255,128,89,.5)}
.shell[data-section="play"][data-daypart="night"] .sun{background:radial-gradient(circle at 35% 30%,#fff,#dce8ff 55%,#9cb7ef);box-shadow:0 0 55px rgba(190,217,255,.42);transform:scale(.72)}
.shell[data-section="play"][data-daypart="night"] .stars{opacity:1}.shell[data-section="play"][data-daypart="morning"] .stars{opacity:.18}.shell[data-section="play"][data-daypart="afternoon"] .stars{opacity:.4}
.shell[data-section="play"] .scene,.shell[data-section="play"] .sun,.shell[data-section="play"] .stars{transition:background 1.2s ease,filter 1.2s ease,opacity 1.2s ease,transform 1.2s ease,box-shadow 1.2s ease}

/* Organic gameplay scenery — replaces triangular mountain look */
.shell[data-section="play"] .mountains{opacity:0!important}
.shell[data-section="play"] .scene:before,.shell[data-section="play"] .scene:after{content:'';position:absolute;left:-8%;right:-8%;pointer-events:none;transition:background 1.2s ease,opacity 1.2s ease}
.shell[data-section="play"] .scene:before{z-index:1;bottom:11%;height:36%;background:
radial-gradient(ellipse at 8% 100%,rgba(54,112,153,.72) 0 28%,transparent 29%),
radial-gradient(ellipse at 29% 100%,rgba(50,105,150,.76) 0 34%,transparent 35%),
radial-gradient(ellipse at 53% 100%,rgba(46,98,144,.74) 0 31%,transparent 32%),
radial-gradient(ellipse at 78% 100%,rgba(42,91,137,.78) 0 35%,transparent 36%),
radial-gradient(ellipse at 101% 100%,rgba(39,84,129,.8) 0 31%,transparent 32%)}
.shell[data-section="play"] .scene:after{z-index:2;bottom:7%;height:24%;background:
radial-gradient(ellipse at 3% 100%,rgba(27,91,103,.58) 0 34%,transparent 35%),
radial-gradient(ellipse at 23% 100%,rgba(29,98,104,.62) 0 31%,transparent 32%),
radial-gradient(ellipse at 48% 100%,rgba(25,88,98,.64) 0 38%,transparent 39%),
radial-gradient(ellipse at 74% 100%,rgba(23,81,94,.66) 0 34%,transparent 35%),
radial-gradient(ellipse at 98% 100%,rgba(21,74,89,.68) 0 37%,transparent 38%)}
.shell[data-section="play"][data-daypart="morning"] .scene:before{filter:brightness(1.18) saturate(.88)}
.shell[data-section="play"][data-daypart="afternoon"] .scene:before{filter:hue-rotate(18deg) saturate(.9);opacity:.82}
.shell[data-section="play"][data-daypart="night"] .scene:before,.shell[data-section="play"][data-daypart="night"] .scene:after{filter:brightness(.55) saturate(.75)}
.shell[data-section="play"] .cloud{filter:blur(.2px);opacity:.48;border-radius:999px;box-shadow:22px 7px 0 -4px currentColor,-18px 9px 0 -6px currentColor}
.shell[data-section="play"][data-daypart="morning"] .cloud{color:#eaf8ff}.shell[data-section="play"][data-daypart="afternoon"] .cloud{color:#f4d4e5}.shell[data-section="play"][data-daypart="night"] .cloud{color:#8493c6;opacity:.28}
.daypart-pill strong{font-size:18px!important;letter-spacing:.06em}.daypart-pill{min-width:112px}

/* Gameplay motion, milestones and cleaner HUD */
.world-progress{overflow:visible}.world-progress i{overflow:hidden}.world-progress span{position:absolute;right:-6px;top:10px;font-size:8px;font-weight:900;color:#b8cae8;letter-spacing:.05em}
.shell[data-section="play"] .scene:before{animation:landDrift 18s linear infinite}.shell[data-section="play"] .scene:after{animation:landDriftNear 11s linear infinite}
@keyframes landDrift{from{transform:translateX(0)}50%{transform:translateX(-2.5%)}to{transform:translateX(0)}}@keyframes landDriftNear{from{transform:translateX(-1.5%)}50%{transform:translateX(2%)}to{transform:translateX(-1.5%)}}
.major-milestone .scene{animation:milestoneFlash .9s ease}@keyframes milestoneFlash{0%,100%{filter:none}30%{filter:brightness(1.12) saturate(1.16)}}
.major-milestone .world-progress{filter:drop-shadow(0 0 12px #7ef5e2)}
.hud .pill{backdrop-filter:blur(12px);border:1px solid rgba(166,224,255,.16);box-shadow:0 8px 24px rgba(8,20,63,.16)}
@media(max-width:650px){.hud{gap:8px}.hud .pill{padding:8px 13px;min-width:92px}.hud .pill small{font-size:8px}.hud .pill strong{font-size:20px}.world-progress span{top:8px}}

/* Gameplay skins must preserve exact shop SVG colors */
.bird[data-skin]{filter:drop-shadow(0 5px 6px rgba(11,24,65,.28))!important}
.bird[data-skin] svg,.bird[data-skin] svg *{filter:none!important}
.shell[data-section="play"] .mountains,.shell[data-section="play"] [class*="mountain"]{display:none!important;opacity:0!important}

/* Hard isolation for exact playable skin artwork */
.bird .playable-skin-svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important;filter:none!important;background:none!important}
.bird .playable-skin-svg *{filter:none!important;mix-blend-mode:normal!important;opacity:1}
.shell[data-section="play"] .landscape .mountain{display:none!important}

/* Gameplay mobile layout reset — keep flight corridor clear */
.shell[data-section="play"] .header{height:62px!important;min-height:62px!important;padding:8px 14px!important;align-items:center!important}
.shell[data-section="play"] .brand{transform:none!important}.shell[data-section="play"] .logo{width:34px!important;height:34px!important}.shell[data-section="play"] .brandname{font-size:11px!important}
.shell[data-section="play"] .language-picker{top:11px!important;right:12px!important}
.shell[data-section="play"] .best{display:none!important}
.shell[data-section="play"] .hud{position:absolute!important;z-index:25!important;top:68px!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;flex-direction:row!important;gap:7px!important;width:auto!important}
.shell[data-section="play"] .hud .pill{min-width:104px!important;padding:7px 12px!important;border-radius:14px!important;background:rgba(22,53,104,.78)!important}
.shell[data-section="play"] .hud .pill small{font-size:8px!important;letter-spacing:.12em!important}.shell[data-section="play"] .hud .pill strong{font-size:18px!important;line-height:1.1!important}
.shell[data-section="play"] .world-progress{top:126px!important;width:180px!important;height:4px!important}
.shell[data-section="play"] .scene{padding-top:0!important}
.shell[data-section="play"] .bird,.shell[data-section="play"] .bird[data-skin]{filter:none!important;box-shadow:none!important;background:none!important}
.shell[data-section="play"] .bird .playable-skin-svg,.shell[data-section="play"] .bird .playable-skin-svg *{filter:none!important;box-shadow:none!important;text-shadow:none!important}
.shell[data-section="play"] .landscape .mountain{display:none!important}
@media(max-width:650px){
 .shell[data-section="play"] .header{height:56px!important;min-height:56px!important}
 .shell[data-section="play"] .brandname{font-size:9px!important}.shell[data-section="play"] .logo{width:30px!important;height:30px!important}
 .shell[data-section="play"] .hud{top:61px!important;gap:6px!important}
 .shell[data-section="play"] .hud .pill{min-width:94px!important;padding:6px 9px!important}
 .shell[data-section="play"] .world-progress{top:112px!important;width:150px!important}
 .shell[data-section="play"] .language-picker{top:9px!important}
}

/* FINAL gameplay layout authority */
body.gameplay-active .best{display:none!important}
body.gameplay-active .header{height:54px!important;min-height:54px!important;padding:7px 12px!important}
body.gameplay-active .header .brand{display:flex!important;transform:none!important}
body.gameplay-active .header .logo{width:30px!important;height:30px!important}
body.gameplay-active .header .brandname{font-size:9px!important}
body.gameplay-active .language-picker{top:8px!important;right:10px!important}
body.gameplay-active #hud{position:absolute!important;z-index:40!important;top:59px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:auto!important;display:grid!important;grid-template-columns:88px 116px!important;gap:6px!important;align-items:stretch!important}
body.gameplay-active #hud .pill{width:auto!important;min-width:0!important;height:50px!important;padding:6px 8px!important;margin:0!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
body.gameplay-active #hud .pill small{font-size:7px!important;line-height:1!important}
body.gameplay-active #hud .pill strong{font-size:17px!important;line-height:1.05!important;margin-top:4px!important}
body.gameplay-active #hud .world-progress{position:absolute!important;top:57px!important;left:50%!important;transform:translateX(-50%)!important;width:154px!important;height:3px!important}
body.gameplay-active #hud .world-toast{top:70px!important}
body.gameplay-active .bird,body.gameplay-active .bird[data-skin]{filter:none!important;box-shadow:none!important;text-shadow:none!important}
body.gameplay-active .bird .playable-skin-svg,body.gameplay-active .bird .playable-skin-svg *{filter:none!important;box-shadow:none!important;text-shadow:none!important}
body.gameplay-active .landscape .mountain{display:none!important}

/* Gameplay depth pass: subtle atmosphere without obstructing flight */
body.gameplay-active .scene{isolation:isolate}
body.gameplay-active .scene .stars{z-index:0}
body.gameplay-active .sun{z-index:0}
body.gameplay-active .cloud{z-index:1}
body.gameplay-active canvas{position:relative;z-index:8}
body.gameplay-active .credit{opacity:.58;font-size:9px!important;letter-spacing:.04em}
body.gameplay-active .pause-button,body.gameplay-active .sound-button{backdrop-filter:blur(12px);background:rgba(24,53,111,.72)!important;border:1px solid rgba(178,230,255,.2)!important}
body.gameplay-active[data-daypart="morning"] .scene{box-shadow:inset 0 70px 90px rgba(255,255,255,.05)}
body.gameplay-active[data-daypart="afternoon"] .scene{box-shadow:inset 0 80px 110px rgba(255,133,105,.08)}
body.gameplay-active[data-daypart="night"] .scene{box-shadow:inset 0 80px 120px rgba(35,45,108,.24)}

/* Pilot profile, XP and achievements */
.profile-panel{background:linear-gradient(145deg,#2f6fd1,#57399b 55%,#34236f)}.profile-panel .panel-scroll{padding-bottom:120px}.profile-hero{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px auto 10px}.profile-avatar{width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7a8,#ffd84f 58%,#ff9651);box-shadow:0 10px 30px rgba(255,205,80,.22)}.profile-hero small,.profile-hero span{display:block;color:#b8c9e7;font-size:10px;letter-spacing:.1em}.profile-hero strong{display:block;font-size:38px;color:#9ff8df;line-height:1}.xp-track{max-width:520px;height:10px;margin:12px auto 5px;border-radius:999px;background:#172b69;overflow:hidden}.xp-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#73f2e2,#dfff68);transition:width .35s}.xp-caption{max-width:520px;margin:auto;display:flex;justify-content:space-between;color:#b9c9e6;font-size:9px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:620px;margin:20px auto}.profile-stats article{padding:14px 8px;border-radius:16px;background:#1e347d;border:1px solid #8eeaff2b;text-align:center}.profile-stats b{display:block;color:#fff;font-size:20px}.profile-stats span{font-size:8px;color:#aebfdf}.ach-title{text-align:left;max-width:620px;margin:20px auto 10px}.achievements{max-width:620px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px}.achievements article{position:relative;padding:13px;border-radius:15px;background:#202f70;border:1px solid #9bdfff20;opacity:.56;text-align:left}.achievements article:after{content:'🔒';position:absolute;right:10px;top:10px}.achievements article.unlocked{opacity:1;background:linear-gradient(145deg,#26538a,#3e3b91);border-color:#91f5d866}.achievements article.unlocked:after{content:'✓';color:#9ff8df;font-weight:900}.achievements b,.achievements span,.achievements em{display:block}.achievements b{font-size:11px}.achievements span{font-size:9px;color:#b8c8e5;margin-top:4px}.achievements em{font-size:9px;color:#9ff8df;margin-top:7px;font-style:normal;font-weight:800}
@media(max-width:650px){.app-nav button{min-width:0}.profile-stats{gap:6px}.profile-stats article{padding:10px 4px}.achievements{grid-template-columns:1fr}.profile-avatar{width:62px;height:62px}}

/* Profile visibility fix */
.shell[data-section="profile"] .profile-panel{display:block!important}

/* Optional gameplay help */
.tips-button{position:absolute;z-index:45;right:18px;bottom:150px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(174,231,255,.28);background:rgba(24,53,111,.78);color:#fff;font-size:20px;font-weight:900;backdrop-filter:blur(12px);cursor:pointer}
.tips-card{position:absolute;z-index:60;right:18px;bottom:204px;width:min(290px,calc(100% - 36px));padding:16px;border-radius:18px;background:rgba(20,39,91,.95);border:1px solid rgba(155,236,255,.32);box-shadow:0 18px 48px rgba(8,18,58,.35);backdrop-filter:blur(16px);text-align:left}.tips-card b,.tips-card span{display:block}.tips-card b{color:#9ff8df;font-size:11px;letter-spacing:.12em;margin-bottom:10px}.tips-card span{font-size:11px;color:#d2def1;line-height:1.5;padding:3px 0}.tips-card button{position:absolute;right:8px;top:7px;border:0;background:none;color:#fff;font-size:22px;cursor:pointer}
.shell:not([data-section="play"]) .tips-button,.shell:not([data-section="play"]) .tips-card{display:none!important}
@media(max-width:650px){.tips-button{right:14px;bottom:142px;width:42px;height:42px}.tips-card{right:14px;bottom:190px}}

/* Profile panel authoritative layout */
.shell[data-section="profile"] #profile-panel{display:block!important;position:absolute!important;z-index:20!important;inset:86px 24px 82px!important;visibility:visible!important;opacity:1!important;overflow:hidden!important}
.shell[data-section="profile"] #profile-panel .panel-scroll{display:block!important;height:100%!important;overflow-y:auto!important;visibility:visible!important;opacity:1!important}
@media(max-width:650px){.shell[data-section="profile"] #profile-panel{inset:72px 15px 82px!important;border-radius:22px!important}.shell[data-section="profile"] #profile-panel .panel-scroll{padding:22px 14px 110px!important}}

/* Profile equipped skin + quick switch */
.profile-avatar{display:grid!important;place-items:center!important;background:rgba(28,52,121,.52)!important;border:1px solid rgba(157,237,255,.32);overflow:visible}.profile-avatar svg{width:88%!important;height:88%!important;display:block!important;filter:none!important}
.quick-skins{max-width:520px;margin:8px auto 16px;padding:10px 12px;border-radius:16px;background:rgba(27,48,113,.55);border:1px solid rgba(155,230,255,.18)}.quick-skins-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.quick-skins-head b{font-size:9px;letter-spacing:.12em;color:#9ff8df}.quick-skins-head span{font-size:8px;color:#b8c8e5}.quick-skins-head strong{color:#fff}.quick-skins-list{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}.quick-skins-list button{flex:0 0 46px;width:46px;height:46px;border-radius:13px;border:1px solid rgba(155,229,255,.16);background:#1e347d;padding:5px;display:grid;place-items:center;cursor:pointer}.quick-skins-list button svg{width:100%;height:100%;display:block;filter:none}.quick-skins-list button.active{border:2px solid #8df7e5;background:#2c5790;box-shadow:0 0 0 2px rgba(141,247,229,.12)}
@media(max-width:650px){.quick-skins{margin-top:4px}.quick-skins-list button{flex-basis:42px;width:42px;height:42px}.profile-avatar svg{width:92%!important;height:92%!important}}

/* Profile skin controls — authoritative visibility */
.shell[data-section="profile"] .profile-avatar{width:86px!important;height:86px!important;border-radius:50%!important;background:#1e347d!important;padding:5px!important;overflow:visible!important}
.shell[data-section="profile"] .profile-avatar svg{display:block!important;width:100%!important;height:100%!important;visibility:visible!important;opacity:1!important;filter:none!important}
.shell[data-section="profile"] .quick-skins{display:block!important;visibility:visible!important;opacity:1!important;max-width:560px!important;margin:12px auto 16px!important;padding:13px!important;background:rgba(20,42,103,.82)!important;border:1px solid rgba(143,241,226,.34)!important;box-shadow:0 10px 30px rgba(11,24,70,.18)}
.shell[data-section="profile"] .quick-skins-list{display:flex!important;min-height:58px!important;gap:8px!important;overflow-x:auto!important}
.shell[data-section="profile"] .quick-skins-list button{display:grid!important;flex:0 0 52px!important;width:52px!important;height:52px!important}
.all-skins-btn{width:100%;margin-top:9px;padding:9px 12px;border-radius:11px;border:1px solid rgba(143,241,226,.24);background:rgba(114,247,220,.09);color:#a8f8e7;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}
@media(max-width:650px){.shell[data-section="profile"] .profile-avatar{width:74px!important;height:74px!important}.shell[data-section="profile"] .quick-skins{margin:8px auto 13px!important;padding:10px!important}.shell[data-section="profile"] .quick-skins-list button{flex-basis:48px!important;width:48px!important;height:48px!important}}

/* Streak feedback: compact and outside flight corridor */
.streak-hud{position:absolute;z-index:42;top:119px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:rgba(20,45,100,.56);border:1px solid rgba(154,232,255,.16);backdrop-filter:blur(10px);opacity:.78;pointer-events:none}.streak-hud b{font-size:10px;color:#9ff8df}.streak-hud span{font-size:6px;font-weight:900;letter-spacing:.11em;color:#c2d0e8}.streak-hud.hot{animation:streakPop .7s ease;background:rgba(61,100,122,.84);border-color:#a8ffe8}@keyframes streakPop{0%,100%{transform:translateX(-50%) scale(1)}35%{transform:translateX(-50%) scale(1.16)}}
body.gameplay-active .streak-hud{top:118px!important}
body:not(.gameplay-active) .streak-hud{display:none!important}
@media(max-width:650px){body.gameplay-active .streak-hud{top:113px!important;padding:3px 7px}.streak-hud span{font-size:5px}}

/* Web3-ready interface */
.wallet-btn{border:1px solid rgba(151,244,255,.25);background:#1d357d;color:#b8fff0;border-radius:12px;padding:9px 11px;font-size:8px;font-weight:900;letter-spacing:.06em;cursor:pointer}.shop-wallet{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:520px;margin:0 auto 15px}.shop-wallet>div,.profile-wallet{padding:10px 12px;border-radius:13px;background:rgba(25,48,113,.65);border:1px solid rgba(155,230,255,.18);text-align:left}.shop-wallet small,.profile-wallet small{display:block;font-size:7px;color:#aebfdf;letter-spacing:.1em}.shop-wallet b,.profile-wallet b{display:block;font-size:9px;color:#9ff8df;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.profile-wallet{max-width:520px;margin:5px auto 10px}.wallet-modal{position:fixed;z-index:9999;inset:0;background:rgba(5,12,35,.72);display:grid;place-items:center;padding:18px;backdrop-filter:blur(9px)}.wallet-modal[hidden]{display:none!important}.wallet-sheet{position:relative;width:min(390px,100%);padding:22px;border-radius:22px;background:linear-gradient(145deg,#1d3479,#432d87);border:1px solid rgba(153,236,255,.28);box-shadow:0 24px 70px rgba(0,0,0,.38)}.wallet-sheet>b{display:block;color:#9ff8df;letter-spacing:.1em}.wallet-sheet p,.wallet-sheet small{color:#bac9e3;font-size:10px;line-height:1.5}.wallet-option{width:100%;margin:6px 0;padding:12px;border:1px solid rgba(158,233,255,.18);border-radius:12px;background:#243d86;color:#fff;font-weight:800;cursor:pointer}.wallet-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#fff;font-size:24px}.skin-card.owned:after{content:'POSSUÍDA';position:absolute;right:8px;top:8px;padding:3px 6px;border-radius:999px;background:#78f0d8;color:#17305f;font-size:6px;font-weight:900}
@media(max-width:650px){.wallet-btn{padding:8px;font-size:7px}.shop-wallet{margin-top:3px}.header-actions{gap:5px}}

/* Wallet selector: six Web3 options */
.wallet-sheet{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallet-sheet>b,.wallet-sheet>p,.wallet-sheet>small,.wallet-sheet>.wallet-close{grid-column:1/-1}.wallet-option{margin:0!important;min-height:46px}.wallet-sheet>small{margin-top:5px}
@media(max-width:420px){.wallet-sheet{grid-template-columns:1fr 1fr;padding:18px;gap:7px}.wallet-option{font-size:10px;padding:10px 6px}}

/* Mobile panel scrolling: authoritative */
.shell .panel .panel-scroll{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important;scrollbar-gutter:stable}
.shell[data-section="home"] .home-panel{overflow:hidden!important}
.shell[data-section="home"] .home-panel .panel-scroll{height:100%!important;max-height:100%!important;padding-bottom:130px!important}
@media(max-width:650px){.shell[data-section="home"] .home-panel .panel-scroll{padding-bottom:150px!important}.shell[data-section="home"] .home-panel{inset-bottom:78px!important}}

/* Web3 status surfaces */
.web3-network{max-width:520px;margin:0 auto 8px;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:12px;background:rgba(22,44,105,.48);border:1px solid rgba(150,231,255,.15)}.web3-network .network-dot{width:7px;height:7px;border-radius:50%;background:#80f2d8;box-shadow:0 0 9px rgba(128,242,216,.7)}.web3-network b{font-size:8px;color:#fff;letter-spacing:.08em}.web3-network small{margin-left:auto;font-size:6px;color:#9ff8df;letter-spacing:.1em}.profile-web3-summary{max-width:520px;margin:4px auto 8px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.profile-web3-summary>div{padding:8px 10px;border-radius:12px;background:rgba(24,47,109,.56);border:1px solid rgba(154,230,255,.14);text-align:left}.profile-web3-summary small,.profile-web3-summary b{display:block}.profile-web3-summary small{font-size:6px;color:#aebfdf;letter-spacing:.1em}.profile-web3-summary b{font-size:9px;color:#9ff8df;margin-top:3px}

/* Native touch scrolling + mobile usability */
.shell[data-section="home"] .home-panel,.shell[data-section="skins"] .skins-panel,.shell[data-section="rank"] .rank-panel,.shell[data-section="profile"] .profile-panel{touch-action:pan-y!important}
.shell[data-section="home"] .home-panel .panel-scroll{position:absolute!important;inset:0!important;height:auto!important;max-height:none!important;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
.shell[data-section="home"] .home-panel .panel-scroll:after{content:'';display:block;height:110px}
@media(max-width:650px){.shell[data-section="home"] .home-panel{bottom:76px!important}.shell[data-section="home"] .home-panel .panel-scroll:after{height:145px}.home-panel .hero-copy{padding-bottom:12px}}

/* Gameplay top polish: remove stacked translucent bands */
body.gameplay-active .header{background:transparent!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.gameplay-active #hud{background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
body.gameplay-active #hud .pill{height:44px!important;background:rgba(24,57,105,.72)!important;border:1px solid rgba(184,235,255,.14)!important;box-shadow:0 6px 18px rgba(14,40,82,.12)!important;backdrop-filter:blur(9px)!important}
body.gameplay-active #hud .pill small{opacity:.76}
body.gameplay-active #hud .world-progress{top:50px!important}
body.gameplay-active .streak-hud{top:108px!important}
@media(max-width:650px){body.gameplay-active #hud{top:58px!important}body.gameplay-active #hud .pill{height:42px!important}body.gameplay-active #hud .world-progress{top:48px!important}body.gameplay-active .streak-hud{top:106px!important}}

/* End-of-run polish */
.gameover-card .result-mini{background:rgba(31,58,120,.48)!important;border:1px solid rgba(164,232,255,.16)!important}
.gameover-card{backdrop-filter:blur(12px)}

/* FINAL gameplay HUD cleanup */
body.gameplay-active .header:before,body.gameplay-active .header:after,body.gameplay-active #hud:before,body.gameplay-active #hud:after{content:none!important;display:none!important}
body.gameplay-active .header{background:none!important}
body.gameplay-active #hud{top:56px!important;grid-template-columns:78px 108px!important;gap:5px!important}
body.gameplay-active #hud .pill{height:38px!important;padding:4px 7px!important;border-radius:12px!important;background:rgba(25,55,103,.66)!important}
body.gameplay-active #hud .pill small{font-size:6px!important}
body.gameplay-active #hud .pill strong{font-size:15px!important;margin-top:2px!important}
body.gameplay-active #hud .world-progress{top:43px!important;width:112px!important;height:3px!important;background:rgba(24,53,92,.42)!important;border:0!important}
body.gameplay-active #hud .world-progress span{position:absolute!important;top:-3px!important;left:118px!important;font-size:6px!important;color:rgba(255,255,255,.55)!important}
body.gameplay-active .streak-hud{top:104px!important}
@media(max-width:650px){body.gameplay-active #hud{top:55px!important}body.gameplay-active #hud .world-progress{top:42px!important}body.gameplay-active .streak-hud{top:102px!important}}

/* Gameplay clean-room override */
body.gameplay-active .world-progress{display:none!important}
body.gameplay-active .header{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
body.gameplay-active .header::before,body.gameplay-active .header::after{display:none!important;background:none!important}
body.gameplay-active #hud{background:transparent!important;background-image:none!important}
body.gameplay-active #hud .pill{background:rgba(20,48,94,.58)!important;border:1px solid rgba(220,245,255,.12)!important;box-shadow:none!important;backdrop-filter:blur(7px)!important}
body.gameplay-active .streak-hud{top:100px!important;background:rgba(20,48,94,.42)!important}

/* Gameplay HUD v2: lower, cleaner, no top band */
body.gameplay-active .header{top:0!important;left:0!important;right:0!important;height:62px!important;padding:10px 14px!important;background:transparent!important;border:0!important}
body.gameplay-active #hud{top:88px!important;left:50%!important;transform:translateX(-50%)!important;grid-template-columns:82px 112px!important;gap:8px!important}
body.gameplay-active #hud .pill{height:42px!important;border-radius:14px!important;background:rgba(19,48,92,.62)!important;border:1px solid rgba(219,244,255,.13)!important}
body.gameplay-active #hud .pill small{font-size:6px!important;letter-spacing:.13em!important}
body.gameplay-active #hud .pill strong{font-size:16px!important}
body.gameplay-active .streak-hud{top:137px!important}
body.gameplay-active .scene{box-shadow:none!important}
body.gameplay-active .scene::before,body.gameplay-active .scene::after{opacity:.7}
body.gameplay-active[data-daypart="morning"] .scene,body.gameplay-active[data-daypart="afternoon"] .scene,body.gameplay-active[data-daypart="night"] .scene{box-shadow:none!important}
body.gameplay-active #paused:not([hidden])~#hud{opacity:.35}
@media(max-width:650px){body.gameplay-active #hud{top:86px!important}.body.gameplay-active .streak-hud{top:135px!important}}

/* Career stats + record celebration */
.career-stats{max-width:620px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.career-stats article{padding:9px 7px;border-radius:13px;background:rgba(25,48,112,.48);border:1px solid rgba(154,230,255,.13);text-align:center}.career-stats span,.career-stats b{display:block}.career-stats span{font-size:6px;color:#aebfdf;letter-spacing:.08em}.career-stats b{margin-top:4px;font-size:13px;color:#9ff8df}.new-record{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:999px;background:rgba(159,248,223,.14);border:1px solid rgba(159,248,223,.34);color:#9ff8df;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em;animation:recordPulse 1s ease infinite alternate}.new-record[hidden]{display:none!important}@keyframes recordPulse{to{transform:scale(1.05);box-shadow:0 0 18px rgba(159,248,223,.22)}}
@media(max-width:650px){.career-stats{gap:5px}.career-stats article{padding:8px 4px}}

/* Persistent Web3 entry points */
.wallet-btn{display:block!important;position:absolute;z-index:90;right:92px;top:12px;white-space:nowrap}
.profile-connect-wallet{display:block;width:min(520px,100%);margin:6px auto 8px;padding:11px 14px;border-radius:13px;border:1px solid rgba(142,241,222,.32);background:rgba(29,62,126,.72);color:#a8f8e7;font-size:9px;font-weight:900;letter-spacing:.07em}
@media(max-width:650px){.wallet-btn{right:82px!important;top:10px!important;padding:7px 8px!important;font-size:6px!important;max-width:82px;overflow:hidden;text-overflow:ellipsis}}

/* Release-candidate polish */
button{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}.wallet-btn,.profile-connect-wallet,.panel-cta,.play{touch-action:manipulation}
.wallet-sheet small{display:block;padding-top:6px;border-top:1px solid rgba(164,230,255,.12);margin-top:5px}
.panel-scroll{scroll-behavior:smooth}
@media(max-width:650px){.panel-scroll{scroll-behavior:auto}.app-nav{padding-bottom:max(6px,env(safe-area-inset-bottom))}.shell{padding-top:env(safe-area-inset-top)}}
@media(prefers-reduced-motion:reduce){.hero-space *,.orbit,.sun,.cloud,.scene:before,.scene:after{animation:none!important}}

/* 1.0 UI freeze polish */
:root{--tap:44px}
button,.nav-item,.language-button,.wallet-btn{min-height:var(--tap)}
.gameover-card,.pause-card{max-width:min(620px,calc(100% - 28px))}
.gameover-card .subtitle,.pause-card .subtitle{max-width:500px;margin-left:auto;margin-right:auto}
@media(max-width:650px){.gameover-card,.pause-card{max-width:calc(100% - 22px);padding-left:18px!important;padding-right:18px!important}.gameover-card .title,.pause-card .title{font-size:clamp(32px,11vw,52px)!important}.scoreline{font-size:clamp(12px,4vw,18px)!important}.wallet-sheet{max-height:82dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}}

.global-gate{max-width:620px;margin:10px auto 14px;padding:11px 13px;border-radius:14px;background:rgba(24,53,112,.58);border:1px solid rgba(151,244,226,.26);text-align:left}.global-gate b,.global-gate span{display:block}.global-gate b{font-size:9px;color:#9ff8df;letter-spacing:.09em}.global-gate span{margin-top:5px;font-size:9px;color:#c5d2e8;line-height:1.45}

/* Official project links */
.official-links{max-width:620px;margin:12px auto 14px;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:7px}.official-links a,.official-links button{min-width:0;min-height:42px;padding:8px 9px;border-radius:12px;border:1px solid rgba(155,232,255,.18);background:rgba(25,49,111,.58);color:#d8e8f6;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.official-links b{font-size:9px;color:#9ff8df}.official-links span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.official-links a:hover,.official-links button:hover{border-color:rgba(159,248,223,.42);background:rgba(37,69,137,.68)}
@media(max-width:650px){.official-links{grid-template-columns:1fr 1fr}.official-links .dev-wallet-copy{grid-column:1/-1}}

/* Official social bar v2 */
.official-links{max-width:620px;margin:18px auto 14px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.official-links .social-link{min-width:0;min-height:54px!important;padding:8px 10px!important;border-radius:15px!important;border:1px solid rgba(167,221,255,.22)!important;background:rgba(19,42,100,.72)!important;color:#eef7ff!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;box-shadow:inset 0 1px rgba(255,255,255,.05);cursor:pointer}.official-links .social-link:hover{transform:translateY(-1px);border-color:rgba(151,244,226,.52)!important}.social-icon{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:800}.x-icon{background:#05070b;color:#fff}.telegram-icon{background:#229ed9}.telegram-icon svg{width:18px;height:18px;fill:#fff}.wallet-icon{background:linear-gradient(135deg,#72e9e3,#b5f77a);color:#152754}.social-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;line-height:1.1}.social-copy small{font-size:6px;letter-spacing:.12em;color:#8fa9c9;margin-bottom:4px}.social-copy strong{max-width:100%;font-size:8px;color:#f4f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.official-links button{font:inherit}
@media(max-width:650px){.official-links{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.official-links .social-link{min-height:50px!important;padding:7px!important;gap:6px!important}.social-icon{width:27px;height:27px;flex-basis:27px;font-size:15px}.telegram-icon svg{width:16px;height:16px}.social-copy small{font-size:5px}.social-copy strong{font-size:7px}}

/* Launch polish */
.telegram-icon{font-size:14px!important;line-height:1}.official-links .social-link:focus-visible{outline:2px solid #9ff8df;outline-offset:2px}.dev-wallet-copy:active{transform:scale(.98)}@media(max-width:380px){.social-copy small{display:none}.official-links .social-link{justify-content:center!important}.social-copy strong{font-size:6.5px}}

.prize-pool-card{max-width:620px;margin:10px auto 15px;padding:12px 14px;border:1px solid rgba(255,221,105,.24);border-radius:16px;background:linear-gradient(135deg,rgba(31,57,124,.82),rgba(65,43,132,.76));display:flex;align-items:center;justify-content:space-between;gap:12px}.prize-pool-card>div:first-child{display:flex;flex-direction:column;text-align:left}.prize-pool-card small{font-size:7px;letter-spacing:.13em;color:#9ff8df}.prize-pool-card>div>b{font-size:18px;color:#ffe06b;margin:3px 0}.prize-pool-card>div>span{font-size:7px;color:#aebed8}.prize-split{display:flex;gap:5px}.prize-split span{min-width:45px;padding:6px;border-radius:10px;background:rgba(12,31,80,.5);font-size:7px!important;color:#e9f3ff!important;text-align:center}.prize-split b{display:block;color:#ffe06b;margin-bottom:2px}@media(max-width:650px){.prize-pool-card{align-items:stretch;flex-direction:column}.prize-split span{flex:1}}

.project-trust{max-width:620px;margin:10px auto 14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.project-trust>div{padding:9px 10px;border-radius:13px;background:rgba(13,33,84,.42);border:1px solid rgba(145,214,255,.14);text-align:left}.project-trust small{display:block;margin-bottom:5px;font-size:6px;letter-spacing:.13em;color:#8fa9c9}.copy-public{width:100%;padding:0;border:0;background:none;color:#edf7ff;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.copy-public b{font-size:8px;font-weight:700}.copy-public span{font-size:6px;color:#9ff8df;letter-spacing:.08em}@media(max-width:650px){.project-trust{grid-template-columns:1fr 1fr}}