*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-0{bottom:-0px}.-top-1{top:-.25rem}.-top-10{top:-2.5rem}.-top-14{top:-3.5rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-20{bottom:5rem}.bottom-24{bottom:6rem}.left-0{left:0}.right-0{right:0}.top-0{top:0}.top-2{top:.5rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1 / span 1}.col-span-4{grid-column:span 4 / span 4}.m-4{margin:1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.-mt-10{margin-top:-2.5rem}.-mt-4{margin-top:-1rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-24{margin-top:6rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-8{height:2rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.max-w-sm{max-width:24rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.self-stretch{align-self:stretch}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y-auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity))}.border-opacity-50{--tw-border-opacity: .5}.bg-yellow-900{--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity))}.bg-opacity-20{--tw-bg-opacity: .2}.bg-contain{background-size:contain}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.fill-white{fill:#fff}.p-3{padding:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-medium{font-weight:500}.tracking-tight{letter-spacing:-.025em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.opacity-100{opacity:1}.opacity-70{opacity:.7}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@font-face{font-family:Reaver;src:url(../../fonts/REAVER-REGULAR.OTF) format("opentype")}@font-face{font-family:Reaver;font-weight:700;src:url(../../fonts/REAVER-SEMIBOLD.OTF) format("opentype")}@font-face{font-family:Fira Sans Extra Condensed;src:url(../../fonts/FiraSansExtraCondensed-Regular.ttf) format("opentype")}@font-face{font-family:Fira Sans Extra Condensed;font-weight:700;src:url(../../fonts/FiraSansExtraCondensed-SemiBold.ttf) format("opentype")}.nav-bg{background-image:url(../../images/nav-bg.jpg);height:50px;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;z-index:999 !important}.nav-menu{background:#4F3420;border-right:2px solid rgba(177,148,94,.25)}.nav-ul{gap:10px;box-shadow:0 2px 4px #00000040}.nav-ul-li{gap:10px;padding:3px 24px;border:1px solid rgba(204,163,102,.5);background:rgba(95,67,35,.2)}.nav-ul-li:hover,.nav-ul-li.active{border:1px solid #CCA366;background:rgba(95,67,35,.5)}.nav-ul-li.active>.nav-text-link{color:#ffca7b}.nav-ul-li:hover>.nav-text-link{color:#ffca7b}.nav-text-link{color:#fff2df;text-align:center;font-family:Fira Sans Extra Condensed,serif;font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.36px;border:none}.logo{background-image:url(../../images/logo.png);height:582px !important;width:550px !important;background-size:contain !important;background-repeat:no-repeat !important;margin-bottom: -60px !important}.btn-bg-start{background-image:url(../../images/btn-bg.png);height:128px;width:348px;filter:brightness(100%);position:relative !important;z-index:10 !important}.btn-bg-start:hover{filter:brightness(115%)}.btn-bg-start-text{text-align:center;filter:drop-shadow(0 3px #672617);text-shadow:0 0 12px rgba(32,23,18,.25);font-family:Reaver,serif;font-size:30px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.6px;background:linear-gradient(180deg,#DFBC82 18.23%,#FBE9AC 51.04%,#FFD17A 70.83%,#A38553 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-bg{background-image:url(../../images/header-bg.jpg);height:866px;position:relative !important;padding-top:50px !important}.header-bg-gradient{height:249px;background:linear-gradient(180deg,rgba(55,37,21,0) 0%,#372515 86.98%)}.bg-main{background:#372515}.dirt-bg{background-image:url(../../images/dirt-bg.png);opacity:.1;position:absolute;width:100%;height:100%;z-index:0}.footer-bg{background-image:url(../../images/footer-bg.png);background-color:#372515;height:306px}.footer-bg-gradient{height:142px;background:linear-gradient(0deg,rgba(55,37,21,0) 0%,#372515 86.98%)}.footer-content{max-width:1374px}.footer-text-h1{color:#82725a;font-family:Reaver,serif;font-size:18px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.36px}.footer-text-h1.footer-text-h1-title{font-size:18px}.footer-text-h1.footer-text-h1-date{font-size:16px}.footer-text{color:#a9926f;font-family:Reaver,serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.32px}.footer-text.footer-text-link{font-size:16px}.footer-text.footer-text-link:hover{color:#e5b162}.content{max-width:1374px;background:#4F3420;border:2px solid rgba(177,148,94,.25);box-sizing:border-box;min-height:300px}.content-container{max-width:1376px}.content-header-frame{background-image:url(../../images/header-frame.png);height:63px;max-width:1376px}.content-footer-frame{background-image:url(../../images/footer-frame.png);height:63px;max-width:1376px}.rock-bg{background-image:url(../../images/rock-bg.png);opacity:.1;position:absolute;width:100%;height:100%;z-index:0}.news-header{background-image:url(../../images/news-header.png);min-height:20px;top:-26px;z-index:0}.news-header-d{background-image:url(../../images/news-d.png);height:11px;opacity:.7;z-index:3}.news-date-bg{border-radius:0 10px 10px 0;border:1px solid rgba(255,212,148,.5);background:rgba(56,40,15,.3);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:6px 16px;top:40px}.news-date-text{color:#e5cca6;font-family:Reaver,serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.news-footer{border:1px solid rgba(255,212,148,.5);background:rgba(56,40,15,.3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:8px 20px}.news-footer:hover{background:rgba(56,40,15,.5)}.news-text-title{color:#ffe4bb;font-family:Reaver,serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.news-col{opacity:.9;max-width:420px;max-height:302px;border:1px solid #866238;background:#64442D;box-shadow:0 0 0 3px #613f26;z-index:1}.news-col:hover .news-footer,.news-col:hover .news-date-bg{display:none}.news-col:hover .news-bg-desc{display:flex}.news-desc-title{color:#ffe4bb;font-family:Reaver,serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal;margin:5px 0}.news-desc-text{color:#ffe4bb;font-family:Reaver,serif;font-weight:400;line-height:normal;margin:5px 0}.news-desc-btn{margin:5px 0}.news-bg{opacity:.8;height:300px;border:1px solid rgba(255,212,148,.5);background:rgba(131,92,35,.6)}.news-bg-desc{border-top:1px solid rgba(255,212,148,.5);background:rgba(35,26,12,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:300px;padding:0 20px}.news-header{background-image:url(../../images/news-header.png);height:20px}.server-d1{background-image:url(../../images/d1.png);height:12px;max-width:1310px;opacity:.99}.server-bg{background-image:url(../../images/bg-server.png);height:144px;max-width:1310px;border:1px solid #866238;box-shadow:0 0 0 3px #613f26}.server-frame1{background-image:url(../../images/frame1.png);height:144px;width:76px}.server-stone1{background-image:url(../../images/stone1.png);height:106px;width:256px;opacity:.7;transform:rotate(16.816deg)}.server-header-stone{background-image:url(../../images/server-stone-header.png);height:150px}.server-frame2{background-image:url(../../images/frame2.png);height:144px;min-width:76px}.server-border{border-radius:10px 0 0 10px;border:1px solid #866238;background:rgba(73,86,36,.3);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.server-name-text{font-family:Reaver,serif;font-size:36px;font-style:normal;background:linear-gradient(180deg,#B79050 0%,#FFBD41 31.77%,#FFDC99 57.29%,#CF9433 86.46%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.server-text{color:#ffe4bb;font-family:Reaver,serif;font-size:22px;font-style:normal;font-weight:600;line-height:normal}.server-online-text{color:#b6d05f;font-family:Reaver,serif;font-size:22px;font-style:normal;font-weight:600;line-height:normal}.server-account-text{color:#ffb967;font-family:Reaver,serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.server-online-bg{display:inline-flex;padding:14px 28px;align-items:center;gap:30px;border-radius:10px 0 0 10px;border:1px solid #866238;background:rgba(73,86,36,.3);-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.server-button{background-image:url(../../images/server-play.png);height:158px;width:158px}.feature-container{height:303px;max-width:560px}.feature-item-bg{background-image:url(../../images/feature-item-bg.png);height:76px;width:76px;opacity:.9}.feature-arrow-left{background-image:url(../../images/left.png);height:36px;width:33px}.feature-arrow-right{background-image:url(../../images/right.png);height:36px;width:33px}.feature-item-1{background-image:url(../../images/feature-item-1.png);height:38px;width:38px}.feature-item-2{background-image:url(../../images/feature-item-2.png);height:38px;width:38px}.feature-item-3{background-image:url(../../images/feature-item-3.png);height:38px;width:38px}.feature-item-4{background-image:url(../../images/feature-item-4.png);height:38px;width:38px}.feature-text{border:1px solid #866238;background:#463020 url(../../images/feature-text-bg.png);padding:24px}.feature-text-p{padding-bottom:10px}.feature-text-title{color:#ffba53;font-family:Reaver,serif;font-size:26px;font-style:normal;font-weight:600;line-height:normal}.feature-text-desc{color:#ffe4bb;font-family:Reaver,serif;font-size:20px;font-style:normal;font-weight:400;line-height:170%}.slider-container{max-width:728px;height:410px;border:1px solid #866238;background:#64442D;box-shadow:0 0 0 3px #613f26}.slider-bg{height:410px;opacity:.9}.slider-footer{opacity:.9}.slider-footer-frame{background-image:url(../../images/slider-footer-frame.png);height:101px}.slider-text{color:#dbb479;text-align:center;text-shadow:0px 0px 8px rgba(0,0,0,.5);font-family:Reaver,serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.step-number{color:#ffe4bb;text-align:center;font-family:Reaver,serif;font-size:26px;font-style:normal;font-weight:600;line-height:normal}.block-padding{padding:15px 30px}.btn{font-family:Reaver,serif;border-radius:10px;border:1px solid #DBAA71;background:#E49B45;font-style:normal;font-weight:600;line-height:normal}.btn-primary{color:#ffe4bb;font-size:18px;padding:12px 22px}.btn-primary:hover{border-radius:10px;border:1px solid #DBAA71;background:#E49B45;color:#fff7ea}.opacity-80{opacity:.8}.about-header-bg{max-width:1374px;width:100%;height:250px;opacity:.8;background:url(../../images/about-header-bg.png) #4F3420}.about-header-frame-b{height:12px;background-image:url(../../images/about-header-frame-b.png)}.about-header-l{width:18px;height:250px;background-image:url(../../images/about-header-l.png)}.about-header-l-1{height:60px;width:68px;background-image:url(../../images/about-header-l-1.png)}.about-header-r{width:18px;height:250px;background-image:url(../../images/about-header-r.png)}.about-header-r-1{height:60px;width:68px;background-image:url(../../images/about-header-r-1.png)}.about-header-bg-gradient{max-width:1370px;height:100%;position:absolute;width:100%;background:linear-gradient(0deg,rgba(65,52,28,0) 0%,#312011 100%)}.about-header-text-h1{text-align:center;font-family:Reaver,serif;font-size:64px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:1.28px;text-transform:uppercase;background:linear-gradient(180deg,#DFBC82 18.23%,#FBE9AC 51.04%,#FFD17A 70.83%,#A38553 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #672617)}.about-header-text-h2{text-align:center;font-family:Reaver,serif;font-size:32px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.32px;background:linear-gradient(180deg,#B79050 0%,#FFBD41 31.77%,#FFDC99 57.29%,#CF9433 86.46%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #672617)}.about-header2-bg{width:914px;height:90px;background-image:url(../../images/about-header1-bg.png)}.about-header2-text-h1{text-align:center;font-family:Reaver,serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:3.6px;background:linear-gradient(180deg,#B79050 0%,#FFBD41 31.77%,#FFDC99 57.29%,#CF9433 86.46%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #672617)}.about-info-col{max-width:420px;height:404px;flex-shrink:0}.about-info-col.about-info-col-border{border:1px solid #866238;background:#463020;box-shadow:0 0 0 3px #613f26;z-index:50}.about-info-col.about-info-col-bg-1{background-image:url(../../images/about-info-bg-1.png);height:404px;max-width:420px}.about-info-col.about-info-col-bg-2{background-image:url(../../images/about-info-bg-2.png);height:404px;max-width:420px}.about-info-col.about-info-col-bg-3{background-image:url(../../images/about-info-bg-3.png);height:404px;max-width:420px}.about-info-header{background-image:url(../../images/about-info-top.png);height:11px}.about-info-header-l{width:18px;height:100%;background-image:url(../../images/about-header-l.png)}.about-info-header-r{width:18px;height:100%;background-image:url(../../images/about-header-r.png)}.about-info-text-h1{text-align:center;font-family:Reaver,serif;font-size:36px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.72px;background:linear-gradient(180deg,#DFBC82 18.23%,#FBE9AC 51.04%,#FFD17A 70.83%,#A38553 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-info-text-h2{text-align:center;font-family:Reaver,serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase;background:linear-gradient(180deg,#B79050 0%,#FFBD41 31.77%,#FFDC99 57.29%,#CF9433 86.46%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-info-text-bg{border-right:1px solid #C2935C;border-left:1px solid #C2935C;background:rgba(41,32,17,.5);display:inline-flex;height:402px;padding:0 24px;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0}.about-info-bg-desc{width:420px;height:402px;align-items:center;justify-content:center;flex-shrink:0;border-right:1px solid #C2935C;border-left:1px solid #C2935C;background:rgba(41,32,17,.5)}.about-info-bg-desc-small{color:#ffe4bb;text-align:center;font-family:Reaver,serif;font-size:18px;font-style:normal;font-weight:400;line-height:130%;width:339px}.about-info-bg-desc-small .about-info-bg-desc-small-bold{color:#ffba53}.about-info-col:hover .about-info-bg-desc{display:flex}.about-info-col:hover .about-info-text-bg,.about-info-col:hover .about-info-header-r,.about-info-col:hover .about-info-header-l{display:none}.about-info-c-col{flex-shrink:0;border:1px solid #866238;background:#463020;box-shadow:0 0 0 3px #613f26}.about-info-c-col.about-info-col-bg-3{background-image:url(../../images/about-info-bg-3.png);height:404px;width:420px}.about-char-col{flex-shrink:0;border:1px solid #866238;background:#463020;box-shadow:0 0 0 3px #613f26}.about-char-col.about-char-bg-1{background-image:url(../../images/about-char1-bg.png);height:500px;width:380px}.about-info-col-class-1{background-image:url(../../images/about-char1.png);height:460px;width:202px}.about-info-col-class-2{background-image:url(../../images/about-char2.png);height:460px;width:202px}.about-info-col-class-3{background-image:url(../../images/about-char3.png);height:460px;width:202px}.about-char-col.about-char-col-border{border:1px solid #866238;box-shadow:0 0 0 3px #613f26;z-index:50}.about-char-footer{border:1px solid var(--stroke, #866238);background:url(https://pwonline.org/build/assets/images/feature-text-bg.png) #463020;box-shadow:0 0 0 3px #613f26;height:86px}.about-char-text-title{color:#ffe4bb;font-family:Reaver,serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.about-char-icon-bg{background-image:url(../../images/about-class-icon-bg.png);height:69px;width:69px}.about-char-icon-class-1{background-image:url(../../images/about-class-icon-1.png);height:40px;width:40px}.about-char-icon-class-2{background-image:url(../../images/about-class-icon-2.png);height:40px;width:40px}.about-char-icon-class-3{background-image:url(../../images/about-class-icon-3.png);height:40px;width:40px}.about-char-icon-class-4{background-image:url(../../images/about-class-icon-4.png);height:40px;width:40px}.about-char-icon-class-5{background-image:url(../../images/about-class-icon-5.png);height:40px;width:40px}.about-char-icon-class-6{background-image:url(../../images/about-class-icon-6.png);height:40px;width:40px}.about-char-footer-name{width:342px;padding:8px 30px;justify-content:center;align-items:center;gap:10px;border-top:1px solid #A87F4F;border-bottom:1px solid #A87F4F;background:rgba(41,32,17,.8)}.about-char-col:hover .about-char-footer-stat{display:flex}.about-char-footer-name-text{text-align:center;font-family:Reaver,serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:1.44px;background:linear-gradient(0deg,#FFCD83 5.73%,rgba(199,162,93,.3) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-info-c-col-footer{border:1px solid #866238;background:rgba(41,32,17,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;width:1310px;padding:18px 35px;flex-direction:column;align-items:center}.about-info-c-col-footer-text-h1{text-align:center;font-family:Reaver,serif;font-size:26px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.52px;background:linear-gradient(180deg,#DFBC82 18.23%,#FBE9AC 51.04%,#FFD17A 70.83%,#A38553 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #672617)}.about-info-c-col-footer-text-h2{color:#ffe4bb;font-family:Reaver,serif;font-size:18px;font-style:normal;font-weight:400;line-height:170%}.about-desk-bg-1{border-left:4px solid #C2935C;background:rgba(41,32,17,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-desk,.about-desk-border{border:1px solid #866238;background:#463020;box-shadow:0 0 0 3px #613f26}.about-desk-left-col{max-width:502px}.about-desk-text-h1{text-align:center;text-shadow:0px 0px 12px rgba(32,23,18,.25);font-family:Reaver,serif;font-size:1.1rem;font-style:normal;font-weight:600;line-height:normal;letter-spacing:.4px;background:linear-gradient(180deg,#DFBC82 18.23%,#FBE9AC 51.04%,#FFD17A 70.83%,#A38553 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-desk-text-h2{color:#ffdcb4;font-family:Reaver,serif;font-size:1.1rem;font-style:normal;font-weight:600;line-height:normal;filter:drop-shadow(0 3px #672617)}.about-desk-text-h3{color:#b79670;font-family:Reaver,serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}@media (min-width: 768px){.about-desk-d{border-left:4px solid #C2935C;background:rgba(41,32,17,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.about-item{border-top:1px solid #7B573C;border-bottom:1px solid #7B573C;border-left:1px solid #7B573C;background:#4B3524;padding:10px}.about-item-1{background-image:url(../../images/items/item-1.png);height:32px;width:32px}.about-item-2{background-image:url(../../images/items/item-2.png);height:32px;width:32px}.about-item-3{background-image:url(../../images/items/item-3.png);height:32px;width:32px}.about-item-4{background-image:url(../../images/items/item-4.png);height:32px;width:32px}.about-item-5{background-image:url(../../images/items/item-5.png);height:32px;width:32px}.about-item-6{background-image:url(../../images/items/item-6.png);height:32px;width:32px}.about-item-7{background-image:url(../../images/items/item-7.png);height:32px;width:32px}.about-item-8{background-image:url(../../images/items/item-8.png);height:32px;width:32px}.about-item-9{background-image:url(../../images/items/item-9.png);height:32px;width:32px}.about-item-10{background-image:url(../../images/items/item-10.png);height:32px;width:32px}.about-section-h{height:57px}.about-section-1-h{height:266px}.about-section-top{margin-top:25px}.about-rate-col{height:90px;max-width:420px;border:1px solid #866238;background:#463020;box-shadow:0 0 0 3px #613f26}.about-rate-col-body{height:90px}.about-rate-col-b-top{background-image:url(../../images/about-info-top.png);height:11px}.about-rate-col-b-l{width:18px;height:100%;background-image:url(../../images/about-header-l.png)}.about-rate-col-b-r{width:18px;height:100%;background-image:url(../../images/about-header-r.png)}.about-rate-col-value{border:1px solid #FBB371;background:#DF9149;padding:10px 14px;color:#ffe4bb;font-family:Reaver,serif;font-size:18px;font-style:normal;font-weight:600;line-height:170%}.about-rate-col-value-text{color:#ffe4bb;font-family:Reaver,serif;font-size:18px;font-style:normal;font-weight:600;line-height:170%}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.hover\:opacity-100:hover{opacity:1}@media (min-width: 768px){.md\:hidden{display:none}.md\:max-w-lg{max-width:32rem}.md\:flex-row{flex-direction:row}.md\:py-8{padding-top:2rem;padding-bottom:2rem}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:inline-flex{display:inline-flex}.lg\:hidden{display:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:justify-between{justify-content:space-between}}@media (min-width: 1280px){.xl\:-mt-4{margin-top:-1rem}.xl\:mt-0{margin-top:0}.xl\:flex-row{flex-direction:row}.xl\:justify-between{justify-content:space-between}}.btn-bg-start{background-image:url(../../images/btn-bg.png);height:128px;width:348px;filter:brightness(100%);position:relative !important;z-index:9999 !important}
.logo {
    background-image: url(../../images/logo.png);
    height: 582px !important;
    width: 550px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-bottom: -15px !important; /* Уменьшили отступ, чтобы кнопка сама подтянулась повыше */
}

.btn-bg-start {
    position: relative !important;
    z-index: 9999 !important;
    overflow: visible !important;
    height: 175px !important; /* Сделали кнопку больше по высоте */
    width: 418px !important;  /* Сделали кнопку больше по ширине */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto !important;
}
/* ==========================================================================
   РЕБРЕНДИНГ ФОНА: Из унылого коричневого в глубокий магический темный
   ========================================================================== */

/* 1. Главный фон страницы под шапкой (заменяем #372515) */
.bg-main, 
.footer-bg {
    background: linear-gradient(180deg, #16121e 0%, #0d0a12 100%) !important;
}

/* Градиенты-переходы (сглаживаем стыки с артами) */
.header-bg-gradient {
    background: linear-gradient(180deg, rgba(22, 18, 30, 0) 0%, #16121e 86.98%) !important;
}
.footer-bg-gradient {
    background: linear-gradient(0deg, rgba(22, 18, 30, 0) 0%, #16121e 86.98%) !important;
}

/* 2. Основной центральный контейнер лаунчера/контента (вместо #4F3420) */
.content {
    background: rgba(25, 20, 34, 0.85) !important;
    border: 2px solid rgba(140, 110, 179, 0.25) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(140, 110, 179, 0.05) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

/* 3. Карточки новостей (вместо коричневого #64442D) */
.news-col {
    background: #1f1929 !important;
    border: 1px solid #4a365c !important;
    box-shadow: 0 0 0 3px #181320, 0 10px 20px rgba(0, 0, 0, 0.4) !important;
    opacity: 0.95 !important;
    transition: all 0.3s ease-in-out !important;
}

.news-col:hover {
    border-color: #9d75c7 !important;
    box-shadow: 0 0 0 3px #1f1929, 0 0 15px rgba(157, 117, 199, 0.4) !important;
    transform: translateY(-2px);
}

/* Подложка внутри новостей при наведении и плашки */
.news-bg {
    background: rgba(43, 33, 58, 0.4) !important;
    border-color: rgba(157, 117, 199, 0.3) !important;
}
.news-footer, .news-date-bg {
    background: rgba(26, 20, 33, 0.6) !important;
    border-color: rgba(157, 117, 199, 0.3) !important;
}

/* 4. Блок серверной статистики (полоса Онлайн/Аккаунты) */
.server-bg {
    background: #1c1626 !important;
    border: 1px solid #4a365c !important;
    box-shadow: 0 0 0 3px #14101c !important;
}
.server-online-bg, .server-border {
    background: rgba(36, 46, 73, 0.25) !important; /* Легкий синеватый оттенок для онлайна */
    border-color: #3d3152 !important;
}

/* 5. Дополнительные инфо-блоки и текстовые подложки (вместо #463020) */
.feature-text, 
.about-info-col, 
.about-char-col, 
.about-desk, 
.about-desk-border, 
.about-rate-col {
    background: #1d1726 !important;
    border-color: #433354 !important;
    box-shadow: 0 0 0 3px #16111e !important;
}

.about-info-bg-desc, 
.about-info-text-bg, 
.about-char-footer-name, 
.about-desk-bg-1,
.about-desk-d {
    background: rgba(25, 20, 33, 0.75) !important;
    border-color: rgba(157, 117, 199, 0.4) !important;
}

/* Текстурные наложения (грязь/камни), снижаем их контраст, чтобы не желтили */
.dirt-bg, .rock-bg {
    mix-blend-mode: overlay;
    opacity: 0.04 !important;
}
/* ==========================================================================
   СТИЛИЗАЦИЯ НАВИГАЦИИ: Эффект свечения и читаемость букв
   ========================================================================== */

.nav-text-link {
    color: #fff2df !important; /* Базовый приятный цвет букв */
    text-transform: uppercase; /* Делаем буквы капсом для строгости, если нужно */
    font-weight: 700 !important; /* Добавляем жирности для читаемости */
    letter-spacing: 1px !important; /* Слегка раздвигаем буквы */
    
    /* Текстовая тень: первый слой делает буквы четкими, второй создает фиолетово-золотое свечение */
    text-shadow: 0 0 4px #000, 
                 0 0 8px rgba(168, 127, 79, 0.6), 
                 0 0 15px rgba(157, 117, 199, 0.8) !important;
    
    transition: all 0.3s ease-in-out !important;
}

/* Эффект при наведении (Hover) на пункт меню */
.nav-ul-li:hover > .nav-text-link,
.nav-ul-li.active > .nav-text-link {
    color: #ffd899 !important; /* Буквы становятся ярче/золотее */
    
    /* Усиливаем неоновое фиолетовое свечение при наведении */
    text-shadow: 0 0 4px #000, 
                 0 0 10px #ffe4bb, 
                 0 0 20px #9d75c7, 
                 0 0 30px #8c6eb3 !important;
    
    transform: scale(1.03); /* Легкое микро-увеличение для динамики */
}

/* Сами рамки кнопок в меню тоже делаем чуть мягче и в тон */
.nav-ul-li {
    border: 1px solid rgba(157, 117, 199, 0.3) !important;
    background: rgba(26, 20, 33, 0.4) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transition: all 0.3s ease !important;
}

.nav-ul-li:hover, 
.nav-ul-li.active {
    border: 1px solid #9d75c7 !important;
    background: rgba(43, 33, 58, 0.6) !important;
    box-shadow: 0 0 10px rgba(157, 117, 199, 0.2) !important;
}

/* ==========================================================================
   ЗОЛОТЫЕ РАЗДЕЛИТЕЛЬНЫЕ ЛИНИИ И КАНТЫ (В ТОН СЛОВ И КНОПОК)
   ========================================================================= */

/* 1. Верхний стык главного контейнера с артом шапки (первый скриншот) */
.content {
    border: 2px solid #CCA366 !important; /* Наше фирменное золото */
    box-shadow: 0 0 15px rgba(204, 163, 102, 0.25), 
                inset 0 0 20px rgba(0, 0, 0, 0.7) !important;
}

/* 2. Горизонтальные декоративные линии внутри лаунчера и новостей (второй скриншот) */
.server-bg {
    border-color: #A87F4F !important; /* Более глубокое золото для обводки */
    box-shadow: 0 0 0 3px #14101c, 
                0 0 10px rgba(204, 163, 102, 0.15) !important;
}

/* Внутренние горизонтальные полосы-разделители */
.server-border,
.about-char-footer-name {
    border-top: 1px solid #C2935C !important;
    border-bottom: 1px solid #C2935C !important;
}

/* 3. Делаем верхнюю полоску над лаунчером золотистым светящимся градиентом */
.server-d1 {
    background: linear-gradient(90deg, rgba(183,144,80,0) 0%, #FFBD41 50%, rgba(183,144,80,0) 100%) !important;
    height: 2px !important; /* Превращаем её в тонкую аккуратную светящуюся нить */
    opacity: 0.8 !important;
    filter: drop-shadow(0 0 5px #FFBD41) !important;
}

/* 4. Рамки мелких карточек (новости и статистика) */
.news-col {
    border: 1px solid #866238 !important; /* Возвращаем аккуратный золотисто-бронзовый кант */
    box-shadow: 0 0 0 3px #1c1626 !important;
}

.news-col:hover {
    border-color: #CCA366 !important; /* При наведении золото загорается ярче */
    box-shadow: 0 0 0 3px #1c1626, 0 0 15px rgba(204, 163, 102, 0.4) !important;
}
/* ==========================================================================
   СТИЛИЗАЦИЯ НАЗВАНИЯ И СТАТУСА СЕРВЕРА
   ========================================================================== */

/* 1. Название сервера (делаем сочный золотой градиент с объемом) */
.server-name-text, 
.server-bg h2, /* На случай, если название выведено через заголовок */
.server-bg div[class*="name"] { 
    font-family: Reaver, serif !important;
    font-weight: 700 !important;
    text-transform: uppercase; /* Делаем строгим капсом, если нужно */
    letter-spacing: 0.5px !important;
    
    /* Фирменный градиент: от золота к яркому золоту и глубокой бронзе */
    background: linear-gradient(180deg, #DFBC82 18.23%, #FBE9AC 51.04%, #FFD17A 70.83%, #A38553 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* Тень под текстом, чтобы буквы четко читались на темном фоне */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8)) 
            drop-shadow(0 0 10px rgba(251, 233, 172, 0.35)) !important;
}

/* 2. Текст слова "Статус:" */
.server-bg text,
.server-bg span {
    color: #ffe4bb !important; /* Мягкий бежево-золотой оттенок вместо глухого белого */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}

/* 3. Сам статус "В разработке" (зажигаем неоновый зеленый) */
.server-online-text, 
.server-bg span[class*="status"],
.server-bg .text-green-500 { /* Если используется класс Tailwind */
    color: #b6d05f !important; /* Наш базовый зеленый из CSS */
    font-weight: 700 !important;
    
    /* Магическое зеленое свечение для статуса */
    text-shadow: 0 0 4px #000,
                 0 0 8px rgba(182, 208, 95, 0.6),
                 0 0 15px rgba(182, 208, 95, 0.3) !important;
}
/* ==========================================================================
   ПОЛНАЯ ОЧИСТКА КАРТОЧЕК НОВОСТЕЙ ОТ КОРИЧНЕВОГО ЦВЕТА
   ========================================================================== */

/* 1. Внутренний блок описания при наведении (вместо старого темного фона) */
.news-bg-desc {
    background: rgba(23, 17, 31, 0.95) !important; /* Глубокий темный фиолетовый */
    border-top: 1px solid rgba(204, 163, 102, 0.4) !important; /* Аккуратный золотой кант сверху */
}

/* 2. Сама подложка под новость, если картинка не загрузилась */
.news-bg {
    background: #191422 !important;
}

/* 3. Кнопка «Читать подробнее...» (делаем её золотой и яркой, в тон интерфейса) */
.news-desc-btn,
.news-bg-desc .btn,
.news-bg-desc button {
    border: 1px solid #DBAA71 !important;
    background: linear-gradient(180deg, #E49B45 0%, #C97E2B 100%) !important; /* Красивый золотисто-оранжевый градиент */
    color: #fff2df !important;
    font-family: Reaver, serif !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.2s ease-in-out !important;
}

/* Эффект при наведении на кнопку «Читать подробнее» */
.news-desc-btn:hover,
.news-bg-desc .btn:hover {
    background: linear-gradient(180deg, #ffb35a 0%, #e49b45 100%) !important; /* Становится ярче */
    box-shadow: 0 0 12px rgba(228, 155, 69, 0.5) !important;
    border-color: #ffe4bb !important;
}

/* 4. Исправляем внутренние рамки карточек новостей (убираем ржавый #866238 и #613f26) */
.news-col {
    border: 1px solid #4a385c !important; /* Фиолетово-стальной кант по умолчанию */
    box-shadow: 0 0 0 2px #181321, 0 10px 20px rgba(0, 0, 0, 0.5) !important; /* Четкий темный контур */
}

/* Внутренние плашки с датой и футеры новостей */
.news-footer, 
.news-date-bg {
    border-color: rgba(204, 163, 102, 0.25) !important; /* Тонкое приглушенное золото для рамочек */
    background: rgba(20, 15, 26, 0.75) !important; /* Убираем болотный фон */
}

/* Изменяем цвет текста даты и заголовков внизу для идеальной читаемости */
.news-date-text,
.news-text-title {
    font-family: Reaver, serif !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}
/* ==========================================================================
   ОЧИСТКА БЛОКА ОПИСАНИЯ ФИЧ / СЛАЙДЕРА ("Подсветка монстров")
   ========================================================================== */

/* 1. Основной фон большого квадратного блока — ТЕПЕРЬ СПЛОШНОЙ И ПЛОТНЫЙ */
.slider-container,
.feature-text,
div[class*="feature-text"] {
    background: #14101b !important; /* Полностью непрозрачный глубокий цвет */
    border: 1px solid #866238 !important; 
    box-shadow: 0 0 0 3px #181321, 
                inset 0 0 25px rgba(0, 0, 0, 0.9) !important; 
    backdrop-filter: none !important; /* Отключаем размытие, оно больше не нужно */
    -webkit-backdrop-filter: none !important;
}

/* 2. Текст заголовка "Подсветка монстров" */
.feature-text-title,
.slider-text,
div[class*="feature"] text {
    color: #ffe4bb !important; /* Приятный мягкий золотистый цвет букв */
    font-family: Reaver, serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    
    /* Добавляем четкую тень буквам, чтобы они не терялись */
    text-shadow: 0 2px 4px #000, 
                 0 0 10px rgba(219, 170, 113, 0.3) !important;
}

/* 3. Золотая внутренняя рамка, которая идет по периметру (как на скриншоте) */
.slider-container, 
.feature-text {
    outline: 1px solid #C2935C !important; /* Четкая золотая нить внутри контейнера */
    outline-offset: -6px; /* Сдвигаем её внутрь от края */
}

/* 4. Картинка каменной стены снизу (если нужно убрать ржавый налет) */
.slider-bg,
img[src*="feature-text-bg"],
img[src*="rock"] {
    filter: brightness(0.8) contrast(1.1) !important; /* Делаем камни чуть контрастнее и убираем желтизну */
    opacity: 0.95 !important;
}
/* ==========================================================================
   ФИНАЛЬНЫЙ КОРРЕКТНЫЙ ПЕРЕКРАС ФУТЕРА: Убираем серую зону насовсем
   ========================================================================== */

/* 1. Перекрашиваем сам тег footer и убираем жесткую высоту */
footer, 
.footer,
footer.relative,
.footer-bg {
    background-image: none !important; /* Убираем старую картинку полностью */
    background: #16121e !important; /* Наш фирменный глубокий темный цвет */
    background-color: #16121e !important;
    height: auto !important; /* Высота теперь зависит только от контента */
    min-height: 0 !important;
    padding-top: 30px !important; /* Даем аккуратный отступ от золотой рамки лаунчера */
    padding-bottom: 40px !important; /* Отступ от самого нижнего края экрана */
}

/* 2. Полностью вырезаем пустой градиент и псевдоэлементы, которые давали серую высоту */
.footer-bg-gradient,
.footer-bg::before,
.footer-bg::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
}

/* 3. Оставляем только один чистый блок с текстом и центрируем его */
.footer-content {
    display: block !important;
    max-width: 1374px !important;
    margin: 0 auto !important;
    text-align: center !important; /* Текст строго по центру */
    position: relative !important;
    z-index: 10 !important;
}

/* 4. Стилизуем ссылки и копирайт (PWPVE 2026 • Правила проекта) */
.footer-content .footer-text,
.footer-content p,
.footer-content span,
.footer-content a {
    display: inline-block !important;
    color: #a9926f !important; /* Приятный мягкий золотисто-бронзовый цвет */
    font-family: 'Reaver', serif !important;
    font-size: 14px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
    margin: 0 12px !important;
    text-decoration: none !important;
}

/* Подсветка ссылок при наведении курсора */
.footer-content a:hover {
    color: #FFBD41 !important; /* Яркое золото */
    text-shadow: 0 0 8px rgba(255, 189, 65, 0.4) !important;
}

/* 5. Жестко заливаем темным цветом всё подложечное пространство сайта */
html, body, #app, .wrapper, .bg-main {
    background: #16121e !important;
    background-color: #16121e !important;
}
/* ==========================================================================
   ПРОКАЧКА НОВОСТЕЙ И КНОПКИ СЛАЙДЕРА
   ========================================================================== */

/* Переводим заголовки новостей на Reaver и добавляем золотой градиент */
.news-text-title,
div[class*="news-text-title"],
.news-col h3 {
    font-family: 'Reaver', serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px !important;
    background: linear-gradient(180deg, #DFBC82 18.23%, #FFD17A 70.83%, #A38553 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8)) !important;
}

/* Делаем кнопку "Больше о сервере" объемной и золотой */
.feature-text .btn,
.feature-text .btn-primary,
.feature-text button {
    border: 1px solid #DBAA71 !important;
    background: linear-gradient(180deg, #E49B45 0%, #C97E2B 100%) !important;
    color: #fff2df !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255,255,255,0.2) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
    transition: all 0.2s ease-in-out !important;
}

/* Эффект при наведении на кнопку */
.feature-text .btn:hover,
.feature-text button:hover {
    background: linear-gradient(180deg, #ffb35a 0%, #e49b45 100%) !important;
    box-shadow: 0 0 15px rgba(228, 155, 69, 0.6) !important;
    border-color: #ffe4bb !important;
}
/* ==========================================================================
   ПРИНУДИТЕЛЬНЫЙ ФИКС ДЛЯ КНОПОК И ТЕКСТА (ЗАМЕНА ЦВЕТА)
   ========================================================================== */

/* Красим текст в новостях - берем все возможные классы футера */
.news-footer, .news-footer * {
    color: #FCE7C5 !important;
    -webkit-text-fill-color: #FCE7C5 !important;
    background: transparent !important;
    background-image: none !important;
    text-shadow: 0 0 8px rgba(252, 231, 197, 0.5) !important;
}

/* Красим все кнопки, которые отвечают за "Больше о сервере" */
.btn, .btn-primary, button, .news-desc-btn {
    background: #E49B45 !important;
    background-image: none !important;
    color: #000 !important;
    border: 2px solid #FCE7C5 !important;
    font-weight: 900 !important;
}
/* ==========================================================================
   ПРИНУДИТЕЛЬНЫЙ ЭФФЕКТ СВЕЧЕНИЯ И ОБЪЕМА
   ========================================================================== */

/* Блок контента - добавляем свечение по периметру */
.content {
    border: 2px solid #CBB080 !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.8), 
                0 0 20px rgba(203, 176, 128, 0.2) !important;
}

/* Золотая анимация для заголовков */
@keyframes gold-shine {
    0% { filter: brightness(1); }
    50% { filter: brightness(1.4); }
    100% { filter: brightness(1); }
}

.news-footer, .feature-text-title, .news-text-title {
    animation: gold-shine 4s ease-in-out infinite !important;
}

/* Анимированные иконки */
.feature-item-bg:hover {
    transform: scale(1.15) rotate(5deg) !important;
    box-shadow: 0 0 25px #FFBD41 !important;
}
/* ==========================================================================
   МЕНЮ: ПРЕМИУМ-ЗОЛОТО ПРИ НАВЕДЕНИИ
   ========================================================================== */

.nav-ul-li:hover > .nav-text-link {
    /* 1. Делаем цвет ослепительно ярким (почти белый золотой) */
    color: #FFFDF0 !important; 
    -webkit-text-fill-color: #FFFDF0 !important;
    
    /* 2. Усиливаем "королевское" свечение в несколько слоев */
    text-shadow: 
        0 0 5px #FFD700,      /* Ядро золота */
        0 0 10px #FFD700,     /* Мягкое свечение */
        0 0 20px #E49B45,     /* Глубокий золотой ореол */
        0 0 30px rgba(228, 155, 69, 0.6) !important; /* Дальнее рассеивание */
    
    /* 3. Легкое увеличение для динамики */
    transform: scale(1.05) !important;
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 4. При наведении на сам блок меню меняем подложку на более богатую */
.nav-ul-li:hover {
    border: 1px solid #FFD700 !important;
    background: rgba(43, 33, 58, 0.8) !important; /* Усиливаем прозрачный фиолетовый фон */
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.2) !important;
}
/* ==========================================================================
   ОЖИВЛЕНИЕ КНОПКИ "ИГРАТЬ"
   ========================================================================== */

/* Анимация пульсации */
@keyframes pulse-gold {
    0%, 100% { filter: drop-shadow(0 0 5px rgba(203, 176, 128, 0.4)); transform: scale(1); }
    50% { filter: drop-shadow(0 0 15px rgba(255, 215, 0, 0.6)); transform: scale(1.02); }
}

.btn-bg-start {
    /* Добавляем анимацию */
    animation: pulse-gold 3s ease-in-out infinite !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Реакция на наведение */
.btn-bg-start:hover {
    transform: scale(1.05) !important;
    filter: brightness(1.3) drop-shadow(0 0 20px rgba(255, 255, 255, 0.3)) !important;
}

/* Эффект нажатия (чуть "утапливаем" кнопку) */
.btn-bg-start:active {
    transform: scale(0.98) !important;
}
/* Скрываем вылезший паразитный элемент в углу */
.server-online-bg > div:first-child:not([class]),
.server-border > div:first-child:not([class]) {
    display: none !important;
}

/* Правильная раскраска статистики */
.server-online-text {
    color: #b6d05f !important; /* Ярко-зеленый для онлайна */
    -webkit-text-fill-color: #b6d05f !important;
    text-shadow: 0 0 8px rgba(182, 208, 95, 0.6) !important;
}

.server-account-text {
    color: #CBB080 !important; /* Золотой для аккаунтов */
    -webkit-text-fill-color: #CBB080 !important;
    text-shadow: 0 0 8px rgba(203, 176, 128, 0.4) !important;
}

.server-bg div:last-child {
    /* Фиолетово-золотой градиент для "Всего аккаунтов" */
    background: linear-gradient(180deg, #E6D2F5 0%, #CBB080 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
/* ==========================================================================
   ТОЧНАЯ РАСКРАСКА ЦИФР СТАТИСТИКИ
   ========================================================================== */

/* 1. Первая цифра "0" (Игроки) — делаем ярко-зеленой */
span.server-online-text {
    color: #b6d05f !important; /* Наш неоновый зеленый */
    text-shadow: 0 0 8px rgba(182, 208, 95, 0.6) !important;
}

/* 2. Вторая цифра "0" (Аккаунты) — делаем золотой */
/* Мы используем селектор следующего элемента, чтобы попасть именно во второй span */
span.server-online-text + span,
div.server-text span:last-child {
    color: #CBB080 !important; /* Благородное золото */
    text-shadow: 0 0 8px rgba(203, 176, 128, 0.4) !important;
}
/* ==========================================================================
   УБИРАЕМ "КВАДРАТ В КВАДРАТЕ" И ДЕЛАЕМ ЧИСТЫЙ БЛОК
   ========================================================================== */

/* 1. Скрываем лишние внутренние границы */
.feature-container, .feature-text {
    border: none !important;
    outline: none !important;
    background: transparent !important;
}

/* 2. Делаем блок "Больше о сервере" частью дизайна, а не отдельным "чужим" объектом */
.btn-primary {
    background: transparent !important;
    border: 1px solid #CBB080 !important;
    color: #FCE7C5 !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover {
    background: rgba(203, 176, 128, 0.2) !important;
    border-color: #FFF !important;
}

/* 3. Очищаем отступы, чтобы текст не выглядел "зажатым" в узком окне */
.feature-text-p {
    padding: 0 !important;
    margin-bottom: 15px !important;
}
/* 1. Возвращаем текст и кнопку, принудительно показывая их */
.feature-text {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 2. Скрываем ТОЛЬКО иконки, не трогая текст */
.flex.flex-row.justify-center.xl\:justify-between.flex-wrap.items-center,
.feature-arrow-left,
.feature-arrow-right,
.feature-item-bg {
    display: none !important;
}

/* 3. Очищаем лишние рамки вокруг текста */
.feature-text {
    border: none !important;
    background: transparent !important;
}
/* Контейнер для картинки внутри новости */
.news-image-wrapper {
    width: 100%;
    height: 180px; /* Высота картинки в блоке */
    overflow: hidden;
    position: relative;
    border-bottom: 2px solid #CCA366; /* Золотая линия под картинкой для стиля */
}

/* Сама картинка */
.news-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Картинка заполнит блок, не искажаясь */
    transition: transform 0.5s ease;
}

/* Эффект приближения картинки при наведении на весь блок */
.news-col:hover .news-image {
    transform: scale(1.1);
}

/* Чтобы картинка не мешала другим элементам */
.news-col {
    display: flex;
    flex-direction: column;
}
/* ==========================================================================
   КОРНЕВАЯ ЗАЧИСТКА ВСЕХ ДУБЛИРУЮЩИХ КЛАССОВ ФУТЕРА
   ========================================================================== */

/* 1. Жестко сбрасываем фоновые картинки и повторения ВООБЩЕ У ВСЕХ элементов футера */
footer, 
footer *, 
.footer, 
.footer-bg, 
.footer-bg-gradient {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

/* 2. Теперь настраиваем только самый главный, корневой контейнер */
footer.relative {
    /* Накладываем один слой картинки */
    background-image: url("../../images/header-bg2.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: bottom center !important; 
    
    height: 380px !important; 
    min-height: 380px !important;
    padding: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 10 !important;
}

/* 3. Создаем маску темного тумана сверху через псевдоэлемент */
footer.relative::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    
    /* Градиент, который гарантированно закрасит верхнюю полосу */
    background: linear-gradient(180deg, 
        #16121e 0%, 
        #16121e 25%, 
        rgba(22, 18, 30, 0.9) 50%, 
        rgba(22, 18, 30, 0.4) 75%, 
        rgba(22, 18, 30, 0) 100%) !important;
        
    z-index: 2 !important;
    pointer-events: none !important;
}

/* Псевдоэлементы-дубликаты у других классов полностью уничтожаем */
.footer-bg::before, 
.footer-bg::after,
footer::after {
    display: none !important;
    content: none !important;
}

/* 4. Выводим текст поверх всех слоев */
.footer-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: center !important;
    max-width: 1374px !important;
    height: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 10 !important;
    padding-bottom: 25px !important;
}
/* ==========================================================================
   ПРАВИЛЬНЫЙ СДВИГ ВСЕГО КОМПЛЕКСА ЛАУНЧЕРА (КНОПКА + БЛОК) ВНИЗ
   ========================================================================== */

/* 1. СБРОС: Возвращаем центральную рамку в исходное состояние, чтобы кнопка не улетала */
.content,
div.content {
    margin-top: 0 !important; 
}

/* 2. СДВИГ: Опускаем всю рабочую область лаунчера вместе с кнопкой */
.content-container,
main.bg-main,
div[class*="content-container"] {
    /* Меняйте это значение, чтобы регулировать высоту всего лаунчера от верхнего края */
    padding-top: 60px !important; 
    
    position: relative !important;
}

/* 3. КОРРЕКЦИЯ КНОПКИ: Если она все еще немного капризничает, жестко фиксируем её над рамкой */
.btn-bg-start {
    /* Если нужно будет чуть-чуть подвинуть саму кнопку относительно рамки, 
       можно раскомментировать строку ниже и поиграть со значением */
    /* top: -45px !important; */
}
.content-header-frame {
    background-image: none !important; /* Вырубаем старый файл */
    height: 6px !important;
    width: 100% !important;
    max-width: 1376px !important;
    margin: 25px auto !important;
    display: block !important;
    
    /* Линейный ультра-мягкий переход: по краям прозрачно, к центру переходит в яркое золото */
    background: linear-gradient(90deg, 
        rgba(22, 18, 30, 0) 0%, 
        rgba(157, 117, 199, 0.4) 20%, 
        #E49B45 45%, 
        #FFFDF0 50%, 
        #E49B45 55%, 
        rgba(157, 117, 199, 0.4) 80%, 
        rgba(22, 18, 30, 0) 100%) !important;
        
    /* Фиолетовый неоновый ореол вокруг линии */
    box-shadow: 0 0 12px rgba(157, 117, 199, 0.8), 
                0 0 4px #FFBD41 !important;
}
.content-footer-frame {
    background-image: none !important; /* Отключаем старый файл */
    height: 6px !important;
    width: 100% !important;
    max-width: 1376px !important;
    margin: 25px auto !important;
    display: block !important;
    
    /* Линейный золотой градиент */
    background: linear-gradient(90deg, 
        rgba(22, 18, 30, 0) 0%, 
        rgba(157, 117, 199, 0.4) 20%, 
        #E49B45 45%, 
        #FFFDF0 50%, 
        #E49B45 55%, 
        rgba(157, 117, 199, 0.4) 80%, 
        rgba(22, 18, 30, 0) 100%) !important;
        
    /* Фиолетовое неоновое свечение */
    box-shadow: 0 0 12px rgba(157, 117, 199, 0.8), 
                0 0 4px #FFBD41 !important;
}
.content, 
div.content {
    /* Добавляем отступ снизу, чтобы текст новостей не налезал на кант */
    padding-bottom: 25px !important; 
}
.block-padding,
div[class*="block-padding"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.news-date-text,
.news-footer text,
div[class*="news-footer"] {
    font-family: 'Reaver', serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #ffdcb4 !important; /* Красивое мягкое золото */
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}
/* ==========================================================================
   ЭФФЕКТЫ ДЛЯ МАКСИМАЛЬНО ДОРОГОГО И ПРЕМИАЛЬНОГО ИНТЕРФЕЙСА
   ========================================================================== */

/* 1. ЭФФЕКТ ОБЪЕМА ДЛЯ КАРТОЧЕК НОВОСТЕЙ ПРИ НАВЕДЕНИИ */
.news-col {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                box-shadow 0.4s ease, 
                border-color 0.4s ease !important;
}

.news-col:hover {
    /* Легкое приподнятие карточки (эффект 3D) */
    transform: translateY(-5px) scale(1.02) !important;
    border-color: #FFBD41 !important; /* Кант загорается чистым золотом */
    
    /* Роскошное фиолетово-золотое многослойное свечение вокруг активной новости */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6), 
                0 0 15px rgba(157, 117, 199, 0.5), 
                0 0 4px #FFBD41 !important;
}

/* 2. МАГИЧЕСКИЙ БЛИК (SHINE) НА КАРТИНКАХ НОВОСТЕЙ */
/* При наведении на новость, по картинке пронесется быстрый лазерный отблеск */
.news-col::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: none;
    pointer-events: none;
    z-index: 5;
}

.news-col:hover::after {
    left: 200%;
    transition: all 0.7s ease-in-out;
}

/* 3. ОЖИВЛЕНИЕ СТАТУСА СЕРВЕРА ("В разработке / Скоро открытие") */
/* Зеленый огонек статуса начнет плавно дышать и пульсировать магической энергией */
@keyframes statusBreathe {
    0%, 100% {
        text-shadow: 0 0 4px #000, 0 0 6px rgba(182, 208, 95, 0.5);
        filter: brightness(1);
    }
    50% {
        text-shadow: 0 0 4px #000, 0 0 14px rgba(182, 208, 95, 0.9), 0 0 20px rgba(182, 208, 95, 0.4);
        filter: brightness(1.2);
    }
}

.server-online-text, 
.server-bg span[class*="status"] {
    animation: statusBreathe 2.5s ease-in-out infinite !important;
}

/* 4. ДОРОГОЙ ЭФФЕКТ ДЛЯ РАМКИ ВСЕГО ЛАУНЧЕРА */
/* Добавим внутреннюю глубокую виньетку и внешнюю мягкую ауру для центрального блока */
.content {
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8), 
                0 0 30px rgba(140, 110, 179, 0.15),
                inset 0 0 40px rgba(0, 0, 0, 0.6) !important;
}

/* 5. ПОДСВЕТКА ИКОНОК И КНОПОК ПРИ НАВЕДЕНИИ */
/* Чтобы ссылки навигации меню (Форум, О сервере и т.д.) нажимались мягко и «масляно» */
.nav-ul-li {
    transition: all 0.25s ease-in-out !important;
}
/* ==========================================================================
   ЖЕСТКИЙ И ТОЧНЫЙ ВОЗВРАТ ОРИГИНАЛЬНЫХ ЦВЕТОВ
   ========================================================================== */

/* 1. Название сервера (PWPVE 1.7.6) — Возвращаем яркое золото с градиентом */
.server-name-text {
    background: linear-gradient(180deg, #DFBC82 18.23%, #FBE9AC 51.04%, #FFD17A 70.83%, #A38553 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    display: block !important;
    
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8)) 
            drop-shadow(0 0 10px rgba(251, 233, 172, 0.35)) !important;
}

/* 2. Статус сервера (Скоро открытие) — Намертво красим в неоновый зеленый */
.server-online-text {
    color: #b6d05f !important; /* Наш сочный зеленый */
    -webkit-text-fill-color: #b6d05f !important;
    display: inline-block !important;
    
    text-shadow: 0 0 4px #000,
                 0 0 8px rgba(182, 208, 95, 0.8),
                 0 0 15px rgba(182, 208, 95, 0.4) !important;
}

/* 3. Слово "Статус:" перед ним — оставляем аккуратным бежевым */
.server-text {
    color: #ffe4bb !important;
    -webkit-text-fill-color: #ffe4bb !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9) !important;
}
/* ==========================================================================
   ОЖИВЛЕНИЕ ЛОГОТИПА: МАГИЧЕСКАЯ ЛЕВИТАЦИЯ И ЗОЛОТОЕ СВЕЧЕНИЕ
   ========================================================================== */

/* Создаем сценарий анимации (кадры) */
@keyframes logoMagicFloat {
    0% {
        transform: translateY(0px); /* Исходная позиция */
        filter: drop-shadow(0 0 10px rgba(204, 163, 102, 0.2)) brightness(1);
    }
    50% {
        transform: translateY(-15px); /* Плавно приподнимается на 15 пикселей вверх */
        /* Свечение разгорается, логотип становится чуть ярче */
        filter: drop-shadow(0 0 35px rgba(255, 215, 0, 0.6)) brightness(1.15); 
    }
    100% {
        transform: translateY(0px); /* Плавно опускается обратно */
        filter: drop-shadow(0 0 10px rgba(204, 163, 102, 0.2)) brightness(1);
    }
}

/* Применяем анимацию к классу логотипа */
.logo {
    /* Запускаем анимацию: длится 6 секунд, плавно, бесконечно */
    animation: logoMagicFloat 6s ease-in-out infinite !important;
    
    /* Делаем так, чтобы свечение не обрезалось краями невидимого блока */
    overflow: visible !important;
    
    /* Если при наведении захочешь, чтобы он реагировал на мышку (увеличивался) */
    transition: transform 0.3s ease !important;
}

/* Эффект, когда игрок наводит мышку прямо на логотип */
.logo:hover {
    transform: scale(1.05) translateY(-5px) !important;
    filter: drop-shadow(0 0 40px rgba(255, 215, 0, 0.8)) brightness(1.2) !important;
    /* На время наведения ставим анимацию на паузу, чтобы не дергалась */
    animation-play-state: paused !important; 
}
/* ==========================================
   ФИНАЛЬНЫЙ МЕТОД: СКРЫВАЕМ НЕПРОШЕНОГО ГОСТЯ
   ========================================== */

/* 1. Делаем сам базовый блок прозрачным для текста */
.server-online-bg {
    color: transparent !important;
    font-size: 0px !important;
}

/* 2. А все внутренние подблоки и тексты заново проявляем */
.server-online-bg span,
.server-online-bg div,
.server-online-text,
.server-account-text {
    font-size: 20px !important;
    display: inline-block !important;
}

/* 3. Жесткий сдвиг: если это чистый текстовый узел без тегов */
.server-online-bg {
    text-indent: -9999px !important;
}
.server-online-bg * {
    text-indent: 0 !important;
}
/* Жесткая маскировка левого угла плашки */
.server-online-bg {
    position: relative !important;
    padding-left: 15px !important; /* Сдвигаем содержимое правее */
}

/* Скрываем всё, что пытается вылезти в верхнем левом углу */
.server-online-bg::first-letter {
    font-size: 0 !important;
    color: transparent !important;
}
/* ИСПРАВЛЕНИЕ БАГА РАЗМЫТИЯ (BACKDROP-FILTER ARTIFACT) */
.server-online-bg,
.server-border {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}