/* Site-wide background: teal gradient plus the small, faint, static blook pattern (no animation). */
html body { background: linear-gradient(to bottom, #0bc2cf, #349aef) fixed !important; background-attachment: fixed !important; }
body::before {
    content: ''; position: fixed; top: 50%; left: 50%; width: 200%; height: 200%;
    transform: translate(-50%, -50%) rotate(15deg);
    opacity: 0.1; background-image: url('https://ac.blooket.com/@codeblooket/blooket-frontend-components/v0.2.36/assets/BlookCheckers-e975c505.png');
    background-size: 550px; background-repeat: repeat; z-index: -1; pointer-events: none; animation: none !important;
}
.blookBackdrop { display: none !important; animation: none !important; }