/* MAIN_EXACT_APPROVED_SOURCE_20260927
   Approved main source rebuild: exact visual slices + live two cards */
html,body{
    margin:0;
    padding:0;
    background:#020504;
}
.dcsrc-body{
    min-width:1122px;
    background:#020504;
    color:#fff;
    font-family:'Noto Sans KR','Pretendard','SUIT','Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;
}
.dcsrc-page{
    position:relative;
    width:1122px;
    height:842px;
    margin:0 auto;
    background:#020504;
    overflow:hidden;
}
.dcsrc-top{
    position:absolute;
    left:0;
    top:0;
    width:1122px;
    height:284px;
    background:url('/images/dc/source/main_top_exact.png') no-repeat center top/100% 100%;
    z-index:1;
}
.dcsrc-card{
    position:absolute;
    top:285px;
    height:141px;
    box-sizing:border-box;
    border:1px solid rgba(228,178,59,.92);
    border-radius:10px;
    overflow:hidden;
    z-index:5;
    background:
        radial-gradient(circle at 86% 72%,rgba(207,153,52,.24) 0,rgba(207,153,52,.10) 20%,rgba(207,153,52,0) 48%),
        linear-gradient(108deg,rgba(4,9,12,.98) 0%,rgba(6,12,15,.97) 58%,rgba(20,16,9,.95) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,234,175,.12),
        0 10px 24px rgba(0,0,0,.35);
}
.dcsrc-card::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 93% 88%,rgba(250,193,59,.18),rgba(250,193,59,0) 31%),
        linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,0));
}
.dcsrc-count{
    left:49px;
    width:492px;
    padding:28px 28px 20px 34px;
}
.dcsrc-result{
    left:551px;
    width:524px;
    padding:28px 30px 20px 34px;
}
.dcsrc-title{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 13px 0;
    color:#fffdf8;
    font-size:17px;
    line-height:1.15;
    letter-spacing:-0.055em;
    font-weight:600;
    text-shadow:0 1px 2px rgba(0,0,0,.55);
}
.dcsrc-ico{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:21px;
    height:21px;
    opacity:.92;
    color:#f3d175;
    font-size:19px;
    line-height:1;
}
.dcsrc-count-num{
    position:relative;
    z-index:2;
    margin:0 0 8px 0;
    white-space:nowrap;
    color:#ffe174;
    font-size:38px;
    line-height:.98;
    letter-spacing:-0.08em;
    font-weight:800;
    text-shadow:0 2px 6px rgba(0,0,0,.48),0 0 12px rgba(255,205,74,.18);
}
.dcsrc-count-num small{
    font-size:.46em;
    font-weight:700;
    margin-right:4px;
    letter-spacing:-0.06em;
}
.dcsrc-sub{
    position:relative;
    z-index:2;
    color:#f2eee4;
    font-size:12px;
    line-height:1.45;
    letter-spacing:-0.045em;
    font-weight:500;
}
.dcsrc-sub span{
    display:block;
}
.dcsrc-balls{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:7px;
    margin:5px 0 10px;
    white-space:nowrap;
    overflow:hidden;
}
.sk-ball,
.dcsrc-balls .sk-ball{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    min-width:34px;
    flex:0 0 34px;
    border-radius:50%;
    color:#fff;
    font-size:12px;
    line-height:34px;
    font-weight:800;
    letter-spacing:-.02em;
    text-shadow:0 1px 2px rgba(0,0,0,.58);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:
        inset 5px 7px 10px rgba(255,255,255,.46),
        inset -6px -8px 12px rgba(0,0,0,.34),
        0 4px 9px rgba(0,0,0,.46);
    overflow:hidden;
}
.sk-ball::before,
.dcsrc-balls .sk-ball::before{
    content:"";
    position:absolute;
    left:18%;
    top:12%;
    width:38%;
    height:26%;
    border-radius:50%;
    background:rgba(255,255,255,.55);
    filter:blur(2px);
    opacity:.72;
}
.dcsrc-balls .sk-plus,
.sk-plus{
    display:inline-flex;
    width:15px;
    min-width:15px;
    flex:0 0 15px;
    justify-content:center;
    color:#fff;
    font-size:22px;
    line-height:34px;
    font-weight:800;
    text-shadow:0 2px 5px rgba(0,0,0,.65);
}
.cy{background:radial-gradient(circle at 31% 24%,#fff7bd 0,#ffe06a 25%,#d89922 64%,#875514 100%)!important;color:#4a3008!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;}
.cb{background:radial-gradient(circle at 31% 24%,#d8f3ff 0,#5abaff 25%,#0b70d8 64%,#043b82 100%)!important;}
.cr{background:radial-gradient(circle at 31% 24%,#ffe0dc 0,#ff6660 26%,#d62428 64%,#801014 100%)!important;}
.cg{background:radial-gradient(circle at 31% 24%,#ffffff 0,#d8dce0 25%,#7b8288 64%,#42474c 100%)!important;}
.cgr{background:radial-gradient(circle at 31% 24%,#e0ffd8 0,#73df64 26%,#2ca238 64%,#145f1b 100%)!important;}

.dcsrc-banner{
    position:absolute;
    left:49px;
    top:435px;
    width:1024px;
    height:163px;
    background:url('/images/dc/source/main_banner_exact.png') no-repeat center/100% 100%;
    z-index:3;
}
.dcsrc-promos{
    position:absolute;
    left:49px;
    top:611px;
    width:1024px;
    height:194px;
    background:url('/images/dc/source/main_promos_nobutton_exact.png') no-repeat center/100% 100%;
    z-index:3;
}

/* transparent navigation over the exact top image */
.dcsrc-hot{
    position:absolute;
    z-index:30;
    display:block;
    background:transparent;
}
.dcsrc-logo{left:64px;top:11px;width:260px;height:60px;}
.dcsrc-nav-home{left:463px;top:19px;width:48px;height:43px;}
.dcsrc-nav-result{left:535px;top:19px;width:80px;height:43px;}
.dcsrc-nav-analysis{left:627px;top:19px;width:90px;height:43px;}
.dcsrc-nav-event{left:738px;top:19px;width:70px;height:43px;}
.dcsrc-nav-cs{left:828px;top:19px;width:82px;height:43px;}
.dcsrc-login{left:1050px;top:11px;width:96px;height:48px;}
.dcsrc-join{left:1160px;top:11px;width:110px;height:48px;}

/* keep old skin overlays invisible if any external include injects them */
.sk-hot,
.sk-bg,
.sk-home-card-cover,
.sk-overlay,
.sk-main-row-cover,
.sk-main-card,
.sk-main-promo-cover,
.sk-main-promo-grid{display:none!important;}