:root{--app-height:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--telegram-controls:64px}html,body{height:100%;overflow:hidden}html{font-family:Manrope,sans-serif}.app{height:var(--app-height);min-height:0;display:flex;flex-direction:column;overflow:hidden;max-width:600px}.app header,.app.market-view header,.app.secondary-view header{height:calc(var(--safe-top) + var(--telegram-controls));min-height:calc(var(--safe-top) + var(--telegram-controls));padding:var(--safe-top) 76px 0;display:flex;align-items:center;justify-content:center;gap:0;z-index:5;flex-shrink:0;background:linear-gradient(#020a10db,#020a1022)}.brand{width:auto;justify-content:center;gap:8px;max-width:100%}.brand-icon{width:27px;height:27px;flex-shrink:0}.brand strong{font-family:Manrope,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px}.brand small{display:none}.view-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:8px 0 12px}.view-scroll::-webkit-scrollbar{display:none}.planet-page{container-type:inline-size;margin:auto;max-width:100%}.market-view .planet-page,.secondary-view .planet-page{display:none}.app nav,.app.market-view nav,.app.secondary-view nav{position:relative;flex-shrink:0;margin:0;width:100%;height:calc(68px + var(--safe-bottom));min-height:calc(68px + var(--safe-bottom));padding:0 10px var(--safe-bottom);border-radius:24px 24px 0 0;background:#030e17f5;z-index:5;box-shadow:0 -10px 30px #020a1266}.app nav button,.app.market-view nav button,.app.secondary-view nav button{padding:12px 0 0;height:64px;gap:7px}.app nav svg,.app.market-view nav svg,.app.secondary-view nav svg{width:25px;height:25px}.app nav span,.app.market-view nav span,.app.secondary-view nav span{font-family:Manrope,sans-serif;font-size:10px;font-weight:600;letter-spacing:.6px}.app nav .active:before{left:20%;right:20%;height:2px}.planet-page .pagination{margin:3cqw 0 1cqw}.planet-page .resources{margin-top:3cqw}.planet-page .expedition{margin-top:3cqw}.planet-page .rocket{margin-left:5cqw}.planet-page .expedition strong{font-family:Manrope;font-weight:700;font-size:3.5cqw}.planet-page h1,.planet-page h2,.planet-page h3,.page-title h1{font-family:Manrope,sans-serif}.planet-page h1{font-weight:700}.planet-page h3{font-weight:600;font-size:2.4cqw}.planet-page .planet-copy p{font-size:3.1cqw}.market{padding-top:0}.market-view .market-ship{position:relative;display:block;left:auto;top:auto;width:52cqw;height:29cqw;margin:0 auto;object-fit:contain}.market-row{min-height:15cqw;height:auto;padding-top:2.2cqw;padding-bottom:2.2cqw;background:radial-gradient(ellipse at 0 0,#0b42684d,transparent 65%),linear-gradient(120deg,#061623f2,#030b14e8);border-color:#35607b80;box-shadow:inset 0 1px 0 #81cfff0d}.market-balance{background:radial-gradient(ellipse at 95% 0,#0578aa3d,transparent 70%),linear-gradient(120deg,#071c2af2,#030d17f5);border-color:#2987afaa;box-shadow:inset 0 1px 0 #81ddff22,0 4px 20px #00101c55}.market-detail h3{font-weight:600}.market-detail strong{margin-top:.7cqw;font-weight:600}.market-change{font-weight:500}.market-title h1{font-size:4cqw;letter-spacing:.8cqw;padding-left:.8cqw}.wallet-page .page-title,.page-title{margin-top:12px}.wallet-page{padding-bottom:16px}.wallet-page h3,.wallet-page h2,.wallet-page button,.wallet-page strong,.task-detail h3,.section-label{font-family:Manrope,sans-serif}.wallet-actions button{font-weight:500;letter-spacing:.08cqw}.wallet-actions svg{stroke-width:2;filter:drop-shadow(0 0 5px #56b9ff33)}.wallet-stats .cube{background:radial-gradient(#123454,#061422);border:1px solid #204e70;border-radius:50%;padding:1cqw}.cube svg{width:100%;height:100%}.wallet-stats>.panel{border-radius:2.8cqw}.wallet-balance{border-color:#365c7280}.history article>svg{stroke-width:1.7}.wallet-page .history strong{font-weight:500}.wallet-page .wallet-amount strong{font-weight:600}.extra-tabs{padding-bottom:4px}@media(max-width:350px){.app header{padding-left:66px;padding-right:66px}.brand strong{font-size:12px;letter-spacing:2px}.brand-icon{width:23px;height:23px}.app nav span{font-size:9px}}@media(max-height:450px){.app nav,.app.market-view nav,.app.secondary-view nav{height:calc(56px + var(--safe-bottom));min-height:calc(56px + var(--safe-bottom))}.app nav button{height:52px;padding-top:7px;gap:4px}.app nav svg{height:22px;width:22px}}

html,body,.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}button,input,textarea{touch-action:manipulation}
.planet-page{touch-action:pan-y}
