*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#080912;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}#app{position:fixed;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 18%,#17213a 0%,#070812 55%,#020308 100%)}#gameCanvas{position:absolute;inset:0;display:block;width:100%;height:100%}.menu{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:linear-gradient(180deg,rgba(5,7,15,.36),rgba(5,7,15,.92));transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.menu.hidden{opacity:0;transform:scale(1.035);visibility:hidden;pointer-events:none}.menu-grid{position:absolute;inset:-20%;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;transform:perspective(720px) rotateX(60deg) translateY(130px);mask-image:radial-gradient(circle,#000 0%,transparent 70%)}.menu-card{position:relative;width:min(560px,calc(100vw - 32px));padding:34px 28px 30px;border:2px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(8,10,18,.58);backdrop-filter:blur(18px);box-shadow:0 34px 92px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.06);text-align:center}.eyebrow{margin-bottom:12px;color:#72ff9b;font-size:11px;font-weight:1000;letter-spacing:.24em}.menu h1{margin:0;color:#fff;font-size:clamp(48px,9vw,92px);line-height:.86;letter-spacing:-.085em;text-shadow:0 8px 0 rgba(0,0,0,.38),0 0 38px rgba(114,255,155,.2)}.menu p{width:min(410px,100%);margin:20px auto 26px;color:rgba(255,255,255,.68);line-height:1.45}.main-btn{width:min(280px,100%);border:0;border-radius:999px;padding:17px 24px;color:#06120a;background:#72ff9b;font-size:13px;font-weight:1000;letter-spacing:.12em;cursor:pointer;box-shadow:0 10px 0 #1e9c46,0 22px 34px rgba(0,0,0,.38);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.main-btn:hover{transform:translateY(-3px);box-shadow:0 13px 0 #1e9c46,0 26px 38px rgba(0,0,0,.42);filter:brightness(1.05)}.main-btn:active{transform:translateY(7px);box-shadow:0 3px 0 #1e9c46,0 12px 18px rgba(0,0,0,.34)}.menu-keys{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px}.menu-keys span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.76);font-size:10px;font-weight:1000;letter-spacing:.08em}.hud{position:absolute;inset:0;z-index:10;pointer-events:none}.level-pill,.orb-pill,.ability-card,.bounce-card,.hud-actions button{background:rgba(4,6,12,.34);border:2px solid rgba(255,255,255,.72);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.05)}.level-pill{position:absolute;top:18px;left:18px;min-width:72px;height:46px;border-radius:999px;display:grid;place-items:center;color:#fff;font-weight:1000;font-size:15px;letter-spacing:.04em}.orb-pill{position:absolute;top:18px;right:132px;height:46px;min-width:82px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:1000}.orb-pill span{color:#ffe783;text-shadow:0 0 18px rgba(255,231,131,.42);font-size:18px}.orb-pill strong{font-size:17px}.hud-actions{position:absolute;top:18px;right:18px;display:flex;gap:8px;pointer-events:auto}.hud-actions button{width:46px;height:46px;border-radius:999px;color:#fff;font-size:16px;font-weight:1000;cursor:pointer;line-height:1}.hud-actions button:hover{background:rgba(255,255,255,.12)}.escape-card{position:absolute;top:18px;left:50%;width:min(390px,calc(100vw - 250px));min-width:230px;transform:translateX(-50%);text-align:center}.escape-label{height:22px;color:#fff;font-size:12px;font-weight:1000;letter-spacing:.22em;text-shadow:0 2px 10px rgba(0,0,0,.4)}.escape-bar{position:relative;width:100%;height:24px;margin-top:5px;border:4px solid #fff;border-radius:999px;overflow:hidden;background:transparent;box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.08)}.escape-bar div{height:100%;width:0%;border-radius:999px;background:rgba(82,255,130,.7);box-shadow:0 0 24px rgba(82,255,130,.32);transition:width .18s cubic-bezier(.2,.9,.15,1),background .18s ease}.escape-card.unlocked .escape-label{color:#72ff9b;text-shadow:0 0 18px rgba(114,255,155,.38)}.escape-card.unlocked .escape-bar div{background:rgba(114,255,155,.92);box-shadow:0 0 34px rgba(114,255,155,.55)}.escape-card.pulse .escape-bar{animation:barBump .24s ease}.escape-pop{position:absolute;left:50%;top:55px;min-width:58px;padding:6px 10px;border-radius:999px;background:rgba(114,255,155,.88);color:#07120b;font-size:11px;font-weight:1000;letter-spacing:.08em;opacity:0;transform:translate(-50%,8px) scale(.88);box-shadow:0 10px 26px rgba(0,0,0,.25);pointer-events:none}.escape-pop.show{animation:popUp .62s ease forwards}.hud-center{position:absolute;inset:0;display:grid;place-items:center}.center-msg{max-width:min(720px,94vw);padding:12px 22px;opacity:0;transform:scale(.9) translateY(12px);color:#fff;font-size:clamp(34px,8vw,82px);line-height:.86;font-weight:1000;letter-spacing:-.08em;text-align:center;text-shadow:0 8px 0 rgba(0,0,0,.38),0 0 36px rgba(255,255,255,.24);transition:opacity .12s ease,transform .12s ease}.center-msg.show{opacity:1;transform:scale(1) translateY(0);animation:centerPunch .42s cubic-bezier(.16,.95,.24,1.22)}.center-msg.good{color:#72ff9b;text-shadow:0 8px 0 rgba(0,0,0,.36),0 0 40px rgba(114,255,155,.42)}.center-msg.warn{color:#ffe783;text-shadow:0 8px 0 rgba(0,0,0,.36),0 0 38px rgba(255,231,131,.36)}.center-msg.danger{color:#ff4f7a;text-shadow:0 8px 0 rgba(0,0,0,.36),0 0 40px rgba(255,79,122,.42)}.ability-card{position:absolute;left:18px;bottom:18px;width:118px;min-height:58px;border-radius:22px;padding:10px 12px;color:#fff}.ability-card span{display:block;color:rgba(255,255,255,.62);font-size:9px;font-weight:1000;letter-spacing:.16em}.ability-card strong{display:block;margin-top:2px;font-size:13px;line-height:1;font-weight:1000;letter-spacing:.04em}.ability-card.ready{border-color:rgba(114,255,155,.82);box-shadow:0 10px 28px rgba(0,0,0,.18),0 0 22px rgba(114,255,155,.12)}.ability-card.charging strong{color:#ffe783}.ability-bar{height:5px;margin-top:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.ability-bar div{height:100%;width:100%;border-radius:999px;background:#72ff9b;transition:width .16s ease,background .16s ease}.ability-card.charging .ability-bar div{background:#ffe783}.bounce-card{position:absolute;right:18px;bottom:18px;min-width:136px;height:58px;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;color:#fff}.bounce-dots{display:flex;gap:7px}.bounce-dots span{width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:transparent;box-shadow:0 4px 12px rgba(0,0,0,.24);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.bounce-dots span.used{background:#fff}.bounce-dots span.danger{background:#ffe783;border-color:#ffe783;box-shadow:0 0 18px rgba(255,231,131,.48)}.bounce-card.danger{border-color:#ffe783;animation:dangerPulse .62s ease infinite alternate}.bounce-card.triggered{border-color:#72ff9b;animation:barBump .22s ease}.bounce-card strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.touch-zone{position:absolute;inset:0;z-index:9;pointer-events:auto;touch-action:none}.stick-base{position:absolute;left:26px;bottom:100px;width:92px;height:92px;border-radius:999px;border:2px solid rgba(255,255,255,.15);background:rgba(255,255,255,.035);opacity:0;transform:scale(.78);transition:opacity .12s ease,transform .12s ease}.touch-zone.active .stick-base{opacity:1;transform:scale(1)}.stick-dot{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 0 24px rgba(255,255,255,.18)}.damage-flash{position:absolute;inset:0;z-index:24;opacity:0;pointer-events:none;transition:opacity .1s ease}.damage-flash.show{opacity:1}.debug-panel{position:absolute;right:18px;top:78px;z-index:40;width:min(330px,calc(100vw - 36px));padding:14px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(6,8,16,.78);backdrop-filter:blur(14px);color:#fff;box-shadow:0 26px 70px rgba(0,0,0,.42)}.debug-panel.hidden{display:none}.debug-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.debug-head strong{font-size:12px;letter-spacing:.12em}.debug-head span{font-size:10px;color:rgba(255,255,255,.54);font-weight:900}.debug-panel label{display:grid;grid-template-columns:70px 1fr 38px;align-items:center;gap:8px;margin:10px 0;color:rgba(255,255,255,.75);font-size:11px;font-weight:850}.debug-panel input[type=range]{width:100%}.debug-panel .check-row{grid-template-columns:1fr auto}.debug-help{margin-top:10px;color:rgba(255,255,255,.42);font-size:10px;line-height:1.35}@keyframes barBump{0%{transform:scale(1)}45%{transform:scale(1.035)}100%{transform:scale(1)}}@keyframes popUp{0%{opacity:0;transform:translate(-50%,10px) scale(.86)}20%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-22px) scale(.96)}}@keyframes centerPunch{0%{transform:scale(.84) translateY(20px)}55%{transform:scale(1.08) translateY(0)}100%{transform:scale(1) translateY(0)}}@keyframes dangerPulse{0%{transform:scale(1);box-shadow:0 10px 28px rgba(0,0,0,.18)}100%{transform:scale(1.035);box-shadow:0 10px 28px rgba(0,0,0,.18),0 0 28px rgba(255,231,131,.2)}}@media (max-width:720px){.level-pill{top:12px;left:12px;height:40px;min-width:62px;font-size:13px}.orb-pill{top:12px;right:62px;height:40px;min-width:66px}.hud-actions{top:12px;right:12px}.hud-actions button{width:40px;height:40px;font-size:14px}.hud-actions button:first-child{display:none}.escape-card{top:60px;width:min(300px,calc(100vw - 36px));min-width:0}.escape-label{font-size:10px;height:18px}.escape-bar{height:21px;border-width:4px}.ability-card{left:12px;bottom:12px;width:104px;min-height:54px}.bounce-card{right:12px;bottom:12px;min-width:122px;height:54px}.bounce-dots span{width:12px;height:12px}.center-msg{font-size:clamp(36px,12vw,72px)}}@media (hover:hover){.hud-actions{opacity:.44;transition:opacity .15s ease}.hud-actions:hover{opacity:1}}
.rotate-lock{position:absolute;inset:0;z-index:80;display:none;place-items:center;background:linear-gradient(180deg,rgba(4,7,16,.92),rgba(4,7,16,.98));backdrop-filter:blur(18px);text-align:center;padding:24px}.rotate-card{width:min(360px,calc(100vw - 40px));border:3px solid #fff;border-radius:28px;padding:28px 24px;background:rgba(255,255,255,.06);box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.08)}.rotate-icon{width:74px;height:74px;margin:0 auto 18px;border:4px solid #72ff9b;border-radius:24px;display:grid;place-items:center;color:#72ff9b;font-size:40px;font-weight:1000;animation:rotateHint 1.25s ease-in-out infinite}.rotate-card strong{display:block;color:#fff;font-size:28px;line-height:.9;font-weight:1000;letter-spacing:-.06em;text-shadow:0 5px 0 rgba(0,0,0,.32)}.rotate-card span{display:block;margin-top:12px;color:rgba(255,255,255,.72);font-size:13px;font-weight:800}@keyframes rotateHint{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(12deg) scale(1.06)}}@media (orientation:portrait) and (max-width:900px){.rotate-lock{display:grid}}@media (orientation:landscape){.rotate-lock{display:none!important}}@media (pointer:coarse) and (max-height:560px){.level-pill{top:8px;left:8px;height:34px;min-width:54px;font-size:12px;border-width:2px}.orb-pill{top:8px;right:100px;height:34px;min-width:60px;font-size:12px;border-width:2px}.orb-pill span{font-size:15px}.orb-pill strong{font-size:14px}.hud-actions{top:8px;right:8px;gap:6px}.hud-actions button{width:34px;height:34px;font-size:13px;border-width:2px}.escape-card{top:8px;width:min(310px,42vw);transform:translateX(-50%) scale(.86);transform-origin:top center}.ability-card{left:8px;bottom:8px;transform:scale(.78);transform-origin:bottom left}.bounce-card{right:8px;bottom:8px;transform:scale(.78);transform-origin:bottom right}.center-msg{font-size:clamp(28px,8vw,54px)}.stick-base{left:18px;bottom:72px;width:74px;height:74px}.stick-dot{width:28px;height:28px;margin:-14px 0 0 -14px}}@media (pointer:coarse){.level-pill,.orb-pill,.ability-card,.bounce-card,.hud-actions button,.menu-card,.rotate-card,.debug-panel{backdrop-filter:none!important}.menu-card{width:min(430px,calc(100vw - 28px));padding:20px 18px 18px;border-radius:22px}.menu h1{font-size:clamp(34px,8.2vw,58px);letter-spacing:-.075em}.menu p{margin:12px auto 16px;font-size:12px;line-height:1.28}.eyebrow{font-size:9px;margin-bottom:8px}.main-btn{width:min(220px,100%);padding:12px 18px;font-size:11px;box-shadow:0 7px 0 #1e9c46,0 16px 24px rgba(0,0,0,.32)}.menu-keys{gap:5px;margin-top:14px}.menu-keys span{padding:6px 8px;font-size:8.5px}.menu-grid{opacity:.14;background-size:54px 54px}.escape-bar div{box-shadow:none}.orb-pill span{text-shadow:none}}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){.menu-card{transform:scale(.82);transform-origin:center center;padding:18px 16px 16px}.menu h1{font-size:clamp(30px,7vw,48px)}.menu p{display:none}.main-btn{margin-top:12px}.menu-keys{margin-top:12px}.escape-card{top:7px;width:min(270px,40vw);transform:translateX(-50%) scale(.78)}.level-pill,.orb-pill,.hud-actions button{height:32px}.level-pill{min-width:50px;font-size:11px}.orb-pill{right:92px;min-width:54px}.hud-actions button{width:32px}.ability-card,.bounce-card{transform:scale(.7)}.center-msg{font-size:clamp(24px,7vw,46px)}}

.ability-card{width:136px;min-height:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.ability-card strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ability-bar{display:none!important}.ability-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin:8px auto 0;width:100%}.ability-dots span{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.92);background:transparent;box-shadow:0 4px 12px rgba(0,0,0,.24);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.ability-dots span.used{background:#ffe783;border-color:#ffe783;box-shadow:0 0 14px rgba(255,231,131,.4)}.ability-dots span.used.ready{background:#72ff9b;border-color:#72ff9b;box-shadow:0 0 16px rgba(114,255,155,.45)}.ability-dots span.next{transform:scale(1.12);border-color:#ffe783;box-shadow:0 0 16px rgba(255,231,131,.28)}.ability-card.ready{border-color:rgba(114,255,155,.86)}.ability-card.charging{border-color:rgba(255,231,131,.78)}.ability-card.charging span{color:#ffe783}@media (max-width:720px){.ability-card{width:122px}.ability-dots span{width:12px;height:12px}.ability-dots{gap:6px}}@media (pointer:coarse) and (max-height:560px){.ability-card{width:118px}.ability-dots span{width:12px;height:12px}.ability-dots{gap:6px}}
.ability-card>span{width:100%;text-align:center}.ability-dots{transform:translateX(0)}.menu{background:transparent!important;backdrop-filter:none!important}.menu-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:24px 20px!important}.menu h1{font-size:clamp(42px,8vw,86px)!important;text-shadow:none!important;letter-spacing:-.075em}.menu p{color:rgba(255,255,255,.78)!important;margin:16px auto 22px!important}.eyebrow{color:#72ff9b!important}.menu-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.main-btn{width:min(190px,calc(50vw - 30px))!important;border:4px solid #fff!important;border-radius:999px!important;padding:15px 18px!important;background:rgba(114,255,155,.88)!important;color:#041109!important;box-shadow:none!important;letter-spacing:.1em!important}.main-btn.ghost{background:transparent!important;color:#fff!important}.main-btn:hover{transform:translateY(-2px)!important;box-shadow:none!important;filter:brightness(1.05)}.main-btn:active{transform:translateY(1px)!important;box-shadow:none!important}.menu-keys span{background:transparent!important;border:2px solid rgba(255,255,255,.46)!important;color:rgba(255,255,255,.78)!important}.menu-grid{display:none!important}@media (max-width:720px){.menu-card{padding:18px 14px!important}.menu h1{font-size:clamp(34px,12vw,64px)!important}.menu p{font-size:13px!important;width:min(330px,100%)!important}.menu-actions{gap:8px}.main-btn{width:min(155px,calc(50vw - 22px))!important;padding:12px 12px!important;font-size:11px!important;border-width:3px!important}.menu-keys{margin-top:16px!important}.menu-keys span{font-size:9px!important;padding:7px 9px!important}}@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){.menu-card{transform:scale(.82)!important;transform-origin:center center!important}.menu h1{font-size:clamp(30px,8vw,52px)!important}.menu p{display:block!important;font-size:11px!important;margin:10px auto 14px!important}.menu-keys{display:none!important}}

.pause-panel{position:absolute;inset:0;z-index:55;display:grid;place-items:center;pointer-events:auto;background:rgba(2,4,10,.18)}
.pause-panel.hidden{display:none}
.pause-box{width:min(390px,calc(100vw - 38px));border:4px solid #fff;border-radius:30px;padding:24px;background:transparent;color:#fff;text-align:center}
.pause-title{font-size:clamp(34px,8vw,68px);font-weight:1000;letter-spacing:-.08em;line-height:.86;text-shadow:none}
.pause-actions{display:grid;gap:10px;margin-top:22px}
.pause-actions button{height:48px;border:3px solid #fff;border-radius:999px;background:transparent;color:#fff;font-weight:1000;letter-spacing:.09em;cursor:pointer}
.pause-actions button:hover{background:rgba(255,255,255,.12)}
.pause-actions button:last-child{border-color:#72ff9b;color:#72ff9b}
.rush-flash{position:absolute;left:50%;top:50%;z-index:48;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.75);color:#72ff9b;font-size:clamp(54px,12vw,132px);line-height:.78;font-weight:1000;letter-spacing:-.09em;text-shadow:0 8px 0 rgba(0,0,0,.34),0 0 44px rgba(114,255,155,.45)}
.rush-flash.show{animation:rushFlash .76s cubic-bezier(.12,.9,.18,1) forwards}
#app.rush-juice:after{content:"";position:absolute;inset:0;z-index:46;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(114,255,155,.25),rgba(255,231,131,.1) 32%,rgba(255,255,255,0) 68%);animation:rushWash .72s ease forwards}
.escape-card.rush .escape-label{color:#ffe783;text-shadow:0 0 18px rgba(255,231,131,.38)}
.escape-card.rush .escape-bar div{background:linear-gradient(90deg,rgba(114,255,155,.82),rgba(255,231,131,.86),rgba(255,158,80,.92));box-shadow:0 0 26px rgba(255,231,131,.32)}
.escape-card.rush.rush-hot .escape-bar{animation:rushHot .42s ease infinite alternate}
@keyframes rushFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-3deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(1deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:0;transform:translate(-50%,-58%) scale(.92)}}
@keyframes rushWash{0%{opacity:0}22%{opacity:1}100%{opacity:0}}
@keyframes rushHot{0%{transform:scale(1);filter:brightness(1)}100%{transform:scale(1.025);filter:brightness(1.18)}}
@media (pointer:coarse) and (orientation:landscape){.pause-box{transform:scale(.84);padding:18px}.pause-actions button{height:42px}.rush-flash{font-size:clamp(42px,10vw,84px)}}

#app.menu-state .hud,#app.menu-state .touch-zone,#app.menu-state .pause-panel,#app.menu-state .rush-flash{display:none!important}
#app.game-state .hud{display:block}
.menu{background:transparent!important;backdrop-filter:none!important;place-items:center;overflow:hidden}
.menu-main,.menu-panel{position:relative;width:min(420px,calc(100vw - 36px));text-align:center;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.menu-main.hidden,.menu-panel.hidden{display:none!important}
.menu h1{margin:0 0 26px;color:#fff;font-size:clamp(44px,10vw,86px);line-height:.82;letter-spacing:-.09em;text-shadow:none!important}
.menu-stack{display:grid;gap:12px;justify-items:center}
.main-btn{width:min(280px,100%);height:52px;border:4px solid #fff!important;border-radius:999px!important;background:transparent!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important;font-size:13px;font-weight:1000;letter-spacing:.12em;padding:0 22px;transition:transform .12s ease,background .12s ease,color .12s ease}
.main-btn:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.12)!important;box-shadow:none!important;filter:none!important}
.main-btn:active{transform:translateY(2px)!important;box-shadow:none!important}
.main-btn.ghost{border-color:rgba(255,255,255,.72)!important;color:rgba(255,255,255,.9)!important}
.menu-panel h2{margin:0;color:#fff;font-size:clamp(36px,8vw,68px);line-height:.86;letter-spacing:-.08em;text-shadow:none}
.menu-panel p{margin:10px auto 18px;max-width:340px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.38}
.back-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;margin:0 auto 18px;padding:0 16px;border:3px solid rgba(255,255,255,.76);border-radius:999px;background:transparent;color:#fff;font-size:11px;font-weight:1000;letter-spacing:.12em;cursor:pointer}
.level-grid{width:min(680px,calc(100vw - 32px));max-height:min(56vh,430px);margin:0 50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:auto;padding:4px 4px 12px;scrollbar-width:none}
.level-grid::-webkit-scrollbar{display:none}
.level-grid button{min-height:58px;border:3px solid rgba(255,255,255,.78);border-radius:18px;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}
.level-grid button:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.level-grid button strong{font-size:17px;line-height:1;font-weight:1000;color:#72ff9b}
.level-grid button span{max-width:100%;padding:0 4px;font-size:9px;font-weight:900;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.82)}
.eyebrow,.menu-card,.menu-keys,.menu p{display:none!important}
@media (max-width:720px){.level-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:52vh}.level-grid button{min-height:52px;border-radius:16px}.menu h1{margin-bottom:18px}.main-btn{height:46px;border-width:3px!important}}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){.menu-main,.menu-panel{transform:scale(.88)}.level-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:44vh}.level-grid button{min-height:46px}.menu h1{font-size:clamp(34px,8vw,58px);margin-bottom:14px}.main-btn{height:42px}.menu-stack{gap:8px}}

.shop-panel,.settings-panel,.credits-panel{width:min(620px,calc(100vw - 36px))}
.shop-wallet{width:min(320px,100%);height:48px;margin:0 auto 16px;border:3px solid #fff;border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#fff;font-weight:1000}
.shop-wallet span{font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.78)}
.shop-wallet strong{font-size:20px;color:#ffe783;text-shadow:0 0 18px rgba(255,231,131,.35)}
.skin-grid{width:min(760px,calc(100vw - 32px));max-height:min(58vh,470px);margin:0 50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;padding:4px 4px 12px;scrollbar-width:none}
.skin-grid::-webkit-scrollbar{display:none}
.skin-card{border:3px solid rgba(255,255,255,.7);border-radius:22px;padding:12px;background:transparent;color:#fff;display:grid;grid-template-rows:auto auto auto;gap:9px;min-height:188px}
.skin-card.selected{border-color:#72ff9b;box-shadow:0 0 0 2px rgba(114,255,155,.16) inset}
.skin-preview{height:70px;display:grid;place-items:center}
.skin-preview span{width:58px;height:58px;border-radius:50%;display:block;border:3px solid rgba(255,255,255,.86);box-shadow:inset -10px -12px 18px rgba(0,0,0,.2),inset 10px 8px 14px rgba(255,255,255,.22)}
.skin-card[data-skin="default"] .skin-preview span{background:#fff}
.skin-card[data-skin="chrome"] .skin-preview span{background:radial-gradient(circle at 28% 22%,#fff 0 12%,#d8e5ff 20%,#7489a9 46%,#f3f7ff 58%,#536a86 76%,#eff5ff 100%)}
.skin-card[data-skin="soccer"] .skin-preview span{background:radial-gradient(circle at 50% 50%,#111 0 14%,transparent 15%),radial-gradient(circle at 25% 25%,#111 0 8%,transparent 9%),radial-gradient(circle at 72% 28%,#111 0 8%,transparent 9%),radial-gradient(circle at 30% 76%,#111 0 8%,transparent 9%),radial-gradient(circle at 76% 75%,#111 0 8%,transparent 9%),#f7f7f2}
.skin-card[data-skin="colombia"] .skin-preview span{background:linear-gradient(#fcd116 0 50%,#003893 50% 75%,#ce1126 75% 100%)}
.skin-card[data-skin="chile"] .skin-preview span{background:linear-gradient(90deg,#0039a6 0 36%,transparent 36%),linear-gradient(#fff 0 50%,#d52b1e 50% 100%)}
.skin-card[data-skin="mexico"] .skin-preview span{background:linear-gradient(90deg,#006847 0 33%,#fff 33% 66%,#ce1126 66% 100%)}
.skin-card[data-skin="rd"] .skin-preview span{background:linear-gradient(90deg,transparent 45%,#fff 45% 55%,transparent 55%),linear-gradient(transparent 43%,#fff 43% 57%,transparent 57%),linear-gradient(90deg,#002d62 0 50%,#ce1126 50% 100%)}
.skin-info{display:grid;gap:3px;text-align:center;min-width:0}
.skin-info strong{font-size:13px;font-weight:1000;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skin-info small{font-size:10px;font-weight:1000;letter-spacing:.1em;color:rgba(255,255,255,.62)}
.skin-card button{height:38px;border:3px solid #fff;border-radius:999px;background:transparent;color:#fff;font-size:10px;font-weight:1000;letter-spacing:.09em;cursor:pointer}
.skin-card button:hover:not(:disabled){background:rgba(255,255,255,.12)}
.skin-card button:disabled{opacity:.46;cursor:default}
.skin-card.selected button{border-color:#72ff9b;color:#72ff9b}
.settings-list{display:grid;gap:12px;width:min(360px,100%);margin:18px auto 0}
.setting-row{height:56px;border:4px solid #fff;border-radius:999px;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:1000;letter-spacing:.1em;cursor:pointer}
.setting-row span{font-size:12px}
.setting-row strong{min-width:54px;height:30px;border-radius:999px;display:grid;place-items:center;border:2px solid currentColor;font-size:11px}
.setting-row.on{color:#72ff9b;border-color:#72ff9b}
.setting-row.off{color:rgba(255,255,255,.72);border-color:rgba(255,255,255,.62)}
.credits-copy{width:min(430px,100%);margin:18px auto 0;border:3px solid rgba(255,255,255,.72);border-radius:28px;padding:18px 20px;color:rgba(255,255,255,.82);line-height:1.45}
.credits-copy p{display:block!important;margin:8px 0!important;color:inherit!important;font-size:14px!important}
.credits-copy strong{color:#fff}
@media (max-width:720px){.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:52vh}.skin-card{min-height:160px;padding:9px}.skin-preview{height:54px}.skin-preview span{width:46px;height:46px}.settings-list{gap:9px}.setting-row{height:48px;border-width:3px}.shop-wallet{height:42px;border-width:3px}}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){.shop-panel,.settings-panel,.credits-panel{transform:scale(.84)}.skin-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:42vh}.skin-card{min-height:132px;padding:7px;gap:5px}.skin-preview{height:42px}.skin-preview span{width:38px;height:38px}.skin-card button{height:30px;border-width:2px}.skin-info strong{font-size:10px}.skin-info small{font-size:8px}.shop-wallet{height:36px;margin-bottom:8px}.settings-list{margin-top:10px}.setting-row{height:40px}}

.menu-panel>p{display:block!important;margin:10px auto 18px!important;max-width:340px;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.38!important}

.loading-screen{position:absolute;inset:0;z-index:120;display:grid;place-items:center;background:#070912;color:#fff;transition:opacity .32s ease,visibility .32s ease}
.loading-screen.done{opacity:0;visibility:hidden;pointer-events:none}
.loading-inner{width:min(430px,calc(100vw - 44px));display:grid;justify-items:center;gap:18px;text-align:center}
.loading-inner h1{margin:0;font-size:clamp(46px,10vw,92px);line-height:.82;letter-spacing:-.09em;font-weight:1000}
.loading-bar{width:min(310px,82vw);height:24px;border:4px solid #fff;border-radius:999px;overflow:hidden;background:transparent}
.loading-bar div{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#72ff9b,#b7ff50);box-shadow:0 0 22px rgba(114,255,155,.42);transition:width .24s ease}
.loading-inner span{font-size:12px;font-weight:1000;letter-spacing:.22em;color:rgba(255,255,255,.76)}
.back-btn,.pause-menu-btn{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 16px)!important;left:calc(env(safe-area-inset-left,0px) + 16px)!important;z-index:75!important;margin:0!important;width:auto!important;min-width:0!important;height:42px!important;padding:0 16px!important;border:3px solid rgba(255,255,255,.82)!important;border-radius:999px!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.1em!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.pause-menu-btn:hover,.back-btn:hover{background:rgba(255,255,255,.12)!important}
.pause-actions{padding-top:48px}
.pause-actions .pause-menu-btn{order:-1}
.menu-panel{padding-top:54px!important}
@media (max-width:720px){
  .back-btn,.pause-menu-btn{top:calc(env(safe-area-inset-top,0px) + 10px)!important;left:calc(env(safe-area-inset-left,0px) + 10px)!important;height:36px!important;padding:0 12px!important;border-width:2px!important;font-size:9px!important}
  .menu-panel{padding-top:44px!important}
  .pause-actions{padding-top:42px}
  .loading-inner h1{font-size:clamp(38px,12vw,72px)}
  .loading-bar{height:20px;border-width:3px}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .back-btn,.pause-menu-btn{top:calc(env(safe-area-inset-top,0px) + 8px)!important;left:calc(env(safe-area-inset-left,0px) + 8px)!important;height:32px!important;padding:0 10px!important;font-size:8px!important}
  .menu-panel{padding-top:30px!important}
  .pause-actions{padding-top:34px}
  .loading-inner{transform:scale(.82)}
}

.shop-wallet{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 16px)!important;
  right:calc(env(safe-area-inset-right,0px) + 16px)!important;
  z-index:76!important;
  width:auto!important;
  min-width:154px!important;
  height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  border:3px solid rgba(255,255,255,.82)!important;
  border-radius:999px!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  color:#fff!important;
  box-shadow:none!important;
}
.shop-wallet span{
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  color:rgba(255,255,255,.78)!important;
  white-space:nowrap!important;
}
.shop-wallet strong{
  font-size:17px!important;
  font-weight:1000!important;
  color:#ffe783!important;
  text-shadow:0 0 18px rgba(255,231,131,.35)!important;
}
@media (max-width:720px){
  .shop-wallet{
    top:calc(env(safe-area-inset-top,0px) + 10px)!important;
    right:calc(env(safe-area-inset-right,0px) + 10px)!important;
    min-width:126px!important;
    height:36px!important;
    padding:0 10px!important;
    border-width:2px!important;
    gap:9px!important;
  }
  .shop-wallet span{font-size:8px!important;letter-spacing:.08em!important}
  .shop-wallet strong{font-size:14px!important}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .shop-wallet{
    top:calc(env(safe-area-inset-top,0px) + 8px)!important;
    right:calc(env(safe-area-inset-right,0px) + 8px)!important;
    min-width:112px!important;
    height:32px!important;
    padding:0 9px!important;
  }
  .shop-wallet span{font-size:7px!important}
  .shop-wallet strong{font-size:13px!important}
}
/* Progress/shop/summary polish */
.shop-panel:not(.hidden){
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-content:stretch!important;
  height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important;
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important;
  width:min(820px,calc(100vw - 28px))!important;
  padding-top:70px!important;
  padding-bottom:14px!important;
  overflow:hidden!important;
}
.shop-panel h2{margin-bottom:10px!important}
.skin-grid{
  height:100%!important;
  max-height:none!important;
  min-height:0!important;
  align-content:start!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:4px 6px 28px!important;
}
.level-grid button.locked{opacity:.36;filter:grayscale(1);cursor:default;background:rgba(0,0,0,.12)}
.level-grid button:disabled{pointer-events:none}
.level-grid button em{font-style:normal;font-size:11px;font-weight:1000;letter-spacing:.08em;color:#ffe783;line-height:1}.level-grid button.locked em{color:rgba(255,255,255,.62)}
.level-complete-panel{position:absolute;inset:0;z-index:62;display:grid;place-items:center;background:rgba(2,4,10,.2);pointer-events:auto}.level-complete-panel.hidden{display:none!important}
.complete-box{width:min(440px,calc(100vw - 36px));border:4px solid #fff;border-radius:32px;padding:24px 20px;background:transparent;color:#fff;text-align:center}.complete-title{font-size:clamp(34px,8vw,72px);font-weight:1000;letter-spacing:-.08em;line-height:.84}.complete-stars{display:flex;justify-content:center;gap:8px;margin:18px 0 14px}.complete-stars span{font-size:42px;line-height:1;text-shadow:0 0 18px rgba(255,231,131,.28)}.complete-stars .on{color:#ffe783}.complete-stars .off{color:rgba(255,255,255,.22)}.complete-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 18px}.complete-stats div{border:2px solid rgba(255,255,255,.7);border-radius:18px;padding:10px 6px}.complete-stats span{display:block;color:rgba(255,255,255,.62);font-size:9px;font-weight:1000;letter-spacing:.12em}.complete-stats strong{display:block;margin-top:3px;font-size:16px;font-weight:1000}.complete-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.complete-actions button{height:44px;border:3px solid #fff;border-radius:999px;background:transparent;color:#fff;font-size:11px;font-weight:1000;letter-spacing:.08em;cursor:pointer}.complete-actions button:hover:not(:disabled){background:rgba(255,255,255,.12)}.complete-actions button:disabled{opacity:.35;cursor:default}.complete-actions button:first-child{border-color:#72ff9b;color:#72ff9b}
@media (max-width:720px){.shop-panel:not(.hidden){padding-top:56px!important;height:calc(100dvh - 18px)!important;max-height:calc(100dvh - 18px)!important}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-bottom:18px!important}.complete-box{padding:18px 14px;border-width:3px}.complete-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.complete-actions{grid-template-columns:1fr;gap:8px}.complete-stars span{font-size:34px}}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){.shop-panel:not(.hidden){transform:none!important;padding-top:42px!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important}.shop-panel h2{font-size:clamp(28px,7vw,48px)!important;margin-bottom:4px!important}.skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.complete-box{transform:scale(.84)}.complete-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.complete-actions button{height:36px}}


.shop-panel{display:flex;flex-direction:column}
.shop-scroll{width:min(840px,calc(100vw - 28px));flex:1 1 auto;min-height:0;height:100%;overflow:auto;padding:6px 4px 18px;margin:0 auto;display:grid;gap:18px;scrollbar-width:none}
.shop-scroll::-webkit-scrollbar{display:none}
.shop-section{display:grid;gap:10px;align-content:start}
.shop-section h3{margin:0;color:rgba(255,255,255,.78);font-size:11px;font-weight:1000;letter-spacing:.2em;text-align:left;padding:0 8px}
.shop-grid{width:100%!important;transform:none!important;margin:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;overflow:visible!important;height:auto!important;max-height:none!important;padding:0 4px 2px!important}
.trail-grid .skin-preview span{width:100%!important;height:18px!important;border-radius:999px!important;border-width:2px!important;box-shadow:none!important}
.trail-grid .skin-preview{display:flex!important;align-items:center;justify-content:center;height:58px!important}
.trail-grid .skin-card{min-height:168px}
.skin-card .trail-preview span{width:92px;height:18px;border-radius:999px}
@media (max-width:900px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.shop-scroll{width:calc(100vw - 18px);gap:14px;padding-bottom:16px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-section h3{font-size:9px;padding:0 4px}.trail-grid .skin-card{min-height:148px}.trail-grid .skin-preview{height:48px!important}}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){.shop-scroll{width:calc(100vw - 16px);gap:10px;padding-top:2px}.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px}.trail-grid .skin-card{min-height:116px}.trail-grid .skin-preview{height:34px!important}.trail-grid .skin-preview span{height:12px!important}.shop-section h3{font-size:8px}}

.pause-panel .pause-box{position:relative}
.pause-panel .pause-actions{padding-top:0!important}
.pause-panel #mainMenuBtn{
  position:static!important;
  order:3!important;
  width:100%!important;
  height:48px!important;
  padding:0 18px!important;
  border:3px solid #72ff9b!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#72ff9b!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.1em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.reward-panel,.fake-ad-panel{
  position:absolute;
  inset:0;
  z-index:70;
  display:grid;
  place-items:center;
  pointer-events:auto;
  background:rgba(2,4,10,.28);
}
.reward-panel.hidden,.fake-ad-panel.hidden{display:none!important}
.reward-box,.fake-ad-box{
  width:min(420px,calc(100vw - 34px));
  border:4px solid #fff;
  border-radius:32px;
  padding:24px 20px;
  background:transparent;
  color:#fff;
  text-align:center;
}
.reward-title{
  font-size:clamp(38px,9vw,76px);
  line-height:.82;
  letter-spacing:-.08em;
  font-weight:1000;
}
.reward-radial{
  --p:1;
  width:118px;
  height:118px;
  margin:18px auto 12px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:conic-gradient(#72ff9b calc(var(--p) * 360deg),rgba(255,255,255,.16) 0deg);
  position:relative;
}
.reward-radial:after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:#070912;
  border:3px solid rgba(255,255,255,.8);
}
.reward-radial span{
  position:relative;
  z-index:2;
  font-size:36px;
  font-weight:1000;
  color:#fff;
}
.reward-box p,.fake-ad-box p{
  display:block!important;
  margin:8px auto 18px!important;
  max-width:300px!important;
  color:rgba(255,255,255,.76)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.reward-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.reward-actions button,.fake-ad-box button{
  height:46px;
  border:3px solid #fff;
  border-radius:999px;
  background:transparent;
  color:#fff;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.09em;
  cursor:pointer;
}
.reward-actions button:first-child,.fake-ad-box button:not(:disabled){
  border-color:#72ff9b;
  color:#72ff9b;
}
.reward-actions button:hover,.fake-ad-box button:hover:not(:disabled){background:rgba(255,255,255,.12)}
.fake-ad-label{
  font-size:11px;
  font-weight:1000;
  letter-spacing:.22em;
  color:#ffe783;
}
.fake-ad-visual{
  height:170px;
  margin:16px 0 12px;
  border:4px dashed rgba(255,255,255,.72);
  border-radius:26px;
  display:grid;
  place-items:center;
  font-size:clamp(58px,14vw,108px);
  font-weight:1000;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.9);
  background:radial-gradient(circle at 50% 50%,rgba(114,255,155,.16),rgba(255,255,255,0) 65%);
}
.fake-ad-box button:disabled{
  opacity:.5;
  cursor:default;
}
@media (max-width:720px){
  .reward-box,.fake-ad-box{padding:18px 14px;border-width:3px}
  .reward-radial{width:96px;height:96px}
  .reward-radial span{font-size:30px}
  .reward-actions{grid-template-columns:1fr}
  .fake-ad-visual{height:132px;border-width:3px}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .reward-box,.fake-ad-box{transform:scale(.86);padding:16px 14px}
  .reward-radial{width:86px;height:86px;margin:10px auto 6px}
  .fake-ad-visual{height:104px;margin:8px 0}
}

/* PRO LOOP UI */
.speed-fx{
  position:absolute;
  inset:0;
  z-index:9;
  pointer-events:none;
  opacity:0;
  display:none!important;
  background:none!important;
  animation:none!important;
}
#app.game-state:not(.no-speed-fx):not(.no-white-flicker) .speed-fx{
  display:block!important;
  opacity:.055;
  background:radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(114,255,155,.10) 62%,transparent 78%)!important;
}
#app.menu-state .speed-fx,#app.no-speed-fx .speed-fx,#app.no-white-flicker .speed-fx{display:none!important}
@keyframes speedFxSpin{to{transform:none}}
.menu-stack{max-height:min(68vh,520px);overflow:auto;padding:2px 4px;scrollbar-width:none}
.menu-stack::-webkit-scrollbar{display:none}
.shop-tabs{display:flex;gap:8px;justify-content:center;margin:0 auto 10px;width:min(420px,calc(100vw - 28px))}
.shop-tabs button{height:38px;flex:1;border:3px solid rgba(255,255,255,.68);border-radius:999px;background:transparent;color:#fff;font-size:10px;font-weight:1000;letter-spacing:.1em;cursor:pointer}
.shop-tabs button.active{border-color:#72ff9b;color:#72ff9b;background:rgba(114,255,155,.08)}
.shop-preview{width:min(520px,calc(100vw - 30px));height:92px;margin:0 auto 10px;border:3px solid rgba(255,255,255,.72);border-radius:28px;display:grid;grid-template-columns:96px 1fr;align-items:center;padding:10px 14px;gap:10px;color:#fff}
.preview-orbit{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(255,255,255,.28);margin:auto;animation:previewOrbit 4s linear infinite}
.preview-ball{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.88);box-shadow:inset -10px -12px 18px rgba(0,0,0,.22),inset 10px 8px 14px rgba(255,255,255,.22)}
.preview-ball.trail-preview-large{width:72px;height:16px;border-radius:999px;border-width:2px;box-shadow:0 0 20px rgba(255,255,255,.18)}
.preview-copy{display:grid;gap:4px;text-align:left;min-width:0}.preview-copy strong{font-size:18px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-copy span{font-size:11px;font-weight:1000;letter-spacing:.1em;color:rgba(255,255,255,.68)}
@keyframes previewOrbit{to{transform:rotate(1turn)}}
.shop-section.hidden{display:none!important}
.missions-panel{width:min(660px,calc(100vw - 34px))}
.daily-card{width:min(520px,100%);margin:14px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border:3px solid rgba(255,255,255,.72);border-radius:28px;padding:14px 16px;color:#fff;text-align:left}
.daily-card strong{display:block;font-size:14px;font-weight:1000;letter-spacing:.08em}.daily-card span{display:block;margin-top:4px;color:rgba(255,255,255,.7);font-size:12px;font-weight:800}
.daily-card button,.mission-row button{height:40px;border:3px solid #72ff9b;border-radius:999px;background:transparent;color:#72ff9b;font-size:10px;font-weight:1000;letter-spacing:.09em;padding:0 14px;cursor:pointer}
.daily-card button:disabled,.mission-row button:disabled{opacity:.38;cursor:default;border-color:rgba(255,255,255,.58);color:rgba(255,255,255,.62)}
.missions-list{width:min(620px,100%);margin:0 auto;display:grid;gap:9px;max-height:min(58vh,440px);overflow:auto;padding:4px 4px 14px;scrollbar-width:none}.missions-list::-webkit-scrollbar{display:none}
.mission-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:3px solid rgba(255,255,255,.62);border-radius:22px;padding:12px 12px;text-align:left;color:#fff}
.mission-row.complete{border-color:#72ff9b}.mission-row.claimed{opacity:.62}
.mission-copy{display:grid;gap:4px;min-width:0}.mission-copy strong{font-size:13px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-copy span{font-size:10px;font-weight:1000;color:rgba(255,255,255,.62);letter-spacing:.06em}
.mission-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.mission-bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,#72ff9b,#ffe783)}
.combo-toast,.near-toast{position:absolute;left:50%;z-index:18;pointer-events:none;opacity:0;transform:translate(-50%,10px) scale(.9);font-size:clamp(26px,6vw,54px);font-weight:1000;letter-spacing:-.05em;text-shadow:0 5px 0 rgba(0,0,0,.34)}
.combo-toast{top:22%;color:#ffe783}.near-toast{top:31%;color:#72ff9b;font-size:clamp(20px,4vw,38px)}
.combo-toast.show,.near-toast.show{animation:toastPop .72s cubic-bezier(.15,.85,.2,1) forwards}
@keyframes toastPop{0%{opacity:0;transform:translate(-50%,18px) scale(.78)}18%{opacity:1;transform:translate(-50%,0) scale(1.08)}70%{opacity:1;transform:translate(-50%,-5px) scale(1)}100%{opacity:0;transform:translate(-50%,-26px) scale(.94)}}
.death-summary-panel{position:absolute;inset:0;z-index:68;display:grid;place-items:center;background:rgba(2,4,10,.28);pointer-events:auto}.death-summary-panel.hidden{display:none!important}
.death-summary-box{width:min(430px,calc(100vw - 36px));border:4px solid #fff;border-radius:32px;padding:24px 20px;background:transparent;color:#fff;text-align:center}.death-title{font-size:clamp(42px,10vw,80px);line-height:.82;letter-spacing:-.08em;font-weight:1000;color:#ff5e7d}
.death-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.death-stats div{border:2px solid rgba(255,255,255,.7);border-radius:18px;padding:10px 6px;min-width:0}.death-stats span{display:block;color:rgba(255,255,255,.62);font-size:9px;font-weight:1000;letter-spacing:.1em}.death-stats strong{display:block;margin-top:3px;font-size:15px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.death-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.death-actions button{height:46px;border:3px solid #fff;border-radius:999px;background:transparent;color:#fff;font-size:11px;font-weight:1000;letter-spacing:.09em;cursor:pointer}.death-actions button:first-child{border-color:#72ff9b;color:#72ff9b}.death-actions button:hover{background:rgba(255,255,255,.12)}
@media (max-width:720px){
  .shop-preview{height:74px;grid-template-columns:74px 1fr;padding:8px 10px;border-width:2px}.preview-orbit{width:56px;height:56px}.preview-ball{width:42px;height:42px}.preview-copy strong{font-size:14px}.preview-copy span{font-size:9px}
  .shop-tabs button{height:34px;border-width:2px;font-size:8px}.daily-card{padding:10px 12px;border-width:2px}.missions-list{max-height:52vh}.mission-row{grid-template-columns:1fr;gap:8px;border-width:2px}.mission-row button{width:100%}.death-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.death-actions{grid-template-columns:1fr}.menu-stack{max-height:62vh}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .shop-preview{height:58px;margin-bottom:6px}.preview-orbit{width:46px;height:46px}.preview-ball{width:34px;height:34px}.shop-tabs{margin-bottom:6px}.missions-panel{transform:scale(.86)}.missions-list{max-height:42vh}.daily-card{margin:6px auto}.death-summary-box{transform:scale(.86)}.combo-toast{top:18%}.near-toast{top:29%}
}

/* Mission open / menu sky stability fix */
#app.menu-state .speed-fx,
#app.menu-state .combo-toast,
#app.menu-state .near-toast,
#app.menu-state .damage-flash,
#app.menu-state .reward-panel,
#app.menu-state .fake-ad-panel,
#app.menu-state .death-summary-panel,
#app.menu-state .level-complete-panel{
  display:none!important;
}
#app.menu-state .menu{
  transform:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
#app.menu-state .menu-panel,
#app.menu-state .menu-main{
  backface-visibility:hidden;
  transform:translateZ(0);
}
.missions-panel:not(.hidden){
  display:block!important;
}


/* Hard fix: remove the mega-update white flicker/aura */
#app.no-white-flicker .speed-fx,
#app.menu-state .speed-fx,
#app.no-speed-fx .speed-fx{
  display:none!important;
  opacity:0!important;
  background:none!important;
  animation:none!important;
}
#app.no-white-flicker .combo-toast,
#app.no-white-flicker .near-toast{
  text-shadow:0 4px 0 rgba(0,0,0,.32)!important;
}
#app.no-white-flicker .rush-flash{
  text-shadow:0 5px 0 rgba(0,0,0,.32)!important;
}


/* Loading + combo cleanup */
.loading-bar div,
#loadingFill{
  background:linear-gradient(90deg,#72ff9b,#b7ff50)!important;
  box-shadow:0 0 22px rgba(114,255,155,.42)!important;
}
.combo-toast{
  display:none!important;
  opacity:0!important;
  animation:none!important;
}


/* Pro daily reward modal */
.daily-reward-panel{
  position:absolute;
  inset:0;
  z-index:82;
  display:grid;
  place-items:center;
  background:rgba(2,4,10,.38);
  pointer-events:auto;
}
.daily-reward-panel.hidden{display:none!important}
.daily-reward-box{
  position:relative;
  width:min(560px,calc(100vw - 32px));
  border:4px solid #72ff9b;
  border-radius:34px;
  padding:24px 20px 20px;
  color:#fff;
  background:radial-gradient(circle at 50% 0%,rgba(114,255,155,.16),rgba(255,255,255,0) 52%);
  text-align:center;
  box-shadow:0 0 44px rgba(114,255,155,.14);
}
.daily-close{
  position:absolute;
  top:12px;
  right:12px;
  width:36px;
  height:36px;
  border:3px solid rgba(255,255,255,.72);
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:20px;
  font-weight:1000;
  cursor:pointer;
}
.daily-title{
  font-size:clamp(44px,10vw,86px);
  line-height:.82;
  letter-spacing:-.08em;
  font-weight:1000;
  color:#72ff9b;
  text-shadow:0 6px 0 rgba(0,0,0,.28);
}
.daily-streak{
  margin:10px auto 16px;
  width:max-content;
  border:3px solid rgba(255,255,255,.72);
  border-radius:999px;
  padding:7px 14px;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.16em;
  color:#ffe783;
}
.daily-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0 auto 14px;
}
.daily-prize{
  min-height:220px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:9px;
  border:3px solid rgba(255,255,255,.72);
  border-radius:28px;
  padding:16px 12px;
  background:rgba(255,255,255,.035);
}
.daily-prize.today{
  border-color:#72ff9b;
  box-shadow:inset 0 0 0 2px rgba(114,255,155,.08),0 0 28px rgba(114,255,155,.12);
}
.daily-prize span{
  font-size:10px;
  font-weight:1000;
  letter-spacing:.18em;
  color:rgba(255,255,255,.68);
}
.daily-prize-icon{
  width:78px;
  height:78px;
  border:4px solid rgba(255,255,255,.88);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:42px;
  font-weight:1000;
  color:#6c4609;
  box-shadow:inset -12px -14px 18px rgba(0,0,0,.22),inset 10px 8px 14px rgba(255,255,255,.25),0 0 24px rgba(255,231,131,.18);
}
.daily-prize-icon.trail{
  width:92px;
  height:22px;
  border-radius:999px;
  font-size:0;
}
.daily-prize strong{
  font-size:17px;
  line-height:1;
  font-weight:1000;
}
.daily-prize small{
  color:rgba(255,255,255,.65);
  font-size:11px;
  line-height:1.25;
  font-weight:800;
}
.daily-claim-big{
  width:min(320px,100%);
  height:50px;
  border:4px solid #72ff9b;
  border-radius:999px;
  background:transparent;
  color:#72ff9b;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.12em;
  cursor:pointer;
}
.daily-claim-big:disabled{
  opacity:.5;
  border-color:rgba(255,255,255,.7);
  color:rgba(255,255,255,.72);
  cursor:default;
}
.skin-card.daily-exclusive{
  border-color:rgba(255,231,131,.74)!important;
}
.skin-card.daily-exclusive .skin-info small{
  color:#ffe783!important;
}
@media (max-width:720px){
  .daily-reward-box{padding:18px 14px;border-width:3px}
  .daily-grid{grid-template-columns:1fr;gap:9px}
  .daily-prize{min-height:150px;padding:12px}
  .daily-prize-icon{width:62px;height:62px;border-width:3px;font-size:34px}
  .daily-prize-icon.trail{width:78px;height:18px}
  .daily-prize strong{font-size:14px}
  .daily-prize small{font-size:10px}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .daily-reward-box{transform:scale(.82);padding:14px}
  .daily-grid{grid-template-columns:1fr 1fr}
  .daily-prize{min-height:128px}
  .daily-prize-icon{width:52px;height:52px}
}

/* Infinite score HUD */
.score-card{
  position:absolute;
  top:76px;
  left:18px;
  z-index:15;
  min-width:176px;
  padding:12px 16px 13px;
  border:3px solid rgba(255,255,255,.82);
  border-radius:26px;
  background:rgba(4,6,12,.36);
  backdrop-filter:blur(10px);
  box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.06);
  opacity:0;
  transform:translateY(-6px) scale(.9);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s cubic-bezier(.16,.9,.18,1),border-color .18s ease;
}
.score-card.rush{
  opacity:1;
  transform:translateY(0) scale(1);
  border-color:#ffe783;
}
.score-card span{
  display:block;
  color:rgba(255,255,255,.66);
  font-size:10px;
  font-weight:1000;
  letter-spacing:.22em;
  line-height:1;
}
.score-card strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:clamp(34px,5vw,58px);
  line-height:.82;
  font-weight:1000;
  letter-spacing:-.07em;
  text-shadow:0 5px 0 rgba(0,0,0,.34),0 0 26px rgba(255,231,131,.24);
}
.score-card em{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  color:#ffe783;
  font-style:normal;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.1em;
}
.score-card b{
  font-size:13px;
  letter-spacing:0;
}
.score-card.new-best{
  animation:scoreBestPop .34s cubic-bezier(.16,.95,.24,1.22);
}
@keyframes scoreBestPop{
  0%{transform:translateY(0) scale(.96)}
  55%{transform:translateY(-2px) scale(1.08)}
  100%{transform:translateY(0) scale(1)}
}
@media (max-width:720px){
  .score-card{top:58px;left:12px;min-width:136px;padding:9px 12px;border-width:2px;border-radius:20px}
  .score-card strong{font-size:clamp(28px,8vw,42px)}
  .score-card em{font-size:9px;margin-top:6px}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .score-card{top:46px;left:8px;min-width:120px;transform:scale(.78);transform-origin:top left}
  .score-card.rush{transform:scale(.78)}
  .score-card strong{font-size:32px}
}

/* Batch 1 retention/game-juice pass */
#app.in-rush-run::before{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:8;
  pointer-events:none;
  opacity:calc(.08 + (var(--rush-stage,1) * .025));
  background:
    radial-gradient(circle at 50% 42%,rgba(255,231,131,.28),rgba(114,255,155,.12) 28%,transparent 56%),
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.055) 0 7deg,transparent 7deg 18deg);
  mix-blend-mode:screen;
  animation:rushFeverSpin 7s linear infinite;
}
#app.in-rush-run::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  opacity:calc(.10 + (var(--rush-ratio,0) * .18));
  background:radial-gradient(circle at 50% 52%,transparent 0 44%,rgba(255,231,131,.08) 62%,rgba(255,54,90,.12) 100%);
}
#app.rush-tier-3 #gameCanvas{filter:saturate(1.12) contrast(1.04)}
#app.rush-tier-4 #gameCanvas{filter:saturate(1.24) contrast(1.07)}
#app.rush-tier-5 #gameCanvas,#app.rush-tier-6 #gameCanvas{filter:saturate(1.34) contrast(1.1) brightness(1.02)}
#app.in-rush-run .speed-fx.rush-active{
  display:block!important;
  opacity:calc(.07 + (var(--rush-stage,1) * .026))!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(255,255,255,.08) 48%,transparent 66%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 42px,rgba(114,255,155,.08) 44px,transparent 52px)!important;
  animation:rushSpeedPulse .34s linear infinite!important;
}
.score-card.rush{
  top:72px;
  left:18px;
  min-width:218px;
  padding:16px 18px 15px;
  border-width:4px;
  background:linear-gradient(135deg,rgba(8,10,18,.62),rgba(36,30,10,.38));
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 34px rgba(255,231,131,.18),inset 0 0 0 1px rgba(255,255,255,.08);
}
.score-card.rush span{font-size:11px;color:#ffe783;text-shadow:0 0 18px rgba(255,231,131,.32)}
.score-card.rush strong{font-size:clamp(48px,7.8vw,92px);line-height:.76;text-shadow:0 7px 0 rgba(0,0,0,.38),0 0 34px rgba(255,231,131,.34)}
.score-card.rush em{font-size:12px;color:#72ff9b;text-shadow:0 0 14px rgba(114,255,155,.28)}
.score-card.score-pop strong{animation:scorePop .22s cubic-bezier(.12,1.35,.18,1)}
.score-card.new-best{border-color:#72ff9b;box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 44px rgba(114,255,155,.34),inset 0 0 0 1px rgba(255,255,255,.1)}
.rush-flash{display:grid;gap:8px;place-items:center;text-align:center;color:#ffe783;text-shadow:0 9px 0 rgba(0,0,0,.36),0 0 46px rgba(255,231,131,.5)}
.rush-flash span{display:block;line-height:.76}
.rush-flash em{display:block;padding:7px 14px;border:3px solid currentColor;border-radius:999px;background:rgba(4,6,12,.48);color:#72ff9b;font-size:clamp(13px,2.2vw,24px);line-height:1;font-style:normal;letter-spacing:.18em;text-shadow:0 0 18px rgba(114,255,155,.42)}
.combo-toast.layer-clear{color:#72ff9b;text-shadow:0 5px 0 rgba(0,0,0,.34),0 0 22px rgba(114,255,155,.36)}
.death-summary-panel{background:radial-gradient(circle at 50% 42%,rgba(255,54,90,.16),rgba(2,4,10,.54) 52%,rgba(2,4,10,.72));backdrop-filter:blur(4px)}
.death-summary-box{width:min(620px,calc(100vw - 34px));padding:24px;border-color:rgba(255,255,255,.9);background:linear-gradient(180deg,rgba(8,10,18,.66),rgba(8,10,18,.38));box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.08)}
.death-title{font-size:clamp(38px,8vw,72px);color:#fff;text-shadow:0 7px 0 rgba(0,0,0,.35)}
.death-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 20px}
.death-rank-card{grid-column:1/-1;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px!important;border:4px solid #ffe783!important;border-radius:24px!important;background:linear-gradient(90deg,rgba(255,231,131,.16),rgba(114,255,155,.08))!important;box-shadow:0 0 34px rgba(255,231,131,.18)}
.death-rank-card span{font-size:12px!important;color:rgba(255,255,255,.72)!important;text-align:left;letter-spacing:.14em!important}
.death-rank-card strong{font-size:clamp(48px,12vw,90px)!important;line-height:.72!important;color:#ffe783;text-shadow:0 6px 0 rgba(0,0,0,.32),0 0 28px rgba(255,231,131,.38)}
.death-rank-card em{font-style:normal;color:#72ff9b;font-size:13px;font-weight:1000;letter-spacing:.1em;white-space:nowrap}
.death-rank-card.new-best{border-color:#72ff9b!important;animation:newBestGlow .7s ease infinite alternate}
.death-stat{background:rgba(255,255,255,.055)}
.death-stat.primary{grid-column:span 2;border-color:#ffe783!important;background:rgba(255,231,131,.1)!important}
.death-stat.primary strong{font-size:clamp(22px,5vw,36px)!important;color:#ffe783}
.death-stat.wide{grid-column:span 2;border-color:#72ff9b!important;background:rgba(114,255,155,.08)!important}
.death-actions{grid-template-columns:1.25fr .75fr;align-items:center}
.death-actions button:first-child{height:56px;border-color:#72ff9b!important;background:#72ff9b!important;color:#06120a!important;box-shadow:0 8px 0 #1e9c46,0 20px 32px rgba(0,0,0,.3);animation:retryPulse 1.1s ease infinite alternate}
.death-actions button:first-child:focus{outline:4px solid rgba(255,255,255,.5);outline-offset:4px}
@keyframes scorePop{0%{transform:scale(1)}45%{transform:scale(1.12) rotate(-1deg)}100%{transform:scale(1)}}
@keyframes rushFeverSpin{to{transform:rotate(1turn)}}
@keyframes rushSpeedPulse{0%{transform:scale(1);opacity:.09}100%{transform:scale(1.04);opacity:.18}}
@keyframes newBestGlow{from{box-shadow:0 0 22px rgba(114,255,155,.18)}to{box-shadow:0 0 44px rgba(114,255,155,.45)}}
@keyframes retryPulse{from{transform:translateY(0)}to{transform:translateY(-3px)}}
@media (max-width:720px){
  .score-card.rush{top:68px;min-width:170px;padding:12px 14px}
  .score-card.rush strong{font-size:clamp(38px,10vw,64px)}
  .death-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .death-rank-card{grid-template-columns:1fr;text-align:center}.death-rank-card span{text-align:center!important}.death-rank-card em{white-space:normal}
}
#app.in-rush-run.rush-juice::after{content:"";position:absolute;inset:0;z-index:46;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,231,131,.28),rgba(114,255,155,.14) 32%,rgba(255,255,255,0) 68%);animation:rushWash .82s ease forwards}

/* Fix pass: Infinite level counter hidden + Rush fever shine removed */
.level-pill.hidden-in-infinite{display:none!important}
#app.in-rush-run::before,
#app.in-rush-run::after,
#app.rush-juice::after,
#app.in-rush-run.rush-juice::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  animation:none!important;
}
#app.rush-tier-1 #gameCanvas,
#app.rush-tier-2 #gameCanvas,
#app.rush-tier-3 #gameCanvas,
#app.rush-tier-4 #gameCanvas,
#app.rush-tier-5 #gameCanvas,
#app.rush-tier-6 #gameCanvas{filter:none!important}
#app.in-rush-run .speed-fx.rush-active,
#app.is-infinite-run .speed-fx.rush-active{display:none!important;opacity:0!important;animation:none!important;background:none!important}

/* Fix 3: score pinned high + translucent backdrop layers */
.score-card.rush{
  top:calc(env(safe-area-inset-top,0px) + 6px)!important;
  left:calc(env(safe-area-inset-left,0px) + 14px)!important;
  transform-origin:top left!important;
}
@media (max-width:720px){
  .score-card.rush{
    top:calc(env(safe-area-inset-top,0px) + 5px)!important;
    left:calc(env(safe-area-inset-left,0px) + 8px)!important;
    min-width:168px!important;
    padding:11px 13px!important;
  }
  .score-card.rush strong{font-size:clamp(38px,11vw,62px)!important}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .score-card.rush{
    top:calc(env(safe-area-inset-top,0px) + 5px)!important;
    left:calc(env(safe-area-inset-left,0px) + 8px)!important;
    transform:scale(.78)!important;
  }
}

.menu,
.pause-panel,
.daily-reward-panel,
.reward-panel,
.fake-ad-panel,
.death-summary-panel,
.level-complete-panel{
  background:transparent!important;
  isolation:isolate;
  overflow:hidden;
}
.menu::before,
.pause-panel::before,
.daily-reward-panel::before,
.reward-panel::before,
.fake-ad-panel::before,
.death-summary-panel::before,
.level-complete-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045)),
    rgba(2,4,10,.46);
  backdrop-filter:brightness(.58) blur(1.5px);
  -webkit-backdrop-filter:brightness(.58) blur(1.5px);
}
.menu-main,
.menu-panel,
.pause-box,
.daily-reward-box,
.reward-box,
.fake-ad-box,
.death-summary-box,
.complete-box{
  position:relative;
  z-index:1;
}
.menu-main,
.menu-panel{
  border-radius:32px!important;
  padding:22px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.menu-main{
  padding:28px 22px!important;
}
.menu-panel{
  padding-top:70px!important;
}
@media (max-width:720px){
  .menu-main,.menu-panel{padding:16px!important;border-radius:24px!important}
  .menu-panel{padding-top:54px!important}
}


/* Fix 4: menu panels padding + global menu back button */
.menu-main,
.menu-panel{
  border-radius:32px!important;
  padding:22px!important;
}
.menu-main{
  padding:22px!important;
}
.menu-panel{
  padding-top:22px!important;
}
.menu-panel > .back-btn{
  display:none!important;
}
.menu-global-back{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 16px)!important;
  left:calc(env(safe-area-inset-left,0px) + 16px)!important;
  z-index:90!important;
  margin:0!important;
  height:42px!important;
  padding:0 16px!important;
  border:3px solid rgba(255,255,255,.84)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.065)!important;
  color:#fff!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.08)!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.1em!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.menu-global-back.hidden{
  display:none!important;
}
.menu-global-back:hover{
  background:rgba(255,255,255,.14)!important;
}
.pause-actions{
  padding-top:0!important;
}
@media (max-width:720px){
  .menu-main,
  .menu-panel{
    border-radius:32px!important;
    padding:22px!important;
  }
  .menu-panel{
    padding-top:22px!important;
  }
  .menu-global-back{
    top:calc(env(safe-area-inset-top,0px) + 10px)!important;
    left:calc(env(safe-area-inset-left,0px) + 10px)!important;
    height:36px!important;
    padding:0 12px!important;
    border-width:2px!important;
    font-size:9px!important;
  }
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .menu-global-back{
    top:calc(env(safe-area-inset-top,0px) + 8px)!important;
    left:calc(env(safe-area-inset-left,0px) + 8px)!important;
    height:32px!important;
    padding:0 10px!important;
    font-size:8px!important;
  }
}

/* Fix 5: final menu glass panel style requested */
.menu-main,
.menu-panel{
  box-shadow:rgba(0,0,0,.24) 0px 28px 80px,rgba(255,255,255,.08) 0px 0px 0px 1px inset!important;
  border-radius:32px!important;
  padding:22px!important;
  background:rgba(255,255,255,.055)!important;
}
.menu-panel{
  padding-top:22px!important;
}
@media (max-width:720px){
  .menu-main,
  .menu-panel{
    box-shadow:rgba(0,0,0,.24) 0px 28px 80px,rgba(255,255,255,.08) 0px 0px 0px 1px inset!important;
    border-radius:32px!important;
    padding:22px!important;
    background:rgba(255,255,255,.055)!important;
  }
  .menu-panel{
    padding-top:22px!important;
  }
}

/* Fix 6: menu cards must not have panel shadow or panel background */
.menu-main,
.menu-panel{
  box-shadow:none!important;
  background:transparent!important;
  border-radius:32px!important;
  padding:22px!important;
}
.menu-panel{
  padding-top:22px!important;
}
@media (max-width:720px){
  .menu-main,
  .menu-panel{
    box-shadow:none!important;
    background:transparent!important;
    border-radius:32px!important;
    padding:22px!important;
  }
  .menu-panel{
    padding-top:22px!important;
  }
}

/* Fix 7: shop width containment + reliable no-overflow cards */
.shop-panel:not(.hidden){
  width:min(760px,calc(100vw - 48px))!important;
  max-width:calc(100vw - 48px)!important;
  overflow:hidden!important;
}
.shop-panel{
  min-width:0!important;
}
.shop-scroll{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
}
.shop-tabs,
.shop-preview,
.shop-wallet{
  max-width:100%!important;
}
.shop-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}
.skin-card{
  min-width:0!important;
  overflow:hidden!important;
}
.skin-card button,
.skin-info strong,
.skin-info small{
  min-width:0!important;
  max-width:100%!important;
}
@media (max-width:720px){
  .shop-panel:not(.hidden){
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:520px){
  .shop-panel:not(.hidden){
    width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}
