.connect-page{width:100%;height:100vh;position:relative;background-color:var(--dark-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.connect-page:after{content:"";position:absolute;inset:0;background:url(/assets/cooltexturebetter-CAEghH47.png) center/cover no-repeat;opacity:.2;z-index:1;pointer-events:none}.connect-title-splatter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.connect-title-splatter img{display:block;width:clamp(800px,120vw,1000px);height:auto;opacity:.8;filter:brightness(.9);mask:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 8%,rgba(0,0,0,.8) 15%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.5) 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 8%,rgba(0,0,0,.8) 15%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.5) 92%,transparent 100%);-webkit-mask:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 8%,rgba(0,0,0,.8) 15%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.5) 92%,transparent 100%),linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 8%,rgba(0,0,0,.8) 15%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,.8) 85%,rgba(0,0,0,.5) 92%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.connect-content{position:relative;z-index:10;text-align:center;width:100%}.connect-server-title{font-size:6rem;font-weight:800;text-transform:uppercase;line-height:1.1;margin:0 0 20px;color:#fff;text-shadow:0 0 5px rgba(255,71,87,.8),0 0 10px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.4),0 0 20px rgba(255,71,87,.2),2px 2px 4px rgba(0,0,0,.3);position:relative}.connect-server-title:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;filter:blur(6px);opacity:.25;color:#ffffffb3}.connect-server-info{font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-top:5px;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.5);display:inline-block}.connect-server-info .loading{color:#ffffffb3;font-style:italic}.connect-server-info .players,.connect-server-info .gamemode,.connect-server-info .map{color:#fff;font-weight:700}.connect-support-ad{margin-top:30px;text-align:center;z-index:15}.connect-support-ad-content{font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.5);background-color:#000000b3;padding:8px 16px;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-block;position:relative}.connect-support-ad-content:before{content:"";position:absolute;inset:-1px;border-radius:9px;padding:1px;background:conic-gradient(from var(--angle),transparent 0deg,transparent 45deg,rgba(255,71,87,.9) 90deg,rgba(255,71,87,1) 135deg,rgba(255,71,87,.9) 180deg,transparent 225deg,transparent 270deg,transparent 315deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1;animation:shine-border 3s linear infinite}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes shine-border{0%{--angle: 0deg}to{--angle: 360deg}}.connect-support-ad-text{color:#ffffffe6;font-size:1rem;font-weight:600;line-height:1.3;display:block;white-space:nowrap}.connect-support-link{color:#fff;font-weight:700;text-shadow:0 0 5px rgba(255,71,87,.8),0 0 10px rgba(255,71,87,.6),0 0 15px rgba(255,71,87,.4),0 0 20px rgba(255,71,87,.2),1px 1px 2px rgba(0,0,0,.8);text-decoration:none;transition:all .3s ease}.connect-support-link:hover{color:#ff4757;text-shadow:0 0 8px rgba(255,71,87,1),0 0 15px rgba(255,71,87,.8),0 0 25px rgba(255,71,87,.6),0 0 35px rgba(255,71,87,.4),1px 1px 2px rgba(0,0,0,.8)}@media(max-width:1400px){.connect-server-title{font-size:5rem}}@media(max-width:1200px){.connect-server-title{font-size:4.5rem}.connect-server-info{font-size:1.3rem}}@media(max-width:900px){.connect-server-title{font-size:4rem}.connect-server-info{font-size:1.2rem}}@media(max-width:768px){.connect-server-title{font-size:3.5rem}.connect-server-info{font-size:1.1rem}.connect-support-ad{margin-top:25px}.connect-support-ad-text{font-size:.9rem}}@media(max-width:480px){.connect-server-title{font-size:3rem}.connect-server-info{font-size:1rem}.connect-support-ad{margin-top:20px}.connect-support-ad-text{font-size:.85rem}}@media(max-width:375px){.connect-server-title{font-size:2.5rem}.connect-server-info{font-size:.9rem}.connect-support-ad{margin-top:15px}.connect-support-ad-text{font-size:.8rem}}