@charset "utf-8";
/* 750px viewport 기준 · 1vw = 7.5px · px ÷ 7.5 = vw */

@font-face {
    font-family: 'Pretendard';
    src: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-Regular.woff2) format('woff2'),
         url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-Medium.woff2) format('woff2'),
         url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-SemiBold.woff2) format('woff2'),
         url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-SemiBold.woff) format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-Bold.woff2) format('woff2'),
         url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-ExtraBold.woff2) format('woff2'),
         url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/font/Pretendard-ExtraBold.woff) format('woff');
    font-weight: 800;
    font-style: normal;
}

/* Variables */
:root {
    /* Color */
    --c-primary: #4ee8ff;
    --c-secondary: #6d7d9b;
    --c-tertiary: #49a299;
    --c-quaternary: #85bab3;
    --bg: #181b24;
    --bg-tab: #1d3b8b;
    --bg-footer: #0f1116;

    --c-title: #1af7ff;
    --c-satellite: #3bf0ae;
    --c-mainevent: #4ee8ff;
    --c-date: #6a95dc;
    --c-highlight: #fff99f;
    --c-em: #ffe574;
    --c-divider: #3d4658;
    --c-bar: #2f524f;

    --c-label: #a1b0d0;
    --c-strong: #dee9ff;
    --c-notice: #a2acc0;
    --c-desc: #606c85;
    --c-round: #49a299;
    --c-time: #85bab3;
    --c-location: #54b2d1;
    --c-location-sub: #8cc7e0;
    --c-heading: #98b4ef;
    --c-num: #6d7d9b;
    --c-tip: #4d618a;
    --c-sat-desc: #e9fff9;
    --c-bullet: #90a3c7;
    --c-tbl-th: #8aa1d0;
    --c-tbl-td: #dee9ff;

    /* Font Weight */
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* Font Size · 750vp 기준 */
    --fs-xs:   2.667vw; /* 20px */
    --fs-sm:   3.2vw;   /* 24px */
    --fs-nm:   3.467vw; /* 26px */
    --fs-md:   3.6vw;   /* 27px */
    --fs-lg:   3.733vw; /* 28px */
    --fs-xl:   3.867vw; /* 29px */
    --fs-2xl:  4vw;     /* 30px */
    --fs-3xl:  4.087vw; /* 30.65px */
    --fs-4xl:  4.133vw; /* 31px */
    --fs-5xl:  4.267vw; /* 32px */
    --fs-6xl:  4.4vw;   /* 33px */
    --fs-7xl:  4.667vw; /* 35px */
    --fs-8xl:  4.933vw; /* 37px */
    --fs-9xl:  6.667vw; /* 50px */
}

/* Reset */
article,aside,body,button,dd,dialog,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,legend,li,main,nav,ol,p,section,select,table,td,textarea,th,ul{margin:0;padding:0;box-sizing:border-box}
article,aside,dialog,figure,footer,header,main,nav,section,picture{display:block}
html,body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
html{width:100vw;height:100vh}
body{width:100vw;min-height:100vh;background:var(--bg)}
body,input,textarea,select,button,table,a{font-family:Pretendard,-apple-system,'Apple SD Gothic Neo',Dotum,'돋움',sans-serif;font-size:var(--fs-lg);font-weight:var(--fw-medium)}
img,fieldset,input{border:0}
img{display:block}
ul,ol{list-style:none}
em,address{font-style:normal}
b,strong{font-weight:inherit}
table{border-collapse:collapse;border-spacing:0}
button{border:0;background-color:rgba(0,0,0,0);font-size:0;vertical-align:top;cursor:pointer}
a{display:block;text-decoration:none}
.blind,caption span,legend{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}
.off{cursor:default}

/* 스크롤 숨김 */
html,body{scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}

/* Layout */
header{width:100%}
footer{width:100%;background:var(--bg-footer)}
.wrap{overflow:hidden;position:relative;width:100%;min-height:100vh;margin:0 auto;background-color:var(--bg)}
.container_inner{width:100%;padding:6.933vw 0 7.7333vw}

/* Top Visual */
.top_visual{overflow:hidden;position:relative;width:100%;height:67.467vw}
.top_visual .visual_scene{position:relative;display:flex;flex-direction:column}
.top_visual .visual_scene picture{position: relative;width:56.8vw;height:34.1333vw;margin:8.2667vw auto 0}
.top_visual .visual_scene.premium picture{margin-top:4.2667vw}
.top_visual .visual_scene img{display:block;width:56.8vw;height:34.1333vw;object-fit:contain}
.bg_video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_top_visual.png) no-repeat;background-size:cover}
.bg_video video{width:100%;height:100%;object-fit:cover}
.bg_video::after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_videodim_v2.png) no-repeat;background-size:cover;content:''}
.grade{position:absolute;top:36vw;left:50%;transform:translateX(-50%);width:24vw;height:4.4vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_premium.png) no-repeat;background-size:cover}

/* Event Info */
.event_info{display: flex;flex-direction: column;justify-content: center; margin: 0 auto;text-align:center}
.event_date{font-size:var(--fs-nm);color:var(--c-date);transform:skewX(-12deg)}
.event_prize{width:61.3333vw;height:9.0667vw;margin:2.6666vw 0 1.8667vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_15bil_v2.png) no-repeat;background-size:cover}
.premium .event_prize{margin:6.8vw 0 1.8667vw}
.event_prize.txt_10bil{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_10bil.png)}
.event_prize.txt_16bil{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_16bil.png)}
.event_prize.txt_21bil{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_21bil.png)}
.event_prize.txt_22bil{width:64vw;background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_22bil.png)}
.event_title{color:var(--c-title);font-size:4.4680vw;font-weight:var(--fw-bold);text-transform:uppercase;transform:skewX(-12deg)}

/* Tab Menu */
.tab_menu{overflow:hidden;height:16vw;background:var(--bg-tab)}
.tab_menu ul{display:flex;width:100%;height:100%;margin:0 auto}
.tab_menu li{width:33.333%;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_tabmenu.png) no-repeat;background-size:300% auto}
.tab_menu li button{width:100%;height:100%}
.tab_menu li.tab1{background-position:0 0}
.tab_menu li.tab2{background-position:-33.333vw 0}
.tab_menu li.tab3{background-position:-66.667vw 0}
.tab_menu li.tab1.on{background-position:0 -16.267vw}
.tab_menu li.tab2.on{background-position:-33.333vw -16.267vw}
.tab_menu li.tab3.on{background-position:-66.667vw -16.267vw}

/* Container */
.tab_content{position:relative;display:none;width:100%;margin:0 auto}
.tab_content.active{display:block}

/* Tab1 - 대회정보 */
.schedule_wrap{display:flex;flex-direction:column;align-items:center}
.schedule{position:relative;width:92vw;height:50.933vw;padding:7.333vw 0 0;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_frame1.png) no-repeat;background-size:100% 100%;text-align:center}
.schedule.mainevent{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_frame2.png)}
.schedule_title{display:block;font-size:var(--fs-9xl);font-weight:var(--fw-extrabold);background:linear-gradient(to top, #c8fff0, #fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.mainevent .schedule_title{background-image:linear-gradient(to top, var(--c-primary), #fff)}
.schedule_date{margin:0.933vw 0 3.733vw;font-size:var(--fs-7xl);color:var(--c-satellite)}
.mainevent .schedule_date{color:var(--c-primary)}
.game_mode{position:absolute;top:2.133vw;left:2.133vw;width:16vw;height:6.667vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/icon_online.png) no-repeat;background-size:cover}
.game_mode.offline{width:17.333vw;height:6.667vw;background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/icon_offline.png)}
.game_status{position:absolute;top:25.067vw;left:50%;transform:translateX(-50%);width:18.267vw;height:4.4vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_ongoing.png) no-repeat;background-size:cover}
.game_status.upcoming{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_upcoming.png)}
.game_status.finish{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_finish.png)}
.mainevent .game_status.ongoing{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_ongoing2.png)}
.mainevent .game_status.upcoming{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_upcoming2.png)}
.mainevent .game_status.finish{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/txt_finish2.png)}

.time_list{position:absolute;top:32.133vw;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2, 1fr);column-gap:2.133vw;width:66.667vw;margin:0 auto 0}
.time_list::after{content:'';position:absolute;left:50%;top:1.8vw;bottom:1.667vw;transform:translateX(-50%);width:0.267vw;background:var(--c-bar);box-shadow:0 0 0 0.5px rgb(43,68,69)}
.time_list li{display:flex;align-items:center;gap:2.133vw;padding:0.4vw 1.733vw;color:var(--c-tertiary);font-size:var(--fs-2xl);text-align:right}
.time_list li:nth-child(odd){justify-content:flex-end}
.time_list .time{color:var(--c-quaternary)}

.schedule.row3 + .schedule.row3{margin-top:0.8vw}
.schedule.row3{padding-top:4.8vw}
.schedule.row3 .game_status{top:23.733vw}
.schedule.row3 .location{margin-left:-4.333vw}
.schedule.row3 .time_list{top:30.533vw;width:59.733vw;grid-template-columns:29.867vw 29.867vw;column-gap:0}
.schedule.row3 .time_list li{justify-content:flex-start;gap:2.533vw;padding:0.4vw 0 0.4vw 4vw;line-height:4.2vw}
.location{position:absolute;top:33.333vw;left:50%;transform:translateX(-50%);width:fit-content;padding-left:8.533vw;font-size:var(--fs-5xl);color:var(--c-location)}
.location::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6vw;height:9.2vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/icon_map.png) no-repeat center;background-size:cover}
.location strong{display:block;color:var(--c-location-sub)}

.howto{width:92vw;height:222.667vw;margin:4vw auto 0;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_tab1_v2.png) no-repeat;background-size:cover}
.step_list{padding:15.333vw 9.333vw 0}
.step_list li{display:flex;height:57.867vw;margin-bottom:5.333vw;padding:13.333vw 0 0;color:var(--c-label);font-size:var(--fs-8xl);letter-spacing:-0.02em}
.step_list li:nth-child(2){height:60.8vw}
.step_list li:nth-child(3){height:63.467vw;margin-bottom:5.0vw}

.step_info b{color:var(--c-strong);font-weight:var(--fw-medium)}
.arw{display:inline-block;width:1.733vw;height:1.733vw;margin:0 0.8vw 0.267vw 0;border-top:0.4vw solid var(--c-strong);border-right:0.4vw solid var(--c-strong);transform:rotate(45deg);vertical-align:middle}
.step_desc{font-size:var(--fs-3xl);color:var(--c-desc);line-height:1.6}
.howto_notice{color:var(--c-tip);font-size:var(--fs-xl);text-align:center}

/* Tab2 - 새틀라이트 */
.tab_content.tab2{width:92vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_tab2.png) no-repeat;background-size:100% auto}
.satellite_info{overflow:hidden;position:relative;height:52vw;padding:7.067vw 0 0 30vw}
.satellite_info.wide{height:51.733vw;padding-top:6.8vw;padding-left:30vw}
.satellite_info.wide .info_list{left:5.6vw;font-size:var(--fs-md)}
.satellite_info.wide .info_list li{white-space:nowrap}
.satellite_info.wide .info_list .bar{margin:0 0.4vw 0 0.267vw}
.satellite_info .desc{color:var(--c-sat-desc);font-size:var(--fs-6xl);line-height:5.867vw}
.satellite_info .desc b{color:var(--c-highlight)}
.info_list{position:absolute;top:21.733vw;left:8vw;color:var(--c-quaternary);font-size:var(--fs-lg)}
.info_list li{margin-bottom:0.267vw}
.info_list .label{display:inline-block;width:7.333vw;color:var(--c-tertiary)}
.tbl_wrap{overflow:hidden}
.tbl_box_info{width:86.667vw;margin:0 auto 1.333vw;border-radius:1.6vw;box-shadow:inset 0 0 0 0.267vw #0f131a}
.tbl_box_info .tbl{width:100%;margin:0;border-radius:1.6vw;overflow:hidden}
.tbl_box_info .tbl :is(th,td){line-height:4.4vw}
.tbl{position:relative;width:86.667vw;margin:0 auto 1.333vw;color:var(--c-tbl-td);font-size:var(--fs-md)}
.tbl th{width:32vw;padding:3.067vw 0 2.933vw 4vw;background:#0f131a;color:var(--c-tbl-th);font-weight:var(--fw-semibold);text-align:left;white-space:nowrap;border-bottom:0.267vw solid #1c212c}
.tbl td{padding:3.067vw 0 2.933vw 4.533vw;background:#161b25;border-bottom:0.267vw solid #1f2530}
.tbl tr:last-child :is(th,td){border-bottom:none}
.tab2 .tbl tr:last-child td{padding-top:2.667vw;padding-bottom:2.667vw;line-height:5.333vw}
.tab2 .tbl tr:last-child td em:first-of-type{margin-right:0.267vw}
.tab2 .tbl td em{margin-right:0.667vw}
.tab2 .tbl tr:last-child .bar{display:block;width:0;height:0;margin:0;background:none;box-shadow:none}
.tbl em{color:var(--c-em)}
.bar{display:inline-block;width:0.133vw;height:2.267vw;margin:0 0.533vw 0 0.4vw;background:var(--c-bar);box-shadow:0 0 0 0.5px rgb(41,71,72);vertical-align:0}
.tbl .bar{display:none;height:1vw;margin:0 1.333vw 0 1.2vw;background:transparent;box-shadow:none;vertical-align:-0.267vw}

/* Tab3 - 메인이벤트 */
.tab_content.tab3{width:92vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_tab3.png) no-repeat;background-size:100% auto}
.schedule_day{display:none}
.tab3.day1 .schedule_day.day1,.tab3.day2 .schedule_day.day2,.tab3.day3 .schedule_day.day3,.tab3.final .schedule_day.final{display:block}
.tab3 .tbl_box_info{margin-bottom:6vw}
.tab3 .tbl_box_info:last-of-type{margin-bottom:0}
.day1 .schedule_day{isolation:isolate}
.round_date .turbo{isolation:isolate;position:relative;display:inline-block;margin-left:0.8vw}
.round_date .turbo::before{content:'';position:absolute;left:0;right:0;top:0.267vw;bottom:0.267vw;z-index:-1;background:#4059ee}
.round_date .turbo.yellow{color:var(--c-em)}
.round_date .turbo.yellow::before{display:none}
.round_date .side{display:inline-block;color:var(--c-em);font-weight:var(--fw-semibold)}
.round_info{flex-direction:column;display:flex;justify-content:center;align-items:center;width:100%;color:var(--c-strong);font-size:var(--fs-8xl);font-weight:var(--fw-semibold)}
.round_info strong{font-weight:var(--fw-semibold)}
.round_info .reward,.round_info .prize{margin:1.333vw 0 2.133vw;font-size:var(--fs-xl)}
.round_info .reward{color:#5688d8}
.round_info .reward em{color:#8ca8e0}
.round_info .prize{color:#ffe574}

.round_list{position:relative;display:flex;justify-content:center;align-items:center;width:73.333vw;height:12vw;margin:16.4vw auto 6.0vw;padding:0 0.667vw;border-radius:1.333vw;background-color:rgba(22, 27, 37, 0.6);overflow:hidden}
.round_list li{position:relative;flex:1;height:10.667vw}
.round_list li + li::before{content:'';position:absolute;left:0;top:50%;z-index:0;transform:translateY(-50%);width:0.267vw;height:6.933vw;background:#1d3b51}
.round_list li.selected::before,.round_list li.selected + li::before{display:none}
.round_list.col4{width:86.667vw}
.round_list.col4 button{font-size:4vw}
.round_list li.selected button{color:#9ffffe}
.round_list::before{content:'';position:absolute;top:50%;left:var(--slider-x, 0px);z-index:9;transform:translateY(-50%);width:var(--slider-w, 0px);height:10.667vw;border-radius:0.667vw;border:0.4vw solid #258eaf;background-image:-webkit-linear-gradient(90deg, rgba(36,126,152) 0%, rgb(36,126,152) 100%);transition:left 0.3s ease,width 0s;pointer-events:none;box-sizing:border-box}
.round_list button{position:relative;z-index:10;width:100%;height:100%;font-size:var(--fs-7xl);color:#548296;-webkit-tap-highlight-color: rgba(0, 0, 0, .15)}

.btn_game,.btn_gameinfo,.btn_join{display:block;width:81.067vw;height:15.2vw;margin:4.4vw auto 9.2vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/btn_game.png) no-repeat;background-size:100% 100%}
.btn_gameinfo{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/btn_gameinfo.png)}
.btn_join{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/btn_join.png)}
.btn_game.off{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/btn_game_off.png) !important}
.btn_gameinfo.off{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/btn_gameinfo_off.png) !important}
.btn_join.off{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/btn_join_off.png) !important}

/* Notice */
.notice_wrap{padding:4.533vw 5.333vw 6.4vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_notice.png) 0 100% repeat-y;background-size:cover}
.notice_wrap h3{margin:0 0 1.733vw;color:var(--c-heading);font-size:var(--fs-4xl);font-weight:var(--fw-bold)}
.notice_list>li{position:relative;margin-bottom:0.8vw;padding-left:2.133vw;color:var(--c-notice);font-size:var(--fs-md);line-height:4.64vw;letter-spacing:-0.063vw}
.notice_list>li::before{position:absolute;left:0;top:2vw;width:0.667vw;height:0.667vw;background:var(--c-bullet);border-radius:50%;content:''}
.notice_list>li.caution{color:#bdc9e3;font-weight:var(--fw-bold)}
.notice_list>li.caution::before{background:#bdc9e3}
.notice_wrap .num{counter-reset:num;margin-top:1.067vw}
.notice_wrap .num li{margin-bottom:0;counter-increment:num;color:var(--c-secondary);font-size:var(--fs-sm)}
.notice_wrap .num li::before{display:inline;position:static;width:auto;height:auto;background:none;border-radius:0;content:counter(num) ') '}
.warn{color:var(--c-secondary);font-size:var(--fs-lg)}
.dash li{margin-bottom:0.267vw;color:var(--c-secondary);font-size:var(--fs-sm)}
.dash li::before{display:inline;position:static;width:auto;height:auto;background:none;border-radius:0;content:'- '}

/* Footer */
.footer_info{position:relative;display:flex;overflow:hidden;width:100%;height:28.267vw;margin:0 auto;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/bg_footer.png) no-repeat;background-size:cover}
.footer_info a{display:block;height:12.267vw}
.btn_inquiry{width:38.533vw}
.footer_info .btn_kakao{flex:1}
.footer_organizer{display:none}

/* Copyright */
.copyright{display:flex;align-items:center;justify-content:center;height:12vw;background:#000}
.copyright p{font-size:var(--fs-nm);color:rgba(195,199,218,0.3)}

/* Floating Banner */
.btn_download{position:fixed;right:2.667vw;top:min(90.4vw,calc(100vh - 53.4667vw));z-index:200;width:23.7333vw;height:53.4667vw;background:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/btn_setup_download_v2.png) no-repeat;background-size:cover}
.btn_download a{position:absolute;top:0;left:50%;transform:translateX(-50%);width:21.3333vw;height:24.6667vw}
.btn_download .btn_app{height:25.7333vw;top:24.6667vw}
.btn_download .btn_close{position:absolute;top:0.933vw;right:2.133vw;width:4.533vw;height:4.533vw;border:none;background:none;cursor:pointer;z-index:1}
@media (orientation:landscape){
    .btn_download{top:0}
}

/* theme-purple */
.theme-purple{
  --c-primary: #e599fe;
  --c-tertiary: #35b8d0;
  --c-quaternary: #96bedc;
  --bg-tab: #3f2589;
  --c-title: #ff6ef5;
  --c-satellite: #89eff3;
  --c-mainevent: #c084fc;
  --c-date: #a386f6;
  --c-bar: #284345;
  --c-label: #8aa1d0;
  --c-sat-desc: #e9fff9;
  --c-location: #af85d9;
  --c-location-sub: #cbb7f1;
}
.theme-purple .bg_video::after{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/bg_videodim_v2.png)}
.theme-purple .tab_menu li{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/bg_tabmenu.png)}
.theme-purple .schedule{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/bg_frame1.png)}
.theme-purple .schedule.mainevent{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/bg_frame2.png)}
.theme-purple .game_mode{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/icon_online.png)}
.theme-purple .game_mode.offline{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/icon_offline.png)}
.theme-purple .game_status{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/txt_ongoing.png)}
.theme-purple .game_status.upcoming{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/txt_upcoming.png)}
.theme-purple .game_status.finish{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/txt_finish.png)}
.theme-purple .mainevent .game_status.ongoing{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/txt_ongoing2.png)}
.theme-purple .mainevent .game_status.upcoming{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/txt_upcoming2.png)}
.theme-purple .mainevent .game_status.finish{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/txt_finish2.png)}
.theme-purple .location::before{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/icon_map.png)}
.theme-purple .howto{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/bg_tab1_v3.png)}
.theme-purple .tab_content.tab2{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/bg_tab2.png)}
.theme-purple .tab_content.tab3{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/bg_tab3.png)}
.theme-purple .btn_game,.theme-purple .btn_gameinfo{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/btn_game.png)}
.theme-purple .btn_gameinfo{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/btn_gameinfo.png)}
.theme-purple .btn_join{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-purple/btn_join.png)}

.theme-purple .round_list{background:#25213a}
.theme-purple .round_list button{color:#7c5da2}
.theme-purple .round_list li.selected button{color:#fcd7ff}
.theme-purple .round_list::before{border-color:#8a4ebd;background-image:none;background-color:#7d49a9}
.theme-purple .round_list li + li::before{background:#2b2f43}

/* theme-red */
.theme-red{
  --c-primary: #ff8f96;
  --c-tertiary: #36b2bd;
  --c-quaternary: #a0d5d2;
  --bg-tab: #6b111e;
  --c-title: #6aefe7;
  --c-satellite: #82e8e2;
  --c-date: #ee5a64;
  --c-bar: #2d3e41;
  --c-location: #f76e7b;
  --c-location-sub: #f1b7bf;
}
.theme-red .bg_video::after{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/bg_videodim.png)}
.theme-red .tab_menu li{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/bg_tabmenu.png)}
.theme-red .schedule{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/bg_frame1.png)}
.theme-red .schedule.mainevent{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/bg_frame2.png)}
.theme-red .mainevent .schedule_title{background-image:linear-gradient(to top, #fac2cb, #fffefe)}
.theme-red .game_mode{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/icon_online.png)}
.theme-red .game_mode.offline{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/icon_offline.png)}
.theme-red .game_status{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/txt_ongoing.png)}
.theme-red .game_status.upcoming{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/txt_upcoming.png)}
.theme-red .game_status.finish{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/txt_finish.png)}
.theme-red .mainevent .game_status.ongoing{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/txt_ongoing2.png)}
.theme-red .mainevent .game_status.upcoming{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/txt_upcoming2.png)}
.theme-red .mainevent .game_status.finish{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/txt_finish2.png)}
.theme-red .location::before{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/icon_map.png)}
.theme-red .howto{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/bg_tab1.png)}
.theme-red .howto_notice{color:#707b90}
.theme-red .tab_content.tab2{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/bg_tab2.png)}
.theme-red .tab_content.tab3{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/bg_tab3.png)}
.theme-red .btn_game,.theme-red .btn_gameinfo{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/btn_game.png)}
.theme-red .btn_gameinfo{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/btn_gameinfo.png)}
.theme-red .btn_join{background-image:url(https://hangame-images.toastoven.net/hangame/aapokerinapp/event/hptguide/mobile/hpt6/theme-red/btn_join.png)}
.theme-red .round_list{background:#2b212c}
.theme-red .round_list button{color:#b05a64}
.theme-red .round_list li.selected button{color:#ffcfd4}
.theme-red .round_list::before{border-color:#ac323f;background-image:none;background-color:#9e2f38}
.theme-red .round_list li + li::before{background:#4a2f36}