* { margin: 0; padding: 0; box-sizing: border-box; }
        .main-screen { opacity: 0; transition: none; position: relative; }
        .main-screen.loaded { opacity: 1; }
        body {
            font-family: 'Roboto', sans-serif;
            font-size: 1.5rem;
            background: #069592;
            color: #FFD966;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px 20px 0 20px;
            margin: 0;
            overflow: hidden;
        }
		 body { overflow-x: hidden; position: relative; }
        body.modal-open { overflow: hidden; position: fixed; width: 100%; top: 0; left: 0; right: 0; }
        .main-screen {
            width: 100%;
            max-width: 900px;
            display: flex;
            flex-direction: column;
            align-items: center;
            border: 4px solid #FFD966;
            border-radius: 28px;
            padding: 18px 18px 35px 18px;
            background: linear-gradient(145deg, #3c2a55 0%, #1f1335 100%);
            position: relative;
        }
        .main-screen::before {
            content: '';
            position: absolute;
            top: -50%; left: -50%;
            width: 200%; height: 200%;
            background: radial-gradient(circle, rgba(255, 217, 102, 0.1) 0%, transparent 70%);
            animation: pulse 8s ease-in-out infinite;
            pointer-events: none;
            will-change: transform, opacity;
            transform: translateZ(0);
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 0.5; }
            50% { transform: scale(1.2); opacity: 0.8; }
        }