@media(max-width:900px){

body{
overflow-x:hidden!important;
}

.wrap,
.page,
.container,
.main{
width:100%!important;
max-width:100%!important;
padding-left:18px!important;
padding-right:18px!important;
margin:0 auto!important;
overflow-x:hidden!important;
}

.oracleContext,
#oracleContextLive{
width:100%!important;
margin:0 0 18px!important;
padding:18px!important;
border-radius:24px!important;
}

.card,
.panel,
.block,
.module,
.setup,
.metrics,
.tracking,
.output,
.oracle,
.engine{
width:100%!important;
max-width:100%!important;
margin-bottom:18px!important;
padding:22px!important;
border-radius:26px!important;
}

.grid,
.metrics-grid,
.setup-grid,
.stats,
.row{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
}

h1{
font-size:52px!important;
line-height:1.02!important;
}

h2{
font-size:38px!important;
}

h3{
font-size:30px!important;
}

p{
font-size:15px!important;
line-height:1.55!important;
}

button,
.btn{
min-height:52px!important;
font-size:11px!important;
letter-spacing:4px!important;
border-radius:999px!important;
}

.bottomNav,
.navBottom{
position:sticky!important;
bottom:12px!important;
width:100%!important;
max-width:100%!important;
}

.visual,
.holo,
.engineVisual{
height:240px!important;
overflow:hidden!important;
border-radius:24px!important;
}

.visual img,
.holo img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
}

}