/* ── Breadcrumb ── */
.det-breadcrumb {
  display:flex; align-items:center; gap:10px; margin-bottom:12px;
  font-family:'Do Hyeon',sans-serif; font-size:0.82rem; color:rgba(220,235,255,.7);
}
.det-back-btn {
  display:flex; align-items:center; gap:5px;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  border-radius:6px; padding:4px 12px 4px 8px;
  color:#f0f6ff; font-family:'Do Hyeon',sans-serif; font-size:0.8rem;
  cursor:pointer; transition:background .15s; text-decoration:none;
}
.det-back-btn:hover { background:rgba(255,255,255,.18); }
.det-bread-sep { opacity:.4; }
.det-bread-zone { color:#ffe066; }

/* ── Zone info bar ── */
.det-info-bar {
  display:flex; align-items:center; gap:18px;
  padding:16px 20px; margin-bottom:14px;
}
.det-zone-thumb {
  width:72px; height:72px; border-radius:10px; overflow:hidden; flex-shrink:0;
  background:rgba(255,255,255,.1);
}
.det-zone-thumb img { width:100%; height:100%; object-fit:cover; }
.det-zone-meta { flex:1; }
.det-zone-name {
  font-family:'Black Han Sans',sans-serif; font-size:1.15rem; color:#f0f6ff; margin-bottom:2px;
}
.det-zone-en { font-family:'Do Hyeon',sans-serif; font-size:0.75rem; color:rgba(220,235,255,.6); }
.det-zone-counts { display:flex; gap:10px; flex-shrink:0; }
.det-count-box {
  border-radius:10px; padding:10px 18px;
  display:flex; flex-direction:column; align-items:center; gap:2px; min-width:72px;
}
.det-count-box.sell { background:rgba(220,50,50,.75); border:1px solid rgba(255,100,100,.3); }
.det-count-box.buy  { background:rgba(50,100,220,.75); border:1px solid rgba(100,150,255,.3); }
.det-count-label { font-family:'Black Han Sans',sans-serif; font-size:0.72rem; color:rgba(255,255,255,.85); }
.det-count-num   { font-family:'Black Han Sans',sans-serif; font-size:1.4rem;  color:#fff; line-height:1; }

/* ── Ground tabs ── */
.ground-tabs-wrap { padding:12px 16px; margin-bottom:14px; }
.ground-tabs {
  display:flex; gap:8px; flex-wrap:wrap;
}
.ground-tab {
  display:flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  border-radius:20px; padding:6px 14px;
  color:var(--text-sub); font-family:'Do Hyeon',sans-serif; font-size:0.8rem;
  cursor:pointer; transition:all .15s;
}
.ground-tab:hover,.ground-tab.active {
  background:rgba(255,224,102,.18); border-color:rgba(255,224,102,.5);
  color:#ffe066;
}
.ground-tab-img { width:22px; height:22px; object-fit:contain; }

/* ── Two-col ── */
.det-columns { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }

.det-col-header {
  border-radius:10px 10px 0 0; padding:10px 14px;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.sell-header { background:rgba(200,40,40,.82); border-bottom:2px solid rgba(255,80,80,.4); }
.buy-header  { background:rgba(40,80,200,.82);  border-bottom:2px solid rgba(80,130,255,.4); }

.det-col-title { font-family:'Black Han Sans',sans-serif; font-size:0.95rem; color:#fff; flex-shrink:0; }

.det-filters { display:flex; gap:5px; flex-wrap:wrap; }
.det-filter-btn {
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);
  border-radius:14px; padding:3px 10px;
  font-family:'Do Hyeon',sans-serif; font-size:0.7rem; color:rgba(255,255,255,.8);
  cursor:pointer; transition:all .14s;
}
.det-filter-btn.active,.det-filter-btn:hover {
  background:rgba(255,255,255,.28); color:#fff;
}

.write-btn {
  margin-left:auto; padding:4px 12px; border-radius:14px;
  font-family:'Do Hyeon',sans-serif; font-size:0.72rem;
  cursor:pointer; border:1px solid; transition:all .14s;
}
.sell-write { background:rgba(255,100,100,.2); border-color:rgba(255,120,120,.4); color:#ffaaaa; }
.sell-write:hover { background:rgba(255,100,100,.4); }
.buy-write  { background:rgba(100,140,255,.2); border-color:rgba(120,160,255,.4); color:#aac0ff; }
.buy-write:hover  { background:rgba(100,140,255,.4); }

/* ── Trade list ── */
.det-list {
  background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.1);
  border-top:none; border-radius:0 0 10px 10px;
  display:flex; flex-direction:column;
  max-height:580px; overflow-y:auto;
}
.det-list::-webkit-scrollbar { width:4px; }
.det-list::-webkit-scrollbar-thumb { background:rgba(255,255,255,.2); border-radius:2px; }

.list-loading {
  padding:24px; text-align:center;
  font-family:'Do Hyeon',sans-serif; font-size:0.82rem; color:rgba(220,235,255,.5);
}

/* ── Trade card ── */
.trade-card {
  display:flex; flex-direction:column; gap:7px;
  padding:11px 14px; border-bottom:1px solid rgba(255,255,255,.07);
  cursor:pointer; transition:background .14s;
}
.trade-card:last-child { border-bottom:none; }
.trade-card:hover { background:rgba(255,255,255,.06); }

.trade-top {
  display:flex; align-items:center; justify-content:space-between;
}
.trade-hg-name {
  display:flex; align-items:center; gap:7px;
  font-family:'Do Hyeon',sans-serif; font-size:0.88rem; color:#f0f6ff;
}
.trade-monster-img { width:28px; height:28px; object-fit:contain; }

.trade-user {
  display:flex; align-items:center; gap:5px;
  font-family:'Do Hyeon',sans-serif; font-size:0.72rem; color:rgba(220,235,255,.7);
}
.trade-user-icon {
  width:18px; height:18px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:.6rem; flex-shrink:0;
}
.trade-user-icon.discord { background:#5865f2; color:#fff; }

.trade-mid { display:flex; align-items:center; justify-content:space-between; }
.trade-price {
  font-family:'Black Han Sans',sans-serif; font-size:1rem; color:#f0f6ff;
  display:flex; align-items:center; gap:5px;
}
.price-coin {
  width:13px; height:13px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#ffe066,#d4a000);
  border:1px solid rgba(255,220,60,.4); flex-shrink:0;
}
.price-coin.silver {
  background:radial-gradient(circle at 35% 35%,#d0d8e8,#8898b0);
  border-color:rgba(180,190,210,.4);
}
.price-free { font-size:0.75rem; color:#88ee88; }
.trade-time { font-family:'Do Hyeon',sans-serif; font-size:0.68rem; color:rgba(220,235,255,.5); }

.trade-tags { display:flex; gap:5px; flex-wrap:wrap; }
.trade-tag {
  font-family:'Do Hyeon',sans-serif; font-size:0.65rem;
  padding:2px 8px; border-radius:12px; border:1px solid;
}
.tag-lv   { background:rgba(100,220,100,.12); border-color:rgba(100,220,100,.35); color:#88ee88; }
.tag-rate { background:rgba(255,180,60,.12);  border-color:rgba(255,180,60,.35);  color:#ffcc66; }
.tag-neg  { background:rgba(126,207,255,.12); border-color:rgba(126,207,255,.35); color:#7ecfff; }
.tag-note { background:rgba(180,180,255,.12); border-color:rgba(180,180,255,.35); color:#ccccff; }

/* ── Write Modal ── */
.modal-overlay {
  position:fixed; inset:0; z-index:300;
  background:rgba(0,0,50,.6); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:center;
}
.modal-box {
  width:380px; padding:24px; border-radius:16px;
}
.modal-header {
  display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;
}
.modal-title { font-family:'Black Han Sans',sans-serif; font-size:1.1rem; color:#ffe066; }
.modal-close {
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.2);
  border-radius:6px; width:28px; height:28px; cursor:pointer; color:#f0f6ff; font-size:0.85rem;
}

.modal-form { display:flex; flex-direction:column; gap:10px; }
.modal-form label { font-family:'Do Hyeon',sans-serif; font-size:0.82rem; color:rgba(220,235,255,.8); }
.modal-input,.modal-select {
  background:rgba(0,0,0,.35); border:1px solid rgba(255,255,255,.2);
  border-radius:8px; padding:8px 12px; color:#f0f6ff;
  font-family:'Do Hyeon',sans-serif; font-size:0.85rem; width:100%;
}
.price-row { display:flex; gap:8px; }
.price-row .modal-input { flex:1; }
.price-row .modal-select { width:90px; }

.tag-row { display:flex; gap:12px; }
.tag-radio { display:flex; align-items:center; gap:4px; font-family:'Do Hyeon',sans-serif; font-size:0.82rem; cursor:pointer; }
.toggle-label { display:flex; align-items:center; gap:6px; font-family:'Do Hyeon',sans-serif; font-size:0.82rem; cursor:pointer; }

.modal-submit {
  margin-top:6px; padding:10px; border-radius:10px;
  background:rgba(88,101,242,.8); border:1px solid rgba(140,150,255,.4);
  color:#fff; font-family:'Black Han Sans',sans-serif; font-size:0.95rem;
  cursor:pointer; transition:background .15s;
}
.modal-submit:hover { background:rgba(88,101,242,1); }

/* ── Ground tabs scroll ── */
.ground-tabs-wrap { padding: 12px 16px; margin-bottom: 14px; }
.ground-tabs-scroll { overflow-x: auto; padding-bottom: 4px; }
.ground-tabs-scroll::-webkit-scrollbar { height: 3px; }
.ground-tabs-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius:2px; }
.ground-tabs { display: flex; gap: 8px; min-width: max-content; }

.ground-empty {
  font-family: 'Do Hyeon', sans-serif; font-size: 0.82rem;
  color: rgba(220,235,255,.5); padding: 8px 4px;
}

/* ── Hot empty ── */
.hot-empty {
  grid-column: 1 / -1;
  font-family: 'Do Hyeon', sans-serif; font-size: 0.85rem;
  color: rgba(220,235,255,.5); padding: 12px 0; text-align: center;
}

.card-close-btn {
  margin-left: 8px;
  background: rgba(100,200,100,.2); border: 1px solid rgba(100,220,100,.35);
  border-radius: 10px; padding: 2px 8px;
  font-family: 'Do Hyeon', sans-serif; font-size: 0.65rem; color: #88ee88;
  cursor: pointer; transition: background .14s;
}
.card-close-btn:hover { background: rgba(100,200,100,.45); }