.filter {
    position: absolute;
    top: 65px;
    left: 20px;
    display: flex;
    align-items: center;
    gap: 9px;
    max-width: calc(100vw - 40px);
    overflow-x: auto;
    width: max-content;
    padding: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    white-space: nowrap;
}
.filter::-webkit-scrollbar {
    display: none;
}
.filter > div input {
    display: none;
}
.filter > div input + label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    border-radius: 10px;
    border: 1px solid #dbe3ef;
    background: #fff;
    color: #526173;
    font-size: 13px;
    font-weight: 800;
    padding: 0 13px;
    box-sizing: border-box;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: background .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease;
}
.filter > div input + label::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #9aa8ba;
    box-shadow: 0 0 0 3px rgba(154, 168, 186, 0.14);
}
.filter > div input + label:active {
    transform: scale(0.98);
}
.filter > div input:checked + label {
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}
.filter > div input:checked + label::before {
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
}
#expand-toggle1 + label {
    border-color: #dbe3ef;
}
#expand-toggle1 + label::before {
    background: #9aa8ba;
}
#expand-toggle1:checked + label {
    border-color: #2f8fe8;
    background: #eff6ff;
    color: #1d4ed8;
}
#expand-toggle1:checked + label::before {
    background: #2f8fe8;
}
#expand-toggle2 + label {
    border-color: #dbe3ef;
}
#expand-toggle2 + label::before {
    background: #9aa8ba;
}
#expand-toggle2:checked + label {
    border-color: #18b957;
    background: #effdf5;
    color: #12824b;
}
#expand-toggle2:checked + label::before {
    background: #18b957;
}
#expand-toggle3 + label {
    border-color: #dbe3ef;
}
#expand-toggle3 + label::before {
    background: #9aa8ba;
}
#expand-toggle3:checked + label {
    border-color: #a64eb5;
    background: #faf5ff;
    color: #7e22ce;
}
#expand-toggle3:checked + label::before {
    background: #a64eb5;
}
#expand-toggle-moim + label {
    border-color: #dbe3ef;
}
#expand-toggle-moim + label::before {
    background: #9aa8ba;
}
#expand-toggle-moim:checked + label {
    border-color: #f2b705;
    background: #fffbeb;
    color: #9a6a00;
}
#expand-toggle-moim:checked + label::before {
    background: #f2b705;
}
@media screen and (max-width: 480px) {
    .filter {
        left: 10px;
        max-width: calc(100vw - 20px);
        gap: 8px;
    }
    .filter > div input + label {
        min-height: 32px;
        padding: 0 10px;
        font-size: 12px;
    }
}


#map {
    width:100%;
    height:calc(100vh - 50px);
}
#map_info #info {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    z-index: 100;
}
#map_info #info > div {
    background: var(--white);
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 30px 20px 55px;
    box-sizing: border-box;
}
#td_1 {
    font-size: 18px;
    font-weight: bold;
}
table td {
    padding: 10px 0;
    font-size: 15px;
}
#lb_detail {
    display: block;
    width: 100%;
    text-align: center;
    background: var(--yellow);
    height: 42px;
    line-height: 42px;
    border-radius: 5px;
}
.myPos {
    margin-bottom:100px;
}
.map_side_controls{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
}
.map_side_controls .map_side_report_group{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    width:126px;
}
.map_side_controls .map_side_point_badge{
    display:block;
    width:126px;
    padding:0;
    background:transparent;
    border:0;
    border-radius:0;
    color:#d97706;
    font-size:12px;
    font-weight:900;
    line-height:1.2;
    text-align:center;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
.map_side_controls .map_side_chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:126px;
    min-height:42px;
    padding:0 18px;
    border:1px solid #efd99a;
    border-radius:999px;
    background:linear-gradient(180deg, #fff7df 0%, #fff1c6 100%);
    color:#a96f00;
    font-size:13px;
    font-weight:800;
    letter-spacing:-0.01em;
    box-shadow:0 8px 20px rgba(183,119,0,.14), inset 0 1px 0 rgba(255,255,255,.72);
    text-decoration:none;
    box-sizing:border-box;
    line-height:1;
    white-space:nowrap;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
}
.map_side_controls .map_side_chip .map_side_chip_icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:16px;
    height:16px;
    background-color:currentColor;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-size:contain;
    mask-repeat:no-repeat;
    mask-position:center;
    mask-size:contain;
    line-height:1;
}
.map_side_controls .map_side_chip .map_side_chip_icon_locate{
    -webkit-mask-image:url("/common/images/pin.svg");
    mask-image:url("/common/images/pin.svg");
}
.map_side_controls .map_side_chip .map_side_chip_icon_report{
    -webkit-mask-image:url("/common/images/message.svg");
    mask-image:url("/common/images/message.svg");
}

.map_sheet{
    position:fixed;
    inset:0;
    z-index:100002;
    --map-sheet-bottom: 0px;
    --map-sheet-max-height: calc(100vh - 8px);
    --map-sheet-body-max-height: calc(100vh - 120px);
}
.map_sheet_backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.18);
    opacity:0;
    transition:opacity .22s ease;
}
.map_sheet_panel{
    position:absolute;
    left:50%;
    bottom:var(--map-sheet-bottom);
    transform:translate(-50%, 18px);
    width:calc(100% - 18px);
    max-width:520px;
    max-height:var(--map-sheet-max-height);
    background:linear-gradient(180deg, #fffdf7 0%, #ffffff 100%);
    border-radius:26px 26px 0 0;
    box-shadow:0 -18px 48px rgba(15, 23, 42, 0.14);
    opacity:0;
    transition:transform .22s ease, opacity .22s ease;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
.map_sheet.open .map_sheet_backdrop{
    opacity:1;
}
.map_sheet.open .map_sheet_panel{
    transform:translate(-50%, 0);
    opacity:1;
}
.map_sheet_inner{
    display:flex;
    flex-direction:column;
    min-height:0;
}
.map_sheet_body{
    overflow-y:auto;
    max-height:var(--map-sheet-body-max-height);
    padding:0 16px 6px;
}
.map_place_modal_head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
    padding:14px 16px 0;
}
.map_place_modal_head_copy{
    min-width:0;
}
.map_place_modal_eyebrow{
    display:inline-flex;
    align-items:center;
    padding:5px 10px;
    border-radius:999px;
    background:#fff4cc;
    color:#b77900;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.map_place_modal_head_title{
    display:block;
    margin-top:8px;
    color:#0f172a;
    font-size:20px;
    font-weight:800;
    line-height:1.2;
}
.map_place_modal_head_actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}
.map_place_modal_head_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:36px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid #d7dfeb;
    background:#fff;
    color:#52637d;
    font-size:13px;
    font-weight:700;
}
.map_place_modal_head_btn.secondary{
    display:none;
}
.map_place_modal_head_btn.secondary.show{
    display:inline-flex;
}
.map_place_modal_table{
    border-collapse:separate;
    border-spacing:0 8px;
}
.map_place_modal_table td{
    padding:0;
    font-size:14px;
    line-height:1.45;
    color:#0f172a;
}
.map_place_modal_table_base tr:not(#td_detail) td,
.map_place_modal_table_detail tr td{
    background:#f8fbff;
    border:1px solid #e3ebf5;
    border-radius:15px;
    padding:11px 13px;
}
.map_place_modal_table_base #td_1{
    background:transparent;
    border:none;
    border-radius:0;
    padding:0 0 2px;
    font-size:24px;
    font-weight:800;
    letter-spacing:-0.03em;
    color:#0f172a;
}
.map_place_modal_table_base #tr2 td::before,
.map_place_modal_table_base #tr4 td::before,
.map_place_modal_table_base #tr6 td::before,
.map_place_modal_table_base #tr7 td::before,
.map_place_modal_table_base #tr8 td::before{
    display:block;
    margin-bottom:4px;
    font-size:11px;
    font-weight:800;
    color:#7b8ba3;
    letter-spacing:-0.01em;
}
.map_place_modal_table_base #tr2 td::before{content:"주소 · 연락처";}
.map_place_modal_table_base #tr4 td::before{content:"코트";}
.map_place_modal_table_base #tr6 td::before{content:"바닥 / 부대정보";}
.map_place_modal_table_base #tr7 td::before{content:"업데이트";}
.map_place_modal_table_base #tr8 td::before{content:"시설";}
.map_place_modal_table_base #tr2 td{
    white-space:pre-line;
}
.map_place_modal_table_base #tr6 td{
    white-space:pre-line;
}
.map_place_modal_table_base #tr4,
.map_place_modal_table_base #tr8{
    display:none !important;
}
.map_place_modal_table_base #td_detail td{
    padding-top:8px;
    padding-bottom:0;
    background:#fffdf7;
    margin-bottom:0;
}
.map_place_modal_table_base #td_detail #1{
    display:flex;
    gap:8px;
    padding-top:4px;
    padding-bottom:0;
    margin-bottom:0;
}
.map_place_modal_table_base #lb_detail,
.map_place_modal_table_base #lb_home{
    display:flex;
    flex:1 1 0;
}
.map_place_modal_table_base #lb_detail{
    display:flex;
    width:100%;
    height:48px;
    line-height:48px;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-radius:14px;
    background:linear-gradient(135deg, #ffcb35 0%, #ffb800 100%);
    color:#0f172a;
    font-size:15px;
    font-weight:800;
    box-shadow:0 12px 28px rgba(255, 184, 0, 0.28);
}
.map_place_modal_table_base #lb_home{
    border-radius:14px;
    background:#eef4ff;
    border:1px solid #d6e2f5;
    overflow:hidden;
}
.map_place_modal_table_base #lb_home a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    color:#365b96;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
}
.map_place_modal_table_detail td{
    color:#334155;
}
.map_place_modal_table_detail tr[id^="info2_t"] td{
    background:transparent;
    border:none;
    border-radius:0;
    padding:4px 2px 0;
    font-size:11px;
    font-weight:800;
    color:#7b8ba3;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.map_place_modal_table_detail a{
    color:#0f172a !important;
    font-size:14px;
    font-weight:700;
    text-decoration:none;
    word-break:break-all;
}

@media (max-width: 768px) {
    .map_sheet_panel{
        width: calc(100% - 14px);
        border-radius:24px 24px 0 0;
    }
    .map_sheet_body{
        padding:0 14px 5px;
    }
    .map_place_modal_head{
        align-items:center;
    }
    .map_place_modal_head_title{
        font-size:18px;
    }
    .map_place_modal_head_btn{
        min-width:54px;
        height:34px;
        padding:0 12px;
        font-size:12px;
    }
    .map_place_modal_table_base #td_1{
        font-size:18px;
    }
    .map_place_modal_table td{
        font-size:13px;
    }
    .map_place_modal_table_base tr:not(#td_detail) td,
    .map_place_modal_table_detail tr td{
        padding:10px 12px;
        border-radius:14px;
    }
    .map_place_modal_table_base #td_detail #1{
        flex-direction:column;
    }
    .map_place_modal_table_base #lb_detail,
    .map_place_modal_table_base #lb_home a{
        min-height:44px;
        height:44px;
        line-height:44px;
        font-size:14px;
    }
}

.map_sheet_v2{
    position: fixed;
    inset: 0;
    z-index: 100002;
    --map-sheet-bottom: 0px;
    --map-sheet-max-height: calc(100vh - 8px);
    --map-sheet-body-max-height: calc(100vh - 120px);
}
.map_sheet_v2_backdrop{
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.22);
}
.map_sheet_v2_panel{
    position: absolute;
    left: 50%;
    bottom: var(--map-sheet-bottom);
    transform: translateX(-50%);
    width: calc(100% - 10px);
    max-width: 520px;
    max-height: var(--map-sheet-max-height);
    background: linear-gradient(180deg, #fffdf7 0%, #ffffff 100%);
    border-radius: 26px 26px 0 0;
    box-shadow: 0 -18px 40px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}
.map_sheet_v2_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 10px 4px;
}
.map_sheet_v2_eyebrow{
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    background: #fff1c6;
    color: #b77700;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}
.map_sheet_v2_head_actions{
    display: flex;
    align-items: center;
    gap: 8px;
}
.map_sheet_v2_chip{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 42px;
    padding: 0 14px;
    border: 1px solid #d9e2f0;
    border-radius: 999px;
    background: #fff;
    color: #5b6f8e;
    font-size: 13px;
    font-weight: 700;
}
.map_sheet_v2_chip_back{
    display: none;
}
.map_sheet_v2_chip_back.show{
    display: inline-flex;
}
.map_sheet_v2_body{
    max-height: var(--map-sheet-body-max-height);
    padding: 4px 6px 5px;
    overflow-y: auto;
}
.map_sheet_v2_view{
    display: block;
}
.map_sheet_v2_card{
    margin-bottom: 8px;
    padding: 12px 14px;
    border: 1px solid #dce7f5;
    border-radius: 18px;
    background: #f7fbff;
}
.map_sheet_v2_title_card{
    padding-top: 14px;
    padding-bottom: 14px;
}
.map_sheet_v2_title{
    color: #0f172a;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.03em;
}
.map_sheet_v2_label{
    margin-bottom: 6px;
    color: #7b8ba3;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
}
.map_sheet_v2_card_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}
.map_sheet_v2_card_head .map_sheet_v2_label{
    margin-bottom: 0;
}
.map_sheet_v2_value{
    color: #0f172a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
}
.map_sheet_v2 #addr_map_btn,
.map_sheet_v2_map_btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 30px;
    padding: 0 12px;
    border: 1px solid #f1dfaa;
    border-radius: 999px;
    background: #fff4cc;
    color: #b77700;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    flex-shrink: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
    line-height: 1;
    appearance: none;
    -webkit-appearance: none;
    text-indent: 0;
    white-space: nowrap;
}
.map_sheet_v2_value_multiline{
    white-space: pre-line;
}
.map_sheet_v2_actions{
    display: flex;
    gap: 8px;
    margin-top: 2px;
    margin-bottom: 0;
}
.map_sheet_v2_primary_btn,
.map_sheet_v2_secondary_btn{
    display: inline-flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}
.map_sheet_v2_primary_btn{
    border: 0;
    background: linear-gradient(135deg, #ffca31 0%, #ffb400 100%);
    color: #0f172a;
    box-shadow: 0 12px 28px rgba(255, 184, 0, 0.24);
}
.map_sheet_v2_secondary_btn{
    border: 1px solid #d7e2f2;
    background: #eef5ff;
    color: #385d96;
}
.map_sheet_v2_link{
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none;
    word-break: break-all;
}
.map_sheet_v2_group_list{
    display: block;
}
.map_sheet_v2_group_item{
    width: 100%;
    margin-bottom: 8px;
    padding: 14px 16px;
    border: 1px solid #dce7f5;
    border-radius: 16px;
    background: #f7fbff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}
.map_sheet_v2 #td_1{
    font-size: 18px;
    font-weight: 800;
}
.map_sheet_v2 #lb_detail{
    display: inline-flex;
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    border-radius: 16px;
}
.map_live_section_title,
.map_live_grade_title{
    display:flex;
    align-items:center;
    gap:6px;
    color:#0f172a;
    font-size:15px;
    font-weight:950;
    line-height:1.3;
    letter-spacing:-0.02em;
}
.map_live_grade_title{
    margin-top:14px;
}
.map_live_title_icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:999px;
    flex:0 0 20px;
    box-shadow:0 6px 12px rgba(15,23,42,0.10);
}
.map_live_title_icon_summary{
    background:linear-gradient(135deg,#ffd24d 0%,#ffb400 100%);
}
.map_live_title_icon_summary::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:3px;
    background:
        linear-gradient(to top, #fff 0 100%) left bottom / 2px 6px no-repeat,
        linear-gradient(to top, #fff 0 100%) center bottom / 2px 8px no-repeat,
        linear-gradient(to top, #fff 0 100%) right bottom / 2px 4px no-repeat;
}
.map_live_title_icon_grade{
    background:linear-gradient(135deg,#4f8cff 0%,#2858d6 100%);
}
.map_live_title_icon_grade::before,
.map_live_title_icon_grade::after{
    content:"";
    position:absolute;
    background:#fff;
    border-radius:999px;
}
.map_live_title_icon_grade::before{
    width:5px;
    height:5px;
    top:5px;
    left:4px;
    box-shadow:7px 0 0 #fff, 3px 6px 0 #fff;
}
.map_live_title_icon_grade::after{
    width:11px;
    height:5px;
    bottom:4px;
    left:4px;
    opacity:.9;
}
.map_live_room_tabs{
    display:flex;
    gap:12px;
    margin-top:12px;
    overflow-x:auto;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.map_live_room_tabs::-webkit-scrollbar{
    display:none;
}
.map_live_room_tab{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:3px;
    min-width:96px;
    padding:10px 12px;
    border:1px solid #dce7f5;
    border-radius:14px;
    background:#fff;
    color:#385d96;
    box-sizing:border-box;
    text-align:left;
}
.map_live_room_tab.is-active{
    border-color:#f2c45b;
    background:#fff6dd;
    box-shadow:0 6px 14px rgba(242, 196, 91, 0.18);
}
.map_live_room_tab_index{
    color:#0f172a;
    font-size:14px;
    font-weight:900;
    line-height:1.2;
}
.map_live_room_tab_name{
    color:#6f809a;
    font-size:11px;
    font-weight:700;
    line-height:1.35;
    white-space:nowrap;
}
.map_live_summary_row{
    display:flex;
    gap:10px;
    margin-top:10px;
    overflow-x:auto;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.map_live_summary_row::-webkit-scrollbar,
.map_live_grade_scroller::-webkit-scrollbar{
    display:none;
}
.map_live_summary_card{
    flex:0 0 146px;
    min-height:118px;
    padding:16px 14px;
    border:1px solid #dce7f5;
    border-radius:20px;
    background:#ffffff;
    box-shadow:0 8px 18px rgba(15, 23, 42, 0.07);
    box-sizing:border-box;
}
.map_live_summary_card.is-accent{
    background:#fff6f5;
    border-color:#f7d9d6;
}
.map_live_summary_card.is-muted{
    background:#f8fbff;
}
.map_live_summary_label{
    color:#6f809a;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
}
.map_live_summary_value{
    margin-top:12px;
    color:#0f172a;
    font-size:26px;
    font-weight:900;
    line-height:1;
    letter-spacing:-0.04em;
}
.map_live_summary_card.is-accent .map_live_summary_value{
    color:#ef4444;
}
.map_live_summary_unit{
    margin-left:2px;
    font-size:14px;
    font-weight:800;
}
.map_live_summary_sub{
    margin-top:10px;
    color:#7b8ba3;
    font-size:12px;
    font-weight:700;
    line-height:1.45;
}
.map_live_grade_scroller{
    display:flex;
    gap:10px;
    margin-top:10px;
    overflow-x:auto;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
}
.map_live_grade_card{
    flex:0 0 102px;
    min-height:115px;
    padding:11px 11px 13px;
    border:1px solid #dce7f5;
    border-radius:16px;
    background:#ffffff;
    box-shadow:0 8px 18px rgba(15, 23, 42, 0.06);
    box-sizing:border-box;
    text-align:center;
}
.map_live_grade_badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin:0 auto;
    border-radius:999px;
    color:#fff;
    font-size:18px;
    font-weight:900;
    line-height:1;
}
.map_live_grade_badge.tone-a{background:#3b82f6;}
.map_live_grade_badge.tone-b{background:#14b8a6;}
.map_live_grade_badge.tone-c{background:#f59e0b;}
.map_live_grade_badge.tone-d{background:#8b95a7;}
.map_live_grade_badge.tone-e{background:#d4a700;}
.map_live_grade_badge.tone-s{background:#7c3aed;}
.map_live_grade_badge.tone-n{background:#ef4444;}
.map_live_grade_badge.tone-f{background:#0f766e;}
.map_live_grade_badge.tone-default{background:#64748b;}
.map_live_grade_name{
    margin-top:10px;
    color:#4c5f7d;
    font-size:10px;
    font-weight:800;
    line-height:1.2;
}
.map_live_grade_count{
    margin-top:11px;
    color:#0f172a;
    font-size:24px;
    font-weight:900;
    line-height:1;
    letter-spacing:-0.04em;
}
.map_live_grade_empty{
    flex:0 0 100%;
    padding:18px 16px;
    border:1px dashed #d4dfef;
    border-radius:18px;
    background:#f8fbff;
    color:#7387a4;
    font-size:13px;
    font-weight:700;
    text-align:center;
}

.map_report_modal{
    position:fixed;
    inset:0;
    z-index:100003;
}
.map_report_backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.22);
}
.map_report_panel{
    position:absolute;
    left:50%;
    bottom:var(--map-report-bottom, 0px);
    transform:translateX(-50%);
    width:calc(100% - 10px);
    max-width:520px;
    max-height:calc(100vh - var(--map-report-bottom, 0px) - 8px);
    border-radius:26px 26px 0 0;
    background:linear-gradient(180deg, #fffdf7 0%, #ffffff 100%);
    box-shadow:0 -18px 40px rgba(15, 23, 42, 0.16);
    overflow:hidden;
}
.map_report_head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:14px 14px 8px;
}
.map_report_eyebrow{
    display:inline-flex;
    align-items:center;
    padding:6px 12px;
    border-radius:999px;
    background:#fff4cc;
    color:#b77700;
    font-size:11px;
    font-weight:800;
    letter-spacing:.06em;
}
.map_report_title{
    margin-top:8px;
    color:#0f172a;
    font-size:20px;
    font-weight:800;
}
.map_report_body{
    max-height:calc(100vh - var(--map-report-bottom, 0px) - 120px);
    padding:0 14px 14px;
    overflow-y:auto;
}
.map_report_note{
    margin-bottom:12px;
    padding:12px 14px;
    border:1px solid #e3ebf5;
    border-radius:16px;
    background:#f8fbff;
    color:#60728f;
    font-size:13px;
    line-height:1.5;
}
.map_report_admin_link{
    margin:-2px 0 12px;
}
.map_report_admin_link a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 12px;
    border:1px solid #f1dfaa;
    border-radius:999px;
    background:#fff4cc;
    color:#b77700;
    font-size:12px;
    font-weight:800;
    text-decoration:none;
}
.map_report_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.map_report_field{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.map_report_field span{
    color:#7b8ba3;
    font-size:12px;
    font-weight:800;
}
.map_report_field input,
.map_report_field select,
.map_report_field textarea,
.map_report_manage_grid input,
.map_report_manage_grid textarea{
    width:100%;
    padding:12px 14px;
    border:1px solid #dce7f5;
    border-radius:14px;
    background:#fff;
    color:#0f172a;
    font-size:14px;
    box-sizing:border-box;
}
.map_report_field input::placeholder,
.map_report_field textarea::placeholder,
.map_report_manage_grid input::placeholder,
.map_report_manage_grid textarea::placeholder{
    color:#a7b4c8;
    opacity:1;
}
.map_report_field textarea,
.map_report_manage_grid textarea{
    min-height:88px;
    resize:vertical;
}
.map_report_field_full{
    grid-column:1 / -1;
}
.map_report_actions{
    display:flex;
    justify-content:center;
    position:sticky;
    bottom:0;
    z-index:2;
    margin-top:16px;
    margin-left:-14px;
    margin-right:-14px;
    padding:14px 14px calc(8px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg, rgba(255,253,247,0) 0%, #fffdf7 28%, #fffdf7 100%);
}
#report_modal .map_report_submit_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:56px;
    padding:0 24px;
    border:1px solid #efc14b;
    border-radius:18px;
    background:linear-gradient(135deg, #ffd34d 0%, #ffbc1f 100%);
    color:#7a4d00;
    font-size:19px;
    font-weight:800;
    letter-spacing:-0.02em;
    box-shadow:0 14px 30px rgba(255, 184, 0, .28), inset 0 1px 0 rgba(255,255,255,.75);
    line-height:1;
    white-space:nowrap;
    text-align:center;
    appearance:none;
    -webkit-appearance:none;
}

.map_report_manage{
    padding:18px 14px 90px;
    background:#edf0f4;
    min-height:100vh;
    box-sizing:border-box;
}
.map_report_manage_head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.map_report_manage_head h2{
    margin:8px 0 0;
    color:#0f172a;
    font-size:26px;
    font-weight:800;
}
.map_report_manage_filters{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.map_report_manage_filters a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:56px;
    height:34px;
    padding:0 12px;
    border:1px solid #d7dfeb;
    border-radius:999px;
    background:#fff;
    color:#63748e;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}
.map_report_manage_filters a.on{
    background:#fff4cc;
    border-color:#f1dfaa;
    color:#b77700;
}
.map_report_manage_list{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.map_report_manage_card{
    padding:16px;
    border:1px solid #dde7f4;
    border-radius:20px;
    background:#fffdf7;
    box-shadow:0 14px 30px rgba(15, 23, 42, 0.06);
}
.map_report_manage_card_top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
}
.map_report_manage_type{
    color:#b77700;
    font-size:12px;
    font-weight:800;
}
.map_report_manage_name{
    margin-top:4px;
    color:#0f172a;
    font-size:20px;
    font-weight:800;
}
.map_report_manage_status{
    padding:7px 11px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
}
.map_report_manage_status.status-pending{background:#eef4ff;color:#46689d;}
.map_report_manage_status.status-approved{background:#edf9f0;color:#16834b;}
.map_report_manage_status.status-rejected{background:#fff0f0;color:#c44d4d;}
.map_report_manage_meta{
    margin-bottom:6px;
    color:#42546d;
    font-size:14px;
    line-height:1.5;
}
.map_report_manage_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:12px;
}
.map_report_manage_grid label{
    display:flex;
    flex-direction:column;
    gap:6px;
}
.map_report_manage_grid label span{
    color:#7b8ba3;
    font-size:12px;
    font-weight:800;
}
.map_report_manage_grid .full{
    grid-column:1 / -1;
}
.map_report_manage_actions{
    display:flex;
    gap:8px;
    margin-top:12px;
}
.map_report_manage_actions button{
    flex:1 1 0;
    min-height:44px;
    border:0;
    border-radius:14px;
    color:#fff;
    font-size:14px;
    font-weight:800;
}
.map_report_manage_actions .approve{background:#1c9b59;}
.map_report_manage_actions .reject{background:#df6b6b;}
.map_report_manage_actions .hold{background:#6d7f99;}

@media (max-width: 768px) {
    .map_sheet_v2_panel{
        width: calc(100% - 6px);
        border-radius: 24px 24px 0 0;
    }
    .map_sheet_v2_head{
        padding: 6px 8px 2px;
    }
    .map_sheet_v2_body{
        padding: 4px 4px 5px;
    }
    .map_sheet_v2_card{
        padding: 12px 12px;
        border-radius: 17px;
    }
    .map_sheet_v2_title{
        font-size: 17px;
    }
    .map_sheet_v2_primary_btn,
    .map_sheet_v2_secondary_btn{
        min-height: 46px;
        font-size: 14px;
    }
    .map_live_summary_row{
        gap: 6px;
        overflow-x: hidden;
    }
    .map_live_room_tabs{
        gap: 8px;
        margin-top: 8px;
    }
    .map_live_room_tab_name{
        font-size: 9px;
    }
    .map_live_summary_card{
        flex: 0 0 calc((100% - 16px) / 3);
        min-width: 0;
        min-height: 66px;
        padding: 7px 7px;
        border-radius: 11px;
    }
    .map_live_summary_value{
        margin-top: 6px;
        font-size: 17px;
    }
    .map_live_summary_sub{
        margin-top: 5px;
        font-size: 8px;
    }
    .map_live_grade_scroller{
        gap: 6px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .map_live_grade_card{
        flex: 0 0 calc((100% - 24px) / 4);
        min-width: 0;
        min-height: 77px;
        padding: 7px 5px 8px;
        border-radius: 13px;
    }
    .map_live_grade_badge{
        width: 27px;
        height: 27px;
        font-size: 14px;
    }
    .map_report_grid,
    .map_report_manage_grid{
        grid-template-columns:1fr;
    }
    .map_report_title{
        font-size:18px;
    }
    #report_modal .map_report_submit_btn{
        min-height:54px;
        padding:0 22px;
        font-size:18px;
    }
    .map_report_manage_head{
        flex-direction:column;
        align-items:flex-start;
    }
    .map_report_manage_name{
        font-size:18px;
    }
}