.maintenance-screen{
    position: fixed;
    inset: 0;
    z-index: 999999;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: #050b14;
}

.maintenance-screen.hidden{
    display:none;
}

.maintenance-card{

    position:relative;

    width:100%;
    max-width:390px;

    padding:36px 24px;

    text-align:center;

    border-radius:24px;

    background:rgba(12,18,30,.96);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(18px);

    box-shadow:
        0 30px 80px rgba(0,0,0,.45);
}

.maintenance-card h1{

    margin:16px 0 12px;

    color:#fff;

    font-size:28px;

    font-weight:800;
}

.maintenance-card p{

    color:#9aa7b8;

    line-height:1.8;

    font-size:15px;
}

#maintenanceGear{

    width:180px;
    height:180px;

    margin:auto;
}

#maintenanceSpark{

    width:140px;
    height:140px;

    margin:auto;
}

.maintenance-smoke{

    position:absolute;

    inset:0;

    opacity:.18;

    pointer-events:none;
}