/* FILE VERSION: Aemazon-Badges-v1.3.1 */
:root{--bd-orange:#f36332;--bd-ink:var(--aem-ui-ink,#171717);--bd-muted:var(--aem-ui-muted,#777);--bd-line:var(--aem-ui-line,#e8e8e8);--bd-soft:var(--aem-ui-panel,#f7f7f8);}
.aemazon-badge-page{margin:0;background:var(--aem-ui-panel,#f5f5f6);color:var(--bd-ink);font-family:system-ui,-apple-system,"Pretendard","Noto Sans KR",sans-serif;}
.bd-shell{max-width:760px;margin:0 auto;padding:18px 16px calc(96px + env(safe-area-inset-bottom));}
.bd-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}.bd-topline h1{margin:0;font-size:24px;letter-spacing:-.04em;}.bd-topline p{margin:4px 0 0;color:var(--aem-ui-muted,#888);font-size:12px;}.bd-back,.bd-setting{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--aem-ui-line,#ddd);border-radius:11px;background:var(--aem-ui-surface,#fff);color:var(--aem-ui-ink,#222);text-decoration:none;font-size:12px;font-weight:850;}
.bd-summary{padding:18px;border:1px solid var(--aem-ui-line,#e5e5e5);border-radius:18px;background:var(--aem-ui-surface,#fff);box-shadow:0 8px 24px rgba(0,0,0,.035);}.bd-summary-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;}.bd-summary-label{font-size:12px;color:var(--aem-ui-muted,#777);font-weight:750;}.bd-summary-number{margin-top:4px;font-size:29px;font-weight:950;letter-spacing:-.04em;}.bd-summary-number small{font-size:15px;color:var(--aem-ui-muted,#9a9a9a);}.bd-summary-copy{font-size:11px;color:var(--aem-ui-muted,#888);}.bd-progress{height:6px;margin-top:13px;border-radius:99px;background:var(--aem-ui-panel,#ececec);overflow:hidden;}.bd-progress>i{display:block;height:100%;border-radius:inherit;background:var(--bd-orange);}
.bd-frame-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--aem-ui-panel,#faf7f3);font-size:11px;color:var(--aem-ui-muted,#6f665f);}.bd-frame-dot{width:13px;height:13px;border:2px solid var(--aem-ui-line,#bbb);border-radius:50%;}.bd-frame-dot.gold{border-color:#d6a500;box-shadow:0 0 0 2px #fff1a6;}.bd-frame-dot.silver{border-color:var(--aem-ui-line,#aeb5bf);box-shadow:0 0 0 2px #e8ebef;}.bd-frame-dot.bronze{border-color:#b96a37;box-shadow:0 0 0 2px #efd0b9;}
.bd-filter{display:flex;gap:7px;margin:16px -16px 0;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none;}.bd-filter::-webkit-scrollbar{display:none;}.bd-filter button{flex:0 0 auto;height:34px;padding:0 13px;border:1px solid var(--aem-ui-line,#e4e4e4);border-radius:999px;background:var(--aem-ui-surface,#fff);color:var(--aem-ui-muted,#606060);font:inherit;font-size:11px;font-weight:800;cursor:pointer;}.bd-filter button.is-active{border-color:var(--bd-orange);background:var(--bd-orange);color:#fff;}
.bd-section{margin-top:23px;}.bd-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}.bd-section-head h2{margin:0;font-size:16px;}.bd-section-head span{color:var(--aem-ui-muted,#999);font-size:11px;}.bd-list{display:grid;gap:9px;}.bd-card{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:12px;border:1px solid var(--bd-line);border-radius:15px;background:var(--aem-ui-surface,#fff);color:inherit;text-decoration:none;}.bd-card.is-locked{background:var(--aem-ui-surface,#fbfbfb);}.bd-card.is-hidden{display:none;}.bd-card-copy{min-width:0;}.bd-card-copy strong{display:flex;align-items:center;gap:6px;font-size:14px;}.bd-card-copy p{margin:3px 0 0;color:var(--aem-ui-muted,#7f7f7f);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.bd-card-copy .bd-progress{height:4px;margin-top:8px;}.bd-chevron{font-size:22px;color:var(--aem-ui-muted,#aaa);}.bd-state{display:inline-flex;height:18px;align-items:center;padding:0 6px;border-radius:999px;background:var(--aem-ui-warm,#fff0e9);color:#e95b1b;font-size:8px;font-weight:950;}.bd-state.locked{background:var(--aem-ui-panel,#ededed);color:var(--aem-ui-muted,#888);}
.bd-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border:2px solid var(--aem-ui-line,#c7c7c7);border-radius:50%;background:linear-gradient(145deg,#fff,#ececec);color:var(--aem-ui-muted,#5d5d5d);box-shadow:inset 0 0 0 3px #fff,0 2px 7px rgba(0,0,0,.08);overflow:hidden;font-size:21px;font-weight:950;}.bd-icon img{width:31px;height:31px;object-fit:contain;}.bd-icon[data-icon="official"]{border-color:#ff7444;color:#ef5b24;}.bd-icon[data-icon="vehicle"]{border-color:var(--aem-ui-line,#b8bec8);}.bd-icon[data-icon="cafe"]{border-color:#9b6a36;color:var(--aem-ui-text-warm,#8a5423);background:var(--aem-ui-warm,#fff8ef);}.bd-icon[data-icon="spotter"]{border-color:#397fd4;color:var(--aem-ui-text-blue,#2872ca);background:var(--aem-ui-panel,#f0f7ff);}.bd-icon[data-icon="drive"]{border-color:#eb612e;color:#e8521c;background:var(--aem-ui-warm,#fff4ef);}.bd-icon[data-icon="ghost"]{border-color:#7451e7;color:#6c47df;background:var(--aem-ui-panel,#f4f1ff);}.bd-icon[data-icon="activity"]{border-color:#f36b2f;color:#ee571e;background:var(--aem-ui-warm,#fff1e9);}.bd-icon[data-icon="custom"]{border-color:#d6a426;color:var(--aem-ui-text-warm,#a87800);background:var(--aem-ui-warm,#fff8d8);}.bd-icon[data-icon="cafe"]:before{content:"☕";}.bd-icon[data-icon="spotter"]:before{content:"◎";}.bd-icon[data-icon="drive"]:before{content:"⌁";}.bd-icon[data-icon="ghost"]:before{content:"♟";}.bd-icon[data-icon="activity"]:before{content:"◆";}.bd-icon[data-icon="custom"]:before{content:"★";}.bd-icon img~:before,.bd-icon:has(img):before{display:none;}
.bd-empty{padding:32px 12px;border:1px dashed var(--aem-ui-line,#ddd);border-radius:15px;background:var(--aem-ui-surface,#fff);text-align:center;color:var(--aem-ui-muted,#999);font-size:12px;}
.bd-detail{max-width:620px;margin:0 auto;padding:24px 16px calc(104px + env(safe-area-inset-bottom));}.bd-detail-card{padding:26px 20px;border:1px solid var(--aem-ui-line,#e5e5e5);border-radius:22px;background:var(--aem-ui-surface,#fff);text-align:center;}.bd-detail-icon{width:116px;height:116px;margin:0 auto;font-size:50px;border-width:4px;box-shadow:inset 0 0 0 6px #fff,0 10px 28px rgba(0,0,0,.11);}.bd-detail-icon img{width:76px;height:76px;}.bd-detail-status{display:inline-flex;margin-top:13px;padding:5px 9px;border-radius:999px;background:var(--aem-ui-warm,#fff0e9);color:#e85a1d;font-size:10px;font-weight:900;}.bd-detail-status.locked{background:var(--aem-ui-panel,#eee);color:var(--aem-ui-muted,#777);}.bd-detail h1{margin:10px 0 5px;font-size:27px;letter-spacing:-.045em;}.bd-detail-lead{margin:0;color:var(--aem-ui-muted,#727272);font-size:13px;line-height:1.55;}.bd-detail-panel{margin-top:13px;padding:16px;border:1px solid var(--aem-ui-line,#e8e8e8);border-radius:16px;background:var(--aem-ui-surface,#fff);text-align:left;}.bd-detail-panel h2{margin:0 0 11px;font-size:14px;}.bd-condition{display:flex;align-items:flex-start;gap:9px;}.bd-condition i{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--aem-ui-panel,#eee);color:var(--aem-ui-muted,#888);font-style:normal;font-size:11px;font-weight:900;}.bd-condition.is-done i{background:var(--bd-orange);color:#fff;}.bd-condition strong{display:block;font-size:13px;}.bd-condition span{display:block;margin-top:3px;color:var(--aem-ui-muted,#888);font-size:11px;}.bd-detail-progress-label{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px;}.bd-detail-tip{margin:0;color:var(--aem-ui-muted,#696969);font-size:12px;line-height:1.65;}.bd-sticky-action{position:fixed;left:50%;bottom:calc(15px + env(safe-area-inset-bottom));z-index:20;width:min(calc(100% - 32px),588px);transform:translateX(-50%);}.bd-primary{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:0;border-radius:14px;background:var(--bd-orange);color:#fff;text-decoration:none;font-size:15px;font-weight:950;box-shadow:0 8px 20px rgba(243,99,50,.24);}
.bd-select-copy{margin:4px 0 0;color:var(--aem-ui-muted,#777);font-size:12px;}.bd-selected{display:grid;gap:8px;margin-top:15px;padding:14px;border:1px solid var(--aem-ui-line,#e5e5e5);border-radius:17px;background:var(--aem-ui-surface,#fff);}.bd-selected-head{display:flex;justify-content:space-between;align-items:center;}.bd-selected-head strong{font-size:14px;}.bd-selected-head span{font-size:11px;color:var(--aem-ui-muted,#777);}.bd-selected-row{display:grid;grid-template-columns:30px minmax(0,1fr) 32px 32px;align-items:center;gap:8px;padding:9px;border:1px solid #f0a083;border-radius:11px;background:var(--aem-ui-surface,#fff);}.bd-selected-row[draggable="true"]{cursor:grab;}.bd-mini-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--aem-ui-panel,#f3f3f3);overflow:hidden;font-size:13px;font-weight:900;}.bd-mini-icon img{width:21px;height:21px;object-fit:contain;}.bd-selected-row strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.bd-order,.bd-remove{height:30px;border:0;border-radius:8px;background:var(--aem-ui-panel,#f3f3f3);color:var(--aem-ui-muted,#777);cursor:pointer;}.bd-remove{font-size:17px;}.bd-owned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px;}.bd-choice{position:relative;display:flex;min-width:0;min-height:126px;padding:12px 6px 9px;border:1px solid var(--aem-ui-line,#e5e5e5);border-radius:14px;background:var(--aem-ui-surface,#fff);align-items:center;flex-direction:column;gap:7px;font:inherit;cursor:pointer;}.bd-choice.is-selected{border:2px solid var(--bd-orange);padding:11px 5px 8px;}.bd-choice .bd-icon{width:50px;height:50px;flex-basis:50px;}.bd-choice strong{max-width:100%;font-size:10px;line-height:1.35;text-align:center;overflow:hidden;}.bd-choice-check{position:absolute;right:6px;top:6px;display:none;width:20px;height:20px;border-radius:50%;background:var(--bd-orange);color:#fff;font-size:11px;font-weight:950;place-items:center;}.bd-choice.is-selected .bd-choice-check{display:grid;}.bd-save{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));margin-top:18px;padding-top:9px;background:linear-gradient(transparent,#f5f5f6 30%);}.bd-error{margin-top:12px;padding:11px;border-radius:11px;background:var(--aem-ui-panel,#fff0ef);color:var(--aem-ui-text-red,#ac3028);font-size:12px;font-weight:750;}
@media(max-width:520px){.bd-shell{padding-left:13px;padding-right:13px;}.bd-owned-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.bd-card{grid-template-columns:48px minmax(0,1fr) 16px;}.bd-icon{width:43px;height:43px;flex-basis:43px;}.bd-topline h1{font-size:21px;}}

/* 닉네임 옆 대표 뱃지: 기존 차량 인증 크기를 그대로 유지한다. */
.user-badge-group{display:inline-flex;align-items:center;gap:4px;margin-left:5px;vertical-align:middle;white-space:nowrap;}.user-badge-mark{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;padding:0;border:0;border-radius:50%;background:var(--aem-ui-surface,#fff);overflow:hidden;line-height:1;color:#ef5c22;text-decoration:none;}.user-badge-mark img{display:block;width:20px;height:20px;object-fit:contain;}.user-badge-mark[data-icon="cafe"]:before{content:"☕";}.user-badge-mark[data-icon="spotter"]:before{content:"◎";}.user-badge-mark[data-icon="drive"]:before{content:"⌁";}.user-badge-mark[data-icon="ghost"]:before{content:"♟";}.user-badge-mark[data-icon="activity"]:before{content:"◆";}.user-badge-mark[data-icon="custom"]:before{content:"★";}.user-badge-more{display:inline-flex;align-items:center;justify-content:center;min-width:auto;height:22px;padding:0 1px;border:0;border-radius:0;background:transparent;color:var(--aem-ui-muted,#777);text-decoration:none;font-size:9px;font-weight:900;}.post-list-v3 #postList>article.card .user-badge-mark,.post-list-v3 #postList>article.card .user-badge-more{width:18px;height:18px;min-width:18px;flex-basis:18px;}.post-list-v3 #postList>article.card .user-badge-mark img{width:17px;height:17px;}.post-list-v3 #postList>article.card .user-badge-group{gap:3px;margin-left:4px;}.legacy-badges-replaced{display:none!important;}

/* 관리자 지정 프로필 프레임: 레이아웃 크기 변화 없이 outline만 사용한다. */
.aemazon-profile-frame{outline:2px solid transparent;outline-offset:2px;}.aemazon-profile-frame--gold{outline-color:#d6a600;box-shadow:0 0 0 4px rgba(255,221,82,.24);}.aemazon-profile-frame--silver{outline-color:var(--aem-ui-line,#aeb5bf);box-shadow:0 0 0 4px rgba(188,197,207,.22);}.aemazon-profile-frame--bronze{outline-color:#b96a37;box-shadow:0 0 0 4px rgba(190,112,61,.21);}

/* 아이콘 이미지가 있으면 문자 폴백을 숨긴다. 구형 WebView에서도 :has 없이 동작한다. */
.bd-icon.has-image:before,.user-badge-mark.has-image:before{display:none!important;}
.bd-icon img{position:absolute;z-index:1;border-radius:50%;background:var(--aem-ui-surface,#fff);}
.bd-icon.has-image:not(.bd-detail-icon) img{width:38px;height:38px;}

/* FILE VERSION: Aemazon-Badges-v1.4.0 — keep the three trophy silhouettes unclipped. */
.bd-icon[data-icon="trophy"],.user-badge-mark[data-icon="trophy"]{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;}
.bd-icon[data-icon="trophy"] img,.bd-icon[data-icon="trophy"].has-image img{position:static;width:100%;height:100%;border-radius:0;background:transparent;}
.user-badge-mark[data-icon="trophy"] img{border-radius:0;background:transparent;}

/* 닉네임 뱃지 클릭 설명 */
.user-badge-popover{position:fixed;z-index:10050;box-sizing:border-box;padding:14px;border:1px solid var(--aem-ui-line,#e5e5e8);border-radius:15px;background:var(--aem-ui-surface,#fff);color:var(--aem-ui-ink,#171719);box-shadow:0 12px 34px rgba(0,0,0,.16);font-family:system-ui,-apple-system,"Pretendard","Noto Sans KR",sans-serif;text-align:left;}.user-badge-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}.user-badge-popover-head strong{font-size:14px;font-weight:950;letter-spacing:-.02em;}.user-badge-popover-close{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:var(--aem-ui-panel,#f2f2f3);color:var(--aem-ui-muted,#777);font-size:18px;line-height:1;cursor:pointer;}.user-badge-popover p{margin:8px 0 0;color:var(--aem-ui-ink,#555);font-size:12px;line-height:1.55;}.user-badge-popover-condition{display:block;margin-top:9px;padding-top:9px;border-top:1px solid var(--aem-ui-line,#eee);color:var(--aem-ui-muted,#8a8a90);font-size:10px;font-weight:750;line-height:1.45;}
