.GjiuRye_page_outpanel_2_l {
    position: relative;

    color: #5c351c;
    padding: 0 10px 20px 10px;
}
.GjiuRye_page_outpanel_2_l b {
	color: #5B3A21;
}

/*.GjiuRye_page_outpanel_1_l {
    --frame-size: 10px;

    position: relative;
    isolation: isolate;
    box-sizing: border-box;

    color: #5c351c;
    min-height: 300px;
    /* padding: calc(var(--frame-size) + 18px); *
	padding: 30px 40px 30px 40px;
    margin-top: 20px;
    margin-bottom: 20px;

    background:
        radial-gradient(
            ellipse 120px 7px at 16% 5px,
            rgba(255,205,125,.65) 0%,
            rgba(195,120,50,.28) 28%,
            transparent 72%
        ),

        radial-gradient(
            ellipse 105px 7px at 84% 5px,
            rgba(245,188,100,.55) 0%,
            rgba(175,95,35,.22) 30%,
            transparent 72%
        ),
		
        radial-gradient(
            ellipse 95px 7px at 15% calc(100% - 5px),
            rgba(235,175,90,.52) 0%,
            rgba(165,82,28,.22) 30%,
            transparent 72%
        ),

        radial-gradient(
            ellipse 115px 7px at 85% calc(100% - 5px),
            rgba(248,200,118,.60) 0%,
            rgba(180,96,36,.24) 30%,
            transparent 72%
        ),
		
        linear-gradient(
            180deg,
            #5a2d13 0,
            #a95f2c 16%,
            #d58a48 34%,
            #9c5225 58%,
            #613016 80%,
            #32170c 100%
        ) top / 100% var(--frame-size) no-repeat,
		
        linear-gradient(
            0deg,
            #4c240f 0,
            #985025 18%,
            #cf8141 38%,
            #8e4821 62%,
            #54270f 82%,
            #2d1409 100%
        ) bottom / 100% var(--frame-size) no-repeat,
		
        linear-gradient(
            90deg,
            #4b220e 0,
            #945025 18%,
            #cd8040 38%,
            #8c461f 62%,
            #52260f 82%,
            #2b1309 100%
        ) left / var(--frame-size) 100% no-repeat,

        linear-gradient(
            270deg,
            #4b220e 0,
            #945025 18%,
            #cd8040 38%,
            #8c461f 62%,
            #52260f 82%,
            #2b1309 100%
        ) right / var(--frame-size) 100% no-repeat,

        radial-gradient(
            ellipse 70% 55% at 50% 6%,
            rgba(255,255,255,.08) 0%,
            rgba(255,247,228,.04) 35%,
            transparent 62%
        ),

        radial-gradient(
            ellipse at center,
            transparent 48%,
            rgba(170,105,45,.05) 76%,
            rgba(110,65,25,.10) 100%
        ),

        linear-gradient(
            180deg,
            #f3d9a2 0%,
            #f0d090 22%,
            #eed08d 48%,
            #ebca86 74%,
            #e6c27d 100%
        );

    box-shadow:
        inset 0 0 0 1px rgba(61,27,11,.98),
        inset 0 0 0 2px rgba(255,190,110,.35),
        inset 0 0 0 var(--frame-size) rgba(83,39,16,.90),
        inset 0 0 34px rgba(145,81,34,.12),
        0 7px 18px rgba(91,46,20,.28);
}
.GjiuRye_page_outpanel_1_l::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    clip-path: inherit;

    background:
        radial-gradient(
            ellipse 7px 92px at calc(100% - 5px) 24%,
            rgba(230,175,95,.45) 0%,
            rgba(170,92,34,.18) 36%,
            transparent 76%
        ),

        radial-gradient(
            ellipse 7px 78px at 5px 66%,
            rgba(225,168,82,.42) 0%,
            rgba(150,76,26,.16) 38%,
            transparent 76%
        );
}
.GjiuRye_page_outpanel_1_l::after {
    content: "";
    position: absolute;
    inset: var(--frame-size);
    z-index: 1;
    pointer-events: none;

    clip-path: polygon(
        8px 0,
        calc(100% - 8px) 0,
        100% 8px,
        100% calc(100% - 8px),
        calc(100% - 8px) 100%,
        8px 100%,
        0 calc(100% - 8px),
        0 8px
    );

    box-shadow:
        inset 0 0 0 1px rgba(145,88,40,.28),
        inset 0 0 0 2px rgba(255,250,236,.22),
        inset 0 0 18px rgba(140,78,30,.08);
}
.GjiuRye_page_outpanel_1_l > * {
    /* position: relative; *
    z-index: 2;
}
.GjiuRye_page_outpanel_1_l b {
    color: #5B3A21;
}*/
.GjiuRye_page_outpanel_1_l {
    --frame-size: 10px;

    position: relative;
    isolation: isolate;
    box-sizing: border-box;

    min-height: 300px;
    padding: 30px 40px;
    margin-top: 20px;
    margin-bottom: 20px;

    color: #f7e7cf;

    background:

        /* ==================================================
           Световые блики на верхней деревянной рамке
        ================================================== */

        radial-gradient(
            ellipse 130px 7px at 17% 5px,
            rgba(255, 196, 105, .42) 0%,
            rgba(214, 112, 43, .20) 32%,
            transparent 73%
        ),

        radial-gradient(
            ellipse 115px 7px at 83% 5px,
            rgba(255, 183, 87, .36) 0%,
            rgba(198, 88, 30, .18) 32%,
            transparent 73%
        ),

        /* ==================================================
           Нижние блики
        ================================================== */

        radial-gradient(
            ellipse 105px 7px at 16% calc(100% - 5px),
            rgba(241, 156, 72, .30) 0%,
            rgba(154, 65, 22, .15) 33%,
            transparent 74%
        ),

        radial-gradient(
            ellipse 125px 7px at 84% calc(100% - 5px),
            rgba(250, 174, 82, .34) 0%,
            rgba(170, 72, 24, .16) 33%,
            transparent 74%
        ),

        /* ==================================================
           Верхняя рамка
           Более красно-коричневая, как верхнее меню
        ================================================== */

        linear-gradient(
            180deg,
            #2a0d04 0%,
            #531b09 14%,
            #8b3c18 31%,
            #a65023 43%,
            #713016 61%,
            #451707 81%,
            #220a03 100%
        )
        top / 100% var(--frame-size) no-repeat,

        /* Нижняя рамка */

        linear-gradient(
            0deg,
            #230a03 0%,
            #461506 15%,
            #783016 32%,
            #99471f 44%,
            #672810 62%,
            #3c1205 82%,
            #1d0802 100%
        )
        bottom / 100% var(--frame-size) no-repeat,

        /* Левая рамка */

        linear-gradient(
            90deg,
            #230a03 0%,
            #461506 15%,
            #783016 32%,
            #99471f 44%,
            #672810 62%,
            #3c1205 82%,
            #1d0802 100%
        )
        left / var(--frame-size) 100% no-repeat,

        /* Правая рамка */

        linear-gradient(
            270deg,
            #230a03 0%,
            #461506 15%,
            #783016 32%,
            #99471f 44%,
            #672810 62%,
            #3c1205 82%,
            #1d0802 100%
        )
        right / var(--frame-size) 100% no-repeat,

        /* ==================================================
           Тонкие древесные волокна
        ================================================== */

        repeating-linear-gradient(
            1deg,
            rgba(255, 208, 140, .020) 0px,
            rgba(255, 208, 140, .020) 1px,
            transparent 1px,
            transparent 6px
        ),

        /* Более крупные горизонтальные полосы */

        repeating-linear-gradient(
            179deg,
            transparent 0px,
            transparent 22px,
            rgba(40, 11, 3, .050) 23px,
            rgba(40, 11, 3, .050) 25px,
            transparent 26px,
            transparent 43px
        ),

        /* ==================================================
           Тёплый свет сверху
        ================================================== */

        radial-gradient(
            ellipse 90% 66% at 50% 5%,
            rgba(255, 181, 101, .105) 0%,
            rgba(229, 113, 48, .048) 38%,
            transparent 72%
        ),

        /* Мягкий свет в центральной части */

        radial-gradient(
            ellipse 76% 86% at 50% 48%,
            rgba(255, 193, 125, .035) 0%,
            transparent 72%
        ),

        /* ==================================================
           Затемнение краёв
        ================================================== */

        radial-gradient(
            ellipse at center,
            transparent 46%,
            rgba(55, 17, 5, .10) 74%,
            rgba(26, 7, 2, .24) 100%
        ),

        /* ==================================================
           ОСНОВНАЯ ДЕРЕВЯННАЯ ПОВЕРХНОСТЬ

           Палитра повторяет красно-коричневое дерево
           верхнего меню.
        ================================================== */

        linear-gradient(
            180deg,
            #88401d 0%,
            #793316 18%,
            #83391a 36%,
            #713015 55%,
            #793418 74%,
            #65270f 100%
        );

    box-shadow:

        /* Тёмная внешняя линия */
        inset 0 0 0 1px rgba(26, 7, 2, .98),

        /* Тонкий медный кант */
        inset 0 0 0 2px rgba(218, 105, 42, .30),

        /* Тёмная масса деревянной рамки */
        inset 0 0 0 var(--frame-size) rgba(48, 13, 4, .72),

        /* Мягкое внутреннее затемнение */
        inset 0 0 32px rgba(24, 6, 2, .18),

        /* Внешняя тень */
        0 7px 18px rgba(40, 11, 3, .36);
}
.GjiuRye_page_outpanel_1_l::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;
    pointer-events: none;

    clip-path: inherit;

    background:

        /* Правый блик */

        radial-gradient(
            ellipse 7px 105px at calc(100% - 5px) 25%,
            rgba(226, 126, 53, .25) 0%,
            rgba(127, 44, 13, .13) 38%,
            transparent 77%
        ),

        /* Левый блик */

        radial-gradient(
            ellipse 7px 90px at 5px 67%,
            rgba(215, 111, 43, .23) 0%,
            rgba(112, 35, 10, .12) 40%,
            transparent 77%
        );
}
.GjiuRye_page_outpanel_1_l::after {
    content: "";

    position: absolute;
    inset: var(--frame-size);

    z-index: 1;
    pointer-events: none;

    clip-path: polygon(
        8px 0,
        calc(100% - 8px) 0,

        100% 8px,
        100% calc(100% - 8px),

        calc(100% - 8px) 100%,
        8px 100%,

        0 calc(100% - 8px),
        0 8px
    );

    box-shadow:
        inset 0 0 0 1px rgba(47, 13, 4, .52),
        inset 0 0 0 2px rgba(255, 177, 105, .075),
        inset 0 0 20px rgba(24, 6, 2, .16);
}
.GjiuRye_page_outpanel_1_l > * {
    position: relative;
    z-index: 2;
}
.GjiuRye_page_outpanel_1_l b {
    color: #ffc247;
}



.GjiuRye_page_outpanel_2_d {
	position: relative;

    color: #d6e4ff;
    padding: 0 12px 20px 14px;
}
.GjiuRye_page_outpanel_2_d b {
	color: #2ebbea;
}

.GjiuRye_page_outpanel_1_d {
    --frame-size: 10px;

    position: relative;
    isolation: isolate;
    box-sizing: border-box;
	
	color: #d6e4ff;
    min-height: 300px;
    /* padding: calc(var(--frame-size) + 18px); */
	padding: 30px 40px 30px 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	
    background:

        radial-gradient(
            ellipse 95px 7px at 13% 5px,
            rgba(45, 160, 255, 0.95) 0%,
            rgba(25, 117, 207, 0.55) 22%,
            rgba(13, 73, 139, 0.18) 52%,
            transparent 75%
        ),

        radial-gradient(
            ellipse 105px 6px at 87% 5px,
            rgba(255, 151, 48, 0.72) 0%,
            rgba(179, 88, 24, 0.35) 30%,
            transparent 72%
        ),

        radial-gradient(
            ellipse 85px 6px at 14% calc(100% - 5px),
            rgba(255, 132, 31, 0.72) 0%,
            rgba(160, 71, 19, 0.32) 32%,
            transparent 74%
        ),

        radial-gradient(
            ellipse 110px 7px at 86% calc(100% - 5px),
            rgba(37, 151, 255, 0.88) 0%,
            rgba(24, 105, 190, 0.44) 28%,
            transparent 74%
        ),

        linear-gradient(
            180deg,
            #2a180f 0,
            #714525 18%,
            #3e2416 43%,
            #1b100b 68%,
            #090708 100%
        ) top / 100% var(--frame-size) no-repeat,

        linear-gradient(
            0deg,
            #24150e 0,
            #684020 20%,
            #392116 45%,
            #180e0a 70%,
            #080608 100%
        ) bottom / 100% var(--frame-size) no-repeat,

        linear-gradient(
            90deg,
            #26160e 0,
            #694120 20%,
            #3a2215 44%,
            #180e0a 70%,
            #080608 100%
        ) left / var(--frame-size) 100% no-repeat,
		
        linear-gradient(
            270deg,
            #26160e 0,
            #694120 20%,
            #3a2215 44%,
            #180e0a 70%,
            #080608 100%
        ) right / var(--frame-size) 100% no-repeat,
		
		radial-gradient(
			ellipse 60% 45% at 50% 8%,
			rgba(40, 105, 210, 0.14) 0%,
			rgba(15, 55, 130, 0.08) 45%,
			transparent 72%
		),
		
		radial-gradient(
			ellipse at center,
			transparent 42%,
			rgba(0, 8, 22, 0.16) 75%,
			rgba(0, 4, 14, 0.30) 100%
		),
		
		linear-gradient(
			180deg,
			#062352 0%,
			#04204b 20%,
			#021a40 45%,
			#011431 70%,
			#010f28 100%
		);

    box-shadow:
        inset 0 0 0 1px rgba(9, 5, 4, 0.98),
        inset 0 0 0 2px rgba(145, 88, 44, 0.38),
        inset 0 0 0 var(--frame-size) rgba(1, 5, 10, 0.94),
        inset 0 0 38px rgba(0, 0, 0, 0.34),
        0 7px 18px rgba(0, 0, 0, 0.46);
}
.GjiuRye_page_outpanel_1_d::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    clip-path: inherit;

    background:
        radial-gradient(
            ellipse 7px 82px at calc(100% - 5px) 23%,
            rgba(42, 155, 255, 0.9) 0%,
            rgba(25, 103, 188, 0.42) 32%,
            transparent 74%
        ),
		
        radial-gradient(
            ellipse 6px 68px at 5px 61%,
            rgba(227, 112, 32, 0.42) 0%,
            rgba(126, 58, 20, 0.18) 38%,
            transparent 75%
        );
}
.GjiuRye_page_outpanel_1_d::after {
    content: "";
    position: absolute;
    inset: var(--frame-size);
    z-index: 1;
    pointer-events: none;

    clip-path: polygon(
        8px 0,
        calc(100% - 8px) 0,
        100% 8px,
        100% calc(100% - 8px),
        calc(100% - 8px) 100%,
        8px 100%,
        0 calc(100% - 8px),
        0 8px
    );

    box-shadow:
        inset 0 0 0 1px rgba(32, 66, 92, 0.48),
        inset 0 0 16px rgba(0, 0, 0, 0.22);
}
.GjiuRye_page_outpanel_1_d > * {
    /* position: relative; */
    z-index: 2;
}
.GjiuRye_page_outpanel_1_d b {
	color: #2ebbea;
}



.GjiuRye_outpanel_3_d {
	display: inline-flex;
	align-items: center;

	padding: 4px 12px;
	border-radius: 5px;

	color: #79d878;
	background: rgba(16, 94, 45, 0.42);
	border: 1px solid rgba(42, 160, 91, 0.55);
}



.GjiuRye_outpanel_4 {
    position: relative;

    display: inline-block;
    align-items: center;
	
    padding: 5px 10px 5px 25px;
    box-sizing: border-box;
    border-radius: 8px;
	
	font-size: 70%;
    font-weight: 700;
    line-height: 1;
}
.GjiuRye_outpanel_4 > img {
    position: absolute;

    /* width: 38px; */
    height: 30px;

    left: -8px;
    top: 50%;

    transform: translateY(-50%);
    object-fit: contain;

    z-index: 2;
}
.GjiuRye_outpanel_4 > span {
    display: block;
    width: 100%;

    text-align: center;
    box-sizing: border-box;
}
.GjiuRye_outpanel_4_moder_d {
    background: #07192c;
    border: 2px solid #9b42d1;
    color: #d85cff;
}
.GjiuRye_outpanel_4_premium_d {
	background: #07192c;
    border: 2px solid #8f681d;
    color: #E8B042;
}



.GjiuRye_outpanel_5 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.GjiuRye_outpanel_5 img {
	position: absolute;
    border: 2px solid #000;
}
/*.GjiuRye_outpanel_5_wrap {
    width: 64%;
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
	flex: 0 0 auto;
}
.GjiuRye_outpanel_5_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}*/



.GjiuRye_outpanel_6 {
	position: relative;
	display: inline-block;
    padding: 10px 10px;
    border-radius: 20px;
    box-sizing: border-box;
}
.GjiuRye_outpanel_6_d::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    border-radius: inherit;

    background:
        linear-gradient(
            180deg,
            #102c61 0%,
            #0b2450 12%,
            #081d40 50%,
            #071a39 88%,
            #0a234d 100%
        );

    /* одинаковая граница со всех сторон */
    border: 5px solid #03112c;

    box-shadow:
        /* тонкий блик сверху, не утолщает границу */
        inset 0 2px 1px rgba(18, 101, 223, 0.65),

        /* такой же по толщине внутренний кант снизу */
        inset 0 -2px 1px rgba(6, 35, 78, 0.65),

        /* одинаковая глубина слева и справа */
        inset 2px 0 1px rgba(12, 74, 165, 0.45),
        inset -2px 0 1px rgba(12, 74, 165, 0.45),

        /* равномерный внешний кант */
        0 0 0 2px #0a3478;

    opacity: 0.5;
    box-sizing: border-box;
    pointer-events: none;
}
.GjiuRye_outpanel_6 > * {
    position: relative;
    z-index: 1;
}



.GjiuRye_page_outpanel_7_d {
	position: relative;
    color: #d6e4ff;
}
.GjiuRye_page_outpanel_7_d b {
	color: #2ebbea;
}