/* DEVIL 게시판: 메인과 동일한 좌/우 사이드 배치. 게시판 기능/DOM 유지 */
.dr-sub-page .dr-sub-canvas{display:grid!important;grid-template-columns:minmax(0,18.5%) minmax(0,1fr) minmax(0,20%)!important;grid-template-rows:68px auto!important;column-gap:14px!important;align-items:start!important;padding:0 20px 50px!important;max-width:1672px!important}
.dr-sub-page .dr-top{grid-column:1/-1!important;grid-row:1!important;margin:0 -20px!important;width:calc(100% + 40px)!important}
.dr-sub-page .devil-sub-left{grid-column:1!important;grid-row:2!important;margin-top:26px!important;min-width:0!important}
.dr-sub-page .devil-sub-right{grid-column:3!important;grid-row:2!important;margin-top:26px!important;min-width:0!important}
.dr-sub-page .dr-sub-content{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:none!important;min-width:0!important;margin:26px 0 0!important;padding:22px 18px!important;min-height:700px!important}
.dr-sub-page .devil-sub-left,.dr-sub-page .devil-sub-right{position:relative!important;z-index:2!important}
.dr-sub-page .devil-sub-box{position:relative;background:linear-gradient(145deg,#280609,#080305);border:2px solid #e96b1d;border-radius:12px;margin:0 0 15px;box-shadow:0 0 12px #130204;overflow:hidden;text-align:center;color:#fff}
.dr-sub-page .devil-sub-box h3{margin:0;padding:12px 3px;background:linear-gradient(#580a0c,#180305);color:#fff;font-size:clamp(14px,1.3vw,20px)}
.dr-sub-page .devil-sub-rank{min-height:340px;padding-bottom:40px}
.dr-sub-page .devil-sub-tabs{margin:10px 12px;padding:8px;background:#3b0b0c;border:1px solid #9a3620;border-radius:5px;color:#ffe29d;font-weight:bold}
.dr-sub-page .devil-sub-rank ol{list-style:none;margin:0;padding:0 10px}
.dr-sub-page .devil-sub-rank li{display:flex;align-items:center;gap:8px;padding:9px 2px;border-bottom:1px solid #401d18;font-size:13px}
.dr-sub-page .devil-sub-rank li em{font-style:normal;color:#ffd553;width:20px}.dr-sub-page .devil-sub-rank li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-sub-page .devil-sub-rank li b{margin-left:auto;color:#ffdc65}
.dr-sub-page .devil-sub-rank-more{position:absolute;bottom:10px;left:10%;width:80%;padding:7px;background:#410c0b;color:#fff;text-decoration:none;border:1px solid #af3a1b;border-radius:6px}
.dr-sub-page .devil-sub-gens{padding-bottom:15px}.dr-sub-page .devil-sub-gens p{font-size:22px;color:#ffdd63;margin:18px 0 6px}.dr-sub-page .devil-sub-gens small,.dr-sub-page .devil-sub-online small{display:block;color:#c8a79b;margin:0 0 12px}
.dr-sub-page .devil-sub-online strong{display:block;font-size:32px;color:#ffe238;margin:12px 0}
.dr-sub-page .devil-sub-art{position:relative;display:block;width:100%;border:2px solid #e87620;border-radius:10px;overflow:hidden;margin:0 0 15px;background-position:center;background-size:100% 100%;background-repeat:no-repeat;background-color:#130609}
.dr-sub-page .devil-sub-launch{aspect-ratio:340/184;background-image:url('../assets/s22_right_launch_exact.jpg')}
.dr-sub-page .devil-sub-promo{aspect-ratio:338/355;background-image:url('../assets/s22_right_promo_exact.jpg')}
.dr-sub-page .devil-sub-event{aspect-ratio:338/223;background-image:url('../assets/s22_right_event_exact.jpg')}
.dr-sub-page .devil-sub-launch>a,.dr-sub-page .devil-sub-event>a{position:absolute;inset:0;display:block}
.dr-sub-page .devil-sub-promo-hit{position:absolute;left:10%;width:80%;height:15%;display:block}
.dr-sub-page .devil-sub-promo-hit1{top:17%}.dr-sub-page .devil-sub-promo-hit2{top:33%}.dr-sub-page .devil-sub-promo-hit3{top:49%}.dr-sub-page .devil-sub-promo-hit4{top:65%}.dr-sub-page .devil-sub-promo-hit5{top:81%}
.dr-sub-page .devil-sub-promo-managed{background-image:none;aspect-ratio:auto;min-height:355px;padding:38px 8% 12px}
.dr-sub-page .devil-sub-promo-managed:before{content:'데빌서버 공식 홍보사이트';position:absolute;top:9px;left:0;width:100%;font-size:15px;font-weight:bold;color:#ffe39b;text-align:center}
.dr-sub-page .devil-sub-promo-list{display:flex;flex-direction:column;gap:6px}.dr-sub-page .devil-sub-promo-list a{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;overflow:hidden;background:#1b070a;border:1px solid #8c341b;border-radius:5px;color:#fff;text-decoration:none}.dr-sub-page .devil-sub-promo-list img{display:block;width:100%;height:auto;max-height:72px;object-fit:fill}
.dr-sub-page .dr-sub-content #container_title{font-size:24px!important}
@media(max-width:1050px){.dr-sub-page .dr-sub-canvas{grid-template-columns:minmax(0,21%) minmax(0,1fr)!important}.dr-sub-page .devil-sub-right{grid-column:1!important;grid-row:3!important;margin-top:14px!important}.dr-sub-page .dr-sub-content{grid-column:2!important}.dr-sub-page .devil-sub-left{grid-column:1!important}.dr-sub-page .devil-sub-right{max-width:300px}}
@media(max-width:650px){.dr-sub-page .dr-sub-canvas{display:block!important;padding:0 10px 30px!important}.dr-sub-page .dr-top{margin:0 -10px!important;width:calc(100% + 20px)!important}.dr-sub-page .dr-sub-content{width:100%!important;margin:15px 0!important}.dr-sub-page .devil-sub-left,.dr-sub-page .devil-sub-right{display:none!important}}

/* Main-page visual parity for board sidebars; keep center board independent */
.dr-sub-page .devil-sub-rank{min-height:370px}
.dr-sub-page .devil-sub-tabs{display:flex;gap:5px;background:transparent;border:0;padding:0;margin:9px 10px}
.dr-sub-page .devil-sub-tabs span,.dr-sub-page .devil-sub-tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:30px;border:1px solid #8b4130;border-radius:5px;background:#21080b;color:#eee;text-decoration:none;font-size:13px;font-weight:bold}
.dr-sub-page .devil-sub-tabs .active{background:linear-gradient(#e74a22,#8c160c);border-color:#f87b2b;color:#fff}
.dr-sub-page .devil-sub-rank-more{background:linear-gradient(#aa280f,#580c08);border-color:#e56728}
.dr-sub-page .devil-sub-status{min-height:150px;padding-bottom:14px}
.dr-sub-page .devil-sub-status h3{color:#ffdd43}
.dr-sub-page .devil-sub-status p{color:#ffe19b;font-size:12px;padding:10px 14px 2px;margin:0}
.dr-sub-page .devil-sub-status a{display:inline-block;margin:5px auto;padding:7px 20px;border-radius:18px;background:linear-gradient(#a9320d,#4c0905);border:1px solid #f07822;color:white;text-decoration:none}
.dr-sub-page .devil-sub-right .devil-sub-art{box-shadow:0 0 10px #8c2a0a}
