﻿/* Approved mobile supervision revision 02. Desktop remains on the shared layout. */
.mobile-collection-preview{display:none}
@media(max-width:760px){
html#mobile-layout-root body{--mobile-copy:14px}
html#mobile-layout-root .chapter-site .project-cover h1{font-size:32px!important;line-height:1.35!important}
html#mobile-layout-root .chapter-site .project-cover p{font-size:14px!important;line-height:1.8!important}
html#mobile-layout-root :is(.godrop-detail .project-cover,#godrop .art) .godrop-composition .godrop-hero{left:-72%!important;top:-35px!important;width:265%!important;max-width:none!important;height:106%!important;object-fit:contain!important;object-position:center top!important;opacity:1!important;transform:none!important}
html#mobile-layout-root body.chapter-site #world:not(.gameplay-chapter) .lore-tabs,html#mobile-layout-root body.chapter-site .ship-factions{position:absolute!important;inset:10px 14px auto!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:7px!important;padding:0 0 8px!important;width:auto!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:8;scrollbar-width:none!important}
html#mobile-layout-root body.chapter-site :is(.lore-tabs,.ship-factions) button{flex:0 0 62px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:9px!important;min-height:82px!important;padding:8px 3px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#a2b0be!important;font-size:10px!important;line-height:1.4!important;text-align:center!important}
html#mobile-layout-root body.chapter-site :is(.lore-tabs,.ship-factions) button[aria-pressed=true]{background:#ffffff14!important;color:#fff!important}
html#mobile-layout-root body.chapter-site :is(.lore-tabs,.ship-factions) button:after{display:none!important}
html#mobile-layout-root body.chapter-site :is(.lore-tabs,.ship-factions) .faction-option-icon{width:34px!important;height:38px!important;flex:0 0 38px!important;opacity:.85}
html#mobile-layout-root body.chapter-site #world:not(.gameplay-chapter) .lore-copy{inset:132px 24px auto!important;width:auto!important;max-width:none!important;padding:0!important;background:none!important}
html#mobile-layout-root body.chapter-site #world:not(.gameplay-chapter) .lore-copy h2{font-size:30px!important;line-height:1.4!important;margin:10px 0 18px!important}
html#mobile-layout-root body.chapter-site #world:not(.gameplay-chapter) .lore-copy p{font-size:14px!important;line-height:1.85!important;max-width:17em!important;max-height:34dvh!important;overflow-y:auto!important;text-shadow:0 2px 8px #000}
html#mobile-layout-root body.chapter-site #world .lore-title-logo{display:none!important}
html#mobile-layout-root body.chapter-site #ships .ship-main{position:absolute!important;inset:108px 0 auto!important;width:100%!important;height:31%!important;transform:none!important;object-fit:contain!important}
html#mobile-layout-root body.chapter-site #ships .ship-title{position:absolute!important;inset:46% 24px auto!important;width:auto!important;height:auto!important;padding:0!important}
html#mobile-layout-root body.chapter-site #ships .ship-title h3{font-size:27px!important;line-height:1.3!important;margin:0 0 12px!important}
html#mobile-layout-root body.chapter-site #ships .ship-description{position:absolute!important;inset:54% 24px 218px!important;width:auto!important;height:auto!important;overflow:auto!important}
html#mobile-layout-root body.chapter-site #ships .ship-description p{font-size:13px!important;line-height:1.8!important;margin:0 0 12px!important}
html#mobile-layout-root body.chapter-site #ships .ship-list{position:absolute!important;inset:auto 18px 70px!important;height:132px!important;max-height:132px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:60px!important;gap:7px!important;padding:2px!important;overflow-x:hidden!important;overflow-y:auto!important;align-content:start!important;scroll-snap-type:none!important}
html#mobile-layout-root body.chapter-site #ships .ship-list button{width:100%!important;min-width:0!important;height:60px!important;min-height:60px!important;padding:3px!important;background-size:35px!important;box-shadow:0 5px 12px #0005!important;scroll-snap-align:none!important}
html#mobile-layout-root body.chapter-site #ships .ship-list button img{height:43px!important;width:100%!important;object-fit:contain!important}
html#mobile-layout-root body.chapter-site #ships .ship-list button span{font-size:9px!important;line-height:1.2!important;left:0!important;right:0!important;bottom:3px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html#mobile-layout-root body.chapter-site.godrop-detail .gameplay-chapter{padding:30px 24px 90px!important;gap:22px!important}
html#mobile-layout-root body.chapter-site.godrop-detail .chapter-heading h2{font-size:28px!important;line-height:1.4!important;margin:0!important}
html#mobile-layout-root body.chapter-site.godrop-detail .gameplay-demo :is(img,video){height:auto!important;max-height:28dvh!important;width:100%!important;object-fit:contain!important}
html#mobile-layout-root body.chapter-site.godrop-detail .mobile-gameplay-tabs{gap:9px!important}
html#mobile-layout-root body.chapter-site.godrop-detail .mobile-gameplay-tabs button{min-height:44px!important;font-size:13px!important;font-weight:600!important;padding:9px 5px!important}
html#mobile-layout-root body.chapter-site.godrop-detail .gameplay-description h3{font-size:18px!important;line-height:1.5!important;margin:0 0 14px!important}
html#mobile-layout-root body.chapter-site.godrop-detail .gameplay-description p{font-size:13px!important;line-height:1.85!important;margin:0!important}
html#mobile-layout-root .gameplay-still{font-size:11px!important;padding:8px 0!important}
html#mobile-layout-root .home-site .page-rail>:is(#collection,#business){padding:34px 24px 100px!important;background:radial-gradient(ellipse at 45% 30%,#34425266,transparent 65%),#0c121a!important}
html#mobile-layout-root .home-site :is(#collection,#business) h1{font-size:28px!important;line-height:1.4!important;max-width:9em!important;margin:22px 0 20px!important}
html#mobile-layout-root .home-site :is(#collection,#business) .portal-content>p{font-size:13px!important;line-height:1.85!important;max-width:23em!important;margin:0!important}
html#mobile-layout-root .home-site #collection .collection-group{display:none!important}
html#mobile-layout-root .home-site #collection .mobile-collection-preview{display:block;position:relative;margin-top:26px}
.mobile-collection-art{height:32dvh;max-height:300px;min-height:200px;position:relative;display:flex;justify-content:center;gap:0;align-items:center}
.mobile-collection-art img{height:92%;width:39%;object-fit:contain;filter:drop-shadow(0 15px 16px #0006);transform:rotate(-8deg);margin-right:-7%}
.mobile-collection-art img+img{height:85%;transform:rotate(8deg);margin:22px 0 0}
.mobile-collection-link{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-top:24px;border-top:1px solid #ffffff55;font-size:16px;font-weight:650;color:#fff}
html#mobile-layout-root .home-site #business .business-list{margin-top:52px!important;border-top:0!important}
html#mobile-layout-root .home-site #business .business-list article{display:flex!important;align-items:center!important;gap:18px!important;padding:20px 0!important;border-bottom:1px solid #ffffff1c!important}
html#mobile-layout-root .home-site #business .business-list h2{font-size:17px!important;line-height:1.5!important;font-weight:550!important;margin:0!important}
html#mobile-layout-root .home-site #business .business-list :is(p,small){display:none!important}
html#mobile-layout-root .home-site #business .row-index{font-size:11px!important;display:block!important;color:#82929f!important}
html#mobile-layout-root .home-site #business .business-email{display:block!important;font-size:16px!important;padding:20px 0!important;margin-top:24px!important;border-top:1px solid #ffffff55;white-space:nowrap}
}
@media(max-width:760px) and (max-height:720px){html#mobile-layout-root body.chapter-site #ships .ship-main{top:98px!important;height:27%!important}html#mobile-layout-root body.chapter-site #ships .ship-title{top:44%!important}html#mobile-layout-root body.chapter-site #ships .ship-description{top:52%!important;bottom:204px!important}.mobile-collection-art{min-height:165px;height:29dvh}}
@media(max-width:760px){html#mobile-layout-root body.chapter-site #ships .ship-list button span{max-width:none!important;width:100%!important;display:block!important}html#mobile-layout-root body.chapter-site #ships .ship-list button:after{display:none!important}html#mobile-layout-root body.chapter-site #ships .ship-list button[aria-pressed=true]{outline:1px solid #dcebf0;outline-offset:-1px}}
@media(max-width:760px){html#mobile-layout-root .home-site #collection h1{max-width:7em!important;text-wrap:balance!important}}
@media(max-width:760px){.page-step-navigation{width:max-content!important;max-width:calc(100vw - 32px)}.page-step-navigation button{white-space:nowrap!important;flex:0 0 auto}}
