/* Единая компоновка мобильной игры. */
.app-head{height:62px;flex-basis:62px;gap:9px;padding:6px 0 10px}.wordmark{width:44px;height:44px;min-width:44px;justify-content:center;border:1px solid #262626;border-radius:50%;background:#191919;padding:0}.wordmark .shell-menu-icon{width:21px;height:21px;stroke:#eee;stroke-width:2;fill:none}.shell-level{display:flex;align-items:center;justify-content:center;gap:5px;min-width:65px;height:44px;border-radius:23px;background:#191919;color:#ddd;font-size:13px;font-weight:700}.shell-level i{display:block;width:5px;height:5px;border-radius:50%;background:#ed754b}.balance{margin-left:auto;min-width:0}.balance small{font-size:10px;color:#858585}.balance strong{font-size:20px;white-space:nowrap;font-weight:750}.avatar{width:40px;height:40px;min-width:40px;background:#1a1a1a;border:1px solid #333;color:#bbb}
#game{grid-template-rows:minmax(0,1fr) 137px;gap:10px}.case-context,.journey-button{display:none!important}.stage{padding:9px 0 0;gap:0}.rarity-bar{height:54px;flex-basis:54px;padding:11px 15px;background:#191919;border-radius:16px;border:1px solid #262626;align-items:center}.rarity-bar>div>strong{font-size:12px;font-weight:700;letter-spacing:0}.rarity-bar>strong{font-size:23px;color:var(--rarity)}.bars{gap:4px;margin-top:6px}.bars i{height:3px;width:15px}
.photo-wrap{margin:13px 0 8px;flex:1;min-height:0}.photo-wrap:before{background:radial-gradient(ellipse closest-side,#ffffff04,transparent);animation:none}.photo-badge{top:6px;left:50%;transform:translateX(-50%);font-size:9px;color:#777;letter-spacing:.9px;white-space:nowrap}.item-copy{padding:0 4px;text-align:center}.item-copy>span{font-size:10px;letter-spacing:2px;color:#aaa}.item-copy h1{font-size:27px;font-weight:750;line-height:1.12;margin:6px 0 4px;letter-spacing:-.6px}.item-copy p{font-size:11px;color:#777;line-height:1.3;margin:4px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.actions{height:44px;margin:10px 0 3px;gap:8px}.actions button,.actions #share{height:44px;border-radius:22px;background:#191919;border:1px solid #292929;color:#e7e7e7;font-size:14px}.actions button:disabled{font-size:12px;color:#8b8b8b}.actions #share{width:44px;font-size:22px}.auto-save{display:none}
.bottom-controls{grid-template-rows:44px 60px 25px;gap:4px}.selectors,.selectors>button{height:44px}.selectors{gap:8px}.selectors>button,#case-picker-button{background:#191919;border:1px solid #2a2a2a;border-radius:22px;padding:0 13px;color:#ddd;font-size:12px;justify-content:space-between}.selectors #case-picker-button{max-width:62%;flex:1;font-weight:600}.selectors #case-picker-button>span:last-child{color:#8a8a8a;font-size:17px}#odds-button{justify-content:center;font-size:12px;gap:7px}.spin{height:60px;border-radius:19px;font-size:21px;background:#e85d32;border-color:#f37c51;padding:12px 17px;box-shadow:none}.spin span{padding:9px 12px;border-radius:13px;font-size:15px;background:#c34622}.spin:after{display:none}#toast{font-size:9px;color:#686868}#toast.has-message{font-size:10px;color:#e4ad97}
.app-nav{height:56px;flex-basis:56px;margin-top:5px;border-top:1px solid #232323;background:#090909;padding-top:5px}.app-nav button{font-size:10px;gap:3px;border-radius:10px;color:#858585}.app-nav svg{width:21px;height:21px}.app-nav button.active{background:#e85d320d;color:#ee7952}.app-nav #count{height:15px;min-width:15px;font-size:8px;top:-1px}
#app-menu{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,470px);max-width:470px;max-height:calc(var(--app-height,100dvh) - var(--safe-top,0px) - 22px);overflow:auto;overscroll-behavior:contain;padding:12px 18px calc(20px + var(--safe-bottom,0px));background:#121212;border:1px solid #333;border-bottom:0;border-radius:24px 24px 0 0;color:#eee;box-sizing:border-box}#app-menu::backdrop{background:#0009;backdrop-filter:blur(4px)}.shell-menu-head{display:flex;justify-content:space-between;align-items:center;margin:13px 0 17px}.shell-menu-head h2{font-family:inherit;font-size:23px;letter-spacing:-.6px;margin:0}.shell-menu-close{width:40px;height:40px;border-radius:50%;background:#262626;color:#bbb;border:1px solid #333;font-size:26px}.shell-menu-summary{display:flex;justify-content:space-between;gap:10px;color:#969696;font-size:11px;margin-bottom:19px}.shell-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:19px}.shell-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:85px;border:1px solid #333;border-radius:16px;background:#1d1d1d;color:#ddd;font-size:11px}.shell-shortcut svg{width:25px;height:25px;fill:none;stroke:#dc865e;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.shell-menu-list{overflow:hidden;border:1px solid #333;border-radius:15px;background:#1c1c1c}.shell-menu-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:49px;padding:12px 15px;border:0;border-bottom:1px solid #323232;background:none;color:#dedede;text-align:left;font-size:13px;text-decoration:none}.shell-menu-row:last-child{border-bottom:0}.shell-menu-row>span:last-child{color:#777;font-size:18px}.shell-menu-row[hidden]{display:none}
@container(max-height:600px){.app-head{height:54px;flex-basis:54px;gap:7px;padding-bottom:7px}.shell-level{min-width:57px;font-size:12px}.balance strong{font-size:18px}#game{grid-template-rows:minmax(0,1fr) 133px;gap:7px}.rarity-bar{height:46px;flex-basis:46px;padding:8px 12px}.rarity-bar>strong{font-size:19px}.rarity-bar>div>strong{font-size:11px}.photo-wrap{margin:8px 0 5px}.item-copy h1{font-size:23px;margin:4px 0}.item-copy p{font-size:10px;margin:2px 0}.actions{margin-top:7px}.bottom-controls{grid-template-rows:44px 56px 25px}.spin{height:56px;font-size:19px}.spin span{font-size:13px}.app-nav{height:50px;flex-basis:50px}.app-nav svg{width:19px;height:19px}.app-nav button{font-size:9px}}
@media(max-width:360px){.balance strong{font-size:17px}.shell-level{min-width:56px}.avatar{width:36px;height:36px;min-width:36px}.app-head{gap:6px}.selectors>button,#case-picker-button{padding-left:11px;padding-right:11px}.item-copy h1{font-size:23px}}
.shell-shortcut:disabled{opacity:.4}.shell-shortcut:disabled svg{stroke:#aaa}
.app-head .avatar{width:44px;height:44px;min-width:44px}