.error_panel {
         margin-top: 4px;
         color: #842029;
         background-color: #f8d7da;
         border-color: #f5c2c7;
         position: relative;
         padding: 1rem 1rem;
         margin-bottom: 1rem;
         border-radius: 0.25rem;
         }
         .message_panel {
         margin-top: 4px;
         color: #FFFFFF;
         background-color: #0c4128;
         border-color: #0c4128;
         position: relative;
         padding: 1rem 1rem;
         margin-bottom: 1rem;
         border-radius: 0.25rem;
         }
         .visible {
         display: block;
         }
         .invisible {
         display: none;
         }
         a.disabled {
         pointer-events: none;
         }
         .moderator_nick_name {
         color: red;
         }
		 
		    #loader {
                width: 100vw;
                height: 100vh;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }

            #loader div {
                margin-top: 20px;
                font-size: 20px;
                letter-spacing: 1px;
            }

            #svg_11 {
                animation: rotate-svg 2s infinite linear;
                transform-origin: 50px 48px;
            }

            @keyframes rotate-svg {
                from {
                    transform: rotate(0);
                }

                to {
                    transform: rotate(360deg);
                    transform-origin: 50px 52px;
                }
            }
			
			    /* Оверлей и модальное окно */
        .overlayz {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.75);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 1;
            transition: opacity 0.3s ease-in-out;
        }

          .overlayz.hiddenz {
            opacity: 0;
            pointer-events: none;
        }

        .modalz {
            position: relative;
            padding: 20px;
            background-color: #f0f0f0;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
            text-align: center;
        }

        #closeButton {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 30px;
            color: #888;
            background: none;
            border: none;
            cursor: pointer;
            line-height: 1;
        }

        /* Контейнер колеса */
        .wheel-container {
            position: relative;
            width: 400px;
            height: 400px;
            margin: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Стрелка-индикатор */
        .arrow-indicatorz {
            position: absolute;
            left: -30px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 25px solid #333;
            z-index: 10;
        }

        #wheelCanvas {
            width: 100%;
            height: 100%;
        }

        /* SVG логотип */
        #logoContainer {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90px;
            height: 90px;
            background-color: #fff;
            border-radius: 50%;
            border: 5px solid #333;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 5;
        }

        #logoContainer svg {
            width: 63px;
            height: 44px;
        }

        #spinButton {
            margin-top: 10px;
            width: 60%;
        }
        
        #spinButton:disabled {
            background-color: #aaa;
            border-color: #aaa;
            color: #fff;
            cursor: not-allowed;
        }

        #resultz {
            margin-top: 20px;
            font-size: 22px;
            font-weight: bold;
            min-height: 30px;
            color: #333;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }
        #resultz.visible {
            opacity: 1;
        }
		
		
	.entrance{
	background: #0E0E0E;
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 17px 21px;
    border: 1px solid black;
    width: 100%;
    cursor: pointer;
    transition: 0.3s all;
	}			   
			   
	.entranceW{
	background: #FFFFFF;		 
    border-radius: 10px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    padding: 17px 21px;
    border: 1px solid black;
    width: 200%;
    cursor: pointer;
	margin-right: 5px;
    transition: 0.3s all;
	}