html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}

body {
    color: rgba(255, 255, 255, 0.87);
    background-color: #181a1b;
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

#app {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pixi-container {
    width: 100%;
    height: 100%;
}

.splash {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 64px;
    font-weight: 700;
    color: #f5f6fa;
    background: #181a1b;
}

/* YouTube paused the game: freeze every CSS animation too. */
body.paused *,
body.paused *::before,
body.paused *::after {
    animation-play-state: paused !important;
}