/* ============================== */
/*   로또복권 모바일 최적화 스킨   */
/* ============================== */

/* 기본 - 모바일 퍼스트 */
#lottery_view{background:#f0f2f5; width:100%; max-width:480px; margin:0 auto; overflow:hidden; font-family:-apple-system,'Pretendard','Segoe UI',sans-serif; -webkit-text-size-adjust:100%;}
#lottery_view .lottery_money_img{margin-bottom:-1px; vertical-align:text-top;}
#lottery_view a, #lottery_view span{color:#333; text-decoration:none;}
#lottery_view *{box-sizing:border-box;}

/* 상단 */
#lottery_view .lottery_top{min-height:auto; height:auto; line-height:normal; width:100%; background:linear-gradient(135deg,#6366f1,#8b5cf6); position:relative; padding:16px; border-bottom:none;}
#lottery_view .lottery_top .m_msg{display:block; color:#fff; font-size:20px; font-weight:700; margin:0 0 4px 0; letter-spacing:-0.5px;}
#lottery_view .lottery_top .w_msg{display:block; padding:0; color:rgba(255,255,255,0.7); font-size:12px;}
#lottery_view .lottery_top .total_money_wrap{display:flex; align-items:center; position:relative; border-radius:12px; right:auto; top:auto; height:auto; width:100%; background:rgba(255,255,255,0.15); backdrop-filter:blur(10px); margin-top:12px; padding:12px 16px;}
#lottery_view .lottery_top .total_money_wrap .t_img{position:relative; left:auto; top:auto; width:28px; margin-right:8px;}
#lottery_view .lottery_top .total_money_wrap .t_text{float:none; margin:0; color:rgba(255,255,255,0.8); font-size:12px; flex:1;}
#lottery_view .lottery_top .total_money_wrap .t_money{float:none; margin:0; color:#fbbf24; font-size:22px; font-weight:800;}

/* 중단 */
#lottery_view .lottery_bottom{position:relative; overflow:hidden; padding:12px;}
#lottery_view .lottery_bottom .set_info{float:none; height:auto; width:100%; background:#fff; margin:0 0 12px 0; border-radius:16px; box-shadow:0 1px 3px rgba(0,0,0,0.08);}
#lottery_view .lottery_bottom .set_info .info_subject{display:block; height:44px; line-height:44px; text-align:center; background:#1e1b4b; color:#fff; font-size:13px; font-weight:600; margin-bottom:8px; border-radius:16px 16px 0 0; letter-spacing:1px;}

#lottery_view .lottery_bottom .lottery_skin{float:none; height:auto; width:100%; background:#fff; margin:0 0 12px 0; border-radius:16px; box-shadow:0 1px 3px rgba(0,0,0,0.08); background-image:none !important; padding:20px; text-align:center;}
#lottery_view .lottery_bottom .lottery_skin .lottery_btn{display:block; cursor:pointer; padding:18px; margin:0 auto; font-size:20px; font-weight:700; white-space:nowrap; transition:all 0.2s; background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; border-radius:14px; max-width:300px; text-align:center; -webkit-tap-highlight-color:transparent;}
#lottery_view .lottery_bottom .lottery_skin .lottery_btn:hover, 
#lottery_view .lottery_bottom .lottery_skin .lottery_btn:active{background:linear-gradient(135deg,#4f46e5,#7c3aed); transform:scale(0.98);}
#lottery_view .lottery_bottom .lottery_info{height:auto; line-height:normal; margin:0; padding:6px 16px; display:flex; justify-content:space-between; align-items:center;}
#lottery_view .lottery_bottom .lottery_info .l_info{display:inline; width:auto; float:none; color:#6b7280; font-size:13px;}
#lottery_view .lottery_bottom .lottery_info .r_info{display:inline; width:auto; float:none; color:#1f2937; font-size:13px; text-align:right;}
#lottery_view .lottery_bottom .lottery_info .r_info b{color:#ef4444;}
#lottery_view .lottery_bottom .lottery_info .fix_left{height:auto; display:block; margin-bottom:4px;}

/* 하단 */
#lottery_view .lottery_method{position:relative; overflow:hidden; height:auto; margin:0 12px 12px 12px; background:#fff; border-radius:16px; box-shadow:0 1px 3px rgba(0,0,0,0.08); padding:16px;}
#lottery_view .lottery_method .l_div{float:none; width:100%; text-align:left; margin-bottom:8px;}
#lottery_view .lottery_method .l_div .g_subject{display:inline-block; line-height:normal; font-size:15px; font-weight:700; color:#1f2937;}
#lottery_view .lottery_method .r_div{float:none; margin:0;}
#lottery_view .lottery_method .r_div .g_info{display:block; height:auto; line-height:1.5; padding:4px 0 4px 14px; border-left:3px solid #6366f1; color:#6b7280; font-size:13px; margin-bottom:4px;}
#lottery_view .lottery_method .r_div .g_info b{color:#1f2937;}

/* 순위 정보 */
#lottery_view .rank_info_wrap{display:none; position:relative; margin:0 12px;}
#lottery_view .stat_box{min-width:auto; width:100%; float:none; display:block; position:relative; background:#fff; margin:0 0 12px 0; padding:0; border-radius:16px; border:none; box-shadow:0 1px 3px rgba(0,0,0,0.08);}
#lottery_view .stat_box ul,
#lottery_view .stat_box li{margin:0; padding:0; list-style:none;}
#lottery_view .stat_box ul{margin:8px 12px;}
#lottery_view .stat_box li{position:relative; margin:0; padding:10px 0; border-bottom:1px solid #f3f4f6; color:#374151;}
#lottery_view .stat_box li:last-child{border-bottom:none;}
#lottery_view .stat_box .stat_title{font-size:13px; border-bottom:1px solid #f3f4f6; background:#fafafa; padding:12px 16px; margin:0; font-weight:600; border-radius:16px 16px 0 0; color:#1f2937;}
#lottery_view .stat_box .point_rank{margin-right:8px; font-weight:700; color:#6366f1;}
#lottery_view .stat_box .sum_point{float:right; color:#ef4444; font-weight:600;}

/* 미니정보 */
#lottery_view .lottery_mini_wrap{border-bottom:1px solid #e5e7eb; margin:0 12px 16px 12px; position:relative; height:auto; text-align:center; padding-bottom:16px; display:flex; flex-wrap:wrap; gap:8px; justify-content:center;}
#lottery_view .mini_box{margin:0; padding:0; font-size:12px; font-weight:600; color:#6b7280; display:inline-block; padding:8px 14px; background:#fff; border-radius:10px; transition:0.2s; box-shadow:0 1px 3px rgba(0,0,0,0.08); min-height:36px; line-height:20px; -webkit-tap-highlight-color:transparent;}
#lottery_view .mini_box:hover, #lottery_view .mini_box:active{background:#6366f1; color:#fff;}
#lottery_view .rank_img{cursor:pointer; padding:8px 12px; background-image:url(../img/rank_b.png); background-position:center; background-repeat:no-repeat; background-color:#fff;}
#lottery_view .rank_img:hover{background-image:url(../img/rank_w.png);}
#lottery_view .admin_img{padding:8px 12px; background-image:url(../img/setting_b.png); background-position:center; background-repeat:no-repeat; background-color:#fff;}
#lottery_view .admin_img:hover{background-image:url(../img/setting_w.png);}

/* 참여리스트 */
#lottery_view .user_list{position:relative; margin:0 12px; background:#fff; border-collapse:collapse; width:calc(100% - 24px); border:none; border-radius:16px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.08);}
#lottery_view .user_list th{padding:10px 6px; text-align:center; border-right:none; background:#fafafa; color:#6b7280; font-size:11px; font-weight:600;}
#lottery_view .user_list td{padding:10px 6px; border-right:none; text-align:center; color:#374151; font-size:13px; border-top:1px solid #f3f4f6;}
#lottery_view .user_list td a{color:#1f2937; text-decoration:none; font-weight:500;}
#lottery_view .user_list td a:hover{color:#6366f1;}
#lottery_view .user_list tbody tr:nth-child(even){background:#fafafa;}
#lottery_view .user_list tbody tr:active{background:#ede9fe;}
#lottery_view .user_list .result_img{height:22px;}

/* 페이지 */
#lottery_view .page_navi{position:relative; width:calc(100% - 24px); height:auto; line-height:normal; margin:12px; text-align:center; display:flex; justify-content:center; gap:4px; flex-wrap:wrap;}
#lottery_view .page_navi a{margin:0; padding:8px 12px; background:#fff; border:none; border-radius:10px; transition:0.2s; color:#6b7280; font-weight:600; font-size:13px; box-shadow:0 1px 3px rgba(0,0,0,0.06); min-width:36px; min-height:36px; line-height:20px; -webkit-tap-highlight-color:transparent;}
#lottery_view .page_navi a:hover, #lottery_view .page_navi a:active{background:#6366f1; color:#fff;}
#lottery_view .page_navi .page_seleted{background:#6366f1; color:#fff;}

/* 복권결과 */
#lottery_result_wrap{display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:100000;}
#lottery_result_wrap .lottery_result_bg{position:absolute; top:0; left:0; width:100%; height:100%; background:black; opacity:0.6;}
#lottery_result_wrap .lottery_result_box{position:relative; top:20%; width:90%; max-width:320px; min-height:300px; margin:0 auto; border-radius:24px; background:#fff; border:none; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,0.3);}
#lottery_result_wrap .lottery_result_box .rank_result{height:180px; margin:16px; border-radius:16px; border:none; background:#f5f3ff;}
#lottery_result_wrap .lottery_result_box .rank_result img{width:150px; margin:15px 0px 0px 25px;}
#lottery_result_wrap .lottery_result_box .msg_result{text-align:center; padding:0 16px 16px;}
#lottery_result_wrap .lottery_result_box .msg_result span{display:inline-block; font-size:14px; font-weight:600; color:#1f2937;}

/* 태블릿 숨김 - 모바일 스킨에서는 항상 적용 */
.tb_hidden{display:none!important;}