.app-splash{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#07131f;color:#f4f5e9;pointer-events:none}
.app-splash[hidden]{display:none}.app-splash img{width:128px;height:128px;border-radius:28px;box-shadow:0 20px 80px #a8d74315}.app-splash strong{font:800 25px system-ui;letter-spacing:.18em;margin-top:28px}.app-splash span{font:11px system-ui;letter-spacing:.24em;color:#a6b8bd;margin-top:10px}.app-splash i{width:40px;height:3px;background:#d7f55b;margin-top:36px;animation:app-pulse 1s ease-in-out infinite alternate}@keyframes app-pulse{to{opacity:.25;transform:scaleX(.5)}}@media(prefers-reduced-motion:reduce){.app-splash i{animation:none}}
.install-app[hidden]{display:none}.menu-footer{gap:20px;flex-wrap:wrap}.install-app{color:#d7f55b}
.install-banner{display:flex;align-items:center;gap:16px;flex-shrink:0;width:calc(100% - 24px);max-width:540px;margin:0;padding:16px;background:#eaf0d8;color:#122c35;border-radius:12px;position:fixed;z-index:60;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);box-shadow:0 12px 36px #020c1566;border:1px solid #f6f8e8}
.install-banner[hidden]{display:none}.install-banner>img{width:56px;height:56px;border-radius:12px;flex-shrink:0}
.install-banner-copy{flex:1;min-width:0}.install-banner-copy small{display:block;color:#47634a;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:5px}.install-banner-copy strong{display:block;font-size:18px;line-height:1.2;letter-spacing:-.025em}.install-banner-copy p{margin:5px 0 0;font-size:12px;line-height:1.4;color:#3c5555}
.install-banner-action{border:0;background:#173a35;color:#eff6dd;min-height:44px;padding:0 20px;border-radius:5px;font-size:13px;font-weight:750;flex-shrink:0}.install-banner-action:hover{background:#265247}
.install-banner-dismiss{width:44px;height:44px;flex-shrink:0;background:none;border:0;color:#38534e;font-size:24px;line-height:1;border-radius:5px}.install-banner-dismiss:hover{background:#142c3510}
.install-banner button:focus-visible{outline:2px solid #173a35;outline-offset:3px}
@media(max-width:600px){.install-banner{gap:8px;padding:10px;display:grid;grid-template-columns:36px minmax(0,1fr) auto 44px}.install-banner>img{width:36px;height:36px;border-radius:8px}.install-banner-copy small{display:none}.install-banner-copy strong{font-size:14px}.install-banner-copy p{font-size:11px;margin-top:3px}.install-banner-dismiss{position:static}.install-banner-action{padding:0 12px;font-size:12px}.install-banner-action span{display:none}}

body:has(#menu.hidden) .install-banner,body:has(#how-to-play:not([hidden])) .install-banner{display:none}
body:has(.install-banner:not([hidden])) .mode-menu{padding-bottom:calc(132px + env(safe-area-inset-bottom))}
@media(max-width:600px){body:has(.install-banner:not([hidden])) .mode-menu{padding-bottom:calc(132px + env(safe-area-inset-bottom))}}