body {
    margin: 0;
    overflow: hidden;
    background-color: #000;
}
canvas {
    display: block;
}

/* Skrin muat: kekal sehingga panorama dan Kaabah siap */
#loader {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0b0a08;
    color: #efe7d6;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    transition: opacity .7s ease;
    opacity: 1;
}
#loader.siap { opacity: 0; pointer-events: none; }
#loaderInner { width: min(70vw, 320px); text-align: center; }
#loaderTitle {
    font-size: 15px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #d9c9a3;
    margin-bottom: 16px;
}
#loaderTrack {
    height: 3px;
    background: rgba(255, 255, 255, .12);
    border-radius: 3px;
    overflow: hidden;
}
#loaderBar {
    height: 100%;
    width: 0%;
    background: #d9c9a3;
    transition: width .25s ease;
}
#loaderPct {
    margin-top: 12px;
    font-size: 22px;
    font-variant-numeric: tabular-nums;
}
#loaderNote {
    margin-top: 6px;
    font-size: 11.5px;
    letter-spacing: .5px;
    color: rgba(239, 231, 214, .55);
}