/* DEVIL MU Theme V3 - clean layered layout / no screenshot-overlap assets */
html,body{margin:0!important;background:#030202!important;color:#eee!important}body{font-family:"Malgun Gothic",Arial,sans-serif!important;background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.38)),url('/theme/basic/temp/background.png')!important;background-position:center top!important;background-size:1920px auto!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
#menu,#left-side-menu,#float-side-menu,#top-info-bar,#bg-video-wrap,.navbar,#hd,#wrapper>.header{display:none!important}#wrapper,#container_wr,#container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important}#container_wr{padding-top:0!important}.devil-page{min-height:100vh;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.22) 50%,rgba(0,0,0,.75))}.devil-page *{box-sizing:border-box}.devil-shell{width:1320px;max-width:calc(100% - 32px);margin:0 auto}
.devil-topline{height:42px;background:#030303;border-bottom:1px solid #71100c}.devil-topline .devil-shell{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px}.devil-topline a{color:#eee;text-decoration:none;margin-right:16px}.devil-topline .quick a{margin:0 0 0 20px}.devil-topline a:hover{color:#ffb891}
.devil-masthead{height:205px;position:relative;overflow:hidden;border-bottom:1px solid #8d160f;background:radial-gradient(ellipse at 50% 72%,rgba(255,46,0,.58),rgba(75,0,0,.38) 28%,rgba(5,0,0,.88) 72%),linear-gradient(180deg,#120000,#350300 60%,#080000)}.devil-masthead:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 55px,rgba(255,70,25,.025) 56px 57px)}.devil-brand{position:relative;z-index:2;text-align:center;padding-top:26px}.devil-brand .small{letter-spacing:9px;color:#ddd;font:11px Georgia,serif;text-shadow:0 2px 4px #000}.devil-brand h1{margin:2px 0 0;font:900 88px/.9 Georgia,serif;letter-spacing:-6px;color:#f4f1ef;-webkit-text-stroke:1px #4c0b08;text-shadow:0 3px 0 #2d0000,0 0 12px #000,0 0 28px #ff1b00}.devil-brand h1:before,.devil-brand h1:after{content:"◆";font-size:25px;color:#aa160e;vertical-align:middle;margin:0 20px;text-shadow:0 0 12px #ff2b00}.devil-brand .season{color:#e6bd77;letter-spacing:8px;font:bold 16px Georgia,serif;margin-top:13px;text-shadow:0 2px 4px #000}.devil-char{display:none!important}
.devil-nav{position:relative;z-index:5;margin-top:-1px}.devil-nav .devil-shell{display:grid;grid-template-columns:repeat(9,1fr);background:rgba(3,3,3,.97);border:1px solid #61150f;box-shadow:0 0 22px #000}.devil-nav a{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eee;text-decoration:none;border-right:1px solid #271211;font-size:14px;font-weight:bold}.devil-nav a:last-child{border-right:0}.devil-nav a span{display:block;color:#9f8378;font:9px Arial;margin-top:5px}.devil-nav a:hover{background:linear-gradient(#3d0906,#0b0303);color:#ffd4b0;box-shadow:inset 0 -2px #df2416}
.devil-stage{padding:34px 0 52px;position:relative}.devil-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.70) 17%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.70) 83%,rgba(0,0,0,.04));pointer-events:none}.devil-grid{position:relative;z-index:1;display:grid;grid-template-columns:270px minmax(0,1fr) 270px;gap:14px}.dv-panel,.dv-side-link,.dv-start,.dv-promo,.dv-tile,.dv-hero{border:1px solid #713128;background:linear-gradient(180deg,rgba(15,15,15,.98),rgba(3,3,3,.98));box-shadow:0 4px 16px rgba(0,0,0,.75),inset 0 0 0 1px rgba(255,120,80,.035)}.dv-title{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #50231d;color:#f6ece8;font-size:16px;font-weight:900}.dv-title small{font:9px Arial;color:#aa8d82}.dv-login{padding:14px}.dv-login input{width:100%;height:38px;margin:0 0 8px;padding:0 12px;color:#eee;background:#171717;border:1px solid #3a302e;outline:0}.dv-login input:focus{border-color:#a52418}.dv-login button{width:100%;height:41px;border:1px solid #f12c20;background:linear-gradient(#dd170e,#7b0303);color:#fff;font-weight:900;cursor:pointer}.dv-login-links{display:flex;justify-content:space-between;margin-top:10px}.dv-login-links a{font-size:11px;color:#ddd;text-decoration:none}.dv-member{padding:15px}.dv-member strong{color:#ffd08b}.dv-member .balances{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.dv-member .balances span{padding:8px;border:1px solid #34211e;background:#120d0c;font-size:11px}.dv-member a{display:inline-block;padding:8px 11px;background:#910b07;color:#fff;text-decoration:none;margin-right:5px}.dv-start{display:block;margin-top:10px;padding:24px 8px;text-align:center;text-decoration:none;color:#ffe1a7;font-size:27px;font-weight:900;background:radial-gradient(circle at 50% 45%,#8b180f 0,#3c0503 52%,#100303 100%);text-shadow:0 2px #000,0 0 9px #ff4a00;position:relative}.dv-start:before,.dv-start:after{content:"◆";position:absolute;top:50%;transform:translateY(-50%);color:#c63722}.dv-start:before{left:12px}.dv-start:after{right:12px}.dv-start span{display:block;color:#d5a17b;font:10px Arial;letter-spacing:2px;margin-top:3px}.dv-side-link{display:flex;align-items:center;min-height:61px;margin-top:7px;padding:0 14px;color:#eee;text-decoration:none}.dv-side-link i{width:44px;font-style:normal;font-size:25px;color:#fff}.dv-side-link b{font-size:15px}.dv-side-link em{display:block;font:9px Arial;color:#9b8780;margin-top:3px}.dv-status{margin-top:8px;padding:13px}.dv-status h3{margin:0 0 8px;font-size:16px}.dv-status h3 small{font:9px Arial;color:#b28c75}.dv-status-row{display:flex;justify-content:space-between;padding:8px 2px;border-top:1px solid #241716;font-size:12px}.dv-status-row strong{color:#5cff3e}
.dv-hero{height:326px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.18)),url('/theme/basic/temp/devil_hero_banner.jpg');background-position:center;background-size:cover}.dv-hero:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 55px #000;pointer-events:none}.dv-hero-copy{position:absolute;z-index:2;right:4%;top:21%;width:55%;text-align:center;text-shadow:0 2px 5px #000}.dv-hero-copy .kicker{color:#d5b275;font:12px Georgia,serif}.dv-hero-copy h2{margin:8px 0 0;color:#f0cf9c;font-size:28px}.dv-hero-copy .grand{color:#fff0cf;font:45px Georgia,serif;text-shadow:0 2px #9a2b00,0 0 13px #ff5a00;white-space:nowrap}.dv-hero-copy p{font-size:13px}.dv-center-boards{display:grid;grid-template-columns:1.25fr 1fr;gap:9px;margin-top:9px}.dv-board{min-height:225px}.dv-board-body{padding:8px 13px}.dv-board-body ul{list-style:none;margin:0;padding:0}.dv-board-body li{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #211817;font-size:12px}.dv-board-body a{color:#e0d8d4;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dv-board-body .badge{flex:0 0 20px;text-align:center;background:#e31911;color:#fff;font-weight:bold}.dv-board-body .date{margin-left:auto;color:#9b8982;font-size:10px}.dv-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}.dv-tile{height:120px;display:flex;align-items:flex-end;justify-content:center;padding:12px;color:#fff;text-decoration:none;background-position:center;background-size:cover;position:relative;overflow:hidden}.dv-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(0,0,0,.9))}.dv-tile span{z-index:1;text-align:center;font-weight:bold}.dv-tile small{display:block;font:9px Arial;color:#b9aaa4;margin-top:3px}.dv-tile:nth-child(1){background-image:url('/theme/basic/temp/devil_tile_character.jpg')}.dv-tile:nth-child(2){background-image:url('/theme/basic/temp/devil_tile_item.jpg')}.dv-tile:nth-child(3){background-image:url('/theme/basic/temp/devil_tile_hunting.jpg')}.dv-tile:nth-child(4){background-image:url('/theme/basic/temp/devil_tile_boss.jpg')}.dv-tile:nth-child(5){background-image:url('/theme/basic/temp/devil_tile_ranking.jpg')}
.dv-ranking{margin-bottom:9px}.dv-rank-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:0 12px;border:1px solid #291b19}.dv-rank-tabs span{padding:8px;text-align:center;font-size:11px;border-right:1px solid #291b19}.dv-rank-tabs span:first-child{background:#d7180e;color:#fff}.dv-rank-body{padding:8px 13px}.dv-rank-row{display:grid;grid-template-columns:26px 1fr auto;gap:7px;padding:9px 0;border-bottom:1px solid #211817;font-size:12px}.dv-rank-row .no{font-weight:900;color:#f1bf53}.dv-promo{display:block;min-height:88px;margin-bottom:9px;padding:17px 14px;color:#f9d9a3;text-decoration:none;background:radial-gradient(circle at 85% 45%,rgba(255,145,0,.36),transparent 40%),linear-gradient(110deg,#351203,#0a0706)}.dv-promo b{font-size:20px}.dv-promo span{display:block;font:9px Arial;color:#c1a082;margin-top:3px}.dv-promo.red{background:radial-gradient(circle at 86% 45%,rgba(255,36,10,.43),transparent 40%),linear-gradient(110deg,#300503,#090606)}
#top_btn{background:#191919!important;border:1px solid #56302a!important;color:#eee!important}.devil-footer{padding:28px 0;text-align:center;color:#725f58;font-size:11px;border-top:1px solid #26100e;background:#030202}.devil-footer strong{color:#a48578;letter-spacing:3px}
@media(max-width:1100px){body{background-size:1600px auto!important}.devil-grid{grid-template-columns:250px 1fr}.devil-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dv-ranking{grid-column:span 2}.devil-nav .devil-shell{grid-template-columns:repeat(5,1fr)}}@media(max-width:720px){body{background-image:none!important}.devil-shell{max-width:calc(100% - 16px)}.devil-topline{display:none}.devil-masthead{height:145px}.devil-brand{padding-top:24px}.devil-brand h1{font-size:58px}.devil-brand h1:before,.devil-brand h1:after{display:none}.devil-nav .devil-shell{grid-template-columns:repeat(3,1fr)}.devil-grid{grid-template-columns:1fr}.devil-right{grid-template-columns:1fr}.dv-ranking{grid-column:auto}.dv-center-boards,.dv-bottom{grid-template-columns:1fr}.dv-hero{height:260px}.dv-hero-copy{right:3%;width:62%}.dv-hero-copy .grand{font-size:31px}}

/* =========================================================
   DEVIL MU V4 FINAL FULLSCREEN — approved reference layout
   1920x1080 desktop-first, no nested screenshot backgrounds
   ========================================================= */
html,body{min-width:1180px!important;background:#020202!important}
body{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18)),url('/theme/basic/temp/background.png')!important;background-size:1920px auto!important;background-position:center 250px!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
.devil-page{width:100%!important;min-width:1180px!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.06) 760px,rgba(0,0,0,.72) 1180px)!important}
.devil-shell{width:1740px!important;max-width:calc(100vw - 40px)!important}
.devil-topline{height:40px!important;background:#020202!important;border-bottom:1px solid #8a120d!important}
.devil-masthead{height:270px!important;background-image:url('/theme/basic/temp/devil_header_v4.jpg')!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;border-bottom:0!important}
.devil-masthead:before{display:none!important}.devil-brand{visibility:hidden!important}
.devil-nav{margin-top:0!important}.devil-nav .devil-shell{height:70px!important;grid-template-columns:repeat(9,1fr)!important;border-color:#7e2118!important;box-shadow:0 5px 25px rgba(0,0,0,.9)!important}
.devil-nav a{height:68px!important;font-size:15px!important;background:rgba(2,2,2,.94)!important}.devil-nav a span{font-size:10px!important}
.devil-stage{padding:38px 0 70px!important}.devil-stage:before{background:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.46) 15%,rgba(0,0,0,.70) 30%,rgba(0,0,0,.70) 70%,rgba(0,0,0,.46) 85%,rgba(0,0,0,.02))!important}
.devil-grid{grid-template-columns:320px minmax(720px,1fr) 320px!important;gap:16px!important;align-items:start!important}
.dv-title{height:48px!important;font-size:17px!important}.dv-panel,.dv-side-link,.dv-start,.dv-promo,.dv-tile,.dv-hero{border-color:#7d3025!important}
.dv-login input{height:40px!important}.dv-login button{height:43px!important}.dv-start{padding:27px 8px!important;font-size:29px!important}.dv-side-link{min-height:64px!important}
.dv-hero{height:365px!important;background-image:url('/theme/basic/temp/devil_hero_v4.jpg')!important;background-size:cover!important;background-position:center!important;border:2px solid #744137!important;position:relative!important}
.dv-hero:after{box-shadow:inset 0 0 22px #000!important}.dv-hero-copy{display:none!important}
.dv-hero-dots{position:absolute;z-index:5;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:9px}.dv-hero-dots i{width:13px;height:13px;border-radius:50%;background:#ddd;border:1px solid #777;box-shadow:0 1px 4px #000}.dv-hero-dots i:first-child{background:#ff2418;border-color:#ff5b4f}
.dv-center-boards{grid-template-columns:1.25fr 1fr!important;gap:12px!important;margin-top:12px!important}.dv-board{min-height:245px!important}.dv-board-body li{font-size:13px!important;padding:10px 0!important}
.dv-bottom{gap:9px!important;margin-top:12px!important}.dv-tile{height:140px!important}
.dv-ranking{margin-bottom:12px!important}.dv-rank-row{font-size:13px!important;padding:10px 0!important}.dv-promo{min-height:100px!important;margin-bottom:11px!important;padding:20px 16px!important}.dv-promo b{font-size:22px!important}
.devil-footer{margin-top:0!important}
@media (max-width:1500px){.devil-shell{width:1420px!important}.devil-grid{grid-template-columns:280px minmax(620px,1fr) 280px!important;gap:12px!important}.dv-hero{height:325px!important}.devil-masthead{height:230px!important}}
@media (max-width:1250px){.devil-shell{width:1180px!important;max-width:1180px!important}.devil-grid{grid-template-columns:250px 668px 250px!important;gap:6px!important}.dv-hero{height:285px!important}.devil-nav a{font-size:13px!important}}

/* =========================================================
   DEVIL MU V5 — clean HEAD / viewport-fit homepage
   ========================================================= */
html,body{min-width:0!important;width:100%!important;overflow-x:hidden!important}
.devil-page{min-width:0!important;width:100%!important}
.devil-shell{width:min(1500px,calc(100vw - 32px))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.devil-grid{grid-template-columns:270px minmax(0,1fr) 270px!important;gap:14px!important}
.devil-masthead{height:245px!important;background-size:cover!important;background-position:center top!important}
.devil-nav .devil-shell{grid-template-columns:repeat(9,minmax(0,1fr))!important}
.devil-nav a{min-width:0!important;padding:0 4px!important}
.dv-hero{height:330px!important;background-size:cover!important;background-position:center center!important}
@media(max-width:1400px){
 .devil-shell{width:calc(100vw - 24px)!important}
 .devil-grid{grid-template-columns:245px minmax(0,1fr) 245px!important;gap:10px!important}
 .devil-masthead{height:220px!important}
 .dv-hero{height:300px!important}
 .devil-nav a{font-size:13px!important}
}
@media(max-width:1180px){
 .devil-grid{grid-template-columns:230px minmax(0,1fr) 230px!important;gap:8px!important}
 .devil-nav a{font-size:12px!important}
 .devil-nav a span{font-size:8px!important}
}

/* =========================================================
   DEVIL MU V6 — COMMON HEADER / CLEAN ART / SUBPAGE HEADER
   ========================================================= */
html,body{margin:0!important;padding:0!important;width:100%!important;min-width:0!important;overflow-x:hidden!important;background:#020202!important;color:#eee!important}
.devil-common *,.devil-page *,.devil-sub-stage *{box-sizing:border-box}
.devil-common{position:relative;z-index:50;width:100%;background:#020202}
.devil-common .devil-shell,.devil-page .devil-shell,.devil-sub-stage .devil-shell{width:min(1500px,calc(100vw - 28px))!important;max-width:none!important;margin:0 auto!important}
.devil-masthead-clean{height:250px!important;position:relative!important;overflow:hidden!important;background-image:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.42) 30%,rgba(25,0,0,.20) 50%,rgba(0,0,0,.42) 70%,rgba(0,0,0,.18)),url('/theme/basic/temp/background.png')!important;background-size:1920px auto!important;background-position:center 1%!important;background-repeat:no-repeat!important;border-bottom:1px solid #7c160f!important}
.devil-masthead-clean:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:radial-gradient(ellipse at 50% 65%,rgba(177,20,8,.28),transparent 42%)!important;pointer-events:none!important}
.devil-brand-link{display:block!important;height:100%!important;text-decoration:none!important;position:relative!important;z-index:3!important}
.devil-common .devil-brand{visibility:visible!important;display:block!important;text-align:center!important;padding-top:38px!important;position:relative!important;z-index:3!important}
.devil-common .devil-brand .small{letter-spacing:10px!important;color:#e7e1de!important;font:12px Georgia,serif!important;text-shadow:0 2px 5px #000!important}
.devil-common .devil-brand h1{margin:5px 0 0!important;font:900 94px/.88 Georgia,serif!important;letter-spacing:-6px!important;color:#f5f2ef!important;-webkit-text-stroke:1px #5b100b!important;text-shadow:0 4px 0 #2b0000,0 0 12px #000,0 0 28px #e32112!important}
.devil-common .devil-brand h1:before,.devil-common .devil-brand h1:after{content:"◆"!important;font-size:24px!important;color:#b51b10!important;vertical-align:middle!important;margin:0 22px!important;text-shadow:0 0 12px #ff2b00!important}
.devil-common .devil-brand .season{color:#e6bd77!important;letter-spacing:9px!important;font:bold 16px Georgia,serif!important;margin-top:14px!important;text-shadow:0 2px 4px #000!important}
.devil-common .devil-nav{margin:0!important;position:relative!important;z-index:5!important;background:#030303!important}
.devil-common .devil-nav .devil-shell{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;border:1px solid #71180f!important;background:#030303!important;box-shadow:0 5px 24px rgba(0,0,0,.9)!important}
.devil-common .devil-nav a{height:66px!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#eee!important;text-decoration:none!important;border-right:1px solid #2c1512!important;background:#050505!important;font-size:14px!important;font-weight:bold!important}
.devil-common .devil-nav a:last-child{border-right:0!important}.devil-common .devil-nav a span{display:block!important;margin-top:5px!important;color:#a48678!important;font:9px Arial!important}.devil-common .devil-nav a:hover{background:linear-gradient(#3c0805,#080303)!important;color:#ffd4b0!important;box-shadow:inset 0 -2px #e12719!important}
/* Main no longer carries its own duplicate header. */
.devil-page{min-height:600px!important;background:transparent!important}
/* Subpages keep the exact same DEVIL header and only swap the content below it. */
.devil-sub-stage{min-height:650px;padding:34px 0 70px;background:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.78) 18%,rgba(0,0,0,.84) 50%,rgba(0,0,0,.78) 82%,rgba(0,0,0,.30)),url('/theme/basic/temp/background.png') center 20%/1920px auto no-repeat fixed!important}
.devil-sub-shell{padding:24px!important;border:1px solid #5c251e!important;background:rgba(5,5,5,.94)!important;box-shadow:0 8px 35px #000!important}
.devil-sub-stage #wrapper,.devil-sub-stage #container_wr,.devil-sub-stage #container{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important;color:#ddd!important}
.devil-sub-stage #container_title{margin:0 0 24px!important;padding:0 0 16px!important;border-bottom:1px solid #6f2a21!important;color:#f0d2bc!important;font-size:24px!important;background:none!important}
.devil-sub-stage #container_title span{color:#f0d2bc!important}
.devil-sub-stage a{color:#e7c0a7}.devil-sub-stage .tbl_head01 td,.devil-sub-stage .tbl_head02 td{background:#0d0d0d!important;color:#ccc!important;border-color:#2d211e!important}.devil-sub-stage .tbl_head01 thead th,.devil-sub-stage .tbl_head02 thead th{background:#1b0b09!important;color:#e6c9ba!important;border-color:#55231d!important}
@media(max-width:1200px){.devil-common .devil-brand h1{font-size:78px!important}.devil-masthead-clean{height:220px!important}.devil-common .devil-nav a{font-size:12px!important}}
/* DEVIL V7 - real clickable hero + clean tile artwork */
.dv-hero{background:#080303 url('/theme/basic/temp/devil_hero_clean.jpg') center/cover no-repeat!important;position:relative!important;overflow:hidden!important}
.dv-hero-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .35s ease;text-decoration:none;z-index:2}
.dv-hero-slide.active{opacity:1;visibility:visible}
.dv-hero-copy{display:block!important;position:absolute!important;right:5%!important;top:22%!important;width:52%!important;text-align:center!important;z-index:3!important;color:#fff!important;text-shadow:0 2px 5px #000!important}
.dv-hero-copy .kicker{color:#e3c48b!important;font:13px Georgia,serif!important;letter-spacing:.5px}.dv-hero-copy h2{margin:8px 0 0!important;color:#f5d5a0!important;font-size:31px!important}.dv-hero-copy strong{display:block;color:#fff0d0!important;font:52px Georgia,serif!important;text-shadow:0 2px #8d2300,0 0 14px #ff5a00!important;white-space:nowrap}.dv-hero-copy p{margin:8px 0 0!important;color:#fff!important;font-size:15px!important}
.dv-hero-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:54px;height:82px;border:0;background:rgba(0,0,0,.18);color:#fff;font:64px/70px Georgia,serif;cursor:pointer;text-shadow:0 2px 5px #000}.dv-hero-arrow:hover{background:rgba(130,0,0,.45);color:#ffd2a4}.dv-hero-arrow.prev{left:8px}.dv-hero-arrow.next{right:8px}
.dv-hero-dots{z-index:9!important}.dv-hero-dots button{width:13px;height:13px;padding:0;border-radius:50%;background:#ddd;border:1px solid #777;box-shadow:0 1px 4px #000;cursor:pointer}.dv-hero-dots button.active{background:#ff2418;border-color:#ff5b4f}
.dv-tile:nth-child(1){background-image:url('/theme/basic/temp/devil_tile_character_clean.jpg')!important}.dv-tile:nth-child(2){background-image:url('/theme/basic/temp/devil_tile_item_clean.jpg')!important}.dv-tile:nth-child(3){background-image:url('/theme/basic/temp/devil_tile_hunting_clean.jpg')!important}.dv-tile:nth-child(4){background-image:url('/theme/basic/temp/devil_tile_boss_clean.jpg')!important}.dv-tile:nth-child(5){background-image:url('/theme/basic/temp/devil_tile_ranking_clean.jpg')!important}.dv-tile{background-size:100% auto!important;background-repeat:no-repeat!important;background-position:center top!important}.dv-tile:before{background:linear-gradient(transparent 35%,rgba(0,0,0,.98) 78%)!important}

/* DEVIL V8 - server status placement + automatic board menu */
.dv-start{display:none!important}
.dv-status-primary{margin-top:10px!important;padding:14px 15px!important;background:linear-gradient(180deg,rgba(18,10,8,.98),rgba(3,3,3,.98))!important;border-color:#7a3025!important}
.dv-status-primary h3{font-size:18px!important;color:#f4e3d5!important;padding-bottom:8px!important;border-bottom:1px solid #3c201b!important}
.dv-status-primary .dv-status-row{min-height:36px!important;align-items:center!important}
.devil-board-menu{position:relative;z-index:6;background:rgba(4,4,4,.98);border-bottom:1px solid #5e1b14;box-shadow:0 6px 16px rgba(0,0,0,.55)}
.devil-board-menu>.devil-shell{min-height:42px;display:flex!important;align-items:center!important;gap:14px;padding:6px 10px!important}
.devil-board-menu-title{flex:0 0 auto;color:#e4a36e;font:700 10px Arial;letter-spacing:1.5px;padding-right:14px;border-right:1px solid #4b211c}
.devil-board-menu-list{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#6d2119 #080808;padding-bottom:1px}
.devil-board-menu-list a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border:1px solid #33201d;background:#0b0807;color:#cdbab1!important;text-decoration:none!important;font-size:12px;border-radius:2px}
.devil-board-menu-list a:hover,.devil-board-menu-list a.active{border-color:#b12a1d;background:linear-gradient(#53100b,#190504);color:#fff1df!important;box-shadow:inset 0 -2px #e33424}
@media(max-width:720px){.devil-board-menu>.devil-shell{width:100%!important;max-width:100%!important}.devil-board-menu-title{display:none}.devil-board-menu-list a{font-size:11px;padding:0 9px}}

/* V9 - GnuBoard admin menu sync + vertical dropdown */
.devil-common .devil-nav{overflow:visible!important;z-index:100!important}
.devil-common .devil-nav .devil-shell{display:flex!important;align-items:stretch!important;overflow:visible!important}
.devil-nav-item{position:relative!important;flex:1 1 0;min-width:0;z-index:101}
.devil-common .devil-nav .devil-nav-item>.devil-nav-main{width:100%!important;box-sizing:border-box!important}
.devil-nav-item.has-sub>.devil-nav-main:after{content:'◆';font-size:6px;color:#d49b70;margin-top:3px}
.devil-dropdown{display:none;position:absolute;left:0;top:66px;width:100%;min-width:155px;background:rgba(5,4,4,.98);border:1px solid #712018;border-top:2px solid #d52a1d;box-shadow:0 12px 25px rgba(0,0,0,.85);z-index:9999;padding:5px 0}
.devil-nav-item:hover>.devil-dropdown,.devil-nav-item:focus-within>.devil-dropdown{display:block}
.devil-common .devil-nav .devil-dropdown a{height:auto!important;min-height:38px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;padding:0 14px!important;border:0!important;border-bottom:1px solid #251311!important;background:#090706!important;color:#d7c5ba!important;font-size:12px!important;font-weight:normal!important;white-space:nowrap!important;box-shadow:none!important}
.devil-common .devil-nav .devil-dropdown a:last-child{border-bottom:0!important}
.devil-common .devil-nav .devil-dropdown a:before{content:'›';color:#c92a1d;margin-right:8px;font-size:16px}
.devil-common .devil-nav .devil-dropdown a:hover{background:linear-gradient(90deg,#5a0c08,#160504)!important;color:#fff2dd!important;padding-left:18px!important}
@media(max-width:720px){.devil-common .devil-nav .devil-shell{display:grid!important;grid-template-columns:repeat(3,1fr)!important}.devil-dropdown{top:66px;min-width:150px}.devil-nav-item{position:relative!important}}

/* V12 - compact PVP TOP5 panel */
.dv-pvp-ranking{background:#020b12!important;border:1px solid #17617c!important;box-shadow:inset 0 0 18px rgba(0,118,166,.10);overflow:hidden}
.dv-pvp-head{height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #17617c;color:#fff;font-size:12px;font-weight:bold}
.dv-pvp-head strong{font-size:12px;color:#fff;letter-spacing:-.2px}.dv-pvp-head span{color:#22d8ff;font:bold 12px Arial;letter-spacing:.5px}
.dv-pvp-cols{display:grid;grid-template-columns:48px 1fr 54px;padding:6px 10px 5px;border-bottom:1px solid #17455a;color:#5fc9ed;font-size:11px;font-weight:bold}
.dv-pvp-cols span:last-child{text-align:right}.dv-pvp-ranking .dv-rank-body{padding:0 10px 6px}
.dv-pvp-ranking .dv-rank-row{display:grid!important;grid-template-columns:48px 1fr 54px!important;gap:0!important;align-items:center;min-height:27px;padding:4px 0!important;border-bottom:1px solid #123140!important;font-size:12px!important;line-height:18px}
.dv-pvp-ranking .dv-rank-row:last-child{border-bottom:0!important}.dv-pvp-ranking .dv-rank-row .no{display:flex;align-items:center;gap:4px;color:#d8eef8!important;font-weight:bold}.dv-pvp-ranking .dv-rank-row .no i{width:18px;font-style:normal;font-size:12px;text-align:center}
.dv-pvp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:bold}.dv-pvp-kill{text-align:right;color:#ffd325;font-weight:900;font-size:13px!important;white-space:nowrap}
.dv-pvp-ranking .dv-rank-empty{padding:25px 8px;color:#7796a3}

/* V15 - 하단 스크린샷 갤러리 */
.dv-gallery{margin-top:12px;border:1px solid #8e2119;background:linear-gradient(180deg,#120b0a,#050505);box-shadow:0 5px 18px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,76,40,.05)}
.dv-gallery-head{height:46px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #56211b;background:linear-gradient(90deg,rgba(113,12,8,.28),rgba(0,0,0,.1));color:#fff}.dv-gallery-head strong{font-size:17px}.dv-gallery-head small{margin-left:10px;color:#9f8a84;font:9px Arial}.dv-gallery-head a{margin-left:auto;padding:5px 8px;border:1px solid #6e241e;color:#ddd;text-decoration:none;font:10px Arial}
.dv-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:10px}.dv-gallery-card{min-width:0;color:#eee;text-decoration:none}.dv-gallery-img{display:block;height:105px;border:1px solid #5e3029;background:#111 url('/theme/basic/temp/devil_tile_hunting.jpg') center/cover no-repeat;box-shadow:inset 0 0 18px #000}.dv-gallery-card:hover .dv-gallery-img{border-color:#d23c2d}.dv-gallery-card b{display:block;margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.dv-gallery-card em{display:block;margin-top:5px;color:#8f817d;font:9px Arial;font-style:normal}.dv-gallery-empty{grid-column:1/-1;padding:28px;text-align:center;color:#88746e}
@media(max-width:1500px){.dv-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dv-gallery-card:nth-child(n+5){display:none}}
@media(max-width:720px){.dv-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-gallery-card:nth-child(n){display:block}.dv-gallery-img{height:120px}}

/* V21 - 메인 공지사항/업데이트 게시글 제목만 금색 */
.dv-center-boards .dv-board-body li > a,
.dv-center-boards .dv-board-body li > a:link,
.dv-center-boards .dv-board-body li > a:visited{color:#ffd84d!important}
.dv-center-boards .dv-board-body li > a:hover,
.dv-center-boards .dv-board-body li > a:focus{color:#fff0a0!important}

/* =========================================================
   DEVIL V24 - REAL MOBILE: same PC theme, mobile reflow only
   ========================================================= */
@media screen and (max-width:720px){
 html,body{width:100%!important;min-width:0!important;overflow-x:hidden!important;background:#020202!important}
 body{background-size:auto 1000px!important;background-position:center top!important;background-attachment:scroll!important}
 .devil-common,.devil-page,.devil-stage,.devil-footer{width:100%!important;min-width:0!important;overflow:visible!important}
 .devil-common .devil-shell,.devil-page .devil-shell,.devil-sub-stage .devil-shell,.devil-shell{width:calc(100% - 16px)!important;max-width:none!important;margin:0 8px!important}
 .devil-topline{display:none!important}
 .devil-masthead-clean{height:155px!important;background-size:auto 310px!important;background-position:center top!important}
 .devil-common .devil-brand{padding-top:22px!important}
 .devil-common .devil-brand .small{font-size:8px!important;letter-spacing:5px!important}
 .devil-common .devil-brand h1{font-size:58px!important;letter-spacing:-4px!important;margin-top:4px!important}
 .devil-common .devil-brand h1:before,.devil-common .devil-brand h1:after{display:none!important}
 .devil-common .devil-brand .season{font-size:11px!important;letter-spacing:5px!important;margin-top:9px!important}
 .devil-common .devil-nav{overflow:visible!important}
 .devil-common .devil-nav .devil-shell{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;height:auto!important;margin:0 8px!important}
 .devil-nav-item{min-width:0!important}
 .devil-common .devil-nav .devil-nav-item>.devil-nav-main,.devil-common .devil-nav a{height:48px!important;min-height:48px!important;font-size:11px!important;padding:0 2px!important}
 .devil-common .devil-nav a span{font-size:7px!important;margin-top:2px!important}
 .devil-dropdown{top:48px!important;min-width:135px!important;z-index:99999!important}
 .devil-stage{padding:12px 0 30px!important}
 .devil-stage:before{display:none!important}
 .devil-grid{display:flex!important;flex-direction:column!important;gap:10px!important;width:calc(100% - 16px)!important;margin:0 8px!important}
 .devil-left,.devil-center,.devil-right{display:block!important;width:100%!important;min-width:0!important;grid-column:auto!important}
 .devil-left{order:1!important}.devil-center{order:2!important}.devil-right{order:3!important}
 .dv-panel,.dv-side-link,.dv-promo,.dv-tile,.dv-hero{width:100%!important;max-width:100%!important}
 .dv-title{height:42px!important;font-size:15px!important}
 .dv-login{padding:11px!important}.dv-login input{height:40px!important}.dv-login button{height:42px!important}
 .dv-status-primary{margin-top:8px!important}
 .dv-side-link{min-height:56px!important;margin-top:6px!important}
 .dv-hero{height:210px!important;margin:0!important;background-size:cover!important;background-position:center!important}
 .dv-hero-copy{display:block!important;right:3%!important;top:18%!important;width:62%!important}
 .dv-hero-copy .kicker{font-size:8px!important}.dv-hero-copy h2{font-size:18px!important;margin-top:4px!important}.dv-hero-copy strong,.dv-hero-copy .grand{font-size:27px!important;white-space:normal!important}.dv-hero-copy p{font-size:10px!important}
 .dv-hero-arrow{width:30px!important;height:54px!important;font-size:38px!important;line-height:50px!important}
 .dv-center-boards{display:block!important;margin-top:8px!important}.dv-center-boards .dv-board{width:100%!important;min-height:0!important;margin:0 0 8px!important}.dv-board-body{padding:6px 10px!important}.dv-board-body li{padding:8px 0!important;font-size:11px!important}
 .dv-bottom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:8px!important}.dv-tile{height:115px!important}.dv-tile:last-child{grid-column:1/-1!important;height:105px!important}
 .dv-gallery{margin-top:9px!important}.dv-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;padding:8px!important}.dv-gallery-img{height:105px!important}
 .devil-right{display:block!important}.dv-pvp-ranking,.dv-ranking{width:100%!important;margin:0 0 8px!important}.dv-promo{min-height:78px!important;margin:0 0 7px!important;padding:14px!important}.dv-promo b{font-size:18px!important}
 .devil-footer{padding:20px 8px!important;font-size:10px!important}
 .devil-sub-stage{padding:12px 0 30px!important;background-attachment:scroll!important}.devil-sub-shell{padding:10px!important}.devil-sub-stage #container_title{font-size:19px!important;margin-bottom:14px!important}
 img,video,iframe{max-width:100%!important;height:auto}
}