/* Нижняя безопасная зона является частью навигации, без отдельной полосы. */
.app,body[data-screen="collection"] .app,body[data-screen="account"] .app{padding-bottom:0}
.app-nav{margin-top:0;height:calc(56px + var(--safe-bottom,0px));flex-basis:calc(56px + var(--safe-bottom,0px));padding-bottom:var(--safe-bottom,0px);background:#000;border-radius:0}
.app-nav button{max-height:50px}
html,body,button,a,dialog,main,main *{touch-action:manipulation}
@container(max-height:600px){.app-nav{height:calc(50px + var(--safe-bottom,0px));flex-basis:calc(50px + var(--safe-bottom,0px))}.app-nav button{max-height:44px}}

.app-screen:not([hidden]){animation:screen-enter .18s ease-out}
@keyframes screen-enter{from{opacity:.6;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.app-screen:not([hidden]){animation:none}}

/* Равномерная навигация без разделительной полосы. */
.app-nav{border:0;gap:8px;padding-top:5px;background:transparent}.app-nav button{background:#151515;border:1px solid #262626;color:#aaa;font-size:11px;border-radius:15px}.app-nav button.active{background:#e85d32;border-color:#f4774b;color:#fff}.app-nav button.active svg{color:#fff}
.shell-menu-grid{gap:12px}.shell-shortcut{height:88px;border-radius:16px;font-size:12px}.shell-menu-list:empty{display:none}
#app-menu[open]{animation:menu-appear .24s cubic-bezier(.2,.8,.2,1)}#app-menu[open]::backdrop{animation:menu-shade .24s ease-out}
@keyframes menu-appear{from{transform:translateY(55px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes menu-shade{from{opacity:0}to{opacity:1}}
.reward-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.reward-link{min-height:92px;background:#181818;border:1px solid #303030;border-radius:15px;color:#eee;text-align:left;padding:12px 9px;display:flex;flex-direction:column;gap:8px}.reward-link strong{font-size:12px;line-height:1.4}.reward-link small{font-size:10px;line-height:1.4;color:#888}.ticket-card{position:relative;background:#1c1714;border:1px solid #593a2b;border-radius:16px;padding:16px;margin-bottom:16px}.ticket-card>strong{display:block;font-size:15px;padding-right:35px}.ticket-count{position:absolute;right:16px;top:13px;font-size:27px;color:#ffaf85}.ticket-card p{font-size:12px;line-height:1.55;color:#b29a8c;margin:13px 0}.ticket-card button{width:100%;min-height:44px;border-radius:12px;border:1px solid #c45e3a;background:#e85d32;color:#fff;font-size:14px}.ticket-card button:disabled{background:#28201a;color:#958376;border-color:#4a3527}
#rewards .daily-reward,#rewards .progression-panel,#goals .progression-panel,#goals .discovery-album{margin:0 0 16px}
#wheel .wheel-area{width:min(70%,clamp(100px,calc(100cqh - var(--safe-bottom,0px) - 360px),230px));margin:10px auto 12px}.wheel-pointer{font-size:23px;top:-4px}.wheel-info{min-height:0;margin:0 0 10px;font-size:12px}.wheel-spin{height:48px}.wheel-last{margin:9px 0;font-size:12px}.wheel-odds{display:block;margin-top:10px}.wheel-odds summary{min-height:30px;line-height:30px;color:#999;font-size:12px;cursor:pointer}.wheel-odds[open] span{display:inline-block;margin:4px 4px 0 0}.wheel-odds p{margin-top:8px}
@media(prefers-reduced-motion:reduce){#app-menu[open],#app-menu[open]::backdrop{animation:none}}

#wheel .screen-content{padding-bottom:8px}