/* Phở Fly menu follows the full-screen structure of Phở Run and Phở Racing. */
#game-shell{max-width:none!important;width:100vw;height:100dvh;margin:0!important;box-shadow:none!important}
body.playing .topbar{display:none}
body.playing #game-canvas{width:100vw;height:100dvh}
body.playing .hud{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}
body.playing .rush-meter{top:max(64px,calc(env(safe-area-inset-top) + 54px))}
.start-screen{justify-content:center;overflow:hidden;padding:max(72px,calc(env(safe-area-inset-top) + 66px)) 18px max(14px,env(safe-area-inset-bottom));background:radial-gradient(circle at 77% 12%,rgba(255,215,70,.52),transparent 19rem),radial-gradient(circle at 18% 86%,rgba(61,187,147,.21),transparent 23rem),linear-gradient(155deg,#eefff7 0 58%,#fff1b9 58% 100%);backdrop-filter:none}
.start-screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:linear-gradient(45deg,#073d31 25%,transparent 25%),linear-gradient(-45deg,#073d31 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#073d31 75%),linear-gradient(-45deg,transparent 75%,#073d31 75%);background-size:34px 34px;background-position:0 0,0 17px,17px -17px,-17px 0}
.start-screen>*{position:relative;z-index:1}
.topbar{height:58px;padding:max(8px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) 8px max(15px,env(safe-area-inset-left));background:#fffdf7;border-bottom:1px solid rgba(8,122,75,.13);box-shadow:0 5px 18px rgba(7,61,43,.08);backdrop-filter:none}
.home-link{height:40px;padding:0 13px;border:0;background:transparent;box-shadow:none;color:#075b3d;font-size:15px;font-weight:1000;letter-spacing:-.02em;white-space:nowrap}.home-link:hover{background:#e8f5ee}
.top-actions{gap:7px}.audio-quick{display:none!important}.wallet,.language{height:40px;background:#fff;border:1px solid #cfe4d8;box-shadow:0 5px 14px rgba(8,77,50,.1)}
.wallet{padding:0 12px;color:#174b39;font-size:12px;font-weight:850;gap:4px;white-space:nowrap}.wallet b{color:#087a55;font-size:14px}.coin-mark{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#ffd43b;border:2px solid #e3a719;color:#087a55;font-size:10px;font-style:normal;font-weight:1000}.language{padding:3px}.language button{width:35px;height:32px}.language button[aria-pressed=true]{background:#087a55;color:#fff}
.menu-content{width:420px;max-width:94vw;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}
.hero-mascot{width:260px;height:190px;margin:0 auto;isolation:isolate}.hero-mascot:before{content:"";position:absolute;z-index:-2;width:242px;height:166px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fffdf0,#f7dc9a 59%,#eda85d);box-shadow:0 17px 36px rgba(40,110,87,.22)}
.hero-orbit{position:absolute;width:276px;height:151px;border:2px dashed rgba(255,255,255,.78);border-radius:50%;transform:rotate(-10deg)}.hero-mascot img{width:174px;height:174px;object-fit:contain;filter:drop-shadow(0 14px 11px rgba(58,59,38,.38));animation:bob 2.5s ease-in-out infinite}.hero-mascot>i{right:23px;top:10px;color:#ef8b2b;font-size:30px;text-shadow:0 2px #fff}.hero-cloud{position:absolute;width:53px;height:16px;border-radius:99px;background:#fff;box-shadow:11px -8px 0 -2px #fff,24px 2px 0 #fff;opacity:.86}.cloud-one{left:8px;top:56px}.cloud-two{right:15px;bottom:36px;transform:scale(.72)}
.title-lockup{margin:0;text-align:center}.title-lockup h1{font-size:clamp(48px,6vw,68px);line-height:.9;margin:0 0 5px;color:#075b3d;letter-spacing:-.065em;text-shadow:0 4px 0 #fff,0 9px 21px rgba(5,91,61,.13);white-space:nowrap}.title-lockup h1 strong{color:#ef6426}.title-lockup p{margin:0 0 13px;color:#365d4e;font-size:15px;font-weight:800}
.difficulty{width:390px;max-width:92vw;text-align:center}.difficulty>p{margin:0 0 5px;color:#547267;font-size:10px;font-weight:1000;letter-spacing:.12em}.difficulty>div{gap:6px}.difficulty button{min-height:55px;padding:6px 4px;border:2px solid #d6e8df;border-radius:14px;background:rgba(255,255,255,.83);box-shadow:none;color:#315b4c;transition:.16s ease}.difficulty button>span{line-height:1}.mode-dot{display:block!important;width:9px;height:9px;margin:0 auto 2px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.65)}.easy-dot{background:#19ac6c}.medium-dot{background:#f5b722}.hard-dot{background:#ee4b3d}.difficulty button b{font-size:12px;margin-top:2px}.difficulty button small{margin-top:2px;color:#769087;font-size:9px;line-height:1.2}.difficulty button.selected{border-color:#0a8957;background:#087a55;color:#fff;box-shadow:0 6px 15px rgba(8,122,75,.22);transform:translateY(-1px)}.difficulty button.selected small{color:#c8f5df}
.start-screen .primary{width:350px;max-width:90vw;min-height:54px;margin:11px 0 0;border:0;border-radius:17px;background:linear-gradient(135deg,#ff7b29,#e94b28);box-shadow:0 8px 20px rgba(169,47,36,.24);display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:17px;font-weight:1000;transition:.14s}.start-screen .primary:active{transform:scale(.98);box-shadow:0 4px 11px rgba(169,47,36,.22)}
.menu-actions{width:350px;max-width:91vw;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.menu-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:53px;padding:5px 3px;border:1px solid #d9e8df;border-radius:12px;background:rgba(255,255,255,.8);box-shadow:0 4px 12px rgba(8,77,50,.07);color:#174b39}.menu-actions button:active{transform:scale(.97)}.menu-actions b{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1;color:#087a55}.menu-actions span{font-size:10px;font-weight:900}
@media(max-width:430px){.topbar{height:55px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.home-link{font-size:13px;padding:0 8px}.wallet{padding:0 8px;font-size:10px}.wallet b{font-size:12px}.language button{width:29px}.start-screen{padding-top:max(64px,calc(env(safe-area-inset-top) + 58px));padding-left:10px;padding-right:10px}.hero-mascot{width:230px;height:174px}.hero-mascot:before{width:218px;height:150px}.hero-orbit{width:244px;height:140px}.hero-mascot img{width:158px;height:158px}.title-lockup h1{font-size:46px}.title-lockup p{font-size:13px;margin-bottom:10px}.difficulty button{min-height:53px}.start-screen .primary{min-height:52px}.menu-actions button{min-height:50px}}
@media(min-width:721px){body.playing .hud{display:flex;gap:7px;align-items:center}body.playing .hud>button{width:43px;flex:0 0 43px}body.playing .hud>span{width:auto;min-width:98px;padding:4px 14px}body.playing .hud>span:nth-of-type(3){margin-left:auto}body.playing .hud .hud-hearts{min-width:auto}}
@media(max-height:720px){.start-screen{padding-top:max(62px,calc(env(safe-area-inset-top) + 58px))}.hero-mascot{height:123px;width:210px}.hero-mascot:before{height:114px;width:180px}.hero-orbit{width:205px;height:104px}.hero-mascot img{width:116px;height:116px}.title-lockup h1{font-size:39px;margin-bottom:2px}.title-lockup p{margin-bottom:7px;font-size:12px}.difficulty>p{display:none}.difficulty button{min-height:45px}.start-screen .primary{min-height:48px;margin-top:7px}.menu-actions{margin-top:7px}.menu-actions button{min-height:43px}}
@media(max-height:590px){.hero-mascot{height:91px}.hero-mascot:before{height:84px;width:142px}.hero-orbit{width:164px;height:80px}.hero-mascot img{width:88px;height:88px}.title-lockup h1{font-size:34px}.difficulty button small{display:none}.difficulty button{min-height:38px}.menu-actions button{min-height:39px}}