/* DEVIL SERVER red final homepage: desktop reference 1672x941. No false rankings. */
body:has(.dr-page){margin:0!important;background:#080305!important;color:#fff!important}
body:has(.dr-page) .devil-common,body:has(.dr-page) .devil-footer{display:none!important}
.dr-page{width:100%;overflow:hidden;background:#090306;font-family:'Malgun Gothic',Arial,sans-serif}
.dr-canvas{position:relative;width:1672px;height:941px;margin:0 auto;background:url('../assets/devil_red_scene.jpg') center top/1672px 941px no-repeat;color:white}
.dr-page a{color:inherit;text-decoration:none}.dr-page *{box-sizing:border-box}
.dr-top{position:absolute;top:0;left:0;width:100%;height:68px;display:flex;align-items:center;background:linear-gradient(#110609,#080406 86%,#a8201b);border-bottom:1px solid #b53124;z-index:5}
.dr-logo{width:335px;flex:none;text-align:center;font:bold 32px Georgia,serif;letter-spacing:-2px;color:#f5e7d6!important;text-shadow:0 2px #721207,0 0 12px #f32a08}.dr-logo small{display:block;font:700 14px Georgia,serif;letter-spacing:4px;color:#ffd46e}
.dr-menu{display:flex;align-items:center;justify-content:space-around;flex:1;white-space:nowrap}.dr-menu a{font-size:19px;font-weight:bold;padding:12px 14px;border-right:1px solid #5a1917}.dr-menu a:hover{color:#ffd57d;text-shadow:0 0 10px red}.dr-auth{width:280px;display:flex;gap:13px;justify-content:center;align-items:center;font-weight:bold;font-size:17px}.dr-register{border:1px solid #ff654b;border-radius:8px;padding:10px 15px;background:linear-gradient(#7c0c0b,#280307);box-shadow:0 0 10px #ff290b}
.dr-panel{background:linear-gradient(#210609,#0b0608 27%,#0a0708);border:2px solid #f33c19;box-shadow:0 0 9px #ff250a,inset 0 0 10px #52130d;border-radius:12px;overflow:hidden}
.dr-panel h3{height:54px;line-height:52px;margin:0;padding:0 14px;font-size:21px;color:#fff;background:linear-gradient(#8d1715,#2b0809 70%,#110508);border-bottom:1px solid #c22c13;text-shadow:0 0 8px #f43}
.dr-rank{position:absolute;left:14px;top:140px;width:275px;height:494px}.dr-rank-tabs{display:flex;padding:12px 14px;gap:5px}.dr-rank-tabs button{width:50%;border:1px solid #642721;color:#ddd;background:#1b1012;border-radius:5px;height:33px;font-weight:bold;cursor:pointer}.dr-rank-tabs .selected{background:linear-gradient(#e54821,#780800);color:white;border-color:#ff6b38}.dr-rank ol{list-style:none;margin:0;padding:0 20px}.dr-rank li{height:32px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #432123;font-size:15px}.dr-rank li strong{margin-left:auto;font-size:14px;font-weight:normal}.dr-num{display:inline-flex;justify-content:center;align-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(#ffe35b,#b37b08);color:#1d0900;font-weight:bold}.dr-rank li:nth-child(n+4) .dr-num{background:#29272b;color:white}.dr-rank .dr-empty{height:140px;justify-content:center}.dr-more{display:block;text-align:center;background:linear-gradient(#8c1c10,#250307);border:1px solid #ff5930;border-radius:8px;margin:12px 30px;padding:8px;font-weight:bold}
.dr-online{position:absolute;left:14px;top:647px;width:275px;height:160px;text-align:center}.dr-online-number{font-size:31px;color:#ffe15d;font-weight:900;margin-top:13px}.dr-online p{font-size:13px}
.dr-hero-link{position:absolute;left:300px;top:72px;width:1145px;height:380px}.dr-hero-link a{display:block;width:100%;height:100%}
.dr-features{position:absolute;left:322px;top:462px;width:1120px;height:183px;display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.dr-features a{border:2px solid #e95b20;border-radius:12px;box-shadow:0 0 10px #fd4416,inset 0 0 10px #803017;background:linear-gradient(#19090b,#080608);display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.dr-features a:hover,.dr-quick a:hover{filter:brightness(1.35)}.dr-features span{font-size:45px;color:#ffd35d;line-height:1.15}.dr-features b{color:#ffe15e;font-size:23px;line-height:1.18;margin:5px 0}.dr-features small{font-size:14px;line-height:1.4;color:#eee}
.dr-quick{position:absolute;left:1456px;top:162px;width:177px;display:flex;flex-direction:column;gap:10px}.dr-quick a{height:98px;background:linear-gradient(#2d0d0d,#070407);border:2px solid #f15b26;border-radius:12px;box-shadow:0 0 10px #ff3b11,inset 0 0 9px #af240e;display:flex;align-items:center;justify-content:center;flex-direction:column}.dr-quick a:first-child{height:142px}.dr-quick span{font-size:37px;color:#ffd56a;line-height:1.1}.dr-quick b{font-size:19px}.dr-quick small{font-size:12px;color:#f7c47a}
.dr-boards{position:absolute;left:304px;top:665px;width:1139px;height:214px;display:grid;grid-template-columns:1fr 1fr 1.13fr;gap:10px}.dr-board h3{height:43px;line-height:41px;color:#ffdb73;font-size:21px}.dr-board h3 a{float:right;font-size:13px;color:#fff}.dr-board ul{list-style:none;padding:9px 13px;margin:0}.dr-board li{display:flex;align-items:center;height:30px;border-bottom:1px solid #3e2222;gap:7px;font-size:13px}.dr-board li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.dr-board .badge{background:#e91519;padding:1px 4px;border-radius:3px;font-weight:bold}.dr-board .date{font-size:12px;color:#ccc}.dr-event>a{height:165px;display:flex;flex-direction:column;justify-content:center;padding:12px 20px;background:radial-gradient(ellipse at 75% 90%,#a04405,#2e0908 48%,#0d0707)}.dr-event strong{font-size:27px;transform:rotate(-5deg);text-shadow:2px 2px #8a0906}.dr-event span{color:#ffe144;font-size:21px;font-weight:bold;margin-top:12px}
@media(max-width:1672px){.dr-canvas{margin-left:50%;transform:translateX(-50%)}}
@media(max-width:900px){.dr-page{overflow-x:auto}.dr-canvas{margin:0;transform:none}}