body.realm-home .preview-label{position:relative;background:#211c32;border-bottom:1px solid #8a75e750;text-align:center;padding:12px 18px;color:#ded3ff;font:12px Arial,sans-serif;letter-spacing:.04em;z-index:1000}
body.realm-home .preview-label b{color:#bfa8ff;margin-right:10px}
body.realm-home .main_container{gap:28px!important}
body.realm-home .main_side{width:250px!important;flex-shrink:0}
body.realm-home .main_server{background:linear-gradient(145deg,#3d3356ed,#201c30ed);border:1px solid #a58be040;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column;align-items:center;min-height:270px;padding:22px 16px}
body.realm-home .main_server_head{background:none;border:0;border-radius:0;width:100%;padding:0;box-shadow:none}
body.realm-home .main_server_head img{width:74px;height:74px;object-fit:contain;margin:0 auto 12px}
body.realm-home .main_server__name{font-size:24px;color:#fff;line-height:1.3}
body.realm-home .main_server_container{background:none;border:0;border-radius:0;text-align:center;padding:12px 0 0;width:100%;box-shadow:none}
body.realm-home .main_server__chronic{font-size:13px;color:#c5b7e2;line-height:1.6}
body.realm-home .main_server__stat{display:none}
body.realm-home .online,body.realm-home .preview-upcoming{margin:12px auto 0;border-radius:20px;padding:6px 12px;width:max-content;font-size:12px;background:#96d0a115;color:#a7dcaf}
body.realm-home .preview-upcoming{background:#b8a0f21a;color:#cdb4ff}
body.realm-home .main_description{max-width:520px;margin-left:auto;margin-right:auto}
body.realm-home #informer{display:none}
body.realm-home .news_container>.news_block:not(:first-child){display:none}
body.realm-home .preim_container{padding-top:22px;padding-bottom:22px}
@media(max-width:900px){body.realm-home .main_container{flex-wrap:wrap;justify-content:center}body.realm-home .main_middle{order:-1;flex-basis:100%!important;min-width:0!important}body.realm-home .main_side{width:calc(50% - 14px)!important}body.realm-home .main_server{min-height:220px;padding:16px 8px}body.realm-home .main_server_head{width:100%}body.realm-home .main_server__name{font-size:21px}body.realm-home .main{height:auto;min-height:0;padding-bottom:35px}}


body.realm-home .main{height:730px;min-height:0}
body.realm-home .main_container{height:730px}
body.realm-home .main_server,body.realm-home .main_server_head,body.realm-home .main_server_container{box-sizing:border-box}
body.realm-home .main_server{width:100%;margin:0;min-height:250px;justify-content:center;gap:10px}
body.realm-home .main_logo{display:block;width:340px;height:265px;margin:0 auto 8px;overflow:hidden}
body.realm-home .main_logo img{display:block;width:340px;height:340px;max-width:none}
body.realm-home .main_title{font-size:38px;margin-top:10px}
body.realm-home .main_startplay{margin-top:22px}
@media(max-width:900px){body.realm-home .main,body.realm-home .main_container{height:auto;min-height:0}body.realm-home .main_container{padding-top:45px}body.realm-home .main_side{margin-top:18px}body.realm-home .main_logo{width:270px;height:210px}body.realm-home .main_logo img{width:270px;height:270px}body.realm-home .main_server{min-height:230px}}


body.realm-home .main{position:relative;isolation:isolate}
body.realm-home #realm-fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
body.realm-home .main_container{position:relative;z-index:2}
body.realm-home .main_middle{position:relative;isolation:isolate}
body.realm-home .main_middle:before{content:"";position:absolute;left:50%;top:135px;transform:translate(-50%,-50%);width:500px;height:400px;max-width:120%;background:radial-gradient(ellipse,#a270fa55 0%,#7338ca25 35%,transparent 70%);filter:blur(18px);pointer-events:none;z-index:-1;animation:realm-aura 7s ease-in-out infinite alternate}
@keyframes realm-aura{from{opacity:.55;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
body.realm-home .main_server{transition:transform .3s,border-color .3s,box-shadow .3s}
body.realm-home .main_side--left .main_server:hover{transform:translateY(-5px);border-color:#b59affaa;box-shadow:0 0 35px #9562ea55,inset 0 0 25px #9562ea15}
body.realm-home .main_side--right .main_server:hover{transform:translateY(-5px);border-color:#8fdcffa0;box-shadow:0 0 35px #56bfff55,inset 0 0 25px #56bfff15}
body.realm-home .fx-controls{display:inline-flex;gap:7px;margin-left:20px;align-items:center;vertical-align:middle}
body.realm-home .fx-controls button{font:11px Arial,sans-serif;color:#e3d9ff;background:#8a75e721;border:1px solid #b9a4fb55;padding:7px 11px;border-radius:5px;cursor:pointer}
body.realm-home .fx-controls button:hover{background:#8a75e74a}
body.realm-home .fx-controls button:focus-visible{outline:2px solid #c3afff;outline-offset:3px}
body.realm-home.fx-off .main_middle:before{display:none}
body.realm-home.fx-off .main_server:hover{transform:none;border-color:#a58be040;box-shadow:0 12px 40px #0006}
@media(prefers-reduced-motion:reduce){body.realm-home .main_middle:before{animation:none;opacity:.6}body.realm-home .main_server{transition:none}}
@media(max-width:640px){body.realm-home .fx-controls{display:flex;justify-content:center;margin:9px 0 0}body.realm-home .main_middle:before{width:300px;height:270px;top:110px}}


#modern-light{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 380px 300px at var(--mx,50%) var(--my,43%),#a277ff40,transparent 72%);mix-blend-mode:screen}
body.realm-home .main_middle:before{top:135px;width:420px;height:360px;background:conic-gradient(from 30deg,transparent,#7750ee85,#43bedb50,transparent,#d27dff65,transparent);filter:blur(42px);animation:modern-aura 16s linear infinite;opacity:.85}
@keyframes modern-aura{from{transform:translate(-50%,-50%) rotate(0deg) scale(.95)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.08)}to{transform:translate(-50%,-50%) rotate(360deg) scale(.95)}}
body.realm-home .main_logo img{filter:drop-shadow(0 0 14px #a66aef60)}
body.realm-home .main_server{position:relative;isolation:isolate;--accent:165,126,255;--px:50%;--py:35%;--rx:0deg;--ry:0deg;background:linear-gradient(145deg,#403357ed,#1b1b30ed);transition:transform .25s ease-out,border-color .3s,box-shadow .3s;transform:perspective(850px) rotateX(var(--rx)) rotateY(var(--ry))}
body.realm-home .main_side--right .main_server{--accent:91,195,255}
body.realm-home .main_server:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(circle 160px at var(--px) var(--py),rgba(var(--accent),.35),transparent 75%)}
body.realm-home .main_server:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#ffffff00 38%,#ffffff25 48%,#ffffff03 55%,transparent 70%);background-size:240% 100%;background-position:90% 0;opacity:0;transition:opacity .3s,background-position .7s}
body.realm-home .main_server:hover,body.realm-home.fx-demo .main_server{transform:perspective(850px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px);border-color:rgba(var(--accent),.8);box-shadow:0 15px 45px #0007,0 0 30px rgba(var(--accent),.3),inset 0 1px 0 #ffffff20}
body.realm-home .main_server:hover:after,body.realm-home.fx-demo .main_server:after{opacity:1;background-position:10% 0}
body.realm-home.fx-off #modern-light,body.realm-home.fx-off .main_server:before,body.realm-home.fx-off .main_server:after{display:none}
body.realm-home.fx-off .main_logo img{filter:none}
body.realm-home.fx-off .main_server{transform:none!important}
@media(prefers-reduced-motion:reduce){body.realm-home .main_middle:before{animation:none}body.realm-home .main_server{transform:none!important;transition:none}body.realm-home .main_server:after{transition:none}}


body.realm-home .main{overflow:hidden}
@media(max-width:640px){body.realm-home .main_middle:before{width:280px;height:260px;max-width:100%;top:105px}}


body.realm-home .main_server{border-radius:9px;min-height:355px;padding:18px 12px 22px;gap:0;background:radial-gradient(ellipse at 50% 25%,#3d2a4c70,transparent 65%),linear-gradient(145deg,#201f2aee,#0e1018f5);border:1px solid #b3a5c760;box-shadow:0 20px 60px #000a,inset 0 0 0 4px #11121a,inset 0 0 0 5px #7e718b40}
body.realm-home .main_side--right .main_server{background:radial-gradient(ellipse at 50% 25%,#23495b66,transparent 65%),linear-gradient(145deg,#24232aef,#0e1018f5);border-color:#b79b645f}
body.realm-home .main_server_head{position:relative;gap:0}
body.realm-home .main_server_head>img{display:none}
body.realm-home .realm-crest{width:210px;max-width:100%;height:185px;background-image:url('/template/l2classic/img/realm-crests.jpg');background-size:420px 210px;background-position:left top;background-repeat:no-repeat;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(#000 70%,transparent 100%);mask-image:linear-gradient(#000 70%,transparent 100%);filter:drop-shadow(0 0 9px #af77ff40);margin:0 auto -4px}
body.realm-home .main_side--right .realm-crest{background-position:right top;filter:drop-shadow(0 0 9px #77caff40)}
body.realm-home .realm-caption{display:block;font:9px Arial,sans-serif;letter-spacing:.25em;color:#bba8cf;margin:3px 0 10px}
body.realm-home .main_side--right .realm-caption{color:#c3b58e}
body.realm-home .main_server__name{font:30px Georgia,serif;letter-spacing:2px;color:#eee3ff;text-shadow:0 0 18px #bd96ff55}
body.realm-home .main_server__name small{font:16px Georgia,serif;color:#b8a0d6;letter-spacing:0}
body.realm-home .main_side--right .main_server__name{color:#f4e5bd;text-shadow:0 0 18px #82ceff40}
body.realm-home .main_server_container{padding-top:12px}
body.realm-home .main_server__chronic{font-size:12px;color:#aaa3b5}
body.realm-home .online,body.realm-home .preview-upcoming{background:none;padding:5px;font-size:11px;letter-spacing:.04em}
body.realm-home .online:before,body.realm-home .preview-upcoming:before{content:"";display:inline-block;vertical-align:1px;width:5px;height:5px;transform:rotate(45deg);background:#9bdcaa;box-shadow:0 0 9px #7bda98;margin-right:8px}
body.realm-home .preview-upcoming:before{background:#83cfff;box-shadow:0 0 9px #65c3ff}
@media(max-width:900px){body.realm-home .realm-crest{width:160px;height:145px;background-size:320px 160px}body.realm-home .main_server{min-height:300px;padding:14px 8px 18px}body.realm-home .main_server__name{font-size:25px}body.realm-home .realm-caption{font-size:8px;letter-spacing:.16em}}


body.realm-home .main_side{width:210px!important}
body.realm-home .main_server{min-height:270px;padding:13px 10px 16px}
body.realm-home .realm-crest{width:165px;height:140px;background-size:330px 165px;margin-bottom:-5px}
body.realm-home .realm-caption{font-size:8px;letter-spacing:.19em;margin:2px 0 7px}
body.realm-home .main_server__name{font-size:26px}
body.realm-home .main_server__name small{font-size:13px}
body.realm-home .main_server_container{padding-top:8px}
body.realm-home .main_server__chronic{font-size:11px}
body.realm-home .online,body.realm-home .preview-upcoming{margin-top:8px;font-size:10px}
@media(max-width:900px){body.realm-home .main_side{width:calc(50% - 14px)!important}body.realm-home .main_server{min-height:255px;padding:12px 8px}body.realm-home .realm-crest{width:140px;height:123px;background-size:280px 140px}body.realm-home .main_server__name{font-size:24px}}