#shopScreen #shopUI.oaiKovarTabsV255 .kovarGemExtractCard{
  min-height:0 !important;
  height:100% !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto !important;
  gap:10px !important;
  padding:14px 18px 12px !important;
  box-sizing:border-box !important;
}
#shopScreen .kovarGemExtractHeading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(198,147,60,.25);
}
#shopScreen .kovarGemExtractTitle{
  display:flex;
  align-items:center;
  gap:9px;
  color:#f5dfae;
  font-size:20px;
  font-weight:900;
  line-height:1;
  text-shadow:0 2px 3px rgba(0,0,0,.75);
}
#shopScreen .kovarGemExtractIcon{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:1px solid rgba(213,164,67,.58);
  color:#77d7ff;
  background:rgba(0,0,0,.34);
  box-shadow:inset 0 0 8px rgba(73,174,255,.18);
  font-family:Georgia,serif;
  font-size:14px;
}
#shopScreen .kovarGemExtractHint{
  max-width:330px;
  color:#cbb58a;
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.3;
  text-align:right;
}
#shopScreen .kovarGemExtractBody{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:13px;
  min-width:0;
  min-height:0;
  align-items:stretch;
}
#shopScreen .kovarGemExtractStage{
  display:flex;
  min-height:108px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(177,126,48,.42);
  background:radial-gradient(circle,rgba(36,110,142,.25),rgba(0,0,0,.34) 72%);
  box-shadow:inset 0 0 24px rgba(0,0,0,.55);
}
#shopScreen .kovarGemExtractSlot{
  position:relative;
  display:flex;
  width:78px;
  height:78px;
  min-width:78px;
  min-height:78px;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  border:1px dashed rgba(111,205,240,.72);
  border-radius:4px;
  background:linear-gradient(145deg,rgba(22,39,45,.94),rgba(5,8,9,.98));
  color:#b9eaff;
  cursor:default;
  box-shadow:inset 0 0 15px rgba(0,0,0,.56);
}
#shopScreen .kovarGemExtractSlot.filled{border-style:solid;cursor:default;}
#shopScreen .kovarGemExtractSlot.dragOver,
#shopScreen .kovarGemExtractSlot:hover{
  border-color:#85e6ff;
  box-shadow:0 0 18px rgba(68,201,255,.42),inset 0 0 18px rgba(68,201,255,.18);
}
#shopScreen .kovarGemExtractSlot img{max-width:88%;max-height:88%;object-fit:contain;pointer-events:none;}
#shopScreen .kovarGemExtractSlot .kovarGemExtractSlotText{
  padding:4px;
  color:#b9eaff;
  font-size:10px;
  font-weight:900;
  line-height:1.15;
  text-align:center;
  text-shadow:0 2px 3px rgba(0,0,0,.85);
  pointer-events:none;
}
#shopScreen .kovarGemExtractClear{
  position:absolute;
  top:2px;
  right:3px;
  width:18px;
  height:18px;
  padding:0;
  border:0;
  color:#e5d0a0;
  background:rgba(0,0,0,.55);
  cursor:pointer;
  font-size:15px;
  line-height:16px;
}
#shopScreen .kovarGemExtractDetails{
  min-width:0;
  min-height:0;
  overflow:auto;
  padding:10px 11px;
  border:1px solid rgba(150,112,55,.38);
  background:rgba(0,0,0,.25);
  box-shadow:inset 0 0 18px rgba(0,0,0,.34);
  font-family:Arial,sans-serif;
}
#shopScreen .kovarGemExtractItemName{
  margin-bottom:5px;
  color:#fff0bd;
  font-size:16px;
  font-weight:900;
}
#shopScreen .kovarGemExtractSocketList{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
#shopScreen .kovarGemExtractSocket{
  display:flex;
  min-width:145px;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  border:1px solid rgba(96,190,225,.45);
  color:#dceeff;
  background:rgba(20,48,57,.42);
  cursor:pointer;
  font-size:11px;
  font-weight:800;
  text-align:left;
}
#shopScreen .kovarGemExtractSocket:hover,
#shopScreen .kovarGemExtractSocket.selected{
  border-color:#83e4ff;
  background:rgba(27,91,112,.54);
  box-shadow:0 0 12px rgba(76,203,255,.24);
}
#shopScreen .kovarGemExtractSocket img{width:27px;height:27px;object-fit:contain;pointer-events:none;}
#shopScreen .kovarGemExtractSocket small{display:block;color:#9dd5e8;font-size:9px;}
#shopScreen .kovarGemExtractEmpty{color:#b99f76;font-size:11px;line-height:1.4;}
#shopScreen .kovarGemExtractActionRow{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;align-items:stretch;}
#shopScreen .kovarGemExtractCost{padding:9px 11px;border:1px solid rgba(150,112,55,.38);color:#cbb58a;font-family:Arial,sans-serif;font-size:10px;line-height:1.35;}
#shopScreen .kovarGemExtractCost b{color:#adffbe;}
#shopScreen .kovarGemExtractButton{cursor:pointer;}
#shopScreen .kovarGemExtractButton:disabled{opacity:.45;filter:grayscale(.45);cursor:not-allowed;box-shadow:none;}
.kovarGemDragGhostV1{position:fixed !important;z-index:999999 !important;display:flex !important;width:68px !important;height:68px !important;align-items:center !important;justify-content:center !important;pointer-events:none !important;border:2px solid rgba(132,229,255,.82) !important;border-radius:12px !important;background:rgba(10,31,39,.94) !important;box-shadow:0 12px 25px rgba(0,0,0,.55) !important;box-sizing:border-box !important;overflow:hidden !important;}
.kovarGemDragGhostV1 img{max-width:82% !important;max-height:82% !important;object-fit:contain !important;pointer-events:none !important;}
@media(max-width:620px){
  #shopScreen #shopUI.oaiKovarTabsV255 .kovarGemExtractCard{height:auto !important;min-height:360px !important;}
  #shopScreen .kovarGemExtractHeading{flex-direction:column;align-items:stretch;gap:6px;}
  #shopScreen .kovarGemExtractHint{text-align:left;max-width:none;}
  #shopScreen .kovarGemExtractBody{grid-template-columns:1fr;gap:8px;}
  #shopScreen .kovarGemExtractStage{min-height:108px;}
  #shopScreen .kovarGemExtractActionRow{grid-template-columns:1fr;gap:7px;}
}