/* Gurugu Markt Tracker — compact Metin2 market browser. Live provider intentionally decoupled. */
:root{--mk-bg:#151412;--mk-panel:#191815;--mk-panel-2:#161512;--mk-line:rgba(224,196,154,.12);--mk-line-soft:rgba(224,196,154,.07);--mk-gold:#c79a5b;--mk-text:#ded7cc;--mk-muted:#8d857b;--mk-green:#76b98a;--mk-red:#cf7670}
.market-tool{width:min(1320px,calc(100vw - 44px));margin:0 auto;color:var(--mk-text)}
.market-page-head{padding:34px 0 19px;border-bottom:1px solid var(--mk-line-soft)}
.market-page-title{display:flex;align-items:center;gap:13px}.market-page-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:radial-gradient(circle at 35% 30%,#60472d,#292119 72%);border:1px solid rgba(229,172,89,.25);color:#f0bd6d;font-weight:900;font-size:13px}.market-page-head .section-kicker{color:#b88c51;margin-bottom:4px}.market-page-head h1{margin:0;font-size:29px;letter-spacing:-.025em;color:#f4efe7}.market-page-head p{margin:13px 0 0;max-width:920px;color:#aea499;font-size:14px;line-height:1.6}
.market-panel{padding:20px 0 42px}.market-source-note{min-height:36px;padding:8px 11px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(207,118,112,.16);border-left:2px solid rgba(207,118,112,.62);background:rgba(94,38,34,.08);color:#9d8f84;font-size:8.5px}.market-source-note strong{color:#d18a83;letter-spacing:.06em;text-transform:uppercase;font-size:7.5px}.market-source-note span:last-child{color:#736b64;text-align:right}
.market-toolbar{display:grid;grid-template-columns:180px minmax(260px,1fr) auto auto auto;gap:8px;align-items:center;margin-bottom:14px}.market-control,.market-search{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(224,196,154,.14);background:#191816;border-radius:7px;color:#9c9183}.market-control select,.market-search input{width:100%;border:0;outline:0;background:transparent;color:#e7dfd3;font-size:11px}.market-control select{appearance:auto}.market-search span{font-size:17px;color:#b59567}.market-search input::placeholder{color:#756e66}.market-toggle{height:40px;padding:0 11px;border:1px solid rgba(224,196,154,.11);background:#191816;border-radius:7px;color:#94897b;font-size:9px;cursor:pointer}.market-toggle:hover,.market-toggle.active{border-color:rgba(202,155,91,.35);color:#d4ba91;background:#211e19}.market-result-count{color:#8f877e;font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
.market-browser{display:grid;grid-template-columns:326px minmax(0,1fr);gap:16px;align-items:start}.market-index{max-height:calc(100vh - 170px);overflow:auto;border-top:1px solid var(--mk-line-soft);border-bottom:1px solid var(--mk-line-soft);scrollbar-width:thin}.market-item-row{width:100%;min-height:58px;padding:7px 8px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;border:0;border-left:2px solid transparent;border-bottom:1px solid rgba(224,196,154,.045);background:transparent;color:inherit;text-align:left;cursor:pointer}.market-item-row:hover{background:rgba(255,255,255,.018)}.market-item-row.is-active{border-left-color:#b88648;background:#211e19}.market-item-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #403930;background:#11100e}.market-item-icon img{max-width:32px;max-height:34px;object-fit:contain}.market-item-copy{min-width:0}.market-item-copy strong{display:block;color:#d7d0c5;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-item-copy small{display:block;margin-top:3px;color:#716b64;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-item-price{text-align:right}.market-item-price strong{display:block;color:#c9b18d;font-size:8.5px;font-weight:700}.market-item-price small{display:block;margin-top:3px;font-size:6.8px}.up{color:#77b98a!important}.down{color:#cf7670!important}.market-empty-list,.market-empty-detail{padding:38px 15px;text-align:center;color:#817970;border:1px solid var(--mk-line-soft);background:#191815;font-size:10px}
.market-detail{min-width:0;position:sticky;top:76px}.market-selected{border:1px solid var(--mk-line-soft);background:#191815}.market-selected-head{min-height:78px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--mk-line-soft)}.market-selected-item{display:flex;align-items:center;gap:11px;min-width:0}.market-selected-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #4a4035;background:linear-gradient(145deg,#11100e,#201d18);box-shadow:inset 0 0 12px rgba(0,0,0,.55)}.market-selected-icon img{max-width:44px;max-height:46px;object-fit:contain}.market-kicker{display:block;color:#85735c;font-size:7px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.market-selected-head h2{margin:3px 0 0;color:#e6ded1;font-size:18px}.market-selected-head h2 em{color:#cba469;font-style:normal;font-weight:650}.market-selected-head p{margin:4px 0 0;color:#746e67;font-size:7.5px}.market-selected-actions{display:flex;gap:6px}.market-icon-btn,.market-link-btn,.market-primary-btn{height:29px;padding:0 9px;border:1px solid rgba(224,196,154,.11);border-radius:4px;background:#201e1b;color:#9f9282;font-size:8px;cursor:pointer}.market-icon-btn{width:31px;padding:0;font-size:14px}.market-icon-btn:hover,.market-icon-btn.active,.market-link-btn:hover,.market-link-btn.active{border-color:rgba(202,155,91,.34);color:#d9b984}.market-link-btn.danger{color:#bb746f;border-color:rgba(207,118,112,.18)}.market-primary-btn{background:#3a2b1c;border-color:#6c4f2d;color:#e6c694}
.market-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--mk-line-soft)}.market-summary-strip div{min-height:68px;padding:11px 13px;border-right:1px solid var(--mk-line-soft)}.market-summary-strip div:last-child{border-right:0}.market-summary-strip small{display:block;color:#726b64;font-size:7px}.market-summary-strip strong{display:block;margin-top:6px;color:#d8c29f;font:750 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.market-summary-strip em{display:block;margin-top:4px;font-size:6.8px;font-style:normal}
.market-history{padding:13px 14px 10px;border-bottom:1px solid var(--mk-line-soft)}.market-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.market-subhead strong{display:block;color:#cbb99d;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.market-subhead span{display:block;margin-top:2px;color:#6f6861;font-size:7px}.market-periods{display:flex;gap:4px}.market-periods button{height:24px;padding:0 7px;border:1px solid rgba(224,196,154,.08);background:#171613;color:#766e65;font-size:7px;cursor:pointer}.market-periods button.active{border-color:#6a4f2f;color:#d1ae79;background:#211d18}.market-chart{position:relative;height:180px;border:1px solid rgba(224,196,154,.06);background:linear-gradient(180deg,#151411,#181612);overflow:hidden}.market-chart svg{width:100%;height:100%;display:block}.market-chart-grid line{stroke:rgba(224,196,154,.06);stroke-width:1}.market-chart-area{fill:rgba(190,143,76,.075)}.market-chart-line{fill:none;stroke:#b98a4e;stroke-width:2;vector-effect:non-scaling-stroke}.market-chart-dot{fill:#dfb36f;stroke:#302315;stroke-width:2}.market-chart-min,.market-chart-max{position:absolute;right:7px;color:#746d64;font:600 6.8px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.market-chart-max{top:7px}.market-chart-min{bottom:7px}
.market-controls{display:grid;grid-template-columns:90px minmax(150px,1.2fr) minmax(130px,1fr) 120px 142px;gap:7px;padding:11px 14px;border-bottom:1px solid var(--mk-line-soft)}.market-controls label{display:grid;gap:4px}.market-controls label>span{color:#706961;font-size:6.5px;font-weight:700;text-transform:uppercase;letter-spacing:.055em}.market-controls input,.market-controls select,.market-alert-editor input,.market-alert-editor select{height:31px;width:100%;border:1px solid rgba(224,196,154,.1);background:#151411;color:#cfc5b7;border-radius:3px;padding:0 8px;outline:0;font-size:8px}.market-controls input:focus,.market-controls select:focus,.market-alert-editor input:focus{border-color:rgba(202,155,91,.35)}
.market-alert-row{min-height:50px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--mk-line-soft);background:rgba(198,151,86,.025)}.market-alert-row strong{display:block;color:#bca98c;font-size:8.5px}.market-alert-row span{display:block;margin-top:2px;color:#706961;font-size:7px}.market-alert-actions{display:flex;gap:5px}.market-alert-editor{padding:9px 14px;display:grid;grid-template-columns:minmax(180px,260px) 90px auto;align-items:end;gap:7px;border-bottom:1px solid var(--mk-line-soft);background:#171613}.market-alert-editor label{display:grid;gap:4px}.market-alert-editor label span{font-size:6.5px;color:#766e65;text-transform:uppercase}
.market-listings{padding:13px 14px 15px}.market-live-dot{color:#b77d70!important;font-size:6.8px!important;font-weight:800;letter-spacing:.08em}.market-table-wrap{overflow:auto;border:1px solid rgba(224,196,154,.06)}.market-table{width:100%;border-collapse:collapse;min-width:720px}.market-table th{height:29px;padding:0 9px;color:#706961;background:#151411;border-bottom:1px solid rgba(224,196,154,.08);font-size:6.5px;text-align:left;text-transform:uppercase;letter-spacing:.055em}.market-table td{padding:7px 9px;border-bottom:1px solid rgba(224,196,154,.045);color:#988e82;font-size:7.5px;vertical-align:top}.market-table tr:last-child td{border-bottom:0}.market-table td strong{color:#bdb1a1;font-weight:650}.market-price-cell{color:#d3ad72!important;font:700 8px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.market-bonuses{display:flex;gap:4px;flex-wrap:wrap;max-width:330px}.market-bonuses span{padding:2px 4px;border:1px solid rgba(128,163,116,.12);background:rgba(84,119,72,.045);color:#8fa285;font-size:6.6px}.market-bonuses b{color:#b8caaa;font-weight:700}.market-no-bonus{color:#5f5953}.market-no-results{text-align:center!important;padding:24px!important;color:#756d65!important}.market-data-note{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:17px;padding-top:13px;border-top:1px solid rgba(224,196,154,.08);color:#7c756d;font-size:9px}.market-data-note strong{color:#a79b8c}
@media(max-width:1060px){.market-toolbar{grid-template-columns:170px minmax(220px,1fr) auto auto}.market-result-count{grid-column:1/-1;text-align:right}.market-browser{grid-template-columns:285px minmax(0,1fr)}.market-controls{grid-template-columns:80px 1fr 1fr}.market-controls label:nth-child(4),.market-controls label:nth-child(5){grid-column:auto}.market-summary-strip strong{font-size:11px}}
@media(max-width:820px){.market-tool{width:calc(100vw - 24px)}.market-toolbar{grid-template-columns:1fr 1fr}.market-search{grid-column:1/-1}.market-result-count{grid-column:auto;text-align:right}.market-browser{grid-template-columns:1fr}.market-index{max-height:340px}.market-detail{position:static}.market-summary-strip{grid-template-columns:1fr 1fr}.market-summary-strip div:nth-child(2){border-right:0}.market-summary-strip div:nth-child(-n+2){border-bottom:1px solid var(--mk-line-soft)}.market-controls{grid-template-columns:1fr 1fr}.market-controls label:last-child{grid-column:1/-1}.market-source-note{align-items:flex-start;flex-direction:column}.market-source-note span:last-child{text-align:left}}
@media(max-width:520px){.market-page-head h1{font-size:25px}.market-toolbar{grid-template-columns:1fr}.market-result-count{text-align:left}.market-selected-head{align-items:flex-start;flex-direction:column}.market-selected-actions{width:100%}.market-selected-actions .market-link-btn{flex:1}.market-summary-strip{grid-template-columns:1fr 1fr}.market-controls{grid-template-columns:1fr}.market-controls label:last-child{grid-column:auto}.market-alert-row{align-items:flex-start;flex-direction:column}.market-alert-editor{grid-template-columns:1fr 90px}.market-alert-editor .market-primary-btn{grid-column:1/-1}.market-chart{height:150px}}

/* V55 - own Market API status + live data states */
.market-source-note.is-checking{border-left-color:rgba(190,143,76,.62);background:rgba(109,77,35,.07)}
.market-source-note.is-live{border-color:rgba(118,185,138,.15);border-left-color:rgba(118,185,138,.72);background:rgba(49,102,66,.07)}
.market-source-note.is-live strong{color:#8fc59d}
.market-source-note.is-live [data-market-source-status]{color:#90b99b;font-weight:700}
.market-source-note.is-demo{border-color:rgba(207,118,112,.16);border-left-color:rgba(207,118,112,.62);background:rgba(94,38,34,.08)}
.market-live-dot.live{color:#78ba8b!important;text-shadow:0 0 10px rgba(96,181,119,.16)}
.market-chart-empty{height:100%;display:grid;place-items:center;color:#666059;font-size:8px;letter-spacing:.02em}
.market-loading{position:relative;overflow:hidden}
.market-loading:after{content:"";position:absolute;left:15%;right:15%;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(199,154,91,.55),transparent);animation:marketApiLoad 1.15s ease-in-out infinite}
@keyframes marketApiLoad{0%,100%{opacity:.18;transform:scaleX(.55)}50%{opacity:.85;transform:scaleX(1)}}
.market-offer-source{display:block;margin-top:3px;color:#5f5a54;font-size:5.8px;font-weight:500;letter-spacing:.035em}


/* V57 - Market Tracker SOON state */
.tool-soon-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:6px;
  padding:2px 5px;
  border:1px solid rgba(193,145,75,.34);
  border-radius:2px;
  background:rgba(111,72,27,.14);
  color:#c79b5d;
  font-size:6px;
  font-weight:900;
  line-height:1;
  letter-spacing:.11em;
  vertical-align:middle;
}
.market-soon-title{
  display:inline-flex;
  margin-left:8px;
  padding:3px 6px;
  border:1px solid rgba(193,145,75,.32);
  border-radius:2px;
  color:#c89b5e;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
  vertical-align:middle;
}
.market-soon-panel{
  min-height:330px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:10px;
  padding:42px 24px;
  border-top:1px solid rgba(208,175,128,.08);
  border-bottom:1px solid rgba(208,175,128,.08);
  background:linear-gradient(180deg,rgba(31,29,25,.30),rgba(15,14,12,.12));
  text-align:center;
}
.market-soon-panel .market-soon-kicker{
  color:#756b5d;
  font-size:7px;
  font-weight:800;
  letter-spacing:.16em;
}
.market-soon-panel>strong{
  color:#d2c1a4;
  font-size:19px;
  font-weight:750;
}
.market-soon-panel p{
  max-width:470px;
  margin:0;
  color:#80786e;
  font-size:9px;
  line-height:1.65;
}
.market-soon-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  padding:5px 8px;
  border:1px solid rgba(193,145,75,.22);
  border-radius:2px;
  background:rgba(111,72,27,.10);
  color:#b98b50;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.market-soon-status i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#b98b50;
  box-shadow:0 0 8px rgba(185,139,80,.35);
}
@media(max-width:620px){
  .market-soon-panel{min-height:270px;padding:32px 18px}
  .market-soon-panel>strong{font-size:17px}
}